/* CSS Document */

body{
margin:0px;
background:url(../img/mainbanner-bg.png) repeat-x 0px 0px;
padding:0px 0px 0px 0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#606060;
border:none;
}

* {padding:0px; margin:0px;}

table{
	margin:0px;
	padding:0px;
	border:none;
	width:100%;
	text-align:left;
	border-collapse:collapse;
}


a , a:hover {outline:none;}
	
tr{
padding:0px;
Margin:0px;
}

td{
vertical-align:top;
padding:0px;
margin:0px;
}


img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;
vertical-align:top;
}


p, h1, h2, h3, h4, h5, h6 , ul , small {padding:0px; margin:0px;}

a {color:#f9f9f9; text-decoration:none;}
a:hover {outline:none; text-decoration:underline;}

.alignright {float:right; display:inline; }
.alignleft {float:left; display:inline; }
.aligncenter {text-align:center!important;}
.cl {font-size:0px!important; line-height:1!important; clear:both; display:block; height:0;}

.clearfix:after {  content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

ul li {list-style:none;}


@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('font/gothic-webfont.eot');
    src: url('font/gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gothic-webfont.woff') format('woff'),
         url('font/gothic-webfont.ttf') format('truetype'),
         url('font/gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* General css 
---------------------------------------------------------------------------------------------*/

.top_bg {background:url(../images/top-bg.png) center 64px no-repeat;}

.wrapper {width:1000px; margin:0px auto; position:relative;}
.bannerbg {background:url(../img/banner-img-blue.jpg) no-repeat center 0px; position:relative; z-index:999;}


.home-container {padding:30px 30px 0px 50px;}
.widecolumn {width:534px;}
.narrowcolumn {width:330px;}



/* Header css 
---------------------------------------------------------------------------------------------*/

#header {height:44px;}
#header .wrapper {position:relative;}

#logo {background:url(../img/logo.png) no-repeat 0px 0px; text-indent:-4000px; width:226px; height:124px; position:absolute; right:0px; top:-8px;}
#logo a {display:block; height:124px;}


/* Navigation css 
---------------------------------------------------------------------------------------------*/

#mainNavigation {position:absolute; right:0px;}
#mainNavigation li {float:left; background:url(../img/menu-divider.jpg) 100% 0px no-repeat;}
#mainNavigation li.last {background:none;}
#mainNavigation li a {display:block; color:#0b86c0;  padding-left:13px; font-size:14px; text-decoration:none;}
#mainNavigation li a span {display:block; height:55px; padding-right:16px; padding-left:3px; line-height:40px;}

#mainNavigation li a:hover , #mainNavigation li.current a {background:url(../img/navigation-bg.png) no-repeat 0px 100%; color:#fff;}
#mainNavigation li a:hover span , #mainNavigation li.current a span { background:url(../img/navigation-bg.png) no-repeat 100% 0%; }



/* structure css
---------------------------------------------------------------------------------------------*/

.bannerTeaser {height:535px; position:relative; z-index:99999; margin-bottom:120px;}
.bannerTeaser .tree {position:absolute; left:-120px; bottom:0px;}
.bannercontent {height:560px; padding-left:310px; padding-top:77px;}
.bannercontent ul {width:390px; text-align:center;}
.bannercontent li {position:relative; min-height:459px; color:#3aa8d5;}
.bannercontent li .slideimg {display:block; position:absolute; left:-148px; bottom:0px;}

.bannercontent li h3 {font-size:36px; font-family: 'CenturyGothicRegular'; text-transform:uppercase; color:#fff; font-weight:normal; line-height:44px; background:url(../img/divider-img.png) repeat-x 0px 100%; padding-bottom:14px; margin-bottom:10px;}
.bannercontent li h4 {color:#3aa8d5; font-size:14px; font-weight:normal; margin-bottom:5px;}
.bannercontent li p {margin-bottom:14px;}

.bottomSlider {background:url(../img/mainbox-sider.png)0px 0px; height:190px; position:absolute; bottom:-108px; width:100%; z-index:999;}

.bottomSlider li {float:left;  margin-right:60px; text-indent:-4000px;  }
.bottomSlider ul {padding-left:445px; padding-top:70px; }
.bottomSlider li a {display:block;}
.bottomSlider .temple a{width:50px; height:65px;}
.bottomSlider .page300sq {margin-right:42px;}
.bottomSlider .page300sq a{width:65px; height:68px;}
.bottomSlider .page500sq  {margin-right:54px;}
.bottomSlider .page500sq a{width:64px; height:68px;}
.bottomSlider .amenities a {width:72px; height:68px;}




.service-list {padding:0px 0px 40px 0px;}
.service-list li {float:left; margin-right:30px; position:relative;}
.service-list li .over {background:url(../img/hoverbg-service.png) no-repeat 0px 0px; position:absolute; left:11px; top:11px; display:none; height:310px; width:100%;}
.service-list li a:hover .over {display:block;}
.service-list li.last {margin-right:0px;}


.home-container {background:url(../img/homecontent-bg.png) 100% 250px no-repeat; padding-bottom:100px;}
.content h3.title {font-size:26px; line-height:30px; color:#b24043; font-weight:normal; margin-bottom:5px;}

.videocontent {padding-top:40px;}



/* Innerpage content Css
---------------------------------------------------------------------------------------------*/

.innerpage {background:url(../img/innerpage-title.jpg) repeat-x 0px 0px; padding-bottom:40px;}
.innerpage .innhead { font-family: 'CenturyGothicRegular'; font-size:28px; line-height:120px; height:133px; margin-bottom:20px; color:#fff; text-decoration:underline;}
.innercontent {padding:22px 20px;}

.posttitle {font-size:26px; color:#b24043; margin-bottom:30px; font-weight:normal;}

/* Sitedevelopment post content
-------------------------------------------------------*/

.sitedeve-post h3 {font-size:18px; font-weight:normal; line-height:20px;}
.sitedeve-post .date {display:block; font-size:12px; color:#606060; margin-bottom:10px;}

.sitelist {margin-bottom:30px;}
.sitelist li {float:left; margin-right:20px; margin-bottom:10px;  border:solid 1px #222; padding:4px;}
.sitelist img {width:210px;}
.sitelist a {display:block; height:120px; overflow:hidden;}


/* Download Page Content
-------------------------------------------------------*/

.downloadlinks li {background:url(../img/divider.png) repeat-x 0px 100%; padding-bottom:20px; margin-bottom:20px;}
.downloadlinks li.last {margin-bottom:0px; background:none;}
.downloadlinks h3 {font-size:18px; font-weight:normal; line-height:20px; margin-bottom:8px;}
.downloadlinks p {font-size:12px; margin-bottom:10px;}
.downloadlinks .downloadlink {background:url(../img/DOWNLOAD-ICON.png) no-repeat 0px 0px; height:36px; padding-left:44px; display:inline-block; color:#606060; font-style:italic; line-height:36px;}


/* Contact Page Content
-------------------------------------------------------*/

.contactmap {text-align:center; margin-bottom:30px;}
.contactmap img {border:solid 3px #dbdbdb;}

.contact {padding:20px 0px;}
.address {padding-left:20px; font-size:18px;}


/* Amenity Page Content
-------------------------------------------------------*/

.amenity-service h4 {font-size:18px; margin-bottom:5px; font-weight:normal;}
.amenity-service  li {float:left; width:18%; margin-right:15px;}
.amenity-service  li.last {margin-right:0px; width:19%;}

.amenity-service .servicelist {margin-bottom:12px; font-size:14px;}
.amenity-service .servicelist dd { background:url(../img/servicelist-bul.png) no-repeat 0px 7px; margin-bottom:8px; padding-left:8px;}


.amenity-service .imagelist dd {margin-right:10px; float:left; text-indent:-4000px;}
.amenity-service .imagelist .image {height:60px; display:block; -moz-border-radius:6px;  -webkit-border-radius:6px;  border-radius:6px; background:#e3e3e3; width:78px;}


.amenities-img {margin-bottom:20px;}
.amenities-img li {float:left; padding:4px; border:solid 1px #333; margin-right:10px; margin-bottom:10px;}
.amenities-img li:hover {background:#333;}
.amenities-img li img {width:172px;}
.amenities-img li span {display:block; height:102px; overflow:hidden;}




/* Temple content Css
-------------------------------------------------------*/
.tample-content {padding:0px 20px;}
.tample-content .banner-image {text-align:center; margin-bottom:20px;}
.tample-content .banner-image img {border:solid 1px #adadad;}
.tample-content .detail {width:415px;}
.tample-content .detail h3 {font-size:26px; color:#b24043; margin-bottom:10px; font-weight:normal;}
.tample-content .detail p {margin-bottom:20px;}
.tample-content .imagedetail img {border:solid 1px #adadad;}


/* yard page  content Css
-------------------------------------------------------*/

.contentTeaser .posttitle {margin-bottom:10px;}
.contentTeaser .wideColumn {width:640px;}

.banner-image {margin-bottom:20px;}

.yardthumblist {margin-bottom:30px;}
.yardthumblist li {float:left; margin-right:19px; border:solid 1px #a8a8a8;}
.yardthumblist li.last {margin-right:0px;}

.service-point {margin-bottom:30px;}
.service-point li {background:url(../img/bul-service.png) no-repeat 0px 7px; padding-left:14px; margin-bottom:2px;}

.posttitle .subtitle {display:block; font-size:16px; line-height:16px;}

.briefinglist li {background:url(../img/brief-bul.png) no-repeat 0px 6px; padding-left:12px; line-height:16px; margin-bottom:12px;}
.pro-instructions li {line-height:24px;}
.pro-instructions li .label {color:#b24043; margin-right:5px;}

.floorplan .image {margin-bottom:20px; display:block;}



.addressbar { margin:0px auto; width:800px;}
.addressitem  h4 {font-size:20px;}
.addressitem {width:29%;  text-align:left; min-height:150px;}
.addressitem {padding-right:20px; border-right:dashed 1px #999; margin-right:30px;}
.addressbar a {color:#999;}
.addressitem.last {border:none; padding:0px; margin-right:0px; border:none;} 
.addressitem h4 {margin-bottom:19px;}




/* Buyers Guide  content Css
-------------------------------------------------------*/

.buyers-guide .briefinglist {font-size:15px;}
.buyers-guide .briefinglist h4 {font-size:16px; margin-bottom:8px; color:#b24043;}
.buyers-guide h4 {margin-bottom:10px; font-size:15px;}


.item-guide {width:48%; margin-bottom:20px; border:solid 1px #ccc; background:#fff;}
.item-guide h4 {background:#46bae9; height:32px; line-height:32px; padding-left:10px; font-size:15px; color:#fff;}
.item-guide ul {padding:10px 15px 0px; min-height:120px; font-size:14px; line-height:18px;}
.item-guide ul li {background:url(../img/brief-bul.png) no-repeat 0px 6px; padding-left:12px; line-height:18px; font-size:12px; margin-bottom:12px;}


/* Inquiry form  content Css
-------------------------------------------------------*/

.inquirycontent .wideColumn {width:640px;}

.inquirycontent  .briefinglist li {font-size:15px; line-height:18px;}
.inquiry-form {width:240px; padding-right:20px;}
.inquiry-form li {margin-bottom:8px;}
.inquiry-form .formlabel {display:block; border:solid 1px #cdcdcd; -moz-border-radius:4px;  -webkit-border-radius:4px;  border-radius:4px; background:#eee; padding:6px;}
.inquiry-form .formlabel input {height:16px; color:#a2a2a2; background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; border:none; width:98%;}
.inquiry-form .formlabel select {height:16px; color:#a2a2a2; background:#eee; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; border:none; width:98%;}
.inquiry-form .formlabel textarea {height:48px; color:#a2a2a2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:none; border:none; width:100%;}
.inquiry-form li.last {text-align:center;}
.inquiry-form li.last a {font-size:14px; color:#6a6a6a;}
.inquiry-form .label {display:block; font-weight:bold; font-size:13px;}


/* Gallery Page content Css
-------------------------------------------------------*/

.gallery-content li {float:left; margin-right:10px; border:solid 2px #000; margin-bottom:10px; list-style:none;}
.gallery-content li img {width:170px; height:110px;}
.gallery-content li a {border:solid 4px #ccc; display:block;}
.gallery-content li a:hover {border-color:#000;}


/* End  Innerpage content Css
-------------------------------------------------------*/


/* Footer css 
---------------------------------------------------------------------------------------------*/

#footer {background:url(../img/footer-bg.jpg) repeat-x 0px 0px;}


.footer-Nav {height:70px;}
.footernav li {float:left; margin-right:7px; padding-top:26px; color:#6a6a6a; font-size:12px;}
.footernav li.home img {position:relative; top:-8px;}
.footernav li a {color:#6a6a6a; margin-right:7px;}

.social-link li {float:left; margin-right:10px; padding-top:15px;}
.social-link li a {display:block; text-indent:-4000px; background:url(../img/social-icon.png) no-repeat 0px 0px; height:34px; width:34px;}

.social-link li a.twit {background-position:-42px 0px;}
.social-link li a.rss {background-position:-84px 0px;}
.social-link li a.flkr {background-position:-124px 0px;}
.social-link li a.linked {background-position:-162px 0px;}
.social-link li a.myscpace {background-position:-202px 0px;}

.footercontent {padding-top:20px;}
.footercontent h3 {margin-bottom:14px; font-weight:normal; font-size:14px;}
.footercontent .gallery {width:230px;}
.footercontent .location {margin-right:20px;}
.footercontent .location .image {border:solid 1px #cdcdcd; display:block;}


.footercontent {height:274px;}
.footercontent .gallery li {float:left; margin-right:6px; margin-bottom:6px; width:58px; overflow:hidden;}
.footercontent .gallery li img { height:56px;}


.footercontent .formcontent {width:240px; padding-right:20px;}
.footercontent .formcontent li {margin-bottom:8px;}
.footercontent .formlabel {display:block; border:solid 1px #cdcdcd; -moz-border-radius:4px;  -webkit-border-radius:4px;  border-radius:4px; background:#dbdbdc; padding:6px;}
.footercontent .formlabel input {height:16px; color:#a2a2a2; background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; border:none; width:98%;}
.footercontent .formlabel textarea {height:48px; color:#a2a2a2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background:none; border:none; width:100%;}

.footercontent .formcontent li.last {text-align:right;}
.footercontent .formcontent li.last a {font-size:14px; color:#6a6a6a;}

#footer .copyright {height:35px; line-height:35px; padding:0px 10px;} 
#footer .copyright a {color:#606060;}