@charset "utf-8";

/* CSS Document */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}


/*

##############################################################
  Element Styles
##############################################################*/


html {height:100%; overflow: scroll;}

body {
  background-color: #000000;
  margin-left: 0px;
  margin-top: 0px;
  background-image:url(../images/metalbg2.jpg);
  background-position:top center;
  }
  
h1 { 
font-family: verdana;
padding: 20px;
font-size: 16px;
font-weight: bold;
color: #800000;
text-align: center;
}

h2 { 
font-family: verdana;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: bold;
color: #800000;
text-align: center;
}

h3 { 
font-family: verdana;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: bold;
color: #800000;
text-align: center;
}

a:link {
text-decoration: none;
color : #0033ff;
background: #f1f1f1;
}

a:visited {
text-decoration: none;    
color : #b43023;
background: #f1f1f1;
}

a:hover {
color : #ff0000; 
text-decoration: none;    
border-style: none;
}

.hdr-left { 
height: 115px;
width: 135px;
background-image: url(../images/left.gif); 
}

.hdr-right { 
height: 115px;
background-image: url(../images/right.gif);
}

#wrapper { 
border: 0px;
padding: 0px;
width: 973px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}

#header {
border-bottom: 2px solid #D2D7DB;
height: 98px;
width: 973px;
background-image: url(../images/aluminum-extrusions-logo973.gif); 
padding: 0px;
}
 
#header img {
border: 0px;
padding: 0px;
left: 0px;
 }

#header .address { 
position: relative;
left: 710px;
top: 5px;
width: 240px;
padding: 6px;
text-align: center;
font-family: verdana;
color: #000066;
background: #f1f1f1; 
font-size: 13px;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 2px 1px #000;
-webkit-box-shadow: 1px 2px 1px #000;
box-shadow: 1px 2px 1px #000;
}

#navigation {
position: relative;
display: block;
list-style-type: none;
background: #D2D7Db;
height: 30px;
z-index: 1;
}

#navigation li {
position: relative;
float: left;
width: 115px;
margin-left: 3px;
font-family: verdana;
font-size: 13px; 
z-index: 2;
}	
   
#navigation li a {
display: block;
padding-top: 5px; 
padding-bottom: 6px;
text-align: center; 
color:#fff; 
background: #294273; 
font-weight: bold;
text-decoration: none;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 1px 2px 1px #999;
-webkit-box-shadow: 1px 2px 1px #999;
box-shadow: 1px 2px 1px #999;
}

#navigation li a:hover {
text-decoration: none; 
background: #42628C;
color: #fff;
font-weight: bold;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 2px 3px 2px #555;
-webkit-box-shadow: 2px 3px 2px #555;
box-shadow: 2px 3px 2px #555;
}

#index_page #navigation #index a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#fabrication_page #navigation #fabrication a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#finishing_page #navigation #finishing a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#delivery_page #navigation #delivery a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#contact_page #navigation #contact a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#quotes_page #navigation #quotes a {
-webkit-border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
background: #42628C;
color: #fff;
}

#outer {
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 0px;
background: #D2D7D6;
}

#content {
position: relative;
background: #fff;
font: 15px verdana;
color: #000033;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
padding-top: 0px;
padding-bottom: 25px;
padding-left: 55px;
padding-right: 55px;
}

#content p {
text-indent: 15px;
line-height: 125%;
padding-bottom: 20px;
text-align: justify;
 } 

.extrusionsleft {
float: left;
margin-top: 20px;
margin-left: 0px;
margin-right: 25px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
 }

.content-left {
clear: both;
float: left;
padding: 15px;
}

.content-right {
padding: 15px;
float: right;
}
 
.ulbox {
width: 100%;
 } 
 
.fab {
border: 0px solid #ff0000;
 } 
 
.fab-left {
vertical-align: top;
width: 50%;
border: 0px solid #ff0000;
padding: 20px;
 }

.fab-right {
vertical-align: top;
width: 50%;
border: 0px solid #ff0000;
padding: 20px;
}

.fab-left ul
{
position: relative;
left: 35px;
font-family: verdana;
font-size: 14px;
font-weight: bold;
list-style-image: url("../images/0069_mooshak.png"); 
color: #000066;
}

.fab-left li
{
padding-top: 8px;
padding-bottom: 0px;
color: #000066;
}


.fab-right ul
{
position: relative;
left: 25px;
font-family: verdana;
font-size: 14px;
font-weight: bold;
list-style-image: url("../images/0069_mooshak.png"); 
color: #000066;
}
 
.fab-right li
{
padding-top: 10px;
color: #000066;
}

.fin {
border: 0px solid #ff0000;
 } 
 
.fin-left {
vertical-align: top;
width: 50%;
border: 0px solid #ff0000;
padding: 20px;
 }

.fin-right {
vertical-align: top;
width: 50%;
border: 0px solid #ff0000;
padding: 20px;
}

.fab-right img {
padding: 15px;
border: 1px solid #cccccc;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
 }

.fab-left img {
padding: 15px;
border: 1px solid #cccccc;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
 }
 
.fin-left ul
{
position: relative;
left: 35px;
font-family: verdana;
font-size: 14px;
font-weight: bold;
list-style-image: url("../images/0069_mooshak.png"); 
color: #000066;
}

.fin-left li
{
padding-top: 10px;
padding-bottom: 0px;
color: #000066;
}

.fin-right ul
{
position: relative;
left: 25px;
font-family: verdana;
font-size: 14px;
font-weight: bold;
list-style-image: url("../images/0069_mooshak.png"); 
color: #000066;
}
 
.fin-right li
{
padding-top: 10px;
color: #000066;
}

.imgleft {
float: left;
width: 100%; 
margin-top: 10px;
margin-left: 15px;
margin-right: 35px;
margin-bottom: 20px;
 }

.imgright {
float: right;
margin-top: 10px;
margin-left: 35px;
margin-right: 15px;
margin-bottom: 20px;
 }

.winvent {
width: 300px;
padding: 10px;
float: right;
margin-top: 40px;
margin-left: 35px;
margin-bottom: 20px;
margin-right: 15px;
font-size: 10px;
background: #f1f1f1;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
 -moz-box-shadow: 2px 3px 2px #555;
-webkit-box-shadow: 2px 3px 2px #555;
box-shadow: 2px 3px 2px #555;
 }

.winvent a, .winvent a:visited {
	color:  #000033;
	font-family: verdana;
	font-size: 10px;
	text-decoration: none;
	background-color: #f1f1f1;
}

.winvent a:hover {
	font-family: verdana;
    font-size: 10px;
	color: #000066;
    background-color: #f2f2f2;
}

.form-container {
width: 750px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
background: #f1f1f1;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
margin: auto;
text-align: center;
}

.form-container img {
padding: 10px;
 }

.form-container a, .form-container a:visited {
	color: #b43023;
}

.form-container a:hover {
color:  #ff0000;
}
 
.req {
color: #B43023;
width: 700px;
padding: 20px;
margin: auto;
text-align: center;
}

.center {
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 40px;
 }

.label {
width: 250px;
float: left;
text-align: right;
padding: 5px;
 }

.labelr {
width: 250px;
color: #B43023;
float: left;
text-align: right;
padding: 5px;
 }
 
.field {
float: left;
width: 450px;
padding: 5px;
 }

#footer
{
font: 12px verdana;
color: #000033;
font-size: 10px;
padding-top:13px;
padding-left:10px;
padding-right:10px;
padding-bottom: 26px;
background-image: url(../images/footer2.jpg); 
text-align: center;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}

#footer a, #footer a:visited {
	color:  #000033;
	padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
  	font-family: verdana;
    font-weight: normal;
	text-decoration: none;
	background-color: #D2D7dB;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

#footer a:hover {
padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
	font-family: verdana;
    font-weight: normal;
	color: #000099;
    background-color: #F4F4F4;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.copy {
text-align: center;
padding-top: 35px;
 }
 
div.thanks {
position: relative;
top: 100px; 
text-align: center;
margin: auto;
height: 300px;
 }