@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}


body {
	padding:0;
	margin:0;
	background:#010101;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	vertical-align:top;
	line-height:100%;
}

img {
	border:none;
}

h1 {
	font:28px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#004a6d;
	padding:20px 0 10px 0;
}

h2 {
	font:22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#004a6d;
	padding:0 0 10px 0;
}

p {
line-height:150%;	
}
.head {
width:100%;
height:129px;
background:url(bg_head.gif) repeat-x;
}

.brands_wrap {
width:100%;
height:260px;
background:url(bg_brands_wrap.gif) repeat-x;
}

.brands {
margin:auto;
width:996px;
height:230px;
background:url(bg_brands.gif) repeat-x;
}

.center {
width:100%;
background:#fff;
}

.content_wrap {
width:960px;
margin:auto;
}

.nav_wrap {
float:left;
width:270px;
height:279px;
background:url(bg_nav.jpg) no-repeat;
margin:15px 40px 30px 0;
}

.nav {
list-style:none;
margin:45px 0 0 35px;
}

.nav a {
display:block;
margin:0 0 4px 0;
width:200px;
padding:6px 0 6px 7px;
background:#5b5f61;
text-decoration:none;
color:#fff;
opacity:0.7;
filter:alpha(opacity=70); 
}

.nav a:hover {
opacity:1.0;
filter:alpha(opacity=100); 

color:#dfe9ee;	
}

.text {
float:left;
width:306px;
margin:0 17px 0 0;
line-height:150%;
text-align:justify;
}

.foot_wrap {
width:100%;
height:35px;
background:url(bg_foot.gif) repeat-x;
}

.foot {
margin:auto;
padding-top:10px;
width:960px;
font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#fff;
}

.foot a {
text-decoration:none;
color:#fff;
}

.foot a:hover {
color:#005075;	
}

/* tooltip styling */
.tooltip {
display:none;
background:url('bg_tooltip.png');
height:173px;
padding:25px 30px 10px 30px;
width:310px;
font-size:11px;
color:#fff;
}

.contact_wrap {
float:right;
width:255px;
height:119px;
padding:10px 0 0 20px;
background:url(bg_contact.jpg) no-repeat;
font-size:10px;
color:#fff;
}

.contact_txt {
line-height:120%;
padding:40px 20px 3px 0;
float:left;
}

.contact_wrap a {
color:#90c5de;
}

.contact_wrap a:hover{
color:#fff;	
}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:65px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}