/*--------------------------------------------
Global Styles
---------------------------------------------*/
* { padding: 0; margin: 0; }
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #666666;
	background: #fafafa;
	line-height: 21px;
	
}
div#header {
	background: url('http://www.aplosweb.com/clients/ebusiness/_base/img/header_bg.jpg') repeat-x top;
	position: relative;
	z-index: 2;
	background-image: url(images/header_bg.jpg);
}
div#header div.logo {


*padding-bottom: 10px;
	padding-top: 25px;
	padding-bottom: 11px;
}
div#header div.logo2 {

*padding-bottom: 10px;
	padding-bottom: 15px;
	background-color: #FFF;
}

div#header div.contact {
	float: right;
	margin-top: -85px;
	font-size: 12px;
	color: #959595;
	text-align: right;
}
div#header div.contact span { color: #a47b35; }
div#header div.navigation {

}
div#header div.navigation ul {
	list-style: none;
	height: 35px;
}
div#header div.navigation ul li {
	float: left;
	padding-left: 0px;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
}
div#header div.navigation ul li a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	padding: 11px;
}
div#header div.navigation ul li a:hover {
	color: #fff;
	background-color: #999;
	padding: 11px;
}
div#header div.navigation ul li.active a {
	color: #fff;
	background-color: #CFA04F;
}
div#header div.graphic {
	width: 848px;
	height: 420px;
	position: relative;
	border: 1px solid #D2C8CA;
	background-color: #FFFFFF;
	min-height: 420px;
}
div#header div.graphic p { position: absolute; left: 470px; top: 150px; font-size: 11px; }

.graphic_header {
	font-size: 32px;
	padding-top:27px;
	padding-left:26px;
	color:#FFF;
}
.graphic_content {
	font-size: 14px;
	color:#000;
	padding-left:37px;
	padding-right:47px;
	padding-top:12px;
	line-height:26px;
}

.display_text { float: left; width: 550px;}
.display_picture { float: right; width: 252px; padding-top: 35px; }
.picture_header { border: 0px silver solid;}


div.inner,
div.inner_content,
div#footer { width: 848px; margin: 0 auto; }

div.inner_content {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	padding-bottom: 25px;
	border: 1px solid #D2C8CA;
	min-height: 150px;
}

div.inner_content div.left {
	float: left;
	width: 235px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
div.inner_content div.middle {
	float: right;
	width: 235px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}
div.inner_content div.right {
	float: right;
	width: 235px;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

div.inner_content div.leftr { float: left; width: 225px; padding-right: 25px; padding-left: 37px; padding-top: 20px; }
div.inner_content div.middler { float: right; width: 225px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.rightr { float: right; width: 225px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.main { float: left; width: 775px; padding-top: 20px; padding-left: 25px; padding-right: 25px; }

div.inner_content div.leftc { float: left; width: 500px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.rightc { float: left; width: 225px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.rightc span { color: #a47b35; }

div#footer {
	width: 848px;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
}
div#footer div.inner {
}
div#footer div.inner div.left { float: left; }
div#footer div.inner div.right { float: right; padding-right: 35px; }
.picture { width: 200px; height: 100px; background-color: #cccccc; margin-left: 12px; border: 2px silver solid; margin-top: 20px; }
.picture_references { border: 2px silver solid; margin-top: 10px; }
.picture1 {
	width: 200px;
	height: 100px;
	margin-left: 12px;
	border: 2px silver solid;
	margin-top: 20px;
	background: url(images/commercial_home_footer_img.jpg);
}
.picture2 {
	width: 200px;
	height: 100px;
	margin-left: 12px;
	border: 2px silver solid;
	margin-top: 20px;
	background: url(images/design_architecture_home_footer_img.jpg);
}
.picture3 {
	width: 200px;
	height: 100px;
	background-image: url(images/residential_home_footer_img.jpg);
	margin-left: 12px;
	border: 2px silver solid;
	margin-top: 20px;
}
/*--------------------------------------------
Typography
---------------------------------------------*/
h1 {
	color: #666;
	font-size: 14px;
	border-left: 2px solid #ffb637;
	padding-left:10px;
}
h2 { font-weight: normal; font-size: 17px; }
a { color: #a47b35; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }

/*--------------------------------------------
Misc
---------------------------------------------*/
ul#content { list-style: none; margin-top: 15px; }
ul#content li { display: none;}

ul#list  {list-style: square; padding-left: 25px;}
ul#list li {  display: block;  }

ul#blocklist  {  padding-left: 12px; padding-top: 10px; list-style: none;}
ul#blocklist li { max-height: 30px; background-color: #ECECEC; min-height: inherit; display: block; padding: 10px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ffffff;}

ul#blocklist li a { font-size: 12px;}
ul#blocklist li.active {color: white; background-color: #fafafa;}
ul#blocklist li.active a {color: black; background-color: #fafafa;}
ul#blocklist li a:hover { font-size: 12px; color: black; }



.clear { clear:both; }
/*--------------------------------------------
Form
---------------------------------------------*/
input { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
textarea { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
.form { margin: 0 auto; width: 530px; padding-top: 15px; }
#contact_form label { color: #333333; display: block; font-weight: bold; text-align: right; width: 140px; float: left; }
#contact_form .small { color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; }
#contact_form input { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form textarea { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form button { clear: both; margin-left: 370px; *margin-left: 327px; background: #333333; color: #FFFFFF; border: solid 1px #111111; font: 12px Arial, Helvetica, Sans-Serif; font-weight: bold; padding: 4px 6px; }
 
div.inner_content_feathome {
	position: relative;
	z-index: 1;
	background-color: #ffffff;
	border: 1px solid #D2C8CA;
	min-height: 215px;
	width: 810px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 20px;
}
.commercial_homesubhead {
	margin-left: 0px;
	padding: 5px;
	border: 1px solid #CCC;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.feathome_pic {
	padding: 5px;
	border: 1px solid #CCC;
}
.img_5pad {
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999;
}
.img_5padnomarg {
	padding: 5px;
	border: 1px solid #999;
}