/******************************************************************************
Filename:        /global/ screen.css
Project:        BeaconExpress
Purpose:        Site-wide Styles
Date            Developer    Description
6/03/2009        wch         Version 1.0
******************************************************************************/

/******** BEGIN:  SITE-WIDE STYLES ********/

html, body{margin:0; padding:0; background:#1c1c1c; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; color:#3C434C;}
body{padding-bottom:40px;}
p{margin:15px 0 0 0; font-size:11px;}
a{color:#5b8daf;text-decoration:none;}
a:hover{color:#EF7611;} 
a:active{color:#EF7611;}   
img{border:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

h1,h2,h3,h4{margin:0; padding:0; font-size:14px; letter-spacing:0.065em;}
h1{font-size:16px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}
table{margin:0; padding:0; text-align:left; vertical-align:middle;}
th{margin:0; padding:0;text-align:left; vertical-align:middle;}
td{margin:0; padding:0;text-align:left; vertical-align:middle;}
tr{margin:0 padding:0;text-align:left; vertical-align:middle;}

ol,ul{margin:0; padding:0 0 0 18px; font-weight:normal; list-style-type:disc;}
li{padding:0 0 10px 0; line-height:1.5em;}
span.hidden{display:none}

/******** END:  SITE-WIDE STYLES ********/

/******** BEGIN:  MAIN STRUCTURE STYLES ********/
/* container, content container, and content wrapper */
#siteWrapper{width:100%; padding-bottom:30px; background:#D7DFE6 url("/images/global/header/header-bg.jpg") 0 0 repeat-x;}
#wrapper{/*position:relative;*/ width:942px; margin:0 auto 0 auto; padding:0 0 0 0;}
#container{background: url("/images/global/content/container-bg.jpg") 0 0 repeat-y;}
#contentWrapper{background: url("/images/global/content/content-bg.jpg") 0 0 no-repeat;}
#contentContainer{padding:40px 30px 20px 30px; background: url("../images/global/content/bottom-bg.jpg") 0 100% no-repeat; letter-spacing:0.08em; color:#FFFFFF; }
#content{height:560px; padding-top:15px;}
html > body #content{height:auto; min-height:560px;}
/******** END:  MAIN STRUCTURE STYLES ********/

/******** BEGIN:  HEADER STYLES ********/
#headerContainer{height:108px; margin:0; padding:0; }
#logo{position:absolute; top:0; margin:0; padding:0;}
#header{/*position:absolute; left:420px; margin: 30px auto 0 auto;*/ float:right; clear:both; padding:15px 30px 0 0px;}
#headerMsg{/*position:absolute; top:3px; left:auto; right:30px;*/ float:right; padding:2px 10px 0 10px; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, Times, serif; color:#FFFFFF;} 
#header p{margin: 0px auto 0px auto; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, Times, serif; font-size:34px; line-height:1.5em; color:#FFFFFF;}

/******** B	EGIN:  TOP NAV STYLES ********/

#topnav{padding-left:10px; vertical-align:middle; font-family: verdana, helvetica, arial, san-serif; font-size:15px; color:#FFFFFF;}
#topnav a{color:#FFFFFF; padding:0 11px 0 11px; vertical-align:middle;}
#topnav a:hover{color:#EF7611;}
.divide{display:inline; vertical-align:middle;}
/******** END:  TOP NAV STYLES ********/

/******** END:  HEADER STYLES ********/


/******** BEGIN:  HOME CONTENT STYLES ********/
#contentContainer.home h2{font-size:24px; font-weight:normal; text-align:center;}
#content.home{text-align:center;}

#leftColumn{float:left; width:576px; height:680px;}
html > body #leftColumn{height:auto; min-height:680px;}

#rightColumn{float:right; width:295px; height:695px;}
html > body #rightColumn{height:auto; min-height:695px;}

#leftColumn #submitLeft{float:left; width:276px; height:312px;}
html > body #leftColumn #submitLeft{height:auto; min-height:312px;}

#leftColumn #submitRight{float:right; width:276px; height:312px;}
html > body #leftColumn #submitRight{height:auto; min-height:312px;}


#bottomContent{clear:both; padding:15px 25px 0 30px; text-align:left;}

#leftColumn #bottomContent {height:350px; font-size:13px;}
html > body #leftColumn #bottomContent{height:auto; min-height:350px;}

#rightColumn #submit{width:276px; height:312px;}
#rightColumn #bottomContent{padding:30px 20px 0 20px; font-size:11px;}

.column{margin-bottom:12px; padding:10px 0 0 0; background:#163650; border:3px solid #304b61;}
#leftColumn h3, #rightColumn h3{margin-bottom:5px; font-size:18px; font-weight:normal;}
#leftColumn #bottomContent ul{padding-bottom:36px; font-size:12px;}

#rightColumn #bottomContent h3{font-size:15px; letter-spacing:0;}
#rightColumn #bottomContent ul{font-size:11px;}

#content.home .submitBtn{margin-top:15px;}
h4.home{margin:0; padding:0 0 8px 0; font-size:12px;}

/************ END: HOME CONTENT STYLES ************/


/******** BEGIN:  INTERIOR CONTENT STYLES ********/
#content.interior{text-align:left;}

#content a:hover img{opacity:0.6; filter:alpha(opacity=60);}

#interiorContentWrapper{width:847px; margin:0 auto 0 auto; padding-top:10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/content/interiorContent-top.png', sizingMethod='crop');}
html > body #interiorContentWrapper{background:url("/images/global/content/interiorContent-top.png") 0 0 no-repeat;}

#interiorContentContainer{width:847px;}

#interiorContent{height:450px; padding:10px 0 40px 35px; background:url("/images/global/content/interiorContent-bg.jpg") 0 0 repeat-y;}
html > body #interiorContent{height:auto; min-height:450px;}

#interiorContentBtmCap{width:847px; height:23px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/content/interiorContent-bottom.png', sizingMethod='crop');}
html > body #interiorContentBtmCap{background:url("/images/global/content/interiorContent-bottom.png") 0 100% no-repeat;}

#pageContent{width:780px; color:#0B3658;}
#pageContent h2{font-size:18px; margin-bottom:25px;}
#pageContent.details h2{float:left;	}
#pageContent p{width:600px; padding:10px 0 15px 30px; font-size:14px; color:#0B3658;}
#pageContent.details ul, #pageContent.process ul{width:575px; padding:15px 0 15px 55px; font-size:13px;}
#pageContent .portfolio{float:left; padding:10px 15px 10px 15px;} 

#pagenav{float:left; padding:5px 10px 0 20px; color:#5b8daf; line-height:18px;}
#pagenav a{padding:0 10px 0 10px; font-size:12px;}

.heading{margin-top:0;}
table.heading{color:#0B3658; background:#DF7A22;}
.heading th{width:425px; padding-left:10px;font-size:14px;}
.heading td{width:225px;text-align:right;}
.heading td.detailPricing{font-size:13px;}
.heading td.detailSubmit{width:126px; margin:0;padding-left:10px; text-align:right;}

/************ END: INTERIOR CONTENT STYLES ************/

/************ BEGIN: FOOTER STYLES **********/
#footerWrapper{width:100%;}
#footerContainer{width:942px; height:100px; margin:0 auto 0 auto;}
html > body #footerContainer{height:auto; min-height:100px;}

#footerContainer p{font-size:11px; color:#CCCCCC; font-weight:normal; line-height:21px; text-align:center;}
#footerContainer  a{color:#FFFFFF;}
#footerContainer  a:hover{color:#EF7611;} 


/************ END: FOOTER STYLES **********/

/**** BEGIN:  FORMS ****/

form{padding:5px 0 0 0;}
textarea, input{width:250px;}
.form{width:250px; margin:0 auto 0 auto;}
.text{width:400px;text-align:justify;}
.formButtons{padding:20px 0 0 0; text-align:center;}
.formButtons:hover{/* opacity:0.6; filter:alpha(opacity=60);*/}
.formButtons input{text-align:center; border:none; width:auto;}
.error{text-align:center; margin:6px 0 6px 0; padding:3px; font-weight:bold; color:#ec1c24; background:#e6e6e6; border:1px solid #b2b2b2; clear:both;}
.requiredNotice{margin-bottom:12px; text-align:center; color:#ec1d25; font-weight:bold;}
.formProcessingInfo{width:380px; margin:0 auto 0 auto; padding:10px 0 10px 0;}

.field{font-size:11px; font-family:Verdana, Helvetica, Arial, sans-serif;}
.data{padding-top:5px; font-size:1.0em;}

.response{font-weight:bold; color:#0B3658;}
.instructions{font-weight:bold; color:#0B3658;}

#pageContent div.form table td div.label{font-weight:bold;}
#pageContent div.form table td{padding:10px;}

/**** END:  FORMS ****/