* {
	margin: 0px;
	padding: 0px;
}
body {	
	font-size: 12px;
	font-family:Verdana;
	color: #3e3e3e;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background: url(css/pagebg.gif) repeat-x top left #346EA6;
}

h1,h2,h3,h4,h5 {font-family:Verdana;}

table {
	border: 0;
	border-collapse: collapse;
}
table td {
	padding: 2px;
	vertical-align: middle;
	text-align: left;
}
a {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #3e3e3e;
	text-decoration: underline;
}
img {
	border: none;
}
li {

}
ul, ol {
	margin: 10px 0 10px 20px;
}
.clear-both {
	clear: both;
	font-size: 0px;
}
.line-separate {
	font-size: 1px;
	margin: 20px 0px;
	background:#dedbd7;
	height:7px;
	clear: both;
}
h5 {
font-size:10px;
color:#747474;
font-weight:normal;
margin-bottom:15px;
}
h6 {
font-size:16px;
margin-bottom:15px;
color:#ca5f1e;
}


#container {
width:955px;
margin:0px auto;
padding:0px;
border-left:1px solid #000;
border-right:1px solid #000;
background:#ffffff;
}

#content-1-column ul li a {
text-decoration:none;
display:block;
padding:2px 0px;
}

/*HEADER*/
#header {
	background: url(css/header.gif) no-repeat top left;
	height:85px;
}
#header-nav {
padding-top:54px;
float:left;
}
#header-nav a {
display:block;
float:left;
text-align:center;
padding:0px 33px 11px 33px;
font-size:12px;
font-weight:bold;
color:#58534d;
background: url(css/header-nav.gif) no-repeat top right;
border-bottom:6px solid #000;
text-decoration:none;
}

#header-nav a:hover{
text-decoration:none;
}

<!-- firefox border fix begin -->
#header-nav a:active{
outline: none;
}

#header-nav a:focus{
-moz-outline-style: none;
}
<!-- firefox border fix end -->

#about-page a.aboutitem {
border-bottom:6px solid #17e7e0;
}
#services-page a.servicesitem {
border-bottom:6px solid #bd17e7;
}
#products-page a.productsitem {
border-bottom:6px solid #e71717;
}
#portfolio-page a.portfolioitem, #portfolio-project-page a.portfolioitem {
border-bottom:6px solid #e7aa17;
}
#blog-page a.blogitem {
border-bottom:6px solid #f1dd06;
}
#contact-page a.contactitem {
background:none;
border-bottom:6px solid #01d132;
}

#header-nav a.aboutitem:hover {
border-bottom:6px solid #00c9c2;
}
#header-nav a.servicesitem:hover {
border-bottom:6px solid #9f00c9;
}
#header-nav a.productsitem:hover {
border-bottom:6px solid #c90000;
}
#header-nav a.portfolioitem:hover {
border-bottom:6px solid #c98c00;
}
#header-nav a.blogitem:hover {
border-bottom:6px solid #d3bf00;
}
#header-nav a.contactitem {
background:none;
}
#header-nav a.contactitem:hover {
border-bottom:6px solid #00a90a;
}

#logo {
	float: left;
	width: 233px;
}
#logo a {
float:right;
width:225px;
display:block;
background: url(css/logo.gif) no-repeat top left;
border-bottom:6px solid #336699;
height:79px;
}
#logo a:hover, #index-page #logo a  {
border-bottom:6px solid #6699cc;
text-decoration:none;
}
/*VISUAL*/
#visual {
padding-bottom:5px;
background: #000;
}

/*content*/
#content {
border-bottom:5px solid #000;
padding:10px;
}

#content p {
margin-bottom:10px;
line-height:16px;
}

/*HOME*/
.grey_block {
background:#f2eee9;
border:1px solid #cac9c9;
margin-bottom:10px;
}

.grey_block h2 {
background: url(css/h2.gif) no-repeat left center;
font-size:14px;
color:#3e3e3e;
margin:5px 0px 10px 0px;
padding-left:15px;
}

#contentArea {
border:1px solid #cac9c9;
background: url(css/contentArea.gif) repeat-y left top #f2eee9;
}
#contentArea-slogan {
background: url(css/contentArealeft.gif) no-repeat top left;
}
#contentArea-slogan2 {
background: url(css/contentArealeft2.gif) no-repeat top left;
}
#contentArea-slogan3 {
background: url(css/contentArealeft3.gif) no-repeat top left;
}

#contentArealeft {
float:left;
width:359px;
padding-bottom:10px;
}

#contentArealeft a {
display:block;
text-align:center;
margin-top:80px;
} 

#contentArearight {
float:right;
width:513px;
padding:20px;
padding-left:0px;
}

#contentArearight h2 {
font-size:18px;
margin:0px;
padding:0px;
margin-bottom:10px;
}

#contentArearight h3 {
font-size:14px;
margin:0px;
padding:0px;
margin-bottom:10px;
}

#featured_installation {
float:left;
width:360px;
padding:10px;
height:300px;
}

#featured_installation a {
display:block;
text-align:center;
overflow:hidden;
height:250px;
}

#welcome {
float:right;
width:540px;
height:320px;
overflow:hidden;
background:#d9d9d9;
}

#welcome_text {
padding:10px 25px 10px 10px;
background:#f2eee9;
height:190px;
text-align:justify;
}

#welcome_text h2 {
background: url(css/h2_welcome.gif) no-repeat left center;
}
#welcome_text p {

}

#welcome_services {
padding:10px;
}

#welcome_services {
margin:0px;
padding:0px;
}

#welcome_services li {
width:30%;
display:block;
float:left;
font-weight:bold;
color:#5c5b5b;
padding:4px 0px;
list-style:none;
padding-left:15px;
background: url(css/li.gif) no-repeat left center;
}

#hot_products {
padding:10px;
margin-bottom:0px;
text-align:justify;
}

/*ABOUT*/
.col-left {
width:160px;
float:left;
}
.col-right {
width:320px;
float:right;
}

p.small {
font-size:11px;
}

/*SERVICES*/
#services-page #welcome_services {
padding:10px;
margin:20px 0px;
background:#d9d9d9;
}

#services-page #welcome_services li {
width:40%;
display:block;
float:left;
font-weight:bold;
color:#5c5b5b;
padding:4px 0px;
list-style:none;
padding-left:15px;
background: url(css/li.gif) no-repeat left center;
}

#services-page h4 {
background: url(css/h2_welcome.gif) no-repeat left center;
font-size:12px;
color:#3e3e3e;
margin:5px 0px 10px 0px;
padding-left:15px;
}

#services-page #smallpmargin p.small {
padding-left:15px;
}

/*CONTACT*/ 

#contact-page #contentArea {
border:1px solid #cac9c9;
background: url(css/contentAreacontact.gif) repeat-y left top;
height:500px;
}

#portfolio-project-page #contentArea {
border:1px solid #cac9c9;
background: url(css/contentAreacontact.gif) repeat-y left top;
}

#portfolio-page #contentArea {
border:1px solid #cac9c9;
background: url(css/contentAreaportfolio.gif) repeat-y left top #f2eee9;
}
#products-page #contentArea {
border:1px solid #cac9c9;
background: url(css/contentAreaportfolio.gif) repeat-y left top #f2eee9;
}

#blog-page #contentArea {
border:1px solid #cac9c9;
background: url(css/contentAreaportfolio.gif) repeat-y left top #f2eee9;
}


.three-columns #contentArea-slogan {
background: url(css/contentArealeftcontact.gif) no-repeat top left;
}

.three-columns #contentArealeft {
float:left;
width:224px;
padding-bottom:10px;
}

.three-columns #contentArealeft a {
display:block;
text-align:center;
margin-top:80px;
} 

.three-columns #contentAreacenter {
float:left;
width:260px;
margin-left:45px;
padding-top:35px;
}

#portfolio-page #contentAreacenter {
float:right;
width:620px;
padding:35px;
padding-left:0px;
}
#blog-page #contentAreacenter {
float:right;
width:626px;
padding:25px;
padding-left:0px;
}

.three-columns #contentAreacenter h2 {
font-size:18px;
margin:0px;
padding:0px;
margin-bottom:20px;
}


.three-columns #contentArearight {
float:right;
width:270px;
padding:40px;
padding-left:0px;
}
#portfolio-project-page #contentArearight {
float:right;
width:360px;
text-align:right;
padding:0px;
}

#portfolio-project-page #contentArearight a {
display:block;
text-align:right;
margin-bottom:10px;
}

.three-columns #contentAreacenter p.small {
font-size:11px;
}

/*PORTFOLIO*/
#portfolio-blocks a {
display:block;
float:left;
width:195px;
height:147px;
overflow:hidden;
margin-right:15px;
margin-bottom:15px;
}
#portfolio-blocks a.lastinrow {
margin-right:0px;
}
#watch_testimonial_video {
float:right;
width:300px;
font-size:12px;
text-align:right;
padding:7px 7px 0px 0px;
font-weight:normal;
}

h2 span {
font-size:14px;
}

.portfolio-button {
display:block;
float:left;
padding:2px 20px;
color:#FFF;
text-transform:uppercase;
font-size:11px;
background:#8c9194;
text-decoration:none;
margin-right:10px;
margin-top:15px;
}

.portfolio-button:hover {
text-decoration:none;
background:#bcbdc0;
color:#FFF;
}

/*BLOG*/
#blog-page #contentArealeft a {
padding:0px;color:#3e3e3e;margin:0px;text-align:left;text-decoration:none;
}
#blog-page #contentArealeft a:hover {
text-decoration:underline;
}

#blog-page #contentArea-slogan {
background:none;
}

#blog-page #contentArealeft h2 {
background: url(css/h2.gif) no-repeat left center;
font-size:14px;
color:#3e3e3e;
margin:5px 0px 10px 0px;
padding-left:15px;
}

#blog-page #contentArealeft {
float:left;
width:150px;
padding:25px;
padding-bottom:10px;
}

/*PROD*/
#products-page #contentArealeft {
float:left;
width:224px;
padding-bottom:10px;
}
#products-page #contentArea-slogan {
background: url(css/contentArealeftcontact.gif) no-repeat top left;
}
#products-page #contentAreacenter {
float:right;
width:626px;
padding:35px;
padding-left:0px;
}
#products-page #new {
background: url(css/h2.gif) no-repeat left center;
font-size:14px;
color:#3e3e3e;
margin:5px 0px 20px 0px;
padding-left:15px;
}

#expres-page #new {
background: url(css/h2.gif) no-repeat left center;
font-size:14px;
color:#3e3e3e;
margin:5px 0px 20px 0px;
}


#footer {  	
	background:#4e4e4e;
	width:935px;
margin:0px auto;
text-align:center;
color:#c8c8c8;
font-size:10px;
padding:10px;
}

#footer a {
color:#b1d7fd;
font-size:9px;
text-decoration:underline;
}

/*POPUP*/
.popupdiv {
width:200px;
padding:25px;
font-size:11px;
border:1px solid #cac9c9;
background-color:#F2EEE9;
color: #3e3e3e;
}

/* Homepage Display */
#visual-left {float:left; position:relative;}
#visual-right {float:left; margin-left:6px;}
#video-container {margin-bottom:6px;}

.window {height:347px;
	width:606px;
	overflow:hidden;
	position:relative;
	}
.image_reel {
position:absolute;
top:0; left:0;
}
.image_reel img {float:left;}

.paging {
position:absolute;
bottom: 15px; right: 5px;
width: 155px; height: 35px;
z-index:100;
text-align:center;
line-height:40px;
display: none;
}

.paging a {
padding:10px;
margin:2px;
text-decoration: none;
color:#000;
width:35px;
height:35px;
border:1px #FFF solid;
background-color:#d9d9d9;
	font-weight:bold;
}

.paging a.active {

	color:#FFF;
background-color:#000;	
}

.paging a:hover {

	color:#FFF;
background-color:#000;	
}

#video-container {height:171px;}

#video-container img.bg {z-index:10; position:absolute;}


#video-slides{
margin-left:181px;
margin-top:-145px;
z-index:20; position:absolute;
}

#video-hover{
margin-left:181px;
margin-top:-145px;
z-index:25; position:absolute;
}

#video-hover a div{display:block; width:138px; height:107px; margin:0; padding:0; background:url('/css/home/slide-border.png') 0 0 no-repeat;
}

#video-hover a div:hover{background-position: 0 -107px;}


/* EXPRESS PAGE */
#expressh2 {font-size:14px; font-weight:bold; color:#5b5a5a; margin-bottom:25px;}
#expressh2 a {float:right; color:#113e6a; font-size:12px; text-decoration:none;}
#expressh1 {font-size:18px; color:#3e3e3e; margin-bottom:15px;}
div.express-item-container {border:1px #c9c8c8 solid; padding:10px; margin-bottom:25px;} 
div.express-item-container h3 {font-size:14px; font-weight: bold; clear:both; padding-left:15px; background:url('images/down-arrow.jpg') top left no-repeat;}
div.express-item-container h4 {font-size:12px; font-weight: bold; color:#646363; padding-left:15px;}
div.express-item-container h4 span {font-size:14px; font-weight: bold; color:#e71717;}
div.express-item-container p {font-size:12px; font-weight: normal; padding-left:15px; margin: 15px 0;}
.express-left {float:left; width:285px; }
.express-right {float:left;}
div.express-item-container li {margin-bottom:8px;}
div.express-item-container a {color:#123f6b; font-weight:bold; font-size:12px; text-decoration:none;}
div.express-item-container img {border:0;}

/* Commerical Page*/
#commercialProducts {background-color:#dcdad7; border:1px solid #c7c6c6; margin-bottom:30px;}
#commercialProducts h2 {font-size:15px; color:#FFF; font-weight:normal; display:block; background-color:#8e8e8e; padding:10px 15px;}
#commleft,#commright {float:left;  padding:3px 15px 5px 15px;}
#commercialProducts li {padding:3px 0;}
.featuredCommercial {background:url('css/commercial-back.jpg') top center repeat-x #337fcb; border:1px #c7c6c6 solid; padding:25px; margin-bottom:30px;}
.featuredCommercial h1 {color:#FFF; font-weight:bold; font-size:14px; text-decoration:all-caps;  margin-bottom:15px;}
.featuredCommercial h1 span {font-weight:normal; text-decoration:none;}
.featuredCommercial img {margin-bottom:20px;}
.left {float:left;}
.right {float:right;}
.featuredCommercial p {color:#FFF;}
