/* CSS Document */

/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
	font-family: georgia, verdana, tahoma, arial;
	font-size: 13px;
	background: url(/img/bg.gif) repeat-x #fff;
	margin: 0;
	color: #0c142d;
	}

a:link, a:visited {
	color: #18a3d9;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }

img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; vertical-align: top; }

ul {
	list-style: none;
	margin: 0; padding: 0;
	}

ul li {
	margin: 0; padding: 0;
	}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}


/***** Global Classes *****/

a span, h1 span, h2 span, h3 span, h4 span, h5 span { display: none; }
.cl 			{ clear: both; font-size: 1px; }
.cl-5 		{ clear: both; font-size: 1px; height: 5px; }
.cl-10		{ clear: both; font-size: 1px; height: 10px; }
.cl-15 		{ clear: both; font-size: 1px; height: 15px; }
.cl-20 		{ clear: both; font-size: 1px; height: 20px; }
.cl-25 		{ clear: both; font-size: 1px; height: 25px; }
.cl-30 		{ clear: both; font-size: 1px; height: 30px; }
.cl-l 	{ clear: left; font-size: 1px; }
.cl-r 	{ clear: right; font-size: 1px; }

.pmargin-5 p { margin: 0 0 5px 0; }
.pmargin-10 p { margin: 0 0 10px 0; }
.pmargin-15 p { margin: 0 0 15px 0; }
.pmargin-20 p { margin: 0 0 20px 0; }

.fl    { float:left !important; }
.fr   { float:right !important; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.linethru		{ text-decoration: line-through; }
.highlight     { background:#ffc; }
.big			{ font-size: 14px; }
.huge			{ font-size: 18px; }
.reg			{ font-size: 12px; }
.small			{ font-size: 11px; }
.orange			{ color: #f78f1e; }
.red			{ color: #c91a12; }
.green			{ color: #117800; }
.blue	  		{ color: #005266; }
.ltblue			{ color: #02a4cc; }
.white			{ color: #fff; }
.black			{ color: #000; }
.relative		{ position: relative; }
.justify		{ text-align: justify; }
.hide			{ display: none; }

.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; margin: 0 0 15px 0; padding: 0; }
.nobullet li	{ margin: 0 0 3px 0; padding: 0; }

hr				{ background-color: #adc0dc; color: #adc0dc; border: 1px; height: 1px; }
.lh20			{ line-height: 20px; }

/* Buttons */

.button-big { width: 158px; height: 40px; display: block; background-position: 0% 0%; background-repeat: no-repeat; }
.button-big:hover { background-position: 100% 100%; }


/* Lists */

ul.checks li {
	background: url(/img/icons/check.gif) no-repeat;
	padding: 3px 0 0 35px;
	line-height: 18px !important;
	min-height: 20px;
	margin: 8px 0;
	}

*html ul.checks li { height: 20px; }

/* Padding, Margin and Borders and Widths */

.bgcw { background-color: #fff; }
.bgcg { background-color: #ececec; }
.bgcgr { background-color: #98d182 !important; }

.brdlrb { border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; }
.brd0{ border:none !important;}
.brd1{ border:1px solid #bcbcbc;}
.bl1 { border-left: 1px solid #bcbcbc; }
.br1 { border-right: 1px solid #bcbcbc; }
.bt1 { border-top: 1px solid #bcbcbc; }
.bb1 { border-bottom: 1px solid #bcbcbc; }

.pad0{ padding:0px !important;}
.pad2{ padding:2px;}
.pad3{ padding:3px;}
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad30{ padding:30px;}

.mar0{ margin:0px !important;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}

.pt0{ padding-top:0 !important;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt75{ padding-top:75px;}

.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px;}

.pr0{ padding-right:0 !important;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr24{ padding-right:24px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px;}

.mr0{ margin-right:0 !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr60{ margin-right:60px;}
.mr100{ margin-right:100px;}

.pb0{ padding-bottom:0 !important;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb25{ padding-bottom:25px;}

.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb3{ margin-bottom:3px;}

.pl0{ padding-left:0 !important;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}

.ml0{ margin-left:0 !important;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.ml120{ margin-left:120px;}

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }


.sold { color: #b81128; font-size: 16px; }

.building { color: #368e4f; font-size: 16px; }

h2.huge { font-size: 24px; }


/* Main Site Elements */

a#logo {
	display: block;
	width: 224px;
	height: 103px;
	background: url(/img/logo.gif) no-repeat;
	text-indent: -5000px;
	margin: 10px 0 0 8px;
	float: left;
	}


#header-icons {
	float: right;
	margin: 70px 20px 0 0;
	}

#header-icons h5#phone {
	background: url(/img/icons/phone.gif) no-repeat 0 0;
	padding: 5px 0 0 30px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	margin-right: 20px;
	height: 20px;
	}

#header-icons a#email {
	background: url(/img/icons/email.gif) no-repeat 0 0;
	padding: 5px 0 0 35px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	height: 20px;
	}

ul#nav { width: 832px; }

ul#nav li {
	display: inline;
	float: left;
	height: 31px;
	}

ul#nav li a {
	display: block;
	height: 31px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	text-indent: -5000px;
	}

ul#nav li a:hover { background-position: 100% 100%; }

ul#nav li a#home { background-image: url(/img/nav/home.gif); width: 71px; }
ul#nav li a#about { background-image: url(/img/nav/about.gif); width: 76px; }
ul#nav li a#construction { background-image: url(/img/nav/construction.gif); width: 165px; }
ul#nav li a#designing { background-image: url(/img/nav/designing.gif); width: 160px; }
ul#nav li a#partners { background-image: url(/img/nav/partners.gif); width: 78px; }
ul#nav li a#homeowners { background-image: url(/img/nav/homeowners.gif); width: 164px; }
ul#nav li a#contact { background-image: url(/img/nav/contact.gif); width: 106px; }

ul#nav li.spacer { background: url(/img/nav/spacer.gif) no-repeat; width: 2px; height: 31px; }




#slider {
	width: 418px;
	height: 265px;
	position: relative;
	background: url(/img/slider/bg.gif) no-repeat;
	float: right;
	margin: 25px 10px 0 0;
	}

#slider #screens {
	width: 383px; height: 230px;
	margin: 18px 0 0 17px;
	overflow:hidden;
	}

#slider #screens img{
	width: 383px; height: 230px;
	}


#gallery {
	width: 592px; height: 385px;
	margin: 0 auto;
	background: url(/img/construction/bg.gif) no-repeat;
	padding: 28px 29px 27px 27px;
	}

#gallery #photos {
	width: 592px; height: 385px;
	overflow:hidden;
	}

#gallery #photos div{
	width: 592px; height: 385px;
	overflow:hidden;
	}


a#btnleft { position: absolute; left: 25px; top: 200px; width: 29px; height: 29px; background: url(/img/icons/arrow-left.gif) no-repeat 0% 0%; display: block; }
a#btnright { position: absolute; right: 25px; top: 200px; width: 29px; height: 29px; background: url(/img/icons/arrow-right.gif) no-repeat 0% 0%; display: block; }


a.camera { display: block; background:url(/img/icons/camera.gif) no-repeat; padding: 5px 0 0 34px; height: 25px; float: left; }

/* Titles */

h1#home-title {
	width: 323px;
	height: 73px;
	background: url(/img/titles/home.gif) no-repeat;
	text-indent: -5000px;
	margin: 45px 0 10px 0;
	}
	
.page-title {
	width: 446px;
	height: 56px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	}

h1#about { background-image: url(/img/titles/about.gif); }	
h1#partners { background-image: url(/img/titles/partners.gif); }	
h1#homeowners { background-image: url(/img/titles/homeowners.gif); }
h1#designing { background-image: url(/img/titles/designing.gif); }
h1#contact { background-image: url(/img/titles/contact.gif); }
h1#construction { background-image: url(/img/titles/construction.gif); }

p.home-text {
	width: 300px;
	text-align: justify;
	margin-left: 10px;
	}

.partner-col { width: 250px; }

/* Buttons */

.button {
	text-indent: -5000px;
	}

a#home-button {
	display: block;
	width: 314px;
	height: 42px;
	background: url(/img/buttons/home-about.gif) no-repeat 0% 0%;
	margin: 20px 0 0 5px;
	}

a#home-button:hover { background-position: 100% 100%; }


/* Main Layout Containers */

#center {
	width: 832px;
	margin: 0 auto;
	text-align: center;
	}

#master {
	width: 832px;
	float: left;
	text-align: left;
	}

#body-content {
	width: 787px;
	min-height: 350px;
	background: url(/img/body-bg.gif) no-repeat top #e9eeff;
	padding: 20px 15px 20px 30px;
	}

*html #body-content { height: 350px; }

#body-fot {
	width: 832px;
	height: 106px;
	background: url(/img/body-fot.jpg) no-repeat;
	}

#footer {
	width: 100%;
	height: 186px;
	background: url(/img/footer-bg.gif) repeat-x;
	}

#footer #center {
	width: 832px;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	}

#footer #center .content {
	text-align: left;
	height: 50px;
	color: #bbd9f4;
	padding-top: 20px;
	background: url(/img/footer-logo.gif) no-repeat top right;
	}

#footer ul li { display: inline; }

#footer ul li a { color: #fff; margin: 0 2px; }


/* Contact us Page */

#contact-box {
	width: 673px;
	margin: 0 auto;
	color: #fff;
	}

#contact-box .top {
	width: 673px; height: 22px;
	background: url(/img/contactbox-top.gif) no-repeat;
	font-size: 1px;
	}

#contact-box .bot {
	width: 673px; height: 22px;
	background: url(/img/contactbox-bot.gif) no-repeat;
	font-size: 1px;
	}

#contact-box .content {
	width: 673px;
	float: left;
	background: url(/img/contactbox-bg.gif) repeat-y;
	}

#contact-box input {
	width: 244px;
	height: 22px;
	padding: 3px;
	border: 1px solid #1386be;
	background: url(/img/input-grad.gif) repeat-x #b2dbec;
	font: georgia 12px;
	}

#contact-box input.textboxERR {
	width: 244px;
	height: 22px;
	padding: 3px;
	border: 1px solid #cd2b2b;
	background: url(/img/input-grad.gif) repeat-x #b2dbec;
	font: georgia 12px;
	}	

#contact-box textarea {
	width: 275px;
	height: 165px;
	padding: 3px;
	border: 1px solid #1386be;
	background: url(/img/textarea-grad.gif) repeat-x #b2dbec;
	font: georgia 12px;
	}

#contact-box textarea.textboxERR {
	width: 275px;
	height: 165px;
	padding: 3px;
	border: 1px solid #cd2b2b;
	background: url(/img/textarea-grad.gif) repeat-x #b2dbec;
	font: georgia 12px;
	}

#contact-box a.submit {
	display: block;
	width: 107px;
	height: 42px;
	background: url(/img/buttons/submit.gif) no-repeat 0% 0%;
	float: right;
	text-indent: -5000px;
	margin-right: 20px;
	}

#contact-box a.submit:hover { background: url(/img/buttons/submit.gif) no-repeat 100% 100%; }