@charset "UTF-8";
/* CSS Document */
/* Stylesheet for [Frontier Steel] */
/* Created by [Levy MG]  */

/* GLOABAL RESET */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
.right {float:right;}

/* BASIC */

body { background: #8c8c8c url('../images/background.gif') repeat-x; color: #333333; font-family: Helvetica, Arial, Sans-serif; font-size: 16px; line-height: 1.125em; margin: 50px auto; }
a, a:visited { color:#F68923; }
	a:hover { color: #333366; }
blockquote { clear: right; color: #222222; float: left; margin-left: 15px; padding: 0 0; width: 200px; }
blockquote, q { quote: none; }
ul { margin: 0 0 1.125em 0; }
li {font-size: 0.875em;}
h1, h2, h3, h4 { color: #333366; font-family: Verdana, serif; margin: 0 0 16px 0; }
h1 { font-size: 1.5em; line-height: 36px; }
h2 { color: #F68923; font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h3 { color: #F68923; font-size: 1em; line-height: 1.125em; }
h4 { font-size: 1.1em; padding: 0; }
hr { color: #333333; }
p { font-size: 0.875em; line-height: 1.5em; margin: 0 0 1.125em 0; }
	p.first { color: #222222; font-size:	1em; }
	p.name { text-align: right; line-height: 1em; }
small { font-size: .85em; }

/* STRUCTURE */

#content { background-color: white; height: auto; margin: 0px auto; width: 960px; }
	.col1 { float: left; margin: 0; padding: 0px 0px; text-align: left; width: 220px; }
	.col2 {  float: left; margin: 15px 0px; padding: 0px 10px; text-align: left; width: 430px; }
	.col3 { float: left; margin: 0; padding: 15px 10px; text-align:	left; width: 269px; }
#company_address { color: #333333; float: left; line-height: 1em; margin: -16px 0px 0 0px; padding: 0 15px; }
#side_content { padding: 10px 10px; }
#side_quote { background-color: #f68923; color: white; padding: 10px 10px; }
	#side_quote_footer { background: url('../images/side_quote.gif') no-repeat; height: 30px; width: 220px; }
#wrapper { margin:	0px auto; }
#footer { position: relative; background-color: white; clear: both; color: white; font-size: .85em; height: auto; margin: 0px auto; -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px; width: 960px; }
	#footer li { display: block; float: left;}
	#footer_nav {position: absolute; background-color: #8c8c8c; bottom: 0; right: 0; height: 50px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; }
	#footer ul { float: 		right; margin: 	10px 10px; }
	#footer a { padding: 0 5px; }
#header { background: URL("../images/header.jpg") no-repeat top left; height: 181px; margin: 0px auto; -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px; width: 960px; }
#company_address p { margin: 0 0 10px 0; }
.col3 h4 { margin: 0 0 0.5em 0; }
#side_content strong {	color: #f68923; }
#side_quote p { margin: 0px; }

/* NAVIGATION */

#nav { background: #333366 URL("../images/nav.gif") no-repeat top left; color: #dd9e45; height: 50px; margin: 0px auto; width: 960px; }
	#nav ul { margin-left: 221px; padding : 12px 0px 0px 0px; }
	#nav li { display: block; float: left; list-style: none; margin: 0; position: relative; }
	#nav a { padding: 0 10px; }
	#nav a, #nav a:visited, #footer a, #footer a:visited, #side_nav a, .side_nav a:visited  { color: white; text-decoration:	none; }
#side_nav { background: #474747 url('../images/edge.gif') no-repeat top left; border: 2px solid #f68923; border-top: none; border-left: none; margin: 0 0 .5em 0; padding: 10px 10px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-right-radius: 15px; }
	#side_nav li { background: url('../images/custom_bullet.png') left top no-repeat; border-bottom: 1px solid white; margin-left: 15px; margin-bottom: 10px; padding: 0 0 10px 30px; }
	#side_nav hr { color: white; }
	#side_nav a:hover, #nav a:hover, #footer a:hover { text-decoration: underline; }

/* SPECIFICS */

.circle { list-style: circle; margin: 0 0 1.125em 2em; }
.disc { list-style:	disc; margin: 0 0 1.125em 2em; }
.ind_img { border-right: 5px solid #f68923; float: left; }
.photos { margin: 0 0 20px 0; }
.quote_right, .quote_right_w { padding-left: 5px; }
.quote_left, .quote_left_w { padding-right: 5px; }
.news li { display:block; margin-bottom:.5em; }
.caption {font-size:.875em;color:#666;text-align:center;width:200px;margin:5px auto;display:block;}

/* CONTACT FORM */

fieldset { margin: 10px 0 10px 0; padding: 10px 0 10px 10px; border: 1px solid black; -moz-border-radius-topright: 10px; -webit-border-top-right-radius: 10px; }
legend { text-transformation: uppercase; font-size: 1.3em; padding: 5px; margin-left: 1px; color: #fff; background: #333366; }
label span { position: absolute; left: -10000px; top: 0px; }
label.required { background:transparent url('../images/req.gif') no-repeat center right; }
label { position: relative; clear: left; float: left; width: 10em; margin-right: 5px; text-align: right; padding-right: 30px; line-height: 1.7em -moz-border-radius: 5px; -webkit-border-radius: 5px; }
p span.required { display: inline-block; vertical-align: middle; line-height: 3.4em; width: 25px; line-height: 3.4em; text-indent: -10000px; overflow: hidden; background:transparent url('../images/req.gif') no-repeat center right; }
label.other1 { color: #fff;  }
input, textarea { padding: 5px; border: 1px solid #333366; color: #333366; overflow: hidden; }
input:focus { border: 1px solid #F68923; }
fieldset ul { padding: 10px 10px 10px 10px; list-style: none; }
fieldset li { position: relative; padding-bottom: 1em;}
.submit { background-color: #333366; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.submit:hover { background-color: #F68923; }

/* LIGHTBOX */

div#lbContent {width:260px;height:300px;background-color: #fff;margin:0 auto;padding:20px;border:solid 5px #F68923;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label { margin-right: 0px; padding-right: 0; text-align: left; width: auto; margin-bottom:2px; display:block; color:#333333; float:none; clear: none;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#333333;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#333333; width:260px;}
#lightbox h3{color:#333333;}
#lightbox.done p {color:#333333;}
#lightbox p a {color:#333333;}
.button { color: #333; }
#map_canvas {width:370px;height:300px;border:solid 2px #5449AF;}
#route {width:360px;border:solid 2px #eee;}
#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}