@charset "UTF-8";
/* CSS Document */

/* 

light blue: #335d83
dark blue: #0a3c6a
orange: f692le


*/


/* fontface tests */

@font-face {
    font-family: 'CabinRegular';
    src: url('fontface/Cabin-Regular-webfont.eot');
    src: url('fontface/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Regular-webfont.woff') format('woff'),
         url('fontface/Cabin-Regular-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinItalic';
    src: url('fontface/Cabin-Italic-webfont.eot');
    src: url('fontface/Cabin-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Italic-webfont.woff') format('woff'),
         url('fontface/Cabin-Italic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Italic-webfont.svg#CabinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMedium';
    src: url('fontface/Cabin-Medium-webfont.eot');
    src: url('fontface/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Medium-webfont.woff') format('woff'),
         url('fontface/Cabin-Medium-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinMediumItalic';
    src: url('fontface/Cabin-MediumItalic-webfont.eot');
    src: url('fontface/Cabin-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-MediumItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-MediumItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-MediumItalic-webfont.svg#CabinMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBold';
    src: url('fontface/Cabin-SemiBold-webfont.eot');
    src: url('fontface/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-SemiBold-webfont.woff') format('woff'),
         url('fontface/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('fontface/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSemiBoldItalic';
    src: url('fontface/Cabin-SemiBoldItalic-webfont.eot');
    src: url('fontface/Cabin-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-SemiBoldItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-SemiBoldItalic-webfont.svg#CabinSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBold';
    src: url('fontface/Cabin-Bold-webfont.eot');
    src: url('fontface/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Bold-webfont.woff') format('woff'),
         url('fontface/Cabin-Bold-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinBoldItalic';
    src: url('fontface/Cabin-BoldItalic-webfont.eot');
    src: url('fontface/Cabin-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-BoldItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-BoldItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-BoldItalic-webfont.svg#CabinBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
 	margin: 0px;
	padding: 0px;
}

a {outline: none;}

strong {
	font-family: 'CabinBold', Arial, sans-serif ;
	font-weight: normal;	
}

em {
	font-family: 'CabinItalic', Arial, sans-serif ;
	font-style: normal;	
}

em strong, strong em {
	font-family: 'CabinBoldItalic', Arial, sans-serif ;
	font-style: normal;	
}

body {
	font-size: 62.5%;
	line-height: 1.5em;
	background: #e6e6e6;
	font-family: 'CabinRegular', Arial, sans-serif;
}

#container {
	width: 800px; 
	margin: 0 auto;
	background: #ffffff;
}

/* ----- header ----- */

#header {width: 800px; }

#header .top {
	background:url(images/topBKG.gif) repeat-x;
	height: 13px;
	width: 800px;
}

#header h1 {
	height: 105px;
	width: 241px;
	background:url(images/logo.gif) no-repeat;
	float: left;
	margin: 6px 0 7px 15px;
}

#header h1 a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}

#header #orange {
	background:url(images/headerOrange.gif) repeat-x;
	height: 5px;
	width: 800px;
	clear: both;
}

*html body #header #orange {position: relative; top: 10px;}
 
#header #image {
	background:url(images/headerBKG1.jpg) no-repeat;
	height: 164px;
	width: 800px;
}



/* ----- Sub Navigation ----- */


/* header sub nav */
#header .navSub {
	height: 15px;
	width: px;
	float: right;
	margin: 70px 10px  0 0
}

#header .navSub ul {
	height: 100%;
	width: 100%;
	list-style: none;
}

#header .navSub ul li {
	height: 15px;
	display: block;
	float: left;
	padding: 0px 8px;
}

#header .navSub ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent:-9999px;
}

#header .navSub ul li.first {
	padding: 0 8px 0 0
}

#header .navSub ul li.last {
	padding: 0 0 0 8px;
}

#header .navSub ul li.separate {
	background:url(images/navSub_seperator.gif) no-repeat center;
	width: 2px; 
	padding: 0 0 0 0; 
	text-indent: -9999px
}

#header .navSub ul li.faq {background:url(images/navSub_faq.gif) no-repeat left; width: 25px; padding: 0 8px 0 0}
#header .navSub ul li.testimonials {background:url(images/navSub_testimonials.gif) no-repeat center; width: 82px}
#header .navSub ul li.links {background:url(images/navSub_links.gif) no-repeat center; width: 33px}
#header .navSub ul li.terms {background:url(images/navSub_terms.gif) no-repeat center; width: 109px}
#header .navSub ul li.home {background:url(images/navSub_home.gif) no-repeat right; width: 38px; padding: 0 0 0 8px}

#header .navSub ul li.faq a:hover {background:url(images/navSub_faq_on.gif) no-repeat left; width: 25px}
#header .navSub ul li.testimonials a:hover {background:url(images/navSub_testimonials_on.gif) no-repeat center; width: 82px}
#header .navSub ul li.links a:hover {background:url(images/navSub_links_on.gif) no-repeat center; width: 33px}
#header .navSub ul li.terms a:hover {background:url(images/navSub_terms_on.gif) no-repeat center; width: 109px}
#header .navSub ul li.home a:hover {background:url(images/navSub_home_on.gif) no-repeat right; width: 38px;}

/* ----- Main Navigation ----- */

/* header main nav */
#header .navMain {
	height: 137px;
	width: 800px;
}

#header .navMain ul {
	width: 800px;
	list-style:none;
}

#header .navMain ul li {
	height: 40px;
	display: block;
	float: left;
}

#header .navMain ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
}

#header .navMain ul li.profile {background:url(images/navMain_profile.gif) no-repeat; width: 113px;}
#header .navMain ul li.services {background:url(images/navMain_services.gif) no-repeat; width: 119px;}
#header .navMain ul li.operation {background:url(images/navMain_operation.gif) no-repeat; width: 260px;}
#header .navMain ul li.rate {background:url(images/navMain_rate.gif) no-repeat; width: 176px;}
#header .navMain ul li.contact {background:url(images/navMain_contact.gif) no-repeat; width: 132px;}

#header .navMain ul li.air {background:url(images/navMain_air.jpg) no-repeat; width: 224px; height: 97px}
#header .navMain ul li.land {background:url(images/navMain_land.jpg) no-repeat; width: 210px; height: 97px}
#header .navMain ul li.sea {background:url(images/navMain_sea.jpg) no-repeat; width: 217px; height: 97px}
#header .navMain ul li.text {background:url(images/navMain_text.jpg) no-repeat; width: 139px; height: 65px; }

#header .navMain ul li.profile a:hover {background:url(images/navMain_profile_on.gif) no-repeat; width: 113px;}
#header .navMain ul li.services a:hover {background:url(images/navMain_services_on.gif) no-repeat; width: 119px;}
#header .navMain ul li.operation a:hover {background:url(images/navMain_operation_on.gif) no-repeat; width: 260px;}
#header .navMain ul li.rate a:hover {background:url(images/navMain_rate_on.gif) no-repeat; width: 176px;}
#header .navMain ul li.contact a:hover {background:url(images/navMain_contact_on.gif) no-repeat; width: 132px;}

#header .navMain ul li.air a:hover {background:url(images/navMain_air_on.jpg) no-repeat; width: 224px; height: 97px}
#header .navMain ul li.land a:hover {background:url(images/navMain_land_on.jpg) no-repeat; width: 210px; height: 97px}
#header .navMain ul li.sea a:hover {background:url(images/navMain_sea_on.jpg) no-repeat; width: 217px; height: 97px}

#header .navMain ul li.separate {display: none;}

#header .navMain ul li.text {
	padding: 27px 5px 5px 5px;
	}
	
#header .navMain ul li.text {overflow: hidden; !important}

#header .navMain ul li.text p {
	color: #0a3c6a;
	font-size: 1.2em;text-indent: -9999px
}

/* keeps text box on nav from acting crazy with hyperlinks */
#header .navMain ul li.text p a {
	display: inline; 
	text-indent: 0px !important;
	color:  #0a3c6a;
}

/* footer navigation */

#footer ul {
	float: left;
	margin: 1px 0 0px 7px;
}

#footer ul li {
	display: block;
	float: left;
	padding: 0px 5px;
}

#footer ul li a {
	display: block; 
}

#footer .navSub, #footer .navMain {
	clear: left;
	float: left;
	margin: 0px !important;
}


#footer .navMain ul li.air, #footer .navMain ul li.sea, #footer .navMain ul li.land, #footer .navMain ul li.text {display: none;}



/* ----- content section ----- */

#content {
	width: 502px;
	float: left;
	clear: both;
	padding: 26px 0 20px 0;
	font-family:'CabinRegular', Arial, sans-serif ; 
	font-weight: normal;
}

#content h3 {
	height: 18px;
	font-family: 'CabinRegular', Arial, sans-serif;
	font-weight: bold;
	position: relative; 
	right: 20px;

	
}

#content h3 span.left {	
	background:url(images/headlineLeft.gif) no-repeat;
	height: 31px;
	width: 18px;
	display: block;
	float: left;
}

#content h3 span.right {
	background:url(images/headlineRight.gif) no-repeat;
	height: 31px;
	width: 18px;
	display: block;
	float: left;
}

#content h3 span.text {
	display: block;
	float: left;
	height: 31px;
	width: auto;
	background: url(images/headlineHeader.gif) repeat-x;
	font-size: 2em;
	color: #ffffff;
	padding: 7px 10px 0 10px
}

*+html body #content h3 span.text {font-size: 1.1em; height: 60px; padding: 9px 10px 0 10px}
*html body #content h3 span.text { font-size: 1.2em;}

#content h4 {
	font-size: 1.8em; 
	color: #0a3c6a; 
	margin: 7px 10px 0px 20px; 
	line-height: 1.4em;
	font-family: 'CabinRegular', Arial, sans-serif;
	font-weight: bold;
}

#content a {color: #335d83; text-decoration: none;}
#content a:hover {text-decoration: underline}

#content p {
	padding: 7px 10px 6px 20px;
	font-size: 1.3em;
	line-height: 1.5em;
}

#content ul, #content ol {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #0a3c6a;
	margin: 7px 17px 7px 50px;
}

#content li {
	margin: 3px 0	
}

#content .big {font-size: 1.6em;}
#content .highlight {color: #0a3c6a}

/* ----- side bar ----- */

#phone {
	background:url(images/numberBKG.gif) no-repeat;
	height: 51px;
	width: 181px;
	float: right;
	text-indent: -9999px;
	margin: 57px 9px 18px 0;
}

#quoteRequest {
	background: url(images/rateReq.gif) no-repeat;
	height: 108px;
	width: 211px;
	float: right;
	clear: right;
	text-indent: -9999px;
	margin: 0 9px 0 0;
}

#quoteRequest a {
	display: block;
	height: 100%;
	width: 100%;
}

/* ----- footer ----- */


#footer {
	background:url(images/footerBKG.gif) repeat-x;
	width: 800px;
	clear: both;
	padding: 10px 0 0 0;
	color: #ffffff;
	font-size: 1.1em;
}

#footer a {
	color: #ffffff;
	text-decoration: none
}

#footer a:hover {
	color: #CCCCCC
 }

#footer ul {width: 450px;}

#footer p {
	float: right;
	text-align: right;
	width: 250px;
	margin: 0 12px 0 0;
}

#footer p.credits {
	clear: right;
}

/* ----- sub footer ----- */

#subFooter {
	text-align: center;
	margin: 10px 0 25px 0;
}


#subFooter p {
	color: #0a3c6a;
	font-size: 1.1em;
}

#subFooter p a {
	color: #0a3c6a; 
	text-decoration: none;
}

#subFooter p a:hover {
	color: #335d83
}

/* ----- contact form ----- */

#content form.request {width: 440px;}



#content form.request input {height: 25px;width: 200px; float: left; margin: 9px  0 9px 9px}
#content form.request textarea {width: 200px; height: 80px;margin: 9px 0 9px 9px; float: left}
#content form.request input.radio {margin:15px 0 0 5px; border: none;}
#content form.request .radio {height: 14px !important; width: 25px; font-size: 1.2em; clear: none; padding: 0px 0px 0 0}


/* ----- font-face tests ----- */

.style1 {font-family:'CabinRegular', Arial, sans-serif !important; font-weight: normal !important}
.style2 {font-family:'CabinItalic', Arial, sans-serif !important; font-weight: normal !important}
.style3 {font-family:'CabinMedium', Arial, sans-serif !important; font-weight: normal !important}
.style4 {font-family:'CabinMediumItalic', Arial, sans-serif !important; font-weight: normal !important}
.style5 {font-family:'CabinSemiBold', Arial, sans-serif !important; font-weight: normal !important}
.style6 {font-family:'CabinSemiBoldItalic', Arial, sans-serif !important; font-weight: normal !important}
.style7 {font-family:'CabinBold', Arial, sans-serif !important; font-weight: normal !important}
.style8 {font-family:'CabinBoldItalic', Arial, sans-serif !important; font-weight: normal !important}

.creditCards {
	text-align: center !important;
	clear: both;
	width: 100% !important;
	margin: 41px 0 0 0 !important;
	background: #0A3C6A;
	padding: 7px 0;
	float: none !important;
	font-size: 1.3em;
}