/* CSS Document */

* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #000000; background-image: url(../images/Left_ColumnBG.gif); background-repeat: repeat-y; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 5.5em; color: #336699; font-weight: lighter; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 4.0em; color: #336699; font-weight: lighter; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.8em; color: #808080; font-weight: lighter; }
h4 { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; color: #F2F2F2; font-weight: lighter; margin: 0px; padding: 0px; }
p { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; color: #F2F2F2; padding: 5px 0 10px 0; }
sup { font-size: .6em; }

a { text-decoration: none; }

#container { width: 820px; min-height: 100%; height: auto !important; height: 100%; background-image: url(../images/Left_ColumnBG.gif); background-repeat: repeat-y; }

/****************************************************************************************************************
Begin all styles in the content column
****************************************************************************************************************/
#content-column { width: 519px; float: left; }
#header { width: 519px; background-image: url(../images/logo_background.jpg); background-repeat: no-repeat; height: 218px; overflow: hidden; } 
#flash { background-color: #004063; height: 123px; }
#home-content { width: 469px; background-image: url(../images/LT_BG_gradient.gif); background-repeat: no-repeat; background-color: #3D3D3D; min-height: 69px; height: auto !important; height: 69px; padding: 25px;}
#home-content p { font-size: 1.3em; }
#content { width: 519px; background-image: url(../images/LT_BG_gradient.gif); background-repeat: no-repeat; background-color: #3D3D3D; min-height: 69px; height: auto !important; height: 69px; }
#contentDIV { padding: 0 25px 5px 25px; }
#contentDIV ul { list-style: none; color: #F2F2F2; padding: 0 0 10px 10px; font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; }
#contentDIV ul li { background-image: url(../images/list-arrowBG.gif); background-repeat: no-repeat; padding: 0 0 0 10px; }
#contentDIV h3 { font-size: 2.0em; }

/*Begin feedback styles*/
#feedback { width: 519px; background-color: #D9D9D9; padding: 25px 0 25px 0; }
#feedback p { font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; color: #336699; padding: 0 25px 0 25px; }
.feedback_border { padding: 20px 0 20px 0; }
.feedback_signature { font-style: italic; }
/*End feedback styles*/

/*Begin content_spotlight styles*/
#content_spotlight { width: 519px; background-color: #999999; padding: 25px 0 25px 0; }
#content_spotlight h3 { padding: 0 25px 0 25px; color: #E6E6E6; }
#content_spotlight h4 { padding: 0 0 0 10px; line-height: 1.1; width: 120px; }
.content_spotlight_cols { padding: 0 15px 0 15px; }
.content_spotlight_cols .readMoreGrey a { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; padding-left: 8px; margin-left: 10px; }
.readMoreLTGrey a, .content_spotlight_cols .readMoreGrey a { background-image: url(../images/moreLTGreyBG.gif); background-repeat: no-repeat; color: #595959; }
.readMoreLTGrey a:hover, .content_spotlight_cols .readMoreGrey a:hover { background-image: url(../images/moreLTGrey-hoverBG.gif); background-repeat: no-repeat; color: #595959; }

.content_spotlight_col1 { width: 140px; float: left; }
.content_spotlight_col2 { width: 140px; float: left; padding: 0 0 0 32px; }
.content_spotlight_col3 { width: 140px; float: left; padding: 0 0 0 32px}

.spotlight_border { padding: 10px 0 10px 0; }
.spotlightImage { text-align:left; }
/*End content_spotlight styles*/

#footer { width: 519px; background-image: url(../images/LB_BG_gradient.gif); background-repeat: no-repeat; min-height: 72px; height: auto !important; height: 72px; font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; color: #538AC3; text-align: center; padding-top: 30px; background-color: #262626; }

/*Begin newsletter styles*/
#newsletter { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #FFFFFF; }
#newsletter form .text-right { text-align: right; float: left; padding: 10px 0 0 75px; }
#newsletter-form { float: left; width: 180px; padding: 15px 0 0 10px; }
#newsletter-form input { height: 20px; width: 180px; font-size: 1.1em; border: 1px solid #004063; border-bottom: 0px; }
#newsletter-form-S { float: left; padding-top: 14px; }
#newsletter_submit { padding-top: 1px; }
input.itemFade { background-image:url(../images/email_signup.gif); background-repeat:no-repeat; background-position:center; background-color: #FFFFFF; }
input.itemFocus { background-image:none; }
/*End newsletter styles*/

/*Begin Breadcrumb navigation styles*/
#breadcrumbs { padding: 10px 0 0 30px; color: #808080; }
#breadcrumbs a { color: #808080; }
#breadcrumb_border { padding: 5px 0 5px 25px }
/*End Bredcrumb navigation styles*/

/*Begin quote request styles*/
#quote_request { padding: 2px 25px 15px 25px; background-color: #D9D9D9; font-size: 1.2em; font-family: "Trebuchet MS", sans-serif;}
fieldset { border:1px solid #336699; padding:2px 5px 2px 5px; margin: 10px 0 10px 0;  color: #595959; }
#quote_request input, select, textarea { border:1px solid #b9bc61; padding:2px; background-color: #F2F2F2 !important; color: #595959; }
legend { border:1px solid #336699; padding:2px 8px 2px 8px;	margin:5px;	font-weight:bold; color:#336699; letter-spacing:1px; }
.tablePadding th { padding: 2px 10px 2px 0; }
.tablePadding td { padding: 2px 0 2px 10px; }
.mandatory { color: #FF0000; }
.required { color: #FF0000; font-size: .9em; }
#contentDIV #errorMessage { width: 450px; border: 2px solid #4C0404; background-color: #F1C5C5; margin: 5px 0 0 0; padding: 10px 10px 10px 5px; }
#contentDIV #errorMessage p { padding: 0; color: #FF0000; }
#contentDIV #errorBG { background-image: url(../images/quote_error.gif); background-repeat: no-repeat; font-weight: bold; padding: 2px 0 0 20px; }
#contentDIV #no-errorBG { margin-left: 25px; }
#quote_request #checkbox_style { font-family: Arial, Helvetica, sans-serif; }
#projectInfo { padding-left: 20px; }
#projectInfo p { color: #595959; padding: 10px 0 0 0; font-size: 1.0em; font-weight: bold; }
#projectInfo textarea { margin-bottom: 10px; width: 410px; height: 75px; }
#project_description { width: 410px; }
#checkbox_style td { padding: 0 10px 1px 0; }
#checkbox_style input { border: 0; background: none; }
/*End quote request styles*/

/*Begin client_logo styles*/
#client_logo { background-color: #FFFFFF; padding: 10px; }
#client_logo table { border-top: 1px solid #336699; border-bottom: 1px solid #336699; }
#client_logo table td { padding: 10px 0 10px 0; }
/*End client_logo styles*/

/*Begin formTemplate styles*/
#formTemplateTop a, #formTemplateBottom a { color: #538AC3; font-weight: bold; }
#formTemplateTop a:hover, #formTemplateBottom a:hover { text-decoration: underline; }
#formTemplateBottom { padding: 15px 25px 5px 25px; }
#formTemplateBottom h3 { font-size: 2.0em }
.forms_message { color: #CC3333; }
.save_message { color: #F2F2F2; }
/*End formTemplate styles*/

/*Begin formTable styles*/
#formTable { background-color: #FFFFFF; padding: 0 25px 10px 25px; }
#formTable p { color: #595959; }
#formTable table { border: 1px solid #336699; }
#formTable .bottomSpacing { padding-bottom: 10px; }
/*End formTable styles*/

#support_faq a{ color: #538AC3; font-weight: bold; }
#support_faq a:hover{ text-decoration: underline; }
/***************************************************************************************************************/


/****************************************************************************************************************
Begin all styles in the navigation column
****************************************************************************************************************/
#navigation-column { width: 251px; float: left; color: #FFFFFF; }
#contact-info { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; color: #FFFFFF; background-image: url(../images/contact-infoBG.gif); background-repeat: no-repeat; background-position: bottom; font-weight: bold; padding-left: 11px; margin: 5px 0 18px 0; }
#contact-info a { color: #FFFFFF; }
#contact-info .blueText { color: #538AC3; }

/*Begin Navigation Styles*/
#navigation { font-family: "Trebuchet MS", sans-serif; font-size: 1.1em; }
#navigation ul { list-style-type: none; }
#navigation ul li a { display: block; width: 251px; text-indent: 21px; text-decoration: none; color: #FFFFFF; background-image: url(../images/navBG.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li a:hover { background-image: url(../images/nav-hoverBG.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.activeMenu a { background-image: url(../images/nav-activeBG.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.activeMenu a:hover { background-image: url(../images/nav-activeBG.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.activeMenuNS a { background-image: url(../images/nav-activeBG-NS.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.activeMenuNS a:hover { background-image: url(../images/nav-activeBG-NS.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.submenu a { background-image: url(../images/sub-navBG.gif); background-repeat: no-repeat; height: 16px; text-indent: 32px; }
#navigation ul li.submenu a:hover { background-image: url(../images/sub-nav-hoverBG.gif); background-repeat: no-repeat; height: 16px; }
#navigation ul li.activeSubmenu a { background-image: url(../images/sub-nav-activeBG.gif); background-repeat: no-repeat; height: 16px; text-indent: 32px; }
#navigation ul li.activeSubmenu a:hover { background-image: url(../images/sub-nav-activeBG.gif); background-repeat: no-repeat; height: 16px; }
/*End Navigation Styles*/

#quote_request_button { padding-bottom: 1px; }

#navigation-news { padding: 20px; }
.rssLink { font-size: 1.2em; color: #808080; }
.readMore a { background-image: url(../images/read-moreBG.gif); background-repeat: no-repeat; color: #808080; }
.readMore a:hover { background-image: url(../images/read-more-hoverBG.gif); background-repeat: no-repeat; color: #808080; }
#navigation-news .readMore a { padding-left: 8px; margin-left: 2px; }

#spotlight-image .readMore a { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; padding-left: 8px; margin-left: 10px;}
#navigation-column #right-spotlight { padding: 20px 68px 0 20px; }
#navigation-column #right-spotlight .text-right { margin-right: 4px; }
#navigation-column #spotlight-image { padding: 10px 50px 10px 12px; }
#navigation-column #spotlight-image .spotlightImage img { border: 1px solid #999999; }
/*************************************************************************************************************/


/****************************************************************************************************************
Begin all styles in the right column
****************************************************************************************************************/
#right-column { width: 200px; float: left; }
.readMoreGrey a { background-image: url(../images/moreGreyBG.gif); background-repeat: no-repeat; color: #808080; }
.readMoreGrey a:hover { background-image: url(../images/moreGrey-hoverBG.gif); background-repeat: no-repeat; color: #808080; }

#right-clients { padding: 15px 20px 0 20px; }
#right-clients .text-right { text-align: right; color: #666666; line-height: 1.2; font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; margin: 2px 0 2px 0; }
#right-clients .readMoreGrey a { padding-left: 8px; margin-left: 0px; }
#right-clients p { clear:both; }
#right-clients .quoteSrc { float:right; color: #666666; }

#right-spotlight { padding: 15px 20px 0 20px; }
#right-spotlight .text-right { text-align: right; color: #666666; line-height: 1.2; font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; margin: 2px 0 2px 0; }

#spotlight-image { padding: 0 0 0 10px; }
#spotlight-image .spotlightImage { padding: 0 0 0 8px; }
#spotlight-image h4 { padding: 0 0 10px 10px; }
#spotlight-image .readMoreGrey a { font-family: "Trebuchet MS", sans-serif; font-size: 1.2em; padding-left: 8px; margin-left: 10px;} /***************************************************************************************************************/

.clear { clear: both; }
#footer-spacer { }
.hiddenLink { font-size:0.8em; }
.hiddenLink a { text-decoration: none; color: #538AC3; cursor: text; }