/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family:"DejaVu Sans", Helvetica;
	font-size:13px;
}
.clear{ clear:both; }

h1{
	font-size:16px;
	color:#333;
	padding:4px 0;
	margin:0 0 30px 0;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
}

/* =Links
-----------------------------------------------------------------------------*/


/* =Layout
-----------------------------------------------------------------------------*/
#main{
	width:950px;
	margin:20px auto 0 auto;
}
#page{
	min-height:300px;
}
a[rel=img] img{
	border:4px dashed #FAFAFA;
	height:auto;
}
a[rel=img]:hover img{
	border:4px dashed #ccc;
}

/* =Header
-----------------------------------------------------------------------------*/
#top{
	width:100%;
	height:140px;
	background: url(images/top.jpg) bottom center no-repeat, url(images/top.png) bottom repeat-x #01015f;
}
#header{
	width:1000px;
	height:102px;
	margin:0 auto;
}
#header .logo{
	display:block;
	float:left;
	width:300px;
	margin:25px 0 0 0;
}
#menu{
	width:1000px;
	height:32px;
	margin:0 auto;
}

/* =Nav
-----------------------------------------------------------------------------*/
#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:20px; 
	z-index:659;
}
#nav a{
	display:block;
	padding:9px 15px;
	font-family: 'Advent Pro', sans-serif;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color:#eee;
	text-decoration:none;
	background:url(images/separator_menu.png) center right no-repeat;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-khtml-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
#nav a:hover{
	background-color:#666;
	border-top:none;
	color:#fff;
}
#nav li:hover{
	background-color:#666;
	border-top:none;
	color:#fff;
}
#nav li.current a{
	color:#000;
	text-decoration:none;
	background:#fff;
}
#nav li{
	display:block;
	float:left;
	position:relative;
}
#nav ul {
	position:absolute;
	display:none;
	width:152px;
	top:45px;
	left:0;
	background:#000;
}
#nav li ul a{
	width:126px;
	padding:3px 10px;
	margin:2px;
	font-size:14px;
	text-transform:none;
	height:auto;
	background-image:none;
}
#nav li ul a:hover{
}
#nav ul ul{
	top:auto;
}	
#nav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/* =Misc
-----------------------------------------------------------------------------*/


/* Easy Slider 1 */
#featured{
	display:block;
	position:relative;
	width:950px;
	height:310px;
	background:#000;
}
.slider1 {
	margin:0;
	padding:0;
	list-style:none;
	width:950px;
	height:310px;
	overflow:hidden;
}
.slider1 li {
	text-align:left;
	display:block;
	width:950px;
	height:310px;
}

/* Easy Slider 2 */
#brands{
	display:block;
	position:relative;
	width:950px;
	height:105px;
	margin:10px 0;
	border-bottom:1px solid #000;
}
#brands .next{
	display:block;
	position:absolute;
	top:35px;
	right:-20px;
	width:24px;
	height:24px;
	background:url(images/next.png) center no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#brands .prev{
	display:block;
	position:absolute;
	top:35px;
	left:-20px;
	width:24px;
	height:24px;
	background:url(images/prev.png) center no-repeat;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#brands .prev:hover, #brands .next:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
}
.slider2 {
	margin:0;
	padding:0;
	list-style:none;
	width:950px;
	height:95px;
	overflow:hidden;
}
.slider2 li {
	text-align:left;
	display:block;
	width:190px;
	height:95px;
	list-style:none;
}

/* CONTACT FORM */

#cf span{
	background:#fff;
	font-family:"Arial Black", Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	padding:2px 10px;
	margin:0 0 0 3px;
}
.cf-inf{
	display:none;
	color:#FF0000;
	padding:10px;
	border:1px solid #FF0000;
}
#cf-done{
	display:none;
	padding:20px;
	background:#fff;
	border:1px solid #00CC00;
}
#loader{
	display:none;
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(images/transparent-white.png);
}
	
.shadow_map{
	background:eee;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0 0 10px #ccc;
	-webkit-box-shadow:inset 0 0 10px #ccc;
	-khtml-box-shadow:inset 0 0 10px #ccc;
	box-shadow:inset 0 0 10px #ccc;
}


/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	display:block;
	margin:15px 0;
	padding:10px 0 20px 0;
	color:#666;
	font-size:12px;
}
#footer .top_footer{
	display:block;
	padding:15px 30px;
	margin:0 0 25px 0;
	background:#000;
	font-size:16px;
	color:#fff;
}
#footer .box_menu{
	float:left;
	width:150px;
	margin:0 20px 0 0;
}
#footer .box_fb{
	float:left;
	width:200px;
	line-height:14px;
}
#footer .box_map{
	float:right;
	width:300px;
	line-height:14px;
	margin:-25px 20px 0 0;
	padding:20px 10px 10px 10px;
	background:#eee;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-moz-box-shadow:inset 0 0 10px #ccc;
	-webkit-box-shadow:inset 0 0 10px #ccc;
	-khtml-box-shadow:inset 0 0 10px #ccc;
	box-shadow:inset 0 0 10px #ccc;
}
#footer .box_contact{
	float:right;
	width:220px;
	line-height:14px;
}
#footer h3{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 15px 0;
}
#footer ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#footer li{
	display:block;
}
#footer li a{
	color:#666;
	text-decoration:none;
}
#footer li a:hover{
	color:#000;
	text-decoration:underline;
}
