/* Main Styles 
_____________________________________*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	line-height: 150%;
	}

p {
	margin: 0 0 20px 0;
	}

p.large { font-size: 115%; }

h2 { font-size: 150%; }

h3 { font-size: 150%; 
	margin: 0 0 10px 0;
	}

h4 { 
	font-size: 125%; 
	margin: 20px 0 0 0;
	}

h5 { font-size: 100%; 
	margin-bottom: 0;
	}

h6 {
	font-size: 12px;
	color: #696969;
	margin-bottom: 0;
	}

a {
	color: #007cc3;
	text-decoration: none;
	border-bottom: 1px solid;
	}

a:hover { color: #48a3d7; }

hr { display: none; }

ul { 
	padding-left: 15px; 
	margin: 5px 0 20px 0;
	}

blockquote {
	font-family: Georgia;
	font-style: italic;
	padding: 0 0 0 10px;
	margin: 0;
	border-left: 1px solid #ccc;
	color: #696969;
	}

p.quote_name { 
	text-align: right; 
	margin-bottom: 50px;
	}

img.no_border {
	border: none;
	}

input {
	font-family: Arial, sans-serif;
	padding: 3px;
	}

textarea {
	font-family: Arial, sans-serif;
	padding: 3px;
	font-size: 100%;
	}

select {
	font-family: Arial;
	}

input.zemSubmit {
	background: #0075b8 url(/images/bg_nav.gif) repeat-x;
	border: 2px #0075b8;
	color: #fff;
	font-size: 125%;
	padding: 5px 10px 5px 10px;
	}

input.zemSubmit:hover {
	background: #48a3d7;
	}

input.zemSubmit:focus {
	background: #000;
	}

ul.zemError {
	color: #960000;
	}

.zemRequirederrorElement {
	color: #960000;
	font-weight: bold;
	}

.zemThanks {
	font-family: Georgia;
	font-style: italic;
	font-size: 125%;
	margin: 20px 0;
	}


/* Containers 
_____________________________________*/

div.center {
	width: 750px;
	margin: 0 auto;
	}

div#canvas {
	width: 100%;
	background: url(/images/bg_canvas.gif) repeat-x;
	padding: 15px 0 0 0;
	float: left;
	}

/* Header
_____________________________________*/

div#header {
	width: 100%;
	background: #000;
	height: 84px;
	margin: 0 0 1px 0;
	}

div#header h1 {
	margin: 0;
	text-indent: -9999px;
	float: left;
	}

div#header h1 a {
	width: 160px;
	height: 84px;
	display: block;
	background: url(/images/header_logo.gif) no-repeat;
	border: none;
	}

div#header p {
	text-indent: -9999px;
	width: 590px;
	height: 84px;
	background: url(/images/tagline.gif) no-repeat;
	display: block;
	float: right;
	margin: 0;
	}

/* Navigation 
_____________________________________*/

div#navigation {
	background: #0075b8 url(/images/bg_nav.gif) repeat-x;
	line-height: 29px;
	margin: 0 0 1px 0;
	float: left;
	width: 100%;
	}

ul#nav_menu, div#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 750px;
	background: url(/images/bg_nav_steel.gif) no-repeat top right;
	float: left;
	}

ul#nav_menu a {
	display: block;
	padding: 0 10px;
	}

ul#nav_menu a:hover, #nav_menu li.sfhover a {
	background: #007cc3;
	color: #fff;
	}

ul#nav_menu li {
	float: left;
	font-weight: bold;
	margin: 1px 20px 1px 1px;
	}

div#navigation ul#nav_menu li:hover {
	background: #007cc3;
	color: #fff;
	}

ul#nav_menu a {
	color: #bfd8e7;
	border: none;
	}

/* Second-Level Lists */

ul#nav_menu li ul { 
	position: absolute;
	background: #007cc3;
	width: 185px;
	left: -999em;
	padding: 2px;
	line-height: 1.5;
	}

ul#nav_menu li ul li {
	margin: 0;
	padding: 0;
	}

ul#nav_menu li ul a {
	font-weight: normal;
	font-size: 85%;
	display: block;
	width: 175px;
	padding: 3px 5px;
	border-top: 1px solid #2f8dc3;
	background: url(/images/drop_bullet.gif) no-repeat 0 50%;
	}

ul#nav_menu li ul a:hover { background: #005e93; }

ul#nav_menu li:hover ul, #nav_menu li.sfhover ul{ left: auto; z-index: 9999;}

ul#nav_menu li.selected a {
	background: #007cc3;
	color: #fff;
	border: 1px solid #005e93;
	}

ul#nav_menu li.sub_menu {
	font-size: 85%;
	}

ul#nav_menu li.sub_menu a {
	display: inline; 
	border: none;
	font-size: 100%;
	}

/* Interior Page Navigation */

div#nav_left {
	float: left;
	width: 215px;
	background: url(/images/int_divide.gif) no-repeat right top;
	padding: 0 10px 0 0;
	}

div#nav_left h2 {
	font-weight: normal;
	margin-top: 0;
	}

ul#nav_int {
	list-style-type: none;
	padding: 0;
	}

ul#nav_int a {
	border: none;
	background: url(/images/icon_link.gif) no-repeat 0 40%;
	padding: 0 0 0 17px;
	}

ul#nav_int li.nav_nolink {
	border: none;
	background: url(/images/icon_link.gif) no-repeat  0 4px;
	padding: 0 0 0 17px;
	color: #007cc3;
	}

ul#nav_int a:hover { background: url(/images/icon_link_black.gif) no-repeat 0px 40%; color: #000;}

ul#nav_int ul { list-style: none; }

ul#nav_int ul a {
	border: none;
	background: url(/images/bullet.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	}

ul#nav_int ul a:hover { background: url(/images/bullet.gif) no-repeat 0 50%; }

ul#nav_int a.int_selected {
	background: url(/images/icon_link_black.gif) no-repeat 0px 50%;
	color: #000;
	}

ul#nav_int ul a.int_selected {
	background: url(/images/bullet.gif) no-repeat 0 50%; ;
	color: #000;
	}

ul#nav_int ul {
	margin: 0 0 0px 0;
	padding: 0 0 0 3px;
	}

ul#nav_int ul li {
	font-size: 11px; 
	line-height: 15px;
	}

/* Newsletter Buttons */

a.news_short {
	background: url(/images/btn_news_short.gif) no-repeat;
	width: 197px;
	height: 62px;
	display: block;
	text-indent: -9999px;
	border: none;
	}

a.news_short:hover { background: url(/images/btn_news_short.gif) no-repeat 0 -62px; }

a.news_long {
	background: url(/images/btn_news_long.gif) no-repeat;
	width: 349px;
	height: 39px;
	display: block;
	text-indent: -9999px;
	border: none;
	}

a.news_long:hover { background: url(/images/btn_news_long.gif) no-repeat 0 -39px; }

/* Home Page Styles 
_____________________________________*/

div#content_left {
	float: left;	
	width: 412px;
	background: url(/images/bg_beam.gif) no-repeat bottom right;
	}

div#content_left h2 {
	font-size: 115%;
	padding-right: 40px;
	line-height: 110%;
	}

div#content_right {
	float: right;
	width: 315px;
	}

dl#services_list {
	margin: 0;
	line-height: 140%;
	}

dl#services_list dt { text-indent: -9999px; }

dt#service_ss {height: 15px; background: url(/images/hd_structural.gif) no-repeat;}
dt#service_om {height: 31px; background: url(/images/hd_ornamental.gif) no-repeat;}
dt#service_rc {height: 15px; background: url(/images/hd_rebar.gif) no-repeat;}
dt#service_fc {height: 15px; background: url(/images/hd_erection.gif) no-repeat;}
dt#service_con {height: 15px; background: url(/images/hd_concrete.gif) no-repeat;}

dl#services_list dd {
	margin: 0 0 10px 0;
	color: #7f7f7f;
	}

dl#services_list a {
	font-weight: bold;
	background: url(/images/icon_link.gif) no-repeat 0px 50%;
	padding: 0 0 0 15px;
	border: none;
	}

dl#services_list a:hover {
	background: url(/images/icon_link_hover.gif) no-repeat 0px 50%;
	}

div.slideshow {
	width: 412px;
	height: 189px;
	}

div.slideshow p {
	display: none;
	}

/* Interior Page Styles 
_____________________________________*/

div#interior_right {
	float: right;
	width: 515px;
	}

div#page_excerpt p {
	margin-top: 0;
	font-size: 125%;
	line-height: 150%;
	}

div.int_cl {
	width: 248px;
	float: left;
	color: #696969;
	}

div.int_cr {
	width: 248px;
	float: right;
	color: #696969;
	}

h3.ss_commercial {
	background: url(/images/hd_commercial.gif) no-repeat;
	text-indent: -9999px;
	}

h3.ss_residential {
	background: url(/images/hd_residential.gif) no-repeat;
	text-indent: -9999px;
	}

/* News 
_____________________________________*/

ul#news_list {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	border-top: 1px solid #ddd;
	}

ul#news_list li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 5px 5px 10px 5px;
	}

ul#news_list li:hover {
	background: #f5f5f5;
	}

.news_date {
	text-transform: uppercase;
	font-size: 90%;
	color: #919191;
	margin: 10px 0;
	}

/* Careers
_____________________________________*/

div#careers {
	border: 1px solid #ddd;
	padding: 15px 15px 0 15px;
	background: #f5f5f5;
	font-size: 90%;
	line-height: 125%;
	}

div#careers h3 {
	color: #575757;
	font-weight: normal;
	}

div#careers h4 { 
	border-top: 1px solid #ccc;
	padding: 10px 0 5px 0;
	}

/* Request Info
_____________________________________*/

div#requestinfo {
	border: 1px solid #ddd;
	padding: 0px 15px;
	background: #f5f5f5;
	}

div#requestinfo p {
	margin: 0;
	}

label.zemRequired {
	font-weight: bold;
	}

/* OnSteel
_____________________________________*/

div#onsteel h2 {
	background: url(/images/onsteel.gif) no-repeat;
	text-indent: -9999px;
	width: 421px;
	height: 99px;
	margin: 0 0 10px 0;
	}

div.newsletter_list {
	border-top: 1px solid #ccc;
	padding: 15px 5px 0 5px;
	margin: 0 0 15px 0;
	}

div.newsletter_list img {
	float: left;
	margin: 0 10px 10px 0;
	}

div.newsletter_list h3 {
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	color: #919191;
	margin: 0;
	}

div.newsletter_list h4 {
	margin-top: 0;
	}

div.newsletter_list p {
	margin: 0;
	}

img.onsteel_image {
	float: left;
	margin: 0 20px 20px 0;
	}

div#onsteel p.news_date {
	margin-top: 0;
	}

.pdf_download a {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(/images/pdf_lg.gif) no-repeat left;
	font-size: 150%;
	display: block;
	padding: 20px 20px 20px 60px;
	}

.pdf_small a {
	background: url(/images/pdf_sm.gif) no-repeat top left;
	padding: 0 0 1px 20px;
	border: none;
	}

div#signup {
	border: 1px solid #ddd;
	padding: 15px 15px;
	background: #f5f5f5;
	margin: 40px 0 0 0;
	}


/* Resources 
_____________________________________*/

ul.pdf_list {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	color: #696969;
	}

ul.pdf_list a {
	background: url(/images/pdf_sm.gif) no-repeat top left;
	padding: 0 0 1px 20px;
	border: none;
	}

table.chart td {
	border-bottom: 1px solid #ccc;
	border-rig
	padding: 3px;
	}

img.chart_img {
	margin: 10px 0;
	}

.table_hd {
	font-size: 90%;
	line-height: 100%;
	}

div.location {
	clear: both;
	margin: 0 0 10px 0;
	float: left;
	width: 500px;
	}

img.location_img {
	float: left;
	}

div.location p, div.location h4 {
	margin: 0;
	}

div.associations h4 {
	font-size: 100%;
	}

div.associations p {
	font-size: 90%;
	line-height: 120%;
	color: #696969;
	}

div.breakout {
	padding: 15px;
	background: #000 url(/imagestoo/25.jpg) bottom right;
	color: #fff;
	border: 2px solid #ddd;
	}

div.breakout h3 {
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	}

div.breakout_detail {
	padding: 15px 15px 0px 150px;
	background: #000 url(/imagestoo/31.jpg) left no-repeat;
	color: #fff;
	border: 2px solid #ddd;
	}

div.breakout_detail h3 {
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	}

a.gallery_link {
	background: #0075b8 url(/images/bg_nav.gif) repeat-x;
	display: block;
	padding: 10px;
	border: 2px solid #0075b8;
	color: #fff;
	text-decoration: underline;
	}

a.gallery_link:hover {
	background: #48a3d7;
	color: #fff;
	}

/* Project Highlights
_____________________________________*/

div.project_highlight {
	border-bottom: 1px solid #ddd;
	padding: 0 0 15px 0;
	}

div.project_highlight h4 {
	font-size: 115%;
	}

div.project_highlight p {
	margin: 0 0 5px 0;
	}

div.project_highlight img {
	margin: 10px 0;
	}

p.highlight_details {
	font-size: 90%;
	color: #696969;
	}

.highlight_bold {
	color: #000;
	font-weight: bold;
	}

h3.highlight_h3 {
	margin-top: 30px;
	}


/* Sidebar Items 
_____________________________________*/

div#sidebar_items {
	font-size: 90%;
	line-height: 125%;
	}

div#sidebar_items h4 {
	text-transform: uppercase;
	font-size: 100%;
	}

div#sidebar_items h5 {
	font-size: 110%;
	margin: 5px 0;
	line-height: 125%;
	}

h4.onsteel_sidebar {
	text-indent: -9999px;
	background: url(/imagestoo/37.gif) no-repeat;
	display: block;
	width: 200px;
	height: 65px;
	}

/* Gallery 
_____________________________________*/

div#gallery img {
	border: 2px solid #ddd;
	padding: 2px;
	margin: 0 5px 5px 0;
	width: 75px;
	height: 75px;
	}

div#gallery img:hover {
	border: 2px solid #000;
	}

div#gallery a {
	border: none;
	}

div.gallery_list {
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px 0;
	}

div.gallery_list img {
	border: 2px solid #ddd;
	padding: 2px;
	margin: 0 15px 5px 0;
	width: 75px;
	height: 75px;
	}

div.gallery_list h4 {
	color: #696969;
	font-size: 11px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

div.gallery_list img:hover {
	border: 2px solid #000;
	}

div.gallery_list a {
	border: none;
	}

a.gallerylist_link {
	font-size: 16px;
	display: block;
	background: url(/images/icon_link.gif) no-repeat left;
	padding: 0 0 0 17px;
	}

a.gallerylist_link:hover {
	color: #000;
	background: url(/images/icon_link_black.gif) no-repeat left;
	}

div.rssThumbFloat {
	float: left;
	}

ul#rssThumbNav {
	margin: 0;
	list-style-type: none;
	padding: 0;
	width: 435px;
	font-size: 14px;
	}

ul#rssThumbNav a {
	background: #f5f5f5;
	padding: 10px;
	width: 194px;
	display: block;
	}

ul#rssThumbNav a:hover {
	background: #007cc3;
	color: #fff;
	}

ul#rssThumbNav li.right {
	float: right;
	text-align: right;
	}

ul#rssThumbNav li.left {
	float: left;
	text-align: left;
	}

div.upcoming-classes {
	border: 1px solid #ddd;
	padding: 15px;
	background: #f5f5f5;
	margin: 0 0 20px 0;
	}

div.upcoming-classes h5 {
	font-size: 14px;
	color: #696969;
	margin: 0 0 18px 0;
	}

div.upcoming-classes ul {
	font-size: 11px;
	color: #696969;
	margin-top: 0;
	}

div.upcoming-classes p {
	margin: 0;
	}


/* Footer 
_____________________________________*/


div#footer {
	width: 750px;
	border-top: 1px solid #7f7f7f;
	margin: 20px auto;
	padding: 10px 0;
	font-size: 90%;
	color: #7f7f7f;
	float: left;
	}

div#footer p { margin: 0; }

ul#nav_footer {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#nav_footer li {
	display: inline;
	border-right: 1px solid #7f7f7f;
	padding: 0 10px 0 10px;
	}

ul#nav_footer a {
	color: #7f7f7f;
	text-decoration: none;
	border: none;
	}

ul#nav_footer a:hover {
	color: #000;
	border-bottom: 1px solid;
	}

ul#nav_footer li.first { padding-left: 0; }

ul#nav_footer li.last { border: none; }