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

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

/*--General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	background-color:#E7E7D7;
	text-align:center;
}

a{ color:#C60; font-weight:bold; }
a:hover{ text-decoration:none; }

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{ letter-spacing:.005em; }
h1, h2, h3, h4, h5, h6, p{ line-height:1.2; }

label{ font-weight:bold; }

hr{ border:none; height:1px; color:#999; background-color:#999; }

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

/*colors*/
.highlight_orange{ color:#C60; }
.highlight_navy{ color:#036; }
.highlight_blue{ color:#369; }
.highlight_olive{ color:#663; }

/*general elements*/
.arrowed_link{ padding-right:12px; background:url(../images/arrowed_link.jpg) no-repeat right; }
#sub-content .arrowed_link{ background:url(../images/arrowed_link_sub_content.jpg) no-repeat right !important; }
* html .arrowed_link,
*+html .arrowed_link,
* html #sub-content .arrowed_link,
*+html #sub-content .arrowed_link{ background:none !important; padding-right:0px; }

.required_field{ color:#C60; font-weight:bold; }
p.diagram{ text-align:center; }
p.diagram span{ display:block; margin:10px 50px; font-size:10px; color:#ABABAB; font-style:italic; }

/*modules*/
.module{ padding:20px; color:#036; }

.testimonial{ background-color:#369; color:#FFF; }
.testimonial blockquote{ font:italic 11px "Times New Roman", Georgia, Times, serif; }
.testimonial cite{ text-align:right; margin-top:10px !important; font:normal 11px Arial, Helvetica, sans-serif; }
.testimonial blockquote, .testimonial cite, .testimonial cite b{ display:block; padding:0px; margin:0px; }
* html .testimonial { width:185px; margin-right:-100px; }

.icon_list{ margin:0px; padding:0px; list-style:none; }
.icon_list li{ padding-left:45px; margin-bottom:12px; }

.icon_list li img.icon{ position:relative; left:-45px; margin-bottom:-45px; margin-right:-45px; }
* html .icon_list li img.icon,
*+html .icon_list li img.icon{ top:18px; }

.icon_list li.icon_docs{ background:url(../images/icon_docs.jpg) no-repeat top left; }
.icon_list li.icon_globe{ background:url(../images/icon_globe.jpg) no-repeat top left; }
.icon_list li.icon_plane{ background:url(../images/icon_plane.jpg) no-repeat top left; }
.icon_list li.icon_chart{ background:url(../images/icon_chart.jpg) no-repeat top left; }
.icon_list li.icon_currency{ background:url(../images/icon_currency.jpg) no-repeat top left; }
.icon_list a{ color:#036; }


/*--Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:800px;
	background-color:#FFF;
	border-left:2px solid #666;
	border-right:2px solid #666;
}

/*--Header
--------------------------------------------------------*/
#header{ height:300px; background-color:#666; border-bottom:2px solid #FFF; }

/*logo*/
#logo{ height:120px; background-color:#FFF; }
#logo h1{ position:relative; float:left; height:58px; width:185px; top:22px; left:30px; background:url(../images/logo.jpg) no-repeat top left; }
#logo a{ display:block; height:58px; width:185px; }
#logo span{ display:none;}

/*masthead*/
#masthead{ height:140px; border-right:2px solid #FFF; margin-right:64px; }
#masthead-content{ background:url(../images/mastheads/home_bg.jpg) no-repeat top left; background-color:#E7E7D7; border-left:2px solid #FFF; margin-left:20px; height:140px; width:712px; overflow:hidden; }
#header div.about #masthead-content{ background:url(../images/mastheads/atlantis_bg.jpg) no-repeat top left !important; }
#header div.services #masthead-content{ background:url(../images/mastheads/port_bg.jpg) no-repeat top left !important; }
#header div.intelligence #masthead-content{ background:url(../images/mastheads/bridge_bg.jpg) no-repeat top left !important; }
#header div.contact #masthead-content{ background:url(../images/mastheads/city_street_bg.jpg) no-repeat top left !important; }
#header div.site #masthead-content{ background:url(../images/mastheads/generic_bg.jpg) no-repeat top left !important; }


/*main navigation*/
#main-nav{ height:38px; background-color:#CC9; border-bottom:2px solid #FFF; border-right:2px solid #FFF; margin-right:64px; }
#main-nav ul{ margin:0px; margin-left:20px; padding:0px; list-style:none; }
#main-nav li{ float:left; }
#main-nav li.end_nav{ background:url(../images/main_nav_pipe.jpg) no-repeat 100% 9px; }
* html #main-nav li.end_nav{ background:url(../images/main_nav_pipe.jpg) no-repeat 100% 7px; }
#main-nav a{ display:block; height:14px; padding:9px 13px 12px 13px; margin-top:5px; background:url(../images/main_nav_pipe.jpg) no-repeat left; font-size:14px; color:#036; }
#main-nav a:hover,
#main-nav a.selected{ color:#C60; }

#main-nav li ul{ position:absolute; left:-999em; margin:0px; top:158px; }
* html #main-nav li ul{ top:162px; }
#main-nav li ul li{ background-color:#E7E7D7; padding:0px 5px 0px 13px; border-bottom:1px solid #FFF; }
#main-nav li ul a{ padding:5px 0px; margin-top:0px; font-size:11px; background:none; }

#main-nav li ul a, #main-nav li ul li, #main-nav li ul{ width:15em; }
* html #main-nav li, * html #main-nav li ul, * html #main-nav a{ width:3em; }
#main-nav li:hover ul, #main-nav li.over ul{ left:auto; }

/*functional navigation*/
#functional-nav{ float:right; margin-right:60px; position:relative; top:-120px; }
* html #functional-nav{ margin-bottom:-120px; margin-right:30px; }
*+html #functional-nav{ margin-bottom:-120px; }
#functional-nav ul{ margin:0px; padding:0px; list-style:none; }
#functional-nav li{ float:left; padding:2px 5px; background-color:#D9DBDA; margin-right:3px; }
#functional-nav li a{ color:#666; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; }
#functional-nav li a:hover{ color:#C60; }

#functional-nav li.oe_link{ background-color:#369; }
#functional-nav li.oe_link a{ color:#FFF; }
#functional-nav li.oe_link a:hover{ color:#FFF; }


/*sub navigation*/
#sub-nav{ padding:10px 0px 0px; margin-bottom:20px; }
#sub-nav ul{ margin:0px; padding:0px; list-style:none; }
#sub-nav li{ margin-bottom:10px; text-align:right; }
#sub-nav li a{ font-size:12px; color:#C60; font-weight:bold; }
#sub-nav li a:hover, #sub-nav a.selected{ color:#663; }
#sub-nav li.end_nav{}

/*--Content
--------------------------------------------------------*/
#content{}

/*main-content*/
#main-content{ width:540px; padding:12px 10px 12px 20px; border-top:28px solid #996; float:left; }
* html #main-content{ overflow:hidden; margin-right:-540px; width:543px; }

#main-content-div{ float:right; width:389px; border-left:1px dotted #999; padding-left:10px; margin-bottom:20px; }
#main-content-div div.services_text{ font-size:12px; }

#main-sidebar{ margin-right:420px; margin-bottom:20px; }
#main-sidebar p, #main-sidebar ul{ color:#C60; }
#main-sidebar ul{ margin:0px; padding:0px; list-style:none; }
#main-sidebar li{ margin-bottom:15px; font:bold 10px Verdana, Arial, Helvetica, sans-serif; line-height:1; }

#main-content-gutter{ clear:both; border-top:1px dotted #999; padding-top:20px; }
#main-content div#main-content-gutter.noborder{ border:none; padding:0px; }

#preamble{ padding-bottom:20px; border-bottom:1px dotted #999; margin-bottom:20px; }
#preamble h1, #preamble h2, #preamble h3, 
#preamble h4, #preamble h5, #preamble h6{ color:#036; font-weight:normal; }
#preamble p{ font-size:12px; line-height:1.5 !important; }

#amble{}
#amble h1, #amble h2, #amble h3, 
#amble h4, #amble h5, #amble h6{ color:#369; margin-bottom:0px; padding-bottom:0px; }
h1 + p, h2 + p, h3 + p, 
h4 + p, h5 + p, h6 + p{ margin-top:0px !important; padding-top:0px !important; }
.home #amble p{ line-height:1.3 !important; }

#free-trial{ background-color:#F1F1F1; padding:20px; }
#free-trial h1, #free-trial h2, #free-trial h3,
#free-trial h4, #free-trial h5, #free-trial h6{ color:#996; font-size:28px; font-weight:normal; }
#free-trial p{ font-size:12px; }

#staff_select_bar{ padding:20px; background-color:#CC9; color:#FFF; }
#staff_select{ font-size:11px; width:50%; margin-left:12px; margin-top:20px; }

#staff_listing{ margin:0px; padding:0px; list-style:none; }
#staff_listing li{ min-height:200px; margin-bottom:40px; }
/*#staff_listing > li{ display:none; }*/
#staff_listing img.staff_pic{ float:left; }
#staff_listing div.staff_info{ margin-left:150px; }
#staff_listing ul.staff_contact{ margin:0px; padding:0px; list-style:none; }
#staff_listing ul.staff_contact li{ min-height:1px; margin-bottom:0px; }
#staff_listing ul.staff_contact li b{ display:block; width:75px; float:left; font:bold 9px Verdana, Arial, Helvetica, sans-serif; }
#staff_listing div.staff_info h3{ padding-top:0px !important; margin-bottom:0px !important; padding-bottom:0px !important; }
#staff_listing div.staff_info h4{ padding-top:0px !important; margin-bottom:15px !important; padding-bottom:0px !important; }

#company-contact-info{}
#company-contact-info div.float_left{ float:left; width:48%;}
#company-contact-info br{ display:none; }
#company-contact-info span{ display:block; margin:0px; padding:0px; }
#company-contact-info span.company{ color:#C60; }
#company-contact-info span.addr1,
#company-contact-info span.addr2,
#company-contact-info span.city_state,
#company-contact-info span.country{ font:10px Arial, Helvetica, sans-serif; color:#999; }

#company-contact-info span.phone{ margin-top:7px; }
#company-contact-info span.phone, #company-contact-info span.fax,
#company-contact-info span.email{font:10px Arial, Helvetica, sans-serif;}

#company-contact-info span.phone b,
#company-contact-info span.fax b,
#company-contact-info span.email b{ display:block; width:40px; float:left; font:bold 9px Verdana, Arial, Helvetica, sans-serif; }

#contact-form{}
#contact-form fieldset{ border:1px solid #CCC; padding:20px; }
#contact-form label{ float:left; width:120px; }
#contact-form div{ margin-left:120px; }
#contact-form span.note{ font:9px Verdana, Arial, Helvetica, sans-serif; color:#CCC; }
#contact-form input, #contact-form select{ font-size:11px; }

#contact_comments_label{ width:200px !important; }
#contact_address_label{ padding-bottom:50px; }
#contact_service_type_label{ padding-bottom:105px; }


/*sub-content*/
#sub-content{ margin-left:572px; padding-bottom:52px; background-color:#D9DBDA; }

#sub-content div#free-trial{ background-color:#D9DBDA; padding:20px; }
#sub-content div#free-trial h1, #sub-content div#free-trial h2, #sub-content div#free-trial h3,
#sub-content div#free-trial h4, #sub-content div#free-trial h5, #sub-content div#free-trial h6{ color:#996; font-size:18px; font-weight:normal; }
#sub-content div#free-trial p{ font-size:11px; }
#sub-content div#free-trial a{ display:block; margin-bottom:12px; margin-right:50px; }
#sub-content div#free-trial span{ display:none; }

		
/*--Footer
--------------------------------------------------------*/
#footer{ clear:both; height:100px; background-color:#F1F1F1; }

#copyright{ font:bold 9px Verdana, Arial, Helvetica, sans-serif; padding:10px 0px 10px 20px; background-color:#CC9; color:#036; margin-top:2px; }

#compliance,
#designed-by{ padding:10px 20px; }
#compliance{ float:right; font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#036; }
#designed-by{ float:left; font:bold 8px Verdana, Arial, Helvetica, sans-serif;  }
#designed-by a{ display:block; width:123px; height:32px; background:url(../images/mlm_logo.jpg) no-repeat top left; }
#designed-by span{ display:none; }