@charset "utf-8";
/*
Client: Monarch Development
Agency: http://www.cmcommunique.com
*/

@import url('reset.css');

.left { float:left; }
.right { float:right; }

html, body { height:100%; }

body { 
	background:#e7eded url('../img/body_bg.png') repeat-x top center; 
	font:80% 'HelveticaNeueLT STD', 'Helvetica Neue', helvetica, arial, sans-serif; color:#444;
}

a { color:#7FA9BA; text-decoration:underline; }
a:hover { color:#6E8188; }

#wrapper 	{ width:1001px; margin:0 auto -150px; min-height:100%; height:auto !important; height:100%; background-color:#FFF; }
#head		{ width:100%; height:164px; position:relative; background:url('../img/head.jpg') no-repeat right center; }
#head h2	{ width:133px; height:125px; position:absolute; top:26px; left:29px; }
#head h2 a 	{ position:absolute; width:100%; height:100%; top:0; left:0; }
#head h2 img { display:block; }
#head p		{ text-indent:-9999px; overflow:hidden; }

#nav		{ width:839px; height:30px; padding-left:162px; overflow:hidden; background-color:#c5c9cc; }
#nav li 	{ float:left; height:30px; margin-right:60px; letter-spacing:1px; font-size:1.1em; }
#nav li a	{ display:block; line-height:30px; color:#EEE; text-decoration:none; text-transform:uppercase; }
#nav li a:hover,
#nav li a.active { color:#FFF; }

#masthead	{ margin-top:23px; padding-left:162px; width:839px; height:376px; overflow:hidden; background-color:#c0ced9; }

#body		{ padding:0 37px 75px 162px; width:802px; line-height:3; overflow:hidden; background:#FFF url('../img/wrapper_bg.gif') repeat-y; }
#body h1	{ font-size:1.5em; text-transform:uppercase; margin:0; color:#777; }
#body h2 	{ font-size:1.2em; text-transform:uppercase; margin:0 0 25px; color:#777; }
#body .primary	{ float:left; width:360px; padding:65px 0 0; }
#body .column	{ float:right; width:408px; padding:23px 0 0; }
#body p			{ margin:0 0 25px; }

#wrapper .push,
#footer		 	{ height:150px; }
#footer 		{ width:100%; background:url('../img/footer_bg.gif') repeat; color:#FFF; }
#footer h4		{ font-weight:normal; }
#footer div		{ width:802px; height:130px; margin:0 auto; background-color:#6e8188; padding:10px 37px 10px 162px; font:10px Verdana, Arial, Helvetica, sans-serif; }
#footer div div { padding:0; width:100%; height:auto;}
#footer div div p { margin:1em 0; }
#footer a		{ color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* HOME PAGE */
body#home { background-image:url('../img/body_bg_home.png'); }
body#home #masthead { height:385px; background:transparent url('../img/home_masthead.png') repeat-x; }
body#home #body  { padding:50px 59px 100px 162px; width:780px; background-image:none; }
body#home #body p.left { width:48%; float:left; }
body#home #body p.right { width:48%; float:right; }


/* MASTERPIECES */
body.masterpieces { background-image:url('../img/body_bg_masterpieces.gif'); }
body.masterpieces #body { background-image:url('../img/masterpieces_body_bg.gif'); }
body.masterpieces #body .primary { padding:4em 40px 0; width:722px; }
body.masterpieces #body .primary h2 { text-transform:none; }
body.masterpieces #body .primary a { color:#4a7995; }

#portfolio-nav { width:100%; overflow:hidden; }
#portfolio-nav li { float:left; }
#portfolio-nav li a { display:block; padding:0 40px; line-height:2.5; text-transform:uppercase; color:#FFF; text-decoration:none; letter-spacing:1px; }
#portfolio-nav li a:hover, #portfolio-nav li a.active { background-color:#91a6b9; }

#exteriors-gallery, #floorplan-gallery { display:none; }


/* CONTACT US */
form { line-height:normal; }
form ul li { margin:0 0 1em; }

form li { position:relative; }
body.js form br { display:none; }
label.overlabel	{ position:absolute; top:4px; left:4px; }
input, textarea { color:#777; width:85%; }
#theSubmit { width:auto; }
label.error { display:block; color:#B22222; margin:4px 0 0; }

/** DEV **/

/* MASTERPIECES */
body.masterpieces_dev { background-image:url('../img/body_bg_masterpieces.gif'); }
body.masterpieces_dev #body { background-image:url('../img/masterpieces_body_bg.gif'); }
body.masterpieces_dev #body .primary { padding:4em 40px 0; width:722px; }
body.masterpieces_dev #body .primary h2 { text-transform:none; }
body.masterpieces_dev #body .primary a { color:#4a7995; }