* {
	margin:0;
	padding:0;
}
body {
	font-family:"Lucida Grande", sans-serif;
	color:#414142;
	font-size:12px;
	text-align:left;
	background:url(/images/backgrounds/body_bg.gif) repeat-y top #e7e7e7;
	margin:0 auto;
}
ul {
	list-style-type:none;
}
ul #unitizing {
	list-style-type: circle;
	width:600px;
	
}
div.clear {
	clear:both;
	height:1%;
}
a, a:visited {
	color:#4c6c90;
}
#wrapper {
	margin:0 auto;
	text-align:left;
	width:944px;
	background:#fff;
}
#header {
	width:949px;
	height:88px;
}
#page_content {
	width:949px;
	margin:9px 0;
}
h1 {
	float:left;
	width:271px;
	height:76px;
	background:url(/images/logo.gif) no-repeat;
	text-indent:-9999px;
	margin:12px 0 0 0;
}
h2 {
	float:right;
	width:215px;
	height:14px;
	background:url(/images/call_us.gif) no-repeat;
	text-indent:-9999px;
	margin:64px 0 0 0;
}
#right_col .subtext {
	font-size:14px;
	font-weight:bold;
}
#right_col .white_bg {
	width:612px;
	padding:10px 0 10px 10px;
	background:#fff;
	margin:0 0 10px -10px;
}
#systems #right_col h4 {
	color:#d99714;
	font-size:14px;
	font-weight:bold;
}

/* navigation */
#nav {
	float:left;
	position:relative;
	width:949px;
	height:28px;
	margin:0 0 9px 0;
	z-index:10;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
	height:28px;
	text-indent:-9999px;
}
#nav a.home {
	background:url(/images/nav/home.gif) no-repeat;
	width:189px;
}
#nav a.home:hover {
	background-position: 0 -28px;
}
#nav a.about {
	background:url(/images/nav/about_us.gif) no-repeat;
	width:190px;
}
#nav a.about:hover {
	background-position: 0 -28px;
}
#nav a.systems {
	background:url(/images/nav/systems.gif) no-repeat;
	width:192px;
}
#nav a.systems:hover {
	background-position: 0 -28px;
}
#nav a.projects {
	background:url(/images/nav/current_projects.gif) no-repeat;
	width:190px;
}
#nav a.projects:hover {
	background-position: 0 -28px;
}
#nav a.contact {
	background:url(/images/nav/contact.gif) no-repeat;
	width:188px;
}
#nav a.contact:hover {
	background-position: 0 -28px;
}

/* subnav */
#nav li ul{
	position:absolute;
	top:-999em;
	left:-9999em;
	z-index:9999;
}

#nav li:hover ul, #nav li.over ul { 
	left:0;

}
#nav li ul.sub_nav {
	position:absolute;
	top:28px;
	width:189px;
	overflow:hidden;
	z-index:9999;
	padding:20 0 12px 0;
}
ul#nav li ul.sub_nav li a {
	color:#fff;
	width:174px;
	background:#414142;
	float:left;
	font-size:11px;
	height:auto;
	padding:10px 5px 10px 10px;
	text-decoration:none;
	text-indent:0;
}
#nav li ul.sub_nav li a:hover {
	border:0;
	color:#999999;
}
#nav li ul.systems {
	margin-left:379px;
}
#nav li ul.projects {
	margin-left:571px;
}
ul#nav li ul.sub_nav.projects li a, ul#nav li ul.sub_nav.about li a {
	width:172px;
}

#nav li ul.about {
	margin-left:189px;
}
/* home */
#main_img {
	float:left;
}
#right_box_img {
	float:right;
}
#main_content {
	float:left;
	clear:both;
	margin:9px 0;
	background:#414142;
	width:860px;
	padding:21px 0 20px 89px;
}
#main_content h3 {
	color:#cc9900;
	font-weight:bold;
	font-size:18px;
	padding:0 0 18px 0;
}
#main_content p {
	width:532px;
	color:#fff;
	line-height:16px;
	padding:0 0 20px 0;
}
/* market */
#markets #main_content {
	background:#d99714;
}
#markets #_content p {
	color:#000;
}
#markets #main_content h3 {
	color:#414142;
	padding:0 0 8px 0;
}

/* about */
#about #main_content {
	background:#d99714;
}
#about #_content p {
	color:#000;
}
#about #main_content h3 {
	color:#414142;
	padding:0 0 8px 0;
}

/* systems */
#systems #left_col {
	float:left;
	width:307px;
	margin:9px 0;
}
#systems #left_col #subnav {
	width:282px;
	height:221px;
	background:#414142;
	margin:0 0 9px 0;
	padding:25px 0 0 25px;
}
#systems #left_col #subnav .title {
	color:#d99714;
	font-size:18px;
	font-weight:bold;
}
#systems #left_col #subnav li {
	padding:0 0 12px 0;
}
#systems #left_col #subnav a {
	color:#fff;
	text-decoration:none;
}
#systems #left_col #subnav a:hover {
	color:#d99714;
}
#systems #left_col #subnav a span {
	color:#d99714;
}
#systems #right_col {
	float:right;
	background:#f3f3f3;
	width:612px;
	margin:9px 0;
	padding:20px 0 16px 20px;
	min-height:534px;
}
#systems #right_col h3 {
	color:#cc9900;
	font-weight:bold;
	font-size:18px;
	padding:0 0 18px 0;
}
#systems #right_col p {
	width:545px;
	padding:0 0 16px 0;
}
#systems #systems_list {
	width:570px;
	margin:0 0 0 10px;
}
#systems #right_col .ht_588 {
	min-height:588px;
}
#systems #right_col .ht_612 {
	min-height:612px;
}
#systems #right_col .ht_681 {
	min-height:681px;
}
#systems #right_col .ht_588 {
	min-height:588px;
}


/* projects */
#page_content .top-projects {
	background:#f2f2f2;
	margin:0 0 10px 0;
}
#login_form {
	margin:45px 0 0 276px;
}
.projHeaders {
	text-align:left;
	color:#353335;
}

/* unitizing*/

.unitizing-icons {
	padding:0 20px 20px 0;
	float: left;
}

.unitizing-icons2 {
	padding:0 20px 50px 0;
	float: left;
}
#unitizing-pg {
	float:left;
	width:870px;
	margin:9px 0;
	background: #EEE;
	padding:21px 40px 23px 40px;
	font-family: "Lucida Grande", sans-serif;
}
#unitizing-p2 {
	float:left;
	width:870px;
	margin:9px 0;
	background:#414142;
	padding:21px 40px 20px 40px;
	color: #FFF;
	font-family: "Lucida Grande", sans-serif;
}

#unitizing p {
	color:#fff;
	padding:0 0 13px 0;
	width:870px;
	height:60px;
	font-family:"Lucida Grande", sans-serif;
}

.unitizing p3 {
	padding:0 0 13px 0;
	width:870px;
	height:60px;
	font-family:"Lucida Grande", sans-serif;
}

#unitizing-pg h3 {
	font-weight:bold;
	font-size:18px;
	color:#000;
	padding:0 0 8px 0;
}
#unitizing-rt {
	float:right;
	width:292px;
	margin:9px 0;
	background:#d99714;
	padding:22px 0 20px 15px;
}
#unitizing-rt p {
	width:261px;
	color:#414142;	
}
#unitizing h4 {
	font-weight:bold;
	font-size:18px;
	padding:0 0 8px 0;
	font-family:"Lucida Grande", sans-serif;
	color:#CC9900;
}
#unitizing-rt a {
	color:#414142;
	text-decoration:none;
}


/* contact */

#contact #left_col {
	float:left;
	width:543px;
	margin:9px 0;
	background:#666666;
	padding:21px 0 23px 89px;
}
#contact #left_col p {
	color:#FFF;
	padding:0 0 13px 0;
	width:500px;
}
#contact #left_col h3 {
	font-weight:bold;
	font-size:18px;
	color:#D9971E;
	padding:0 0 8px 0;
}
#contact #right_col {
	float:right;
	width:292px;
	margin:9px 0;
	background:#d99714;
	padding:22px 0 20px 15px;
}
#contact #right_col p {
	width:261px;
	color:#414142;	
}
#contact #right_col h4 {
	font-weight:bold;
	font-size:18px;
	padding:0 0 8px 0;
}
#contact #right_col a {
	color:#414142;
	text-decoration:none;
}

/* expertise */
#expertise {
	float:left;
	background:#e7e7e7;
	width:880px;
	padding:21px 0 22px 69px;
}
#expertise h4 {
	color:#333;
	padding:0 0 10px 0;
	font-size:17px;
}
#expertise ul {
	float:left;
	width:195px;
	margin:0 20px 0 0;
	border-right:1px solid #b6b6b6;
}
#expertise ul.last {
	border:none;
}
#expertise ul li {
	line-height:18px;
	font-size: 9px;
}
#expertise ul li a {
	display:block;
	color:#333;
	text-decoration:none;
	font-size:11px;
}

#footer {
	float:left;
	width:949px;
}
#footer p {
	padding:10px 0 30px 0;
	color:#333333;
	font-size:11px;
}

#image img{
background-image:url(/images/systems-hereos/Unitized-Terracotta-Clay-Tile-Systems);
background-repeat:no-repeat;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.9s ease;
-moz-transition: opacity 09s ease;
transition: opacity 0.9s ease;
width:631;
height:249;
border:solid 1px;
border-color:#000;
-webkit-box-shadow: 0px 3px 10px #666;
-moz-box-shadow: 0px 3px 10px #666;
box-shadow: 0px 3px 20px #666;
}

/* IE6 hacks */
*html #expertise ul li {
	line-height:10px;
}