/* Template Styles */

body {font-size:62.5%; font-family:SegoeUI, Arial, Tahoma, Verdana, Sans-Serif; padding: 0 0 40px 0; background: #c90001 url(../i/bg_gradient.gif) repeat-x left top; }
.clear, .Clear{clear:both; font-size:0; line-height:0; height:0;}

#master { width: 960px; margin: 0 auto; background: transparent url(../i/bg_main_repeat.jpg) repeat-y left top; }
#masterContainer { padding: 0 10px; background: transparent url(../i/bg_main.jpg) no-repeat left top; }
#masterBottom { width: 960px; height: 60px; margin: 0 auto; background: #aaaaa1 url(../i/bg_footer.gif) no-repeat left bottom; }

#header { width: 940px; height: 140px; background: transparent url(../i/logo.gif) no-repeat 48px 19px; }
#header #logo { position: absolute; z-index:2; top: 20px; left: 208px; width: 175px; height: 100px; }
#header #contactInfo { width: 143px; float: right; margin: 26px 20px; }

#main { margin: 0 20px; display: inline-block; padding: 0 0 20px 0; }
#main .column1 { width: 220px; float: left; }
#main .column2 { width: 410px; min-height: 450px; float: left; padding:15px 20px 7px 20px; background: #ffffff; }
#main .column3 { width: 230px; float: left; background: transparent url(../i/bg_right-col.gif) repeat-y left top; }

#mainNav LI {  text-transform:lowercase;}
#mainNav LI.selected { background: transparent url(../i/buttons/li_selected.gif) no-repeat right top; }
#mainNav LI.selected A { background-position: left -39px; }
#mainNav A { height: 39px; border-bottom: 1px solid #e9e9e9; margin: 0 30px 0 0; font-size: 1.6em; display: block; }
#mainNav A.home { background: transparent url(../i/buttons/home.gif) no-repeat left top; }
#mainNav A.about { background: transparent url(../i/buttons/about_us.gif) no-repeat left top; }
#mainNav A.services { background: transparent url(../i/buttons/services.gif) no-repeat left top; }
#mainNav A.products { background: transparent url(../i/buttons/products.gif) no-repeat left top; }
#mainNav A.projects { background: transparent url(../i/buttons/projects.gif) no-repeat left top; }
#mainNav A.legislation { background: transparent url(../i/buttons/legislation.gif) no-repeat left top; }
#mainNav A.fire { background: transparent url(../i/buttons/fire_safety.gif) no-repeat left top; }
#mainNav A.testimonials { background: transparent url(../i/buttons/testimonials.gif) no-repeat left top; }
#mainNav A.engineer_login { background: transparent url(../i/buttons/engineer_login.gif) no-repeat left top; }
#mainNav A.news { background: transparent url(../i/buttons/news.gif) no-repeat left top; }
#mainNav A.contact { background: transparent url(../i/buttons/contact_us.gif) no-repeat left top; }
#mainNav A:hover { background-position: left -39px; }
#mainNav LI UL { background: #ffffff url(../i/buttons/bg_second-level.jpg) repeat-y left top; padding: 6px 0 12px 0; font-weight: bold; font-size: 0.6em; text-align: right; }
#mainNav LI UL LI { padding: 4px 0; }
#mainNav LI UL LI.selected { background: transparent url(../i/buttons/second-level-selected.gif) no-repeat right 50%; }
#mainNav LI UL LI.selected a { color: #be0009; }
#mainNav LI UL LI A { padding: 0 10px 0 0; border: none; color: #83837c; text-decoration: none; height: 1em; }
#mainNav LI UL LI A:hover { color: #be0009; }


#main .column2 H1 { font-size: 2.5em; color: #be0009; margin:0; margin-bottom:10px; text-transform:lowercase; }
#main .column2 H2 { font-size: 1.6em; color: #be0009; margin:0; margin-bottom:10px; text-transform:lowercase; }
#main .column2 H2.date { margin: 0 0 0 0; }
#main .column2 A { font-weight: bold; color: #be0009; text-decoration: none; }
#main .column2 A.pdf { background: transparent url(../i/pdf.gif) no-repeat right top; padding: 0 18px 0 0; }
#main .column2 P { font-size: 1.2em; line-height: 1.6em; color: #6a6559; margin: 8px 0; }
#main .column2 P.tight { font-size: 1.2em; line-height: 1.3em; color: #6a6559; margin: 4px 0; }
#main .column2 .small { font-size: 90%; line-height: 1.3em; }
#main .column2 .large { font-size: 150%; font-weight: bold; }
#main .column2 UL { font-size: 1.2em; margin: 8px; }
#main .column2 UL LI { margin: 5px 0; color: #6a6559; }
#main .column2 UL LI A { font-weight: normal; }
#main .column2 UL LI A:hover { text-decoration: underline; }

#main .column2 .logout { text-align: right; font-size: 1.2em; color: #be0009; }
#main .column2 .logout A { text-decoration: underline; }

#main .column3 IMG { margin: 30px 0 0 0; }

#footer { padding: 28px 0 0 0; text-align: center; }
#footer UL { padding: 0 0; }
#footer LI { font-size: 1.1em; display: inline; color: #ffffff; margin: 0 2px; }
#footer A { font-weight: bold; color: #ffffff; text-decoration: none; }
#footer A:hover { text-decoration: underline; }

/* Common Styles */
.pagingBar{ height: 20px; text-align: right; padding: 0 30px 6px 0; }
.pagingBar, .pagingBar A { color: #be0009; font-size: 1.05em; text-decoration: none; }
.pagingBar A:hover { text-decoration: underline; }

#main .column2 .ServiceImages { width:200px; min-height:130px; float:left; }
#main .column2 .item { display: inline-block; margin-bottom: 10px; }
#main .column2 .item P { font-size: 1.2em; line-height: 1.4em; margin-top:0; }
#main .column2 .item IMG { float: left; margin: 0 20px 10px 0; }
#main .column2 .item H2 { color: #be0009; font-size: 1.6em; font-weight: bold; }

.faq { font-size: 1.2em; margin: 5px 0 20px 0; }
.faq .question { color: #6a6559; font-weight: bold; padding: 4px 0; }
.faq .answer { color: #6a6559; }

.fieldset { margin: 4px 0 10px 0; }
.fieldset LABEL { display: block; font-size: 1.4em; font-weight: bold; color: #6a6559; margin-bottom:2px; }
.fieldset INPUT { width: 300px; font-size: 1.2em; padding:2px 4px; border:1px solid #CCCCCC; }
.fieldset TEXTAREA { width: 300px; font-size: 1.2em;  padding:2px 4px; resize:none; border:1px solid #CCCCCC; }
.form { padding-bottom:10px;}
.form .submit { font-size: 1.4em; background: #ffffff; border: 1px solid #c90001; color: #6a6559; cursor: pointer; padding: 2px 4px; margin: 6px 0; }

.form P.errors { color:Red; }

#trail { font-size: 1.1em; font-weight: bold; color: #be0009; text-decoration: none; margin-bottom:10px; text-transform:lowercase; }

#engineerResults { margin-top:10px;}
#engineerResults .engineerResult { border-bottom:1px solid #CCCCCC; padding-bottom:10px; margin-bottom:10px; }
#engineerResults .result { padding:2px; }
#engineerResults .result label { display:block; float:left; width:120px; font-weight:bold; }
#engineerResults .result span { display:block; float:left; width:250px; }
#engineerResults .result input { width:240px; padding:2px; border:1px solid #CCCCCC; }
#engineerResults .result textarea { width:240px; padding:2px; border:1px solid #CCCCCC; resize:none; }