/*
Template Design by Icon


*/

/** Common Styles */

body {
	margin:0px auto;
	padding: 0;
	line-height: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #FFF;
	background:#000
}

.wrap {
	width: 980px;
	margin: 0px auto;
	padding:  0;
	
}




/** HEAD */

#head { background: url(images/head-grad.jpg) repeat-x top; }
#head-int { background: url(images/head-grad-int.jpg) repeat-x top; }

#menu {
	width: 600px;
	float:right;
	height: 33px;
	margin: 0px auto;
	background: url(images/menu.jpg) no-repeat right;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	border: none;
	padding: 14px 15px 10px 15px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	color: #666;
}



/** Style for HEADER starts here */

#header {
	width: 980px;
	margin: 0px auto;
	
}
#header.image1 { background: url(images/HEAD-bluecar.jpg) no-repeat bottom; height:244px;}

#header .logo { float:left; margin-left:30px;}
#header .right { float:right; width:180px; text-align:right; margin-right:20px;}
#header .right .tab1 { background: url(images/TXT-models.png) no-repeat center; width:66px; height:19px; } 
#header .right .tab2 { background: url(images/TXT-gallery.png) no-repeat center; width:66px; height:19px; } 
#header .right .tab1 a, #header .right .tab2 a { display:block; height:20px; width:100px;}
#header .right span { display:none; }

#header .right p { padding:5px 20px 10px 20px; margin-left:60px; border-bottom:solid 1px #CCC; text-align:center}

/** Style for CONTENT starts here */

#content {
   background:#161616 url(images/mid-bkgd.jpg) repeat-x top;	
	margin: 0px auto 0px auto; 
	padding-bottom:18px;
}

#content .wrap { background: url(images/mid-head.jpg) no-repeat top center; padding-top:2px;}


.col {
	float: left;
	width: 300px;
	margin: 32px 0px 10px 20px;
	background:#111010;color:#e0e0e0;
	border-bottom: solid 1px #363636;
	text-align:center;
}


.col .head { width:300px; display:block}
.col .head#news { background:url(images/TXT-news.jpg) no-repeat; height:64px;}
.col .head#specs { background: #161616 url(images/TXT-performance.jpg) no-repeat; height:64px; }
.col .head#drive { background: #161616 url(images/TXT-test-drive.jpg) no-repeat; height:64px; }
.col .head#media { background:url(images/TXT-performance2.jpg) no-repeat; height:64px;}
.col .head span { display:none}

.col p { margin:12px 10px; line-height:16px; text-align:left }
.col table { margin:10px auto; line-height:18px; text-align:left }
.col .button { text-align:center; margin:15px auto -30px auto;}

/** for feedburner */
.feedburnerFeedBlock {padding:5px 0 10px 0}
.col .headline { font-size:13px; line-height:12px; margin:8px 0 6px 0  }
.col .headline a { line-height:16px; display:block }
.col p.date { margin:5px 0 3px 10px; font-style:italic;font-size:11px; color:#999; line-height:12px;} 
.col div { line-height:14px; color:#CCC;font-size:11px; }
#creditfooter { margin-top:10px; display:none; }
/** for feedburner */


.col .right { float:right;}
.col  ul { text-align:left; font-size:12px; margin:10px 0 0 10px;}
.col  li { line-height:30px; padding:5px 0;}
.col  li a { color:#CCC}

/** Interior page -- SUBMENU */

.submenu { background:url(images/submenu.jpg) no-repeat 0 0; height:84px;
margin-top:10px; padding-top:1px;}

.submenu ul {	margin: 0px;	padding: 0px 0 0 0px;	list-style: none;  display:block}
.submenu li {	display: inline; }
.submenu a {	display: block;	float: left;	border: none;	padding: 54px 20px 0px 20px; 
height:30px;	width:156px; 
text-decoration: none; 	color: #FFFFFF; text-align:center;
text-transform:uppercase; font-size:12px;background:url(images/menu-div.gif) no-repeat right bottom;
 }
.submenu li.item1 a:hover, .submenu li.item1 .on {	background:url(images/submenu.jpg) no-repeat 0px -90px; }
.submenu li.item2 a:hover, .submenu li.item2 .on {	background:url(images/submenu.jpg) no-repeat -196px -90px; }
.submenu li.item3 a:hover, .submenu li.item3 .on {	background:url(images/submenu.jpg) no-repeat -392px -90px; }
.submenu li.item4 a:hover, .submenu li.item4 .on {	background:url(images/submenu.jpg) no-repeat -588px -90px; }
.submenu li.item5 a:hover, .submenu li.item5 .on {	background:url(images/submenu.jpg) no-repeat -784px -90px; }


#right {float:right; width:340px; margin:20px ;}

#right .right-img { margin: 20px 0px;}
#right h2 { font-size:16px; font-weight:200; margin:5px 0 10px 0; text-transform:uppercase; color:#999; text-align:center}
#right p {font-size:12px; color:#e3e3e5; text-align:center; margin:0px 20px;}

/** Interior page -SPECS  */

#content table {  padding:10px; line-height:18px;
color:#e3e3e5;  }
#content table th { background:#272727; }
#content table th h2 {font-weight:200; font-size:14px; padding: 10px;  } 
#content table.specs { background-color:#202020; border: solid 5px #202020;}
#content table.specs td { border-bottom: solid 1px #3f3f3f; padding:2px 10px; }

#content .col table {background-color:#111010; border:none; margin:10px 20px; float:none; }
#content .col table td {border:none; }

.contact-btn { text-align:center; margin:10px auto}
/** Interior page -CONTENT --- TYPE  */


#content .type { padding:30px 30px; font-size:12px; color:#e3e3e5;}
#content .type p { margin:10px 0 10px 0; line-height: 22px; }
#content .type p.large { margin:10px 0 10px 0; line-height: 18px; font-size:14px  }
#content  h1 { text-transform:uppercase; font-size:18px; margin:30px 0 10px 0; font-weight:normal}
#content .type h2 { font-size:16px; font-weight:200; margin:15px 0 10px 0; text-transform:uppercase; color:#999;}
#content .type h3 { font-size:14px; font-weight:200; margin:15px 0 2px 0; color:#999; text-transform:normal;}
#content .type a { color:#61a0eb}

#content .type .post {   display:block; overflow:auto; margin:10px 0;}
#content .type .left { float:left; margin:5px 10px 10px 0}

/** Interior page -CONTENT --- Map page  */ 

.map-wrap { width:750px; margin:10px auto; position:relative;}
.map-wrap .map {float:left;height:419px; }
.map-wrap #one { background:url(images/map-US.gif) ; width:281px;  }
.map-wrap #two { background:url(images/map-EUR.gif); width:179px; }
.map-wrap #three { background:url(images/map-Asia.gif); width:284px;}

.map-wrap a { color:#000; font-size:1px; }

.map-wrap a#americas  {	background:url(images/label-americas.gif);	width:273px; height:22px;	position:absolute;	left: 0px;	top: 150px;}
.map-wrap a#americas:hover {	background:url(images/label-americas-on.gif);}

.map-wrap a#europe {	background:url(images/label-europe.gif);	width:173px; height:22px;	position:absolute;	left: 285px;	top: 129px;}
.map-wrap a#europe:hover {	background:url(images/label-europe-on.gif);}

.map-wrap a#africa {	position:absolute;	left: 280px;	top: 246px; background:url(images/label-africa.gif); width:179px; height:22px;}
.map-wrap a#africa:hover {	background:url(images/label-africa-on.gif);}


.map-wrap a#asia {	position:absolute;	left: 481px;	top: 148px; background:url(images/label-asia.gif); width:150px; height:22px;}
.map-wrap a#asia:hover {	background:url(images/label-asia-on.gif);}

.map-wrap a#australia {	position:absolute;	left: 466px;	top: 324px; background:url(images/label-australia.gif); width:253px; height:22px;}
.map-wrap a#australia:hover {	background:url(images/label-australia-on.gif);}


.hiddencontent,.hiddencontent2 {
	
	display:none;
	}

/** ----- SIDEBAR----  */

#content #sidebar { width:240px; float:left; margin:20px; background:#1d1d1d; padding:10px; }
#content #sidebar li { line-height:20px; padding:5px 0 5px 20px; }


/** Style for LOWER starts here */

#lower { background:#0f0f0f url(images/lower-bkgd.gif) repeat-x top; border-bottom: solid 1px #363636; color:#e0e0e0; overflow:auto; margin:0; }
#lower .wrap { background: url(images/low-head.gif) no-repeat top center; padding-top:9px;}

#lower .left { float:left; width:430px; display:inline; margin:15px 10px;  }
#lower .right { float:left; width:430px; display:inline;   margin: 15px 10px;  }
#lower h2 { font-size:16px; font-weight:normal; padding:10px 0 5px 0; font-weight:200;}
#lower p { line-height:16px; color:#e8e8e8; font-weight:200;}

/** LOWER SUBMENU */

.submenu2 { background:url(images/submenu2.gif) no-repeat 0 0; height:84px; 
 padding-top:1px;}

.submenu2 ul {	margin: 0px;	padding: 0px 0 0 0px;	list-style: none;  display:block}
.submenu2 li {	display: inline; }
.submenu2 a {	display: block;	float: left;	border: none;	padding: 54px 20px 0px 20px; 
height:30px;	width:156px; 
text-decoration: none; 	color: #FFFFFF; text-align:center;
text-transform:uppercase; font-size:12px;background:url(images/menu-div.gif) no-repeat right bottom;
 }
.submenu2 li.item1 a:hover, .submenu2 li.item1 #on {	background:url(images/submenu2.gif) no-repeat 0px -90px; }
.submenu2 li.item2 a:hover, .submenu2 li.item2 #on {	background:url(images/submenu2.gif) no-repeat -196px -90px; }
.submenu2 li.item3 a:hover, .submenu2 li.item3 #on {	background:url(images/submenu2.gif) no-repeat -392px -90px; }
.submenu2 li.item4 a:hover, .submenu2 li.item4 #on {	background:url(images/submenu2.gif) no-repeat -588px -90px; }
.submenu2 li.item5 a:hover, .submenu2 li.item5 #on {	background:url(images/submenu2.gif) no-repeat -784px -90px; }


#lower .post { padding:20px; margin-top:20px;}
.post h1 { font-size:16px; font-weight:normal; padding:10px 0 5px 0; font-weight:200; text-transform:uppercase; color:#efefef; }
.post a {color:#CCC}
#lower .post p { line-height:18px; color:#e8e8e8; font-weight:200; margin:20px ; font-size:13px;}
#lower .post p.short { margin:5px 20px; }

#lower .hiddencontent .post .left { float:left; width:300px; display:inline; margin:15px 40px 15px 60px;  }
#lower .hiddencontent .post .right { float:left; width:540px; display:inline;  margin: 15px 0px;  }

.post .contact {	font-size:12px;	margin:10px;	padding:0px;	
	vertical-align:top;	text-align: left; line-height:20px;		}
.post .contact .title { text-align:right; padding: 10px 20px 5px 0; vertical-align:top; }
.post .contact .title-l { text-align:left; padding: 10px 20px 5px 0; vertical-align:top; }

.post .contact input, .post .contact textarea, .post .contact select { text-align:left; line-height:20px; margin: 10px 10px 5px 0;}




/** Style for BOTTOM starts here */

#bottom { background:#0d0d0d; border-bottom: solid 1px #363636; border-top: solid 1px #363636; color:#e0e0e0; overflow:auto; margin-bottom:10px; }
#bottom .left { float:left; width:430px; display:inline; margin:15px 10px;  }
#bottom .right { float:left; width:430px; display:inline;   margin: 15px 10px;  }
#bottom h2 { font-size:16px; font-weight:normal; padding:10px 0 5px 0; font-weight:200;}
#bottom p { line-height:16px; color:#e8e8e8; font-weight:200;}


/** Style for footer starts here */

#footer {
	clear: both;
	width: 980px;
	height: 38px;
	margin: 0px auto;
	padding-top: 10px;
	background: #000000;
	
	font-size: 10px;
	
}
#footer .right { float:right; margin: 0px 30px 0 0}


ul.nav  {	margin: 0px;	padding: 0 0 0 20px;	list-style: none;
	width:620px;	height:40px;
	background:url(images/footer-grad.jpg) repeat-x;}

ul.nav li {	display: inline;}

ul.nav a {	display: block;	float: left;	border: none;
	padding: 10px 10px 10px 10px;
	text-decoration: none;color:#e0e0e0;
	  font-weight:200;}

ul.nav a:hover {	color: #FFFFFF;}


ul.subnav  {	margin: 0px;	padding: 0 0 0 20px;	list-style: none;	width:580px;	height:30px;	}
ul.subnav li {	display: inline;}
ul.subnav a {	display: block;	float: left;	border: none;	padding: 5px 15px;	text-decoration: none;	color:#666;  font-weight:200; font-size:10px;}
ul.subnav a:hover {	color: #D7D7BD;}



#footer a {
	
	text-decoration: none;
	
}

#footer h3 { background:url(images/TXT-rvelo-redef.gif) no-repeat; width:381px; height:22px; clear:both;
	text-align:center; margin:40px auto;}
#footer h3 span { display:none;}

.clear { clear:both;}
.hidden{display:none;}
/* CSS Document */

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}