/*
	main.css
	Global Stylesheet
	Created: Nov. 5, 2007
	Creator: Matt Kircher, Mainline Media LLC
*/

/*--Imports
--------------------------------------------------------*/
@import url("css_reset.css");

/*--General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3076AF;
	background:url(../images/body_bg.jpg) top left repeat-x #C0C978;
	text-align:center;
}

a{ color:#B63315; }
a:hover{}

h1{ font-size:22px; }
h2{ font-size:20px; }
h3{ font-size:14px; }
h4{ font-size:12px; }
h5{ font-size:12px; }
h6{ font-size:11px; }
h1, h2, h3, h4, h5, h6{ color:#152B57; }
h1, h2, h3, h4, h5, h6, p{ line-height:1.2; }

ul, ol{}

hr{}

form{}
input, textarea, select{ font:11px Arial, Helvetica, sans-serif; }
fieldset{ border:none; }
fieldset div{ margin-left:120px; }
label{ float:left; width:120px; }

/*--Classes
--------------------------------------------------------*/

/*colors*/


/*general elements*/
.clearfix{ clear:both; }
.home #content .clearfix{ height:0px !important; }

.leadin{}
.leadin p{ font-size:12px; line-height:1.4; }

/*---*/
.module{ position:relative; z-index:3; }
.module p{ font-size:10px; }

.subpage .module{ padding:10px 15px 10px 10px; }

/*---*/
.accented_module{ background:url(../images/module_right_bg_top_burst.jpg) top center no-repeat; border-top:1px solid #F1F1EA; padding-top:10px; }

.framed_module{ border:1px solid #F2F4E7; }

.solid_module{ background-color:#F2F4E7; }

/*---*/
.go_module{ margin-right:40px; }
.go_module h4{ border-bottom:1px solid #F1F1EA; /*padding-left:12px; background:url(../images/red_arrow.gif) left no-repeat;*/ }
.go_module a.button{ position:relative; left:10px; float:right; margin-right:-29px; margin-bottom:26px; }

* html .go_module a.button{ left:-20px; }
*+html .go_module a.button{ left:-20px; }

/*---*/
.arrowed_list{ list-style-image:url(../images/red_arrow.gif); padding-left:13px; margin-left:0px; }
.check_list{ list-style-image:url(../images/checkmark.jpg); margin-left:13px; }

/*---*/
.special_area1{ padding:12px 200px 12px 12px; width:311px; margin-right:-50px; background:url(../images/special_area1_bg.jpg) top center repeat-y #ACB75F; margin-top:15px; margin-bottom:15px; }
.special_area1 img{ margin-right:10px; margin-bottom:12px; background-color:#FFF; border:1px solid #22240F; }
.special_area1 p{ font-size:10px; margin:0px; padding:0px; }
.special_area1 p a{ font-size:11px; font-weight:bold; }
.special_area1 hr{ color:#FFF; background-color:#FFF; height:1px; border:none; clear:both; margin:10px 0px; }
.special_area1 #special_area1_globe{ width:215px; height:232px; background:url(../images/home_globe_w_boxes.png) top left no-repeat; float:right; position:relative; left:10px; top:-15px; margin-right:-215px; margin-bottom:-232px; }

* html .special_area1{ position:relative; left:0px; }
*+html .special_area1{ position:relative; left:0px; }

* html .special_area1 hr{ margin:0px; }
*+html .special_area1 hr{ margin:0px; }

* html .special_area1 #special_area1_globe{ left:-200px; }


/*buttons*/
.button{ display:block; text-indent:-1000000px; overflow:hidden; }
.learn_bttn{ width:92px; height:34px; background:url(../images/learn_more_button.jpg) top left no-repeat #FFF; }
.go_bttn{ width:29px; height:26px; background:url(../images/go_button.jpg) top left no-repeat #FFF; }

.subpage .solid_module .learn_bttn{ background:url(../images/learn_more_button_tan.jpg) top left no-repeat #F2F4E7; }

/*--Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:798px;
	border:1px solid #22240F;
	border-top:none;
	padding:0px;
	background-color:#FFF;
}

/*--Header
--------------------------------------------------------*/
#header{ background:url(../images/header_bg.jpg) top left no-repeat; height:117px; }

/*logo*/
#logo{ position:relative; float:left; height:102px; margin-bottom:-102px; background:url(../images/logo.jpg) top left no-repeat; }
#logo a{ display:block; height:102px; width:162px; overflow:hidden; text-indent:-10000000px; }
#logo h1, #logo h2{ float:left; margin:0px; }
#logo h2{ position:relative; top:78px; left:-90px; font:bold italic 11px Arial, Helvetica, sans-serif; width:400px; color:#FFF; }

/*masthead*/
#masthead{ clear:both; height:175px; margin-top:37px; border-bottom:1px solid #22240F; }

.home #masthead{}
.subpage #masthead{ background:url(../images/mastheads/masthead_handshake.jpg) top left no-repeat; }
.subpage div#masthead.company { background:url(../images/mastheads/masthead_handshake.jpg) top left no-repeat; }
.subpage div#masthead.services{ background:url(../images/mastheads/masthead_warehouse.jpg) top left no-repeat; }
.subpage div#masthead.products{ background:url(../images/mastheads/masthead_mugs.jpg) top left no-repeat; }
.subpage div#masthead.clients { background:url(../images/mastheads/masthead_city_harbor.jpg) top left no-repeat; }
.subpage div#masthead.contact { background:url(../images/mastheads/masthead_shipyard.jpg) top left no-repeat; }

#masthead-content{ width:798px; height:175px; }

/*navigation*/
#main-nav ul, #functional-nav ul, #footer-main-nav ul, #footer-functional-nav ul{ list-style:none; margin:0px; padding:0px; }
#main-nav li, #functional-nav li, #footer-main-nav li, #footer-functional-nav li{ float:left; }

#main-nav{ background:url(../images/main_nav_bg.jpg) top left repeat-x #FFF; height:35px; width:798px; margin-bottom:-35px; margin-right:-800px; float:left; position:relative; top:117px; border-bottom:1px solid #22240F; border-top:1px solid #22240F; }
* html #main-nav{ margin-left:-562px; }
*+html #main-nav{ margin-left:-562px; }
#main-nav ul{ margin:0px 25px 0px; float:right; }
#main-nav li{ margin-right:10px; padding-left:9px; border-left:1px solid #CBCFC0; height:25px; padding-top:10px; }
#main-nav li a{ font:bold 14px Arial, Helvetica, sans-serif; color:#213210; }
#main-nav li a:hover, #main-nav li.selected a{ color:#B63315; }
#main-nav li.end_nav{}
#main-nav li.end_nav a{}

#functional-nav{ float:right; }
#functional-nav ul, #footer-main-nav ul, #footer-functional-nav ul{ margin-right:10px; margin-top:8px; }
#functional-nav li{ margin-right:8px; padding-right:7px; border-right:1px solid #E0E2CE; }
#footer-main-nav li, #footer-functional-nav li{ margin-right:8px; padding-right:7px; border-right:1px solid #CBD0B1; }
#functional-nav li a, #footer-main-nav li a, #footer-functional-nav li a{ color:#B63315; font:bold 10px Verdana, Arial, Helvetica, sans-serif; }
#functional-nav li a:hover, #footer-main-nav li a:hover, #footer-functional-nav li a:hover{ color:#B63315; }
#functional-nav li.end_nav, #footer-main-nav li.end_nav, #footer-functional-nav li.end_nav{ border-right:none; padding-right:0px; margin-right:15px; }

#sub-nav{ margin-top:10px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #FFF; position:relative; z-index:3; min-height:200px; }
#sub-nav ul{ margin:0px; padding:0px; list-style:none; }
#sub-nav li{ margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #DCE1BC; }
#sub-nav li a{ font-size:12px; color:#213210; }
#sub-nav li a:hover, #sub-nav li.selected a{ color:#B63315; }
#sub-nav li.end_nav{ border-bottom:none; }
#sub-nav li ul{ margin-left:20px; list-style-image:url(../images/sub_nav_bullet.jpg); margin-top:10px; }
#sub-nav li ul li{ border-bottom:none; padding-bottom:0px; }
#sub-nav li ul li a{ font-size:10px; }

/*--Content
--------------------------------------------------------*/
#content{ padding:30px 0px 0px; background:url(../images/content_bg_top.jpg) top left repeat-x; }

/*main-content*/
#main-content{ float:left; width:495px; padding:0px 15px 0px 25px; }
.subpage #main-content{ width:350px; }

#faq{}
#faq dt{ padding-left:15px; background:url(../images/red_arrow.gif) 0px 2px no-repeat; margin-bottom:8px !important; }
#faq dt a{ /*color:#3076AF;*/ font-weight:bold; }
#faq dt a:hover{ /*color:#152B57;*/ }
#faq dd{ margin-bottom:12px; }

/*sub-nav-content*/
#sub-nav-content{ float:left; width:145px; padding:30px 15px 0px 25px; position:relative; top:-30px; background:url(../images/sub_nav_bg_bottom.jpg) bottom left repeat-x #F2F4E7; }
#sub-nav-content div#accent_block{ width:185px; height:197px; background:url(../images/sub_nav_accent.jpg) top left no-repeat; float:left; margin-right:-185px; position:relative; z-index:2; margin-top:-30px; left:-25px; }

/*sub-content*/
#sub-content{ float:right; width:200px; padding:0px 15px 0px 35px; background:url(../images/sub_content_bg_repeat.jpg) top left repeat-y; }
#sub-content div#accent_block{ width:235px; height:179px; background:url(../images/sub_content_bg_top.jpg) top left no-repeat; float:left; margin-right:-249px; margin-top:-30px; position:relative; z-index:2; left:-35px; }
#sub-content blockquote{ margin:0px; padding:0px 18px 0px 25px; background:url(../images/blockquote_left.gif) top left no-repeat; padding-bottom:30px; }
#sub-content blockquote cite{ display:block; text-align:right; float:right; padding-right:18px; padding-top:18px; position:relative; top:-15px; left:18px; background:url(../images/blockquote_right.gif) top right no-repeat; color:#152B57; }
* html #sub-content blockquote cite{ left:0px; top:-50px; margin-bottom:-50px; }
*+html #sub-content blockquote cite{ left:0px; top:-50px; margin-bottom:-50px; }

.subpage #sub-content{ width:150px; padding:0px 10px 0px 0px; background:none; }

#management_team_listing{ margin:0px; padding:0px; }
#management_team_listing li{ list-style:none; margin-left:0px; margin-bottom:30px; }
#management_team_listing img{ margin:0px 20px 12px 0px; }

/*forms*/
#submit{ font-weight:bold; }
.required, label.required_field{ font-weight:bold; }
.note, small{ color:#999; font-size:9px; }
.warning{ color:#F00; font-weight:bold; }

input.highlighted_form_field{ background-color:#FFC; }

#recaptcha, #recaptcha_widget_div, #recaptcha_area{ margin-left:0px; }

		
/*--Footer
--------------------------------------------------------*/
#footer{ clear:both; height:65px; background:url(../images/content_bg_bottom.jpg) bottom left repeat-x; }

#footer-main-nav, #footer-functional-nav{ position:relative; }
.subpage #footer-main-nav a, .subpage #footer-functional-nav a{ font-size:8px; }

#footer-main-nav{ float:left; width:510px; padding:0px 15px 0px 25px; top:35px; }

#footer-functional-nav{ float:right; width:195px; height:30px; top:-22px; padding:35px 15px 13px 25px; margin:0px 15px -13px 0px; background:url(../images/sub_content_bg_bottom.gif) top left no-repeat; }
.subpage #footer-functional-nav{ width:140px; top:0px; padding:35px 10px 13px 10px; margin:0px 10px -13px 0px; background:url(../images/sub_content_bg_bottom_subpage.gif) bottom left no-repeat; }
.subpage #footer-functional-nav li{ margin-right:6px; padding-right:5px; }
.subpage #footer-functional-nav li.end_nav{ margin-right:0px; }

*+html #footer-functional-nav li{ padding-top:7px; }
.home #footer-functional-nav ul{ margin-left:15px; }
.subpage #footer-functional-nav ul{ margin-left:5px; }

* html .home #footer-functional-nav ul{ margin-left:0px; }
*+html .home #footer-functional-nav ul{ margin-left:0px; }
* html #footer-functional-nav{ margin-bottom:-48px; left:15px; }


/*--Gutter
--------------------------------------------------------*/
#gutter{ text-align:left; margin:auto; width:773px; height:75px; padding:10px 0px 0px 25px; margin-top:15px; }
#gutter a{ color:#737B3B; text-decoration:underline; }
#gutter a:hover{ color:#737B3B; }

#copyright, #validation{ font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#737B3B; }
#copyright{ float:left; }
#validation{ clear:left; display:block; float:left; margin-top:10px; }
#validation a, #validation a:hover{ color:#B63315; }

#designed-by{ float:right; margin-right:35px; }
#designed-by a{ display:block; width:123px; height:32px; background:url(../images/mlm_logo.gif) top left no-repeat; overflow:hidden; text-indent:-1000000px; }