@import "reset.css";
/* << ----------------// General Styles //---------------->> */
body {
	margin: 30px 0 20px 0;
	padding: 0;
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	background-color: #444444;
	background-image: url('../images/bkgradient.jpg');
	background-repeat: repeat-x;
}

caption, th, td {
  vertical-align:top;
}

p {
margin:20px 0 6px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h4 {
font-weight:bold;
margin:10px 0 3px 0;
}

h3 {
font-weight:bold;
margin:10px 0 3px 0;
}

h2 {
font-weight:bold;
margin:10px 0 3px 0;
}

h1 {
font-weight:bold;
margin:10px 0 3px 0;
}

h1 {
color:#303030;
font-size:20px;
}

h2 {
font-size:15px;
color:#4a4a4a;
}

h3 {
font-size:10px;
}

h4 {
font-size:8px;
}

a:visited {
color:#cc0000;
text-decoration:underline;
}


a:link {
color:#cc0000;
text-decoration:underline;
}

a:active {
color:Blue;
text-decoration:none;
}

a:hover {
color:Blue;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ol li {
margin:0 0 4px 0;
padding:0;
}

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

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
	margin: 0px auto;
	padding: 0;
	width: 980px;
	background-color: White;
	background-image: url('../images/contentbkglogo.jpg');
	background-repeat: no-repeat;
	background-position: center 250px;
}

#patenteddesignlogo
{
position:relative;
left: 863px; top: -66px;
}

/* << ----------------// Header //---------------->> */
#header {
	margin: 0;
	padding: 0px;
	width: 980px;
	height: 42px;
	color: #ffffff;
	background-color: #363636;
	border-bottom: 1px #cccccc solid;
}

.ornamentalsteelinsertsimg
{
	position: relative;
	left: 100px;
}

#mainimage
{
	float: left;
	width: 727px;
	height: 220px;
	background-image: url('../images/mainimage.jpg');
	display: inline;
}

#rightheaderbox
{
	border-left: 1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}

.whitesmaller
{
	color:white;
	font-size:smaller;
}

#awards h1
{
	border-bottom: solid 1px #dcdcdc;
	padding-left: 10px;
}
#awards
{
	text-align:right;
}
#awards img
{
	margin: 0 auto;
	border:solid 2px #cccccc;
}

#awards a img:hover
{
	border: solid 2px #696969;
}
.header
{
background-image:url(../images/leftnavhdr.gif);
background-position:-2px top;
background-repeat:no-repeat;
color:white;
height:25px;
padding-left:5px;
padding-top:2px;
width:190px;
}
#lockimg
{
background-image:url('../images/loginicon.jpg');
background-position:left center;
background-repeat:no-repeat;
padding-left: 20px;
padding-top: 3px;
height: 22px;
color:white;
font-weight:bold;
margin-bottom: 10px;
}

.nav
{
background-image:url('../images/leftnavhdr.gif');
background-position:0px top;
background-repeat:no-repeat;
margin-top: 20px;
}


#news
{
background-image:url('../images/newsheadline.gif');
background-position:2px top;
background-repeat:no-repeat;
margin-top: 20px;
padding-left: 10px;
}

#news h3
{
color:#555555;
font-size:8pt;
padding-left: 0px;
margin-top: 5px;
}

#news h2
{
color:white;
padding-top:2px;
}


#menudiv
{
left: 345px; top: 193px;
position:absolute;
}


#products
{
width: 50px;
height: 50px;
display:none;
}

#products a
{
display:block;
}

.newsitem
{

}

#findadealer{background-image:url('../images/installationicon.gif');}
#pricequote{background-image:url('../images/pricequoteicon.gif');}
#installation{background-image:url('../images/pricequoteicon.gif');}

#pricequote,#findadealer,#installation
{
display:block;
background-repeat:no-repeat;
height:22px;
margin-bottom: 5px;
text-decoration:none;
color:white;
font-weight:bold;
padding-left:30px;
padding-top:3px;
font-size:smaller;
}

#mainimage
{
	border-left: 1px white solid;
	border-bottom:1px #cccccc solid;
}

#rightheaderbox h1
{
	color:White;
	margin-top: 40px;
	margin-left: 10px;
}
#rightheaderbox
{
	float: left;
	width: 210px;
	height: 180px;
	padding: 40px 20px 00px 20px;
	background-color: #027154;
	display: inline;
}

/* << ----------------// Horizontal navigation //---------------->> */

#undernav
{
	background-image: url('../images/bottomnav.gif');
	background-repeat: repeat-x;
	height: 5px;
	margin:0 0 40px 0;
}

#navHorizontal {
	margin: 0px 0 0 0;
	padding: 0;
	width: 980px;
	height: 33px;
	line-height: 30px;
	background-color: #363636;
	background-image: url('../images/navgradient.gif');
	background-repeat: repeat-x;
}

#navHorizontal ul {
margin: 0 0 0 220px;
padding:0 0 5px 0;
list-style:none;
position:relative;
}

#navHorizontal ul li {
margin:0 0 0 -5px;
list-style:none;
float:left;
}

#navHorizontal ul li a
{
font-size: 13px;
font-weight:bold;
background-image:url('../images/seperator.gif');
background-repeat:no-repeat;
background-position:right;
}
#navHorizontal ul li a:visited {
padding:5px 12px 5px 12px;
color:#eeeeee;
text-decoration:none;
}

#navHorizontal ul li a:link {
padding:5px 12px 5px 12px;
color:#eeeeee;
text-decoration:none;
}

#navHorizontal ul li a:active {
color:#454545;
text-decoration:none;
background-color:#cccccc;
}

#navHorizontal ul li a:hover {
color:#DCDCDC;
text-decoration:none;
background-color:#999966;
}
/* <<------------------// Nav Buttons //--------------->> */

#home
{
background-image:url('../images/home.gif');
width:65px;
}

#products
{
background-image:url('../images/products.gif');
width:77px;

}

#gallery
{
background-image:url('../images/gallery.gif');
width:75px;

}

#interiorapplications
{
background-image:url('../images/interiorapplications.gif');
width:146px;
}

#locateadealer
{
width:121px;
background-image:url('../images/locateadealer.gif');
}

#support
{
width:76px;
background-image:url('../images/support.gif');
}

#about
{
width:65px;
background-image:url('../images/about.gif');
}

#contact
{
width:65px;
background-image:url('../images/contact.gif');	
}

#contact
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#about
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#support
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#locateadealer
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#interiorapplications
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#gallery
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#products
{
background-repeat:no-repeat;
height:34px;
display:inline;
}



#home
{
background-repeat:no-repeat;
height:34px;
display:inline;
}

.loginbutton
{
background-color:transparent; 
border:none;
background-image:url('../images/login.gif');
background-repeat:no-repeat;
text-align:center;
width: 117px; height: 24px;
margin-top: 10px;
margin-left: 17px;
cursor:pointer;
}

/* << ----------------// Left column //---------------->> */
#columnOne {
float:left;
margin:0 0 0 4px;
padding:0 5px 10px 0px;
width:190px;
background-color: transparent;
display:inline;
}

#columnOne h2{
color:white;
width: 190px;
background-image:url('../images/leftnavhdr.gif');
background-position:-2px top;
background-repeat:no-repeat;
padding-left: 5px;
padding-top: 2px;
height: 25px;
}

#columnThree ol li {
font-size:13px;
}

#columnThree ul li {
font-size:13px;
}

#columnOne ol li {
font-size:13px;
}

#columnOne ul li {
font-size:13px;
}

#columnThree p {
font-size:13px;
}

#columnOne p {
font-size:13px;
}

#columnThree h2 {
font-size:16px;
}

#columnOne h2 {
font-size:16px;
}

#loginformarea
{
padding: 0 0 0 35px;
}
.inputs
{
	display:block;
	border:1px black solid;
	width: 140px;
}

/* << ----------------// Vertical navigation //---------------->> */
.navVertical {
margin:0 -5px 0 3px;
padding:0;

font-size: smaller;
}


.navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

.navVertical ul li {
margin:0 0 0 -2px;
padding:0;
list-style:none;
}

.navVertical a:visited {
padding:2px 8px 2px 8px;
color:black;
text-decoration:none;
display:block;
}

.navVertical a:link {
padding:2px 8px 2px 8px;
color:Black;
text-decoration:none;
display:block;
}

.navVertical a:active {
color:black;
text-decoration:none;
}

.navVertical a:hover {
color:#454545;
text-decoration:none;

}

/* << ----------------// Middle column //---------------->> */
#columnTwo {
	float: left;
	margin: 0px 4px 0 10px;
	padding: 0 20px 10px 30px;
	width: 480px;
	display: inline;
	background-color: transparent;
}

#columnTwo li,p
{
	font-size: 12px;
}

/* << ----------------// Right column //---------------->> */
#columnThree {
	float: left;
	display:inline;
	margin: 5px 4px 0 0;
	padding: 0 0px 0px 0px;
	width: 220px;
	background-color: transparent;
}

/* << ----------------// Footer //---------------->> */
#footer {
	clear:both;
	background-image:url('../images/footergradient.gif');
	background-repeat:repeat-x;
	border-top: 4px #cccccc solid;
	margin: 40px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	width: 970px;
	height: 88px;
	font-size: 14px;
	color: white;
	background-color: #959595;
	clear: both;

}

#footer a:visited {
color:white;
text-decoration:none;
}

#footer a:link {
color:white;
text-decoration:none;
}

#footer a:active {
color:white;
text-decoration:underline;
}

#footer p
{
 margin-top: 30px;
 text-align:center;
}

#footer a:hover {
color:#027154;
text-decoration:underline;
}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.subjectbox
{
	position: relative;
}
.namebox
{
	position: relative;
}
.newStyle1
{
	position: relative;
}
#contactcontainer
{
 background-color:#ececec;
 padding: 20px;

}

#contactnamerow
{
	border-top:solid 1px #999999;
	padding-top: 20px;
}

#contactnamerow,#contactphone,#_subjectbox,#_messagebox,#contactemail,.quoteformitem
{
margin:2px 0 2px 0;	
vertical-align:middle;
}
.msgbox,.address
{
	vertical-align:top;
}
address
{
  font-style:normal;
  font-size:smaller;
}

#logincontent
{
padding:20px 40px 50px 40px;
}

.gvtable caption,.gvtable th,.gvtable td 
{
 text-align:center;
 vertical-align:middle;
}
.gvtable th
{
 font-weight:bold
}

.galleryimage
{
	padding: 10px 10px 5px 10px;
}

.underline
{
border-bottom:solid 1px #dcdcdc;
}

.DataList h6
{
    font-weight:bold;
    margin-top: 10px;
}

.DataList p 
{
    font: 8px;
}

.DataList a
{
    color:#016f52;
	text-decoration:none;
	font-size:smaller;
}

.productpropertys
{
font-size:smaller;	
font-weight: bold;
width: 175px;
}

.productpropertys span
{
	font-weight:normal;
}

.newstable tr
{
padding-top: 5px;
padding-bottom: 5px;
}

#faq h3
{
	font-size: .8em;
	margin:0;
}
#faq p
{
margin-top: 5px;
margin-bottom:20px;	
}

#nav li ul
{	margin: 00px 0 0 0px;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background: #000000;
	min-width:150px;
	z-index:3000;
}

#nav li ul li
{	float: none;
 	background: #000000;
	display: block;
	padding:0px;
	z-index:3010;
	line-height: 20px;
}


#nav li ul li a
{	width: auto;
	background: #000000;
	color: #FFFFFF;
	padding: 5px 12px 5px 12px;
	display:block;
	font-weight:normal;
}

#nav li ul li:first-child a:hover
{
	padding:5px 12px 5px 12px;
	margin:0;
	border: 0;
}
#nav li ul li a:hover
{	background: #027154;
 	color:#FFFFFF;
 	border: 0;
}