/* Mazda Structure CSS Document */

body,html{
	margin:0;
	padding:0;}
	
body{
	background:#6f655c url(images/background-main01.jpg) center top no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#d0cac1;}
	
#clear{
	clear:both;}
	
/* ---------------------------------------------------------------------------------------------- MAIN CONTAINER ---*/
#mainContainer{
	width:980px;
	margin:0 auto;
	background:#020202;
	border-left:2px solid #d0cac1;
	border-right:2px solid #d0cac1;}
	
/* ---------------------------------------------------------------------------------------------- HEADER ---*/
#header{
	width:980px;
	height:150px;
	margin:0 auto 0 auto;}
	
/* ---------------------------------------------------------------------------------------------- NAVIGATION ---*/
#navigationContainer{
	width:960px;
	height:50px;
	margin:0 auto;
	padding:0 1px 0 19px;
	background:url(images/navigation-up.jpg) center top repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:3px solid #0088d0; /* BLUE */
	z-index:3000;}
	
/* ------------------------------------------------------------------------- DROPS: Main --- */
#navigationContainer ul{
	padding:0;
  	margin:0;
  	list-style:none;
	z-index:20;}
	
#navigationContainer li{
  	float:left;
	width:auto;
  	position:relative;
  	margin:0;
	padding:0;
  	list-style:none;
	display:block;
	overflow:visible;}
	
#navigationContainer h2{
  	color:#fff;
	text-decoration:none;
	font-size:13px;
  	font-weight:lighter;
	margin:0;
	padding:0;
	text-shadow:#000 0px 0px 5px; /* CSS3: color x y blur */
	display:block;
	height:50px;
	border-right:1px solid #403e3c;}
	
#navigationContainer h2 a:link{
  	color:#fff;
	background:url(images/navigation-up.jpg) center top no-repeat;
	text-decoration:none;
	padding:15px 28px 20px 28px;
	display:block;}
	
#navigationContainer h2 a:visited{
  	color:#fff;
	background:url(images/navigation-up.jpg) center top no-repeat;
	text-decoration:none;
	padding:15px 28px 20px 28px;
	display:block;}
	
#navigationContainer h2 a:hover{
  	color:#fff;
	background:url(images/navigation-roll.jpg) center top no-repeat;
	text-decoration:none;
	padding:15px 28px 20px 28px;
	display:block;}
	
#navigationContainer h2 a:active{
  	color:#fff;
	background:url(images/navigation-up.jpg) center top no-repeat;
	text-decoration:none;
	padding:15px 28px 20px 28px;
	display:block;}
	
/* ------------------------------------------------------------------------- DROPS: Second --- */
#navigationContainer li ul{
  	display:none;
  	position:absolute; 
  	top:10px;
  	left:auto;
	z-index:2000;
	border-right:none;}
  
#navigationContainer li > ul{
	top:50px;
	left:0px;}
	
#navigationContainer li:hover ul, li.over ul{
	display:block;
	width:231px;
	background:#242424 url(images/navigation-sub-up.jpg) center top no-repeat;
	border-left:0px solid #fb830f; /* ORANGE */
	font-size:8pt;}
	
#navigationContainer li:hover ul a, li.over ul a{
	padding:12px 4px 12px 7px;
	text-decoration:none;}
	
#navigationContainer li:hover ul li a, li.over ul li a{
	color:#fb830f; /* ORANGE */
	background:#242424 url(images/navigation-sub-up.jpg) center top no-repeat;
	border-left:10px solid #fb8410; /* ORANGE */
	text-decoration:none;
	font-weight:normal;
	display:block;
	border-bottom:1px solid #555;
	width:220px;
	text-align:left;}
	
#navigationContainer li:hover ul a.visited, li.over ul a.visited{
	color:#fb830f; /* ORANGE */
	background:#242424 url(images/navigation-sub-up.jpg) center top no-repeat;
	border-left:10px solid #fb8410; /* ORANGE */
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:220px;
	text-align:left;}
	
#navigationContainer li:hover ul a:hover, li.over ul a:hover{
	color:#fff; /* WHITE */
	background:#242424 url(images/navigation-sub-roll.jpg) center top no-repeat;
	border-left:10px solid #0088d0; /* BLUE */
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:220px;
	text-align:left;
	text-transform:uppercase;}
	
#navigationContainer li:hover ul a.active, li.over ul a.active{
	color:#fb830f; /* ORANGE */
	background:#242424 url(images/navigation-sub-up.jpg) center top no-repeat;
	border-left:10px solid #fb8410; /* ORANGE */
	text-decoration:none;
	font-weight:normal;
	display:block;
	width:220px;
	text-align:left;}
	
/* ---------------------------------------------------------------------------------------------- FLASH ---*/
#flash{
	width:980px;
	margin:0 auto;
	height:300px;
	background:#6f655c;
	border-bottom:3px solid #0088d0; /* BLUE */
	text-align:center;
	z-index:1;
	padding:0;}
	
/* ---------------------------------------------------------------------------------------------- jQuery Banner ---*/
#jqBanner{
	width:980px;
	margin:0 auto;
	height:330px;
	background:#0088d0;
	/*border-bottom:3px solid #0088d0;*/ /* BLUE */
	text-align:center;
	z-index:1;
	padding:0;}
	
/* ---------------------------------------------------------------------------------------------- CONTENT ---*/
#contentContainer{
	width:980px;
	margin:0 auto;
	background:#242424;}

/* ------------------------------------------------------------------------- Floats --- */
#leftFloatHome{
	width:260px;
	float:left;
	margin:0 auto;
	padding:5px;}
	
#rightFloatHome{
	width:260px;
	float:right;
	margin:0 auto;
	padding:5px;}
	
#middleFloatHome{
	width:420px;
	float:none;
	margin:0 auto;
	padding:5px;
	background:#242424 url(images/background-home-watermark01.jpg) center top no-repeat;
	border-left:1px solid #403e3c;
	border-right:1px solid #403e3c;
	border-bottom:1px solid #403e3c;}
	
#middleFloatOther{
	width:420px;
	float:none;
	margin:0 auto;
	padding:5px;
	background:#242424;
	border-left:1px solid #403e3c;
	border-right:1px solid #403e3c;
	border-bottom:1px solid #403e3c;}
	
#wideFloatHome{
	width:970px;
	float:none;
	margin:0 auto;
	padding:5px;
	border-bottom:1px solid #403e3c;}
	
#leftFloat{
	width:260px;
	float:left;
	margin:0 auto;
	padding:5px;}
	
#rightFloat{
	width:694px;
	float:right;
	margin:0 auto;
	padding:5px;
	border-left:1px solid #403e3c;}
	
#rightFloatOther{
	width:260px;
	float:right;
	margin:0 auto;
	padding:5px;}
	
#wideFloat{
	width:970px;
	float:none;
	margin:0 auto;
	padding:5px;}

/* ---------------------------------------------------------------------------------------------- FOOTER ---*/
#footer{
	width:980px;
	margin:0 auto;
	background:#020202 url(images/footer-line01.jpg) center top no-repeat;
	padding:10px 0 10px 0;
	text-align:center;
	line-height:14pt;
	color:#fff;}