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

/*
Design by Barbara Carneiro
www.barbaracarneiro.com

CSS by Bruno Carneiro
www.brunocarneiro.com
*/

/* Main */
* {
	margin: 0 auto;
	padding: 0;
	border: 0;
}
ul {
	padding-left: 10px;
	margin-left: 10px;
}
body {
	background: #333B6C url(../images/back.jpg) center no-repeat;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000; 
}


/* Containers */
#wrapper {
	width: 993px;
	padding-top: 10px;
}
#wrapperthankyou {
	width: 500px;
	padding-top: 10px;
}
#wrapperthankyou p {
	font: 12px/22px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#wrapperthankyou h2 {
	font: 14px/22px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#wrap {
	background: url(../images/background.png) top no-repeat;
	width: 993px;
	height: 596px;
	padding: 4px;
	position: relative;
}

#titleContainer {
	background: url(../images/title-bkg.jpg) top left no-repeat;
	width: 791px;
	height: 97px;
	float: left;
}
#titleContent {
	padding: 70px 50px 20px 20px;
	text-align: right;
}
#phone {
	position: absolute;
	z-index: 99999999;
	bottom: 10px;
	left: 10px;
	width: auto;
}
#leftImage {
	position: absolute;
	bottom: 120px;
	left: 4px;
	width: auto;
	z-index: 99px;
}
#rightImage {
	position: absolute;
	width: auto;
	z-index: 99px;
	bottom: 120px;
	right: 4px;
}
#mainBkg {
	position: absolute;
	z-index: 800;
	width: 936px;
	height: 481px;
	bottom: 4px;
	left: 15px;
	background: url(../images/main-bkg.png) top left no-repeat; 	
}
#navigation {
	float: right;
	width: 238px;
	position: absolute;
	z-index: 800;
	right: 4px;
	top: 4px;
}
#content {
	width: 640px;
	height: 365px;
	margin: 10px 176px 106px 120px;
	line-height: 16px;
}
#content li {
	padding-bottom: 5px;
}
#content a, #content a:visited {
	color: #333B6A;
}
#content a:hover {
	color: #7F809C;
}
#footer {
	position: absolute;
	width: 430px;
	bottom: 10px;
	left: 170px;
	font-size: 9px;	
}
#leftContent {
	position: absolute;
	top: 0;
	width: 200px;
}
#rightContent {
	float: right;
	width: auto;
}
#bottomContent {
	clear: both;
}
#menu2 {
	position: absolute;
	z-index: 805px;
	width: 100%;
}




/* Text */
.phone, .phone a {
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
.phone a:hover {
	color: #7F809C;
}
p.phone {
	padding-top: 7px;
}
h1 {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #333B6C;
}
h2 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #333B6A; 
}
h3 {
	font: bold 16px/25px Arial, Helvetica, sans-serif;
	color: #333B6A;
}


/* Menu */

#menu {
	list-style-type:none;
	margin:0 auto 50px auto;
	padding:0;
	width:234px;
	float: right;
	position: relative;
	z-index: 999;
	text-transform: uppercase;
	font: bold 11px/26px Arial, Helvetica, sans-serif;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
/* for IE7 to position the tables correctly */
.menu {position:relative; float: right;}

/* Set up the size of the list items and float left to place inline */
.menu li {width:234px; height:26px; text-align: right; }

/* Give the sub level list item a diffent background color to make it 'stand out'. */

/* Default link styling */
.menu li a {display:block; color:#FFF; font: bold 11px/26px Arial,Helvetica,sans-serif; text-transform: uppercase; text-decoration:none; padding-right: 10px;}

/* Style the list OR link hover. Depends on which browser is used */
.menu li a:hover, .menu :hover > a {background: url(../images/menu-on2.png) left no-repeat;}

/* Give the link OR list a relative position. Depends on which browser is used */
.menu li.sub:hover,
.menu li.sub a:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul {position:absolute;left:-9999px;}

/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.menu :hover ul { left:00px; top:0;}

.menu li ul li a {
	background: url(../images/submenu-on.png);
	border-bottom: 1px solid #666C90;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
}
.menu li ul {
	margin-right: 50px;
}
.menu li ul li {
	border: 1px solid #666C90;
	border-width: 1px 1px 0;
	width: 150px;
	height: 24px;
	line-height: 24px;
	margin-left: -70px;

}
.menu li ul li a:hover {
	background: #333B6C;
}



.second {
	margin-left: 9px;
}
.third {
	margin-left: 17px;
}
.fourth {
	margin-left: 25px;
}
.fifth {
	margin-left: 33px;
}
.sixth {
	margin-left: 43px;
}
.seventh {
	margin-left: 50px;
}
.eighth {
	margin-left: 59px;
}



#parent1-menu h3 {
	padding-top: 10px;
}
#parent1-menu a {
	text-decoration: none;
	line-height: 20px;
	background: url(../images/bullet2.png) no-repeat left center;
	padding-left: 10px;
	margin-left: 10px;
}
#parent1-menu a:hover {
	background: url(../images/bullet2-hover.png) no-repeat left center;
}

.jets {
	position: relative;
	width: 640px;
	height: 365px;
	line-height: 16px;
}
.jetsTitle {
	float: right;
	width: auto;
	margin: 5px 20px 10px 0;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #333B6A;
}
.jetsBox {
	float: right;
	clear: right;
	width: auto;
	margin-right: 20px;
}
.jetsImage {
	float: right;
	clear: right;
	width: auto;
	margin-right: 20px;
	position: relative;
	margin-top: 5px;
}
.jetsImage img {
	border: 1px solid #CCC;
	padding: 3px;
}
.jetsButton {
	position: absolute;
	width: 360px;
	top: 4px;
	left: 4px;
	background: url(../images/jets-bkg.png);
	height: 20px;
	text-align: center;
}
.jetsButton a, .jetsButton a.visited {
	color: #FFF !important;
	text-decoration: none !important;
}
.jetsButton a:hover {
	text-decoration: underline !important;
}
.principals {
	float: right;
	width: 500px;
	clear: right;
}





/* Images and Boxes */
.form {
	height: 20px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #FFF;
	width: 120px;
}
.images {
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 0 10px 10px;
}



/* scripts */
.no_js { 
	display: block;
}
.has_js { 
	display: none;
}
.js .no_js { 
	display: none;
}
.js .has_js {
	display: block;
}