﻿/* CSS Document */

body{
margin:0px;
background:url(../img/top-linebg.png) repeat-x 0px 40px #252525;
padding:0px 0px 0px 0px;
font-family:Calibri, Arial, serif;
font-size:12px;
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;
}


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;}


/* General css 
---------------------------------------------------------------------------------------------*/

#wrapper { z-index:1px; width:1000px; height:100%; margin:0px auto;}

body, html { height:100%; min-height:100%;}
.background {position:fixed; width:100%; height:100%;  z-index:-1; left:0; bottom:0;}
.background img {position:fixed; width:100%; height:100%; z-index:-1; left:0; bottom:0;}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('gothic-webfont.eot');
    src: url('gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothic-webfont.woff') format('woff'),
         url('gothic-webfont.ttf') format('truetype'),
         url('gothic-webfont.svg#CenturyGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Header css 
---------------------------------------------------------------------------------------------*/

#header {height:120px; position:relative;}


#logo { background:url(../img/logo.png) no-repeat 0px 0px; top:6px; position:relative; margin:0px auto; height:226px; height:113px;}
#logo a {text-indent:-4000px; display:block; height:86px;}


/* Box css
---------------------------------------------------------------------------------------------*/


/* structure css
---------------------------------------------------------------------------------------------*/

#banner {text-align:center; background:url(../img/bannerimg-shedo.png) no-repeat center bottom;  padding:0px 30px 30px; margin-bottom:60px; position:relative;}
.cludimg1 {position:absolute; left:-8px; bottom:-14px; display:block; text-align:center; width:100%;}
.cludimg2 {position:absolute; left:-40px; bottom:-30px; display:block; text-align:center; width:100%;}

.cloudimgTeaser {position:relative; z-index:999999; height:40px;}



#main_cantainer {-moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; border-radius:5px;}

.headtitle { background:url(../img/divider-bg.png) repeat-x 0px 100% #ece9ea;    font-size:14px; padding-left:100px; color:#7c7b7c; line-height:60px; height:60px; position:relative; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px; border-radius:5px 5px 0px 0px;}
.headtitle .ico {position:absolute; left:10px; top:-30px;}
.headtitle.pagetitle {padding-left:20px; font-size:26px; color:#811a3d; font-weight:bold;}


.headtitle .socialicon {position:absolute; right:10px; top:16px;}
.headtitle .socialicon li {float:left; margin-right:9px;}
.headtitle .socialicon a {height:30px; width:30px; display:block; background:url(../img/social-icon.png) no-repeat 0px 0px; text-indent:-9999px;}

.headtitle .socialicon a.twit {background-position:-40px 0px;}
.headtitle .socialicon a.rss {background-position:-80px 0px;}
.headtitle .socialicon a.flickr {background-position:-120px 0px;}
.headtitle .socialicon a.linkedin {background-position:-160px 0px;}
.headtitle .socialicon a.mydpace {background-position:-200px 0px;}

.contentTeaser {padding:20px 20px 10px;}
.contentTeaser .wideColumn {width:660px;}
.contentTeaser .narrowColumn {width:248px;}
.contentTeaser h3 {color:#811a3d; font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:22px; margin-bottom:6px; font-weight:normal;}
.contentTeaser p {margin-bottom:18px; font-size:14px; line-height:20px;}

.gallerySlider {padding:20px;}
.gallerySlider li {float:left; margin-right:20px; border:solid 2px #cdcdcd;}

img {vertical-align:top;}


/* Contact css
---------------------------------------------------------------------------------------------*/



/* Navigation css 
---------------------------------------------------------------------------------------------*/

#mainNavigation {position:absolute; right:0px; top:44px; font-size:14px;}
#mainNavigation li {float:left; height:35px; line-height:35px; background:url(../img/mainnav-bul.png) no-repeat 100% center; padding-right:18px; margin-right:12px;}
#mainNavigation li.last {margin-right:0px; background:none;}
#mainNavigation li a {color:#7e193c;}




/* 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:10px 0px;}

.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; color:#b24043;  border:solid 1px #666s; padding:4px;}
.sitelist img {width:210px;}
.sitelist a {display:block; height:120px; overflow:hidden;}
.sitelist .name {width:210px; display:block; height:40px; font-size:15px; line-height:20px;}


/* 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; margin:0px auto 50px; border:solid 3px #dbdbdb; display:inline-block;}

.contactmap .foremost-features {padding:20px; border-top:solid 1px #999;}
.contactmap .foremost-features .title {font-size:18px; font-weight:bold; padding-left:0px; background:none; margin-bottom:16px;}
.contactmap .foremost-features li {margin-bottom:6px; text-align:left; font-size:15px; background:url(../img/bul-service.png) no-repeat 0px 7sspx; padding-left:14px;}

.contact {padding:20px 0px;}
.address {padding-left:20px; font-size:18px;}


/* Amenity Page Content
-------------------------------------------------------*/

.amenity-service h4 {font-size:19px; color:#b24043; margin-bottom:10px; font-weight:normal;}
.amenity-service  li {float:left; margin-right:20px; width:220pxs; margin-bottom:25px;}
.amenity-service  li.last {margin-right:0px; width:14%;}
.amenity-service .servicelist {margin-bottom:10px; font-size:15px;}
.amenity-service .servicelist dd { margin-bottom:4px; background:url(../img/servicelist-bul.png) no-repeat 0px 7px; 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;}
.amenity-service .imagelist .image a {display:block; height:68px;}

.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:220px;}
.amenities-img li span {display:block; height:150px; overflow:hidden;}



/* Temple content Css
-------------------------------------------------------*/

.tample-content {padding:0px 20px;}
.tample-content .banner-image {text-align:center; margin-bottom:20px;}

.slideshow {height:408px; overflow:hidden;}

.cloudimgTeaser {s}


.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;}
.contentTeaser .narrowColumn {width:260px;}


.banner-image {margin-bottom:20px;  border:solid 2px #999;}
.banner-image img {width:100%;}


.yardthumblist {margin-bottom:30px;}
.yardthumblist li {float:left; margin-right:17px; border:solid 1px #a8a8a8;}
.yardthumblist li.last {margin-right:-3px;}

.service-point {margin-bottom:30px;}
.service-point li {background:url(../img/bul-service.png) no-repeat 0px 7px; font-size:15px; padding-left:14px; margin-bottom:5px;}

.posttitle .subtitle {display:block; font-size:16px; line-height:16px;}

.briefinglist li {background:url(../img/brief-bul.png) no-repeat 0px 8px; padding-left:12px; font-size:15px; line-height:16px; margin-bottom:12px;}
.pro-instructions li {line-height:24px; font-size:14px;}
.pro-instructions li .label {color:#811a3d; margin-right:5px;}

.floorplan .image {margin-bottom:20px; display:block;}
.floorplan img {width:250px; border:solid 1px #666;}

.addressbar { margin:0px auto; width:800px;}
.addressitem  h4 {font-size:20px;}
.addressitem {width:29%;  text-align:left; min-height:120px;}
.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:16px; color:#811A3D;}


.item-guide {width:48%; margin-bottom:20px; border:solid 1px #ccc; background:#fff;}
.item-guide h4 {background:#ccc; height:32px; line-height:32px; padding-left:10px; font-size:15px; color:#811A3D;}
.item-guide ul {padding:0px 15px 0px; min-height:114px; 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:8px;}


/* Inquiry form  content Css
-------------------------------------------------------*/

.inquirycontent .widecolumn {width:640px;}

.inquirycontent  .briefinglist li {font-size:15px; line-height:18px;}
.inquiry-form {width:240px; }
.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 Main Container css 
---------------------------------------------------------------------------------------------*/


/* Footer css 
---------------------------------------------------------------------------------------------*/


/* Footer css 
---------------------------------------------------------------------------------------------*/


.footer-Nav {height:55px; margin-bottom:10px; border-bottom:dotted 1px #999;}
.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:-40px 0px;}
.social-link li a.rss {background-position:-80px 0px;}
.social-link li a.flkr {background-position:-120px 0px;}
.social-link li a.linked {background-position:-160px 0px;}
.social-link li a.myscpace {background-position:-202px 0px;}

.footercontent {padding-top:20px; padding-left: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:250px;}
.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; border-top:dotted 1px #999;} 
#footer .copyright a {color:#606060;}
