@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/myriadpro-regular/myriadpro-regular.eot');
    src: url('../font/myriadpro-regular/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-regular/myriadpro-regular.woff') format('woff'),
         url('../font/myriadpro-regular/myriadpro-regular.ttf') format('truetype'),
         url('../font/myriadpro-regular/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../font/myriadpro-semibold/myriadpro-semibold.eot');
    src: url('../font/myriadpro-semibold/myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-semibold/myriadpro-semibold.woff') format('woff'),
         url('../font/myriadpro-semibold/myriadpro-semibold.ttf') format('truetype'),
         url('../font/myriadpro-semibold/myriadpro-semibold.svg#myriadpro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../font/myriadpro-light/myriadpro-light.eot');
    src: url('../font/myriadpro-light/myriadpro-light.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-light/myriadpro-light.woff') format('woff'),
         url('../font/myriadpro-light/myriadpro-light.ttf') format('truetype'),
         url('../font/myriadpro-light/myriadpro-light.svg#myriadpro-light') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:#ECE9D8;
	font-family:arial;
	font-size:13px;
	color:#000;
	line-height:18px;
}
body, html, div, p {
	margin:0px;
	padding:0px;
}
html {
	overflow: -moz-scrollbars-vertical;
	
}

section, aside, nav {display:block;}
* img {
	margin:0px;
	padding:0px;
}

.absmiddle {
	vertical-align:middle;
}
.absbottom {
	vertical-align:bottom;
}
:focus {
	outline:none;
}
.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}

.absolute {position:absolute;}
.rel {position:relative;}

a {text-decoration:none;}

.wrapper {width:100%; float:left;}
.header {width:100%; float:left;  background:url(../images/bg-header.png) repeat-x; text-align:center; padding:22px 0;}
.logo {width:460px; margin:0 auto; background:url(../images/logo.png) no-repeat left bottom; height:70px;}
.logo-in {width:360px; margin:0 auto; background:url(../images/logo-in.png) no-repeat left bottom; height:58px;}
.logo-sutton-east {width:360px; margin:0 auto; background:url(../images/logo-sutton-east.png) no-repeat left bottom; height:58px;}
.logo-yorkville {width:360px; margin:0 auto; background:url(../images/logo-yorkville.png) no-repeat left bottom; height:58px;}

.content {width:100%; float:left;}

img.bg {
	/* Set rules to fill background */
			min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
			width: 100%;
	height: 90%;
	/* Set up positioning */
			position: fixed;
	top: 0;
	left: 0; z-index:-99999;
}
 @media screen and (max-width: 1024px) {
 img.bg {
 left: 50%; 
 margin-left: -512px;
}
}


.ml30 {margin-left:30px;}

.nav {width:74%; margin:80px auto;}
.nav-main {width:100%; float:left; background:#000 url(../images/bg-nav-main.png) repeat-x; position:relative; border-radius:10px; box-shadow:0px 0px 4px #333; padding:20px 0 15px 0; margin-top:35px; cursor:pointer; }
.nav-main-l {width:90px; float:left; text-align:center; background:url(../images/ico-ball.png) no-repeat 19px 0; height:50px;}
.nav-main-l2 {width:90px; float:left; text-align:center; background:url(../images/ico-ball.png) no-repeat 19px 0; height:50px;}
.nav-main-c {width:65%; float:left; color:#FB7114;  font-weight:; font-size:25px; color:#FB7114; line-height:28px; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; text-align:left; }
.nav-main-c2 {width:65%; float:left; color:#FB7114;  font-weight:; font-size:25px; color:#FB7114; line-height:28px; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; text-align:left; }
.call {float:left; color:#ccc; font-family:arial; font-size:18px; margin-top:6px; font-weight:normal; }

.call2 {width:100%; height:30px; float:left; color:#ccc; font-family:arial; font-size:21px; background:#000; text-align:center; padding-top:10px; }
.ico1 {width:34px; height:34px; float:right; background:url(../images/ico1.png) no-repeat; display:block; margin:-8px 0 0 0; margin-right:7%;} 
.nav-main-r {width:56px; float:right; height:93px;  border-left:1px solid #333; background:url(../images/arrow-r.png) no-repeat 18px center;}
.nav-lt {position:absolute; left:0px; top:0px; background:url(../images/bg-nav-main-lt.png) no-repeat; width:14px; height:19px;}
.nav-rt {position:absolute; right:0px; top:0px;  background:url(../images/bg-nav-main-rt.png) no-repeat; width:14px; height:19px;}

/*.nav-main:hover {background:url(../images/bg-nav-main-hover.png) repeat-x;}
.nav-main:hover .nav-main-r {border-left:1px solid #FC924B;}
.nav-main:hover .nav-main-c {color:#fff;}
.nav-main:hover .nav-main-c2 {color:#fff;}
.nav-main:hover .call {color:#FECFAF;}
.nav-main:hover .nav-lt {background:url(../images/bg-nav-main-lt-hover.png) no-repeat;}
.nav-main:hover .nav-rt {background:url(../images/bg-nav-main-rt-hover.png) no-repeat; }*/

.footer {width:100%;/* position:fixed; bottom:0px; */ float:left; background:#677846 url(../images/bg-footer.png) repeat-x; margin-top:40px; text-align:center;}
.footer-pic {width:100%;  float:left; margin-top:10px;}
.footer-pic img {width:100%; vertical-align:bottom;}

.foot-btn {width:47.5%; float:left; margin-top:-20px; margin-bottom:10px; margin-left:2%; }
.btn-cal {width:202px; height:52px; margin:20px auto; background:url(../images/btn-calendar.png) no-repeat; display:block;}
.btn-cal:hover {background-position:0 -52px;}

.loc-hold {width:34px; height:34px; float:right; display:block; margin-right:7%; position:relative;}
.loc-w {width:300px; position:absolute; top:22px; left:-276px; color:#333; text-align:left; line-height:22px; font-size:18px; display:none; }
.loc-w h1 {color:#000; font-size:24px; font-weight:bold;  margin:0px; padding:0px; padding-bottom:5px; font-family: 'MyriadPro-Semibold';}
.loc {width:260px; float:left; background:url(../images/bg-location.png) no-repeat; padding:42px 20px 5px 20px; font-family: 'MyriadPro-Regular';}
.loc-bot {width:299px; height:11px; float:left; background:url(../images/bg-location-bot.png) no-repeat;}

@media only screen and (max-width: 480px){
.nav-main-c {width:65%; font-size:17px; line-height:18px; text-decoration:none; }
.nav-main-c2 {width:65%; font-size:15px; line-height:18px; text-decoration:none; }
.call {font-size:13px; line-height:20px; color:#fff;}
.nav-main-l {width:60px; float:left; text-align:center; background:url(../images/ico-ball2.png) no-repeat 19px 5px; height:50px;}
.nav-main-r {width:40px; height:56px; background:url(../images/arrow-r-2.png) no-repeat 14px center;}
.nav-main-l2 {width:45px; float:left; text-align:center; background:url(../images/ico-ball2.png) no-repeat 11px 5px; height:50px;}
.btn-cal {width:149px; height:44px; margin:20px auto; background:url(../images/btn-calendar2.png) no-repeat; display:block;}
/*.btn-cal:hover {background-position:0 -44px;}*/
.call2 {width:100%; height:30px; float:left; color:#ccc; font-family:arial; font-size:21px; background:#000; text-align:center; padding-top:10px; }
}

@media only screen and (max-width: 360px){
.header {width:100%; float:left;  background:url(../images/bg-header.png) repeat-x; text-align:center; padding:15px 0;}
.logo {width:320px; margin:0 auto; background:url(../images/logo2.png) no-repeat; height:56px;}
.logo-in {width:300px; margin:0 auto; background:url(../images/logo-in2.png) no-repeat left bottom; height:56px;}
.logo-sutton-east {width:300px; margin:0 auto; background:url(../images/logo-sutton-east2.png) no-repeat left bottom; height:56px;}
.logo-yorkville {width:300px; margin:0 auto; background:url(../images/logo-yorkville2.png) no-repeat left bottom; height:56px;}
.header {height:50px; }
.nav {width:88%; margin:40px auto;}
.nav-main-c {width:60%; font-size:15px; line-height:18px; }
.nav-main-c2 {wdth:60%; font-size:12px; line-height:18px; }
.call {font-size:11px; line-height:20px; color:#ccc;}
.nav-main-l {width:60px; float:left; text-align:center; background:url(../images/ico-ball2.png) no-repeat 19px 5px; height:50px;}
.nav-main-l2 {width:45px; float:left; text-align:center; background:url(../images/ico-ball2.png) no-repeat 11px 5px; height:50px;}
.nav-main-r {width:36px; height:56px; background:url(../images/arrow-r-2.png) no-repeat 12px center;}
.btn-cal {width:149px; height:44px; margin:10px auto; background:url(../images/btn-calendar2.png) no-repeat; display:block;}
/*.btn-cal:hover {background-position:0 -44px;}*/
.call2 {width:100%; height:30px; float:left; color:#ccc; font-family:arial; font-size:21px; background:#000; text-align:center; padding-top:10px; }
.loc-w {width:213px; position:absolute; top:20px; left:-194px; color:#333; text-align:left; line-height:20px; font-size:16px; display:none; }
.loc-w h1 {color:#000; font-size:20px; font-weight:bold;  margin:0px; padding:0px; padding-bottom:5px; font-family: 'MyriadPro-Semibold';}
.loc {width:183px; float:left; background:url(../images/bg-location2.png) no-repeat; padding:32px 15px 5px 15px; font-family: 'MyriadPro-Regular';}
.loc-bot {width:213px; height:11px; float:left; background:url(../images/bg-location2-bot.png) no-repeat;}
}