@charset "UTF-8";
/* CSS Document */

/* 	Design HTML & CSS by Andy Kleeman - Niche Communications
	Copyright Niche Communications
	Built 2009
*/

html {height:100%; margin-bottom:-1px;/*force scrollbars to appear to prevent page jumping*/}
body {background:#f6f6f6; font-family:Trebuchet MS, Trebuchet, Arial Narrow,  Helvetica Neue, Helvetica, Arial, Sans Serif; font-size:62.5%; margin:0; padding:0; background-image:url(../images/bodyBg.png); background-repeat:no-repeat; background-position:top center;}
div {position:relative;	}
p {font-size:1.4em; line-height:1.3em; color:#939393;}
h1, h2 {font-weight:normal; color:#c83227; font-family:Arial Narrow,  Helvetica Neue, Helvetica, Arial, Sans Serif;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
a {color:#b5d97c;}
a:hover {color:#c83227;}
a img {border:0;}
a.email {color:#c83227;}
a.email:hover {color:#b5d97c;}

.green {color:#b5d97c;}
.red {color:#c83227;}
.left {float:left;}
.right {float:right;}
.clearR {clear:right;}
.clearL {clear:left;}
.clear {clear:both;}
.caption {font-size:1.2em;}

#container {width:945px; margin:0 auto; padding:0 10px 30px 10px; background:#ffffff; overflow:hidden;}

#header {background:url(../images/smlHouses.png); height:75px; background-position:top right; background-repeat:no-repeat;}
#logo {position:absolute; top:10px; left:10px; font-size:2em; color:#333333;}
#login {position:absolute; right:10px; font-family:Arial, Helvetica, sans-serif; top:20px;}
.ie #login {top:15px;}
p#login  {font-size:1.4em; color:#666666;}
p#login a {background:#afcd80; color:#333333; padding:4px; color:#ffffff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
p#login a:hover {background:#c83227; -moz-transform:scale(1.1);	-webkit-transform:scale(1.1);	-moz-box-shadow:0 0 2px #666;	-webkit-box-shadow:0 0 2px #666;}


ul#menu {background:url(../images/menuBg.png); background-color:#b5d97c; background-repeat:no-repeat; width:933px; margin:0 0 5px 0; padding:8px 0 0 12px; height:35px;}
ul#menu li, ul#subMenu li  {float:left; list-style-type:none; margin:0 12px 0 0; padding:0;}
ul#menu li a {font-family:Trebuchet MS, Trebuchet, Helvetica Neue, Helvetica, Arial, Sans Serif;font-size:1.5em; text-decoration:none; color:#ffffff; font-weight:bold;}
ul#menu li a:hover {color:#c83227; text-shadow:1px 1px 1px #ffffff;}

.about ul#menu li a.about, .hip ul#menu li a.hip, .certificates ul#menu li a.certificates, .floorplans ul#menu li a.floorplans, .photography ul#menu li a.photography, .inventories ul#menu li a.inventories, .print ul#menu li a.print, .design ul#menu li a.design, .contact ul#menu li a.contact {text-decoration:underline;}

ul#subMenu {margin:0; padding:0 0 0 10px; border-bottom:solid 1px #bcbcbc; height:25px;}
ul#subMenu li {font-size:1.4em; font-family:Arial, Helvetica, sans-serif; margin-right:25px;}
ul#subMenu li a {color:#bcbcbc; text-decoration:none;}
ul#subMenu li a:hover {color:#b5d97c;}

.a ul#subMenu li a.a, .b ul#subMenu li a.b, .c ul#subMenu li a.c, .d ul#subMenu li a.d, .e ul#subMenu li a.e, .f ul#subMenu li a.f, .g ul#subMenu li a.g {color:#b5d97c;}

#latest {width:942px; height:40px; background:url(../images/latestNewsBg.png);}
#latest p {position:absolute; top:-2px; left:150px; right:10px;}

#leftCol {margin:40px 0 0 30px; float:left; width:265px;}
#leftCol img {border:solid 4px #f6f6f6;}

#mainContent {width:600px; float:right; margin:40px 30px 0 0; border-left:solid 2px #f6f6f6; padding-left:10px; background:#ffffff!important;}
#mainContent h1 {margin-top:0; padding-top:0;}
#mainContent li {font-size:1.4em; color:#939393; list-style-type:none; margin-bottom:5px;}

#singleCol {width:920px; margin:0 auto; background:#ffffff!important;}
div.profile { width:145px; height:230px; float:left; margin:0 44px 25px 0;}
div.profile a, div.profileEnd a {display:none;}
div.profile:hover a, div.profileEnd:hover a  {display:inline;}

div.profileEnd { width:145px; height:230px; float:left; margin:0 0 25px 0;}
div.profile img, div.profileEnd img {border:solid 4px #f6f6f6;}
div.profile p, div.profileEnd p {font-size:1.2em; margin-top:5px; letter-spacing:-1px;}

div.accordionButton {margin-bottom:10px; /* border-bottom:solid 1px #d5d5d5; */}
.accordionButton h2 a {text-decoration:none; color:#c83227;}
.accordionButton h2 a:hover {cursor:pointer; color:#b5d97c;}
div.accordionContent {border-left:solid 1px #d5d5d5; padding-left:15px;}
div.accordionContent ul {margin:0; padding:0 0 0 5px;}
div.accordionContent ul li {list-style-type: disc!important;}

#footer {background:url(../images/footerBg.png) no-repeat; height:106px; margin:0 auto; width:955px; padding:0 10px 0 10x;}
#footer p {font-size:1.2em; margin-top:40px;}
#footer p a {text-decoration:none; color:#939393;}
#footer p a:hover {color:#afcd80;}

/* Testimonials Page */
.testimonial {margin:0 0 25px 150px; border-left:solid 1px #d5d5d5; padding-left:15px;}
.tcontent {}

#topMenu {/*background-color:#f0f0f0;*/opacity:0.8;filter:alpha(opacity=80); padding:8px; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; position:absolute; left:265px; top:26px;/* -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/ color:#333333; } 
/*#topMenu:hover {opacity:1;filter:alpha(opacity=100);-moz-box-shadow:0 0 2px #666;	-webkit-box-shadow:0 0 2px #666;}*/
#topMenu a {color:#333333;}
#topMenu a:hover {color:#c83227; text-shadow:1px 1px 1px #d5d5d5;}

#footMenu {text-align:center; position:absolute; top:-30px; left:50%; width:700px; margin-left:-350px;}

#loginBtn, #checkBtn, #downloadBtn, #placeBtn {position:absolute; top:0; font-size:1.5em; color:#c83227;}
#loginBtn {left:272px;}
#checkBtn {left:494px;} 
#downloadBtn {right:236px;}
#placeBtn {left:384px;}

#loginBtnS {width:106px; height:55px; background-image:url(../images/loginSprite.png); position:absolute; top:0; left:272px;}
#loginBtnS:hover {background-position:0 -55px;}
#loginBtnS span {display:none;}

/* tooltip  */
.qtip {font-size:1.2em; color:#999999; font-family:Arial, Helvetica, sans-serif; margin-top:-19px; font-weight:bold;}
.qtip-wrapper {/*border:solid #c83227 1px;*/ /*-moz-box-shadow:0 0 4px #666;	-webkit-box-shadow:0 0 4px #666; box-shadow:0 0 4px #666;*/ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.qtip-contentWrapper, .qtip-title, .qtip-button {background-image:url(images/footerBg.png);}
.faces {background:#ffffff!important;}
.faces img {border:solid 2px #f6f6f6; margin:2px;}