body
{
	background: #ffffff url(../images/bg_rep_02.gif) top repeat-x;
    margin:0;
	padding:0;
	font:11px verdana;
}

a {text-decoration:none;}
a img {border:0;}

#wrapper
{
	width:1010px;
	margin: 0 auto;
	background: url(../images/bg_main_07.jpg) 91px 0px no-repeat;
}

#top
{ 
	width:850px;
	height:47px;
	background:#000000;
	margin: 0 auto;
	padding-top:0px;
	position:relative;
}

#top a
{
	color:#ffffff;
	margin-left:30px;
	font-weight:bold;
}

#middle
{
	background:#ffffff url(../images/grad_10.gif) top repeat-x;
	width:788px;
	margin:0 auto;
}

.text_left
{
	color:#8f6e3d; 
	width:260px; 
	margin:0 auto;
	padding-bottom:10px; 
	padding-top:10px; 
	border-bottom:1px dotted #8f6e3d; 
	text-align:justify;
}

.text_left_last
{
	border-bottom: none 0px;
}

.img_left
{
	background:url(../images/bg_left_img.gif) top no-repeat; 
	float:left; 
	width:124px; 
	height:78px; 
	text-align:right; 
	padding-top:4px;
	padding-right:4px;
}

#lowest	
{
	clear:both;
	text-align:center;
	height:20px;
	margin-bottom:25px;
	color:#000000;
	padding-top:0px;
	font-size:10px
}

#welcome
{
	position: relative;
	top: 7px;
	padding-right: 125px;
}

#welcome .s
{
	margin: auto 0.25em;
}

#welcome a
{
	color: #000000;
	text-decoration: underline;
}

#welcome a:hover
{
	color: #000000;
	background: #1C9FE3;
	text-decoration: none;
}

.calloutfull
{
	width: 788px;
	background: #e9f4f7 url(../images/callout-full-top.gif) top repeat-x;
	padding-top: 13px;
}

.calloutfullbottom
{
	width: 788px;
	background: #fff url(../images/callout-full-bottom.gif) top repeat-x;
	height: 21px;
}

/* Standard Elements */
h1, h2, h3, h4, p 
{
	margin-top: 0px;
}
p 
{
	line-height:1.4em;
}
h1 
{
	font-size: 18pt;
	border-bottom: solid 3px #eee5a3;
}
h2
{
	font-size: 15pt;
}
h3 
{
	font-size: 13pt;
	margin-bottom: 0.25em;
}
h4 
{
	font-size: 11pt;
}
.hint
{
	font-size: 83%;
	color: #555555;
	margin-left: 3px;
	padding: 2px;
}
.modalBackground 
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

/* Home Classes */

.homecontent
{
	 position:absolute;
	 right:-37px;
	 top:-2px;
	 background:url(../images/down_10.jpg) top no-repeat;
	 width:531px;
}

.homequote
{
	background: #1c9fe3 url(../images/round_blue_10.gif) top no-repeat;
	width: 274px;
	padding-left: 20px;
	color: #ffffff;
}

/* Inner Classes */

#sub, #wizard
{
	background: #ffffff url(../images/br_rep_02.gif) top repeat-x;
}

#wrappersub
{
	width:1010px;
	margin: 0 auto;
	background: url(../images/bg_main_03.jpg) 91px 0px no-repeat;
}

#sub #content
{
	float:right; padding-right:0px; width:437px; position:relative;
	background: url(../images/down_09.jpg) top left no-repeat;
}

#wizard #content
{
	float:right; padding-right:0px; width:431px; position:relative;
	background: url(../images/down_09.jpg) top left no-repeat;
}

.sidebarnav 
{
	background:url(../images/grad_brown.gif) top repeat-y;
	width:274px;
	padding-left:20px;
}

.sidebarnav h3, .sidebarnav ul {
	color:#000;
	text-decoration:none;
	margin-bottom: 0px;
}

.sidebarnav h3 a, .sidebarnav ul a {
	color:#000;
	text-decoration:none;
}

.sidebarnav h3
{
	margin-top: 0px;
	font-size:12pt;
	font-weight:bold;
}

.sidebarnav ul
{
	margin-top: 17px;
	list-style:none;
	margin-left: 0px;
	padding-left: 15px;
}

/* Custom Classes */
.tip
{
	font-style: italic;
	font-weight: normal;
}

ul.custom 
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.custom li 
{
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height:1.2em;
	padding: 0.5em 0px 0.5em 2.5em;
}

ul.customleftalign li 
{
	padding-left: 0px;
}

ul.custom a
{
	text-decoration: underline;
	color: #000000;
}

/* Footer Classes */
.footer
{
	background: url(../images/steelbuildings-footer-tile.gif) repeat-x top;
    height: 431px;
    text-align: center;
    padding-top: 1em;
}

.footerbg
{
	background: url(../images/steelbuildings-footer-bg.png) repeat-x top;
    margin: 0px auto;
    width: 857px;
    height: 400px;
}

.footerlayout
{
	padding: 1.5em 30px 44px 30px;
	height: 347px;
	text-align: left;
}

.footerseparator
{
	background: url(../images/steelbuildings-footer-separator.gif) no-repeat center center;
    width: 19px;
}

/* (Note: these footer classes go after custom since ul.custom li would override their values. */
.reason1
{
	background-image: url(../images/steelbuildings-list-1.gif);
}

.reason2
{
	background-image: url(../images/steelbuildings-list-2.gif);
}

.reason3
{
	background-image: url(../images/steelbuildings-list-3.gif);
}

.reason4
{
	background-image: url(../images/steelbuildings-list-4.gif);
}

.reason5
{
	background-image: url(../images/steelbuildings-list-5.gif);
}

/* Info View Classes */
/* This set of classes is used to display <h1> labels followed by <p> values. */
.infoview h1, .infoview .label
{
	font-size: 10pt;
	font-weight:normal;
	margin-bottom:0px;
	color: #999999;
	border-bottom: none 0px;
	line-height: 1.1em;
}

.infoview p, .infoview .data
{
	font-size: 13pt;
	color: #000000;
	line-height:1em;
	margin-bottom:1.1em;
}

.infoview .subdata
{
	font-size: 10pt;
	color: #999999;
	margin-bottom:1.4em;
}

.infoview a
{
	color: #1c9fe3;
	text-decoration: underline;
}

.infoview div.hr
{
	width: 80px;
	height: 1px;
	border-bottom: 1px solid #bae3f4;
	margin: 7px auto;
}

.infoviewtight p, .infoviewtight data
{
	font-size: 11pt;
	margin: 0px;
	padding: 0px;
}

/* jQuery Gallerific */
div.content {
	display: block;
	width:700px;
	margin-left: 2em;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('../images/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 480px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	width: 700px;
	margin-left: 2em;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* HTML Editor Classes */
.center 
{
	text-align: center;
}

/* Form Classes */
.formarea
{
	padding: 8px 8px 16px 8px;
	text-align: left;
	border: solid 1px #E1E1E1;
	border-top-width: 0;
	margin-bottom: 16px;
	background: #FFFFFF;
}

.formmessagetitle
{
	font-family: Arial,Helvetica;
	text-align: left;
	font-size: 180%;
	letter-spacing: -1px;
	font-weight: bold;
	background-color: #f4f4f4;
	color: #999;
	padding: 6px 6px 6px 8px;
	margin: 0;
	border: solid 1px #E1E1E1;
}

.formtextbig
{
	margin: 1px;
	font-size: 120%;
	font-family: Courier;
}
.formtextwide
{
	width: 250px;
}
.formwatermarked
{
	color: #AAAAAA;
}
.formtextbig label
{
	font-family: Arial,Helvetica;
	font-size: 100%;
}

.formfieldname
{
	color: #000;
	padding: 2px 8px 2px 2px;
	/* font-weight: bold; */
}

.formfield
{
	color: #000;
	padding: 2px;
}

.formtdlabel
{
	font-family: Arial, Sans-Serif;
	text-align: right;
	padding-right : 2px;
	font-weight: bold;
}

.formtdvalue
{
	font-family: Arial, Sans-Serif;
	text-align: left;
	padding-left: 4px;
}

.formtextbutton
{
	margin: 8px 1px 1px 3px;
	padding: 4px;
	border: solid 1px #999;
	background-color: #eee;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
}

.formtextbutton:hover
{
	background-color: #fff;
}

.formerror
{
	text-align: center;
	color: Maroon;
}

.controlerror
{
	border: 2px solid Maroon;
	color: Maroon;
}

.errormessage
{
	margin-bottom: 1em;
	padding: 1em;
	border: 2px solid Maroon;
	background: #EFEFEF;
}