/* IMPORTS --------------------------------------------------------------------------------------------- */

@import url("reset.css");

@font-face {
	font-family: 'FoundryGridnikBold';
	src: url('fougrdbd-webfont.eot');
	src: local('☺'), url('fougrdbd-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VAGRoundedStdBold';
	src: url('vagroundedstd-bold-webfont.eot');
	src: local('☺'), url('vagroundedstd-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VAGRoundedStdLight';
	src: url('vagroundedstd-light-webfont.eot');
	src: local('☺'), url('vagroundedstd-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/* GENERAL --------------------------------------------------------------------------------------------- */

header, nav, section, article, footer, address { display: block;}

span.red {color:rgb(225,27,34);}

body {font-family: Helvetica, Arial, sans-serif;color:rgb(38,38,38);padding:0;margin:0;}

a {color:rgb(225,27,34);text-decoration: none;}
a:hover {text-decoration: underline;}

#container {width:980px;margin:25px auto;}

a.bluetriangle {padding-right:10px; background: right center no-repeat url(images/pointer_blue.png);}

a.redtriangle {padding-right:10px; background: right center no-repeat url(images/pointer_red.png);}

div.redpointer {position:absolute;top:45px;left:10px;height:9px;width:30px;background: transparent left top no-repeat url(images/arrow_red.png);display: none;}

.fl {float:left;}

nav ul.empty {float:left;}

/* HEADER ---------------------------------------------------------------------------------------------- */

header {padding-left:20px;margin-bottom:10px;position:relative;}

header h1 {font-weight: normal;font-family: VAGRoundedStdLight, Helvetica, Arial, sans-serif;font-size:17px;position:absolute;right:0;top:50px;}



/* SLIDESHOW ------------------------------------------------------------------------------------------- */

#slideshow {margin-bottom:40px;width:980px;height:248px;overflow:hidden;position:relative;}

#slideshow .fader {float:left;}

#slideshow .fader .heroimage {position:absolute;top:0;left:0;}

#slideshow .scrollable { position:absolute; overflow:hidden; height: 224px;margin:12px 0; width: 196px; top:0;right:0;}

#slideshow .scrollable .items { position:absolute; bottom:0;padding:0;margin:0;font-size:0; }

#slideshow .scrollable .items .item { zoom:1;width: 196px;height:74px;padding:0;margin:1px 0 0 0;font-size:0;overflow:hidden; }

#slideshow .scrollable .items .item a { display: block; }

#slideshow a.scrollBtn {z-index:20;position:absolute;right:0;display:block;height:12px;width:196px;background: rgb(225,27,34) center center no-repeat;}

#slideshow a.scrollBtn:hover {opacity:.75;filter:alpha(opacity=75);}

#slideshow a.goup {top:0;background-image:url(images/ss_arrow_up.gif);}

#slideshow a.godown {top:236px;*top:230px;background-image: url(images/ss_arrow_down.gif);}


/* LEFT NAVIGATION -------------------------------------------------------------------------------------- */

#left {float:left;margin-left:20px;width:110px;display: inline;}

#left nav {margin-top:70px;}

.home #left nav {margin-top:0;}

#left nav h2 {width:110px;height:39px;margin-bottom:3px;font-family: VAGRoundedStdLight, Helvetica, Arial, sans-serif;font-size:13px;}

#left nav h2 a {width:98px;height:27px;vertical-align:middle;display:block;color:rgb(255,255,255);font-weight: normal;background-color: rgb(225,27,34);text-decoration:none;padding:6px;}

#left nav h2 a.selected {color:rgb(255,214,0);}

#left nav h2 a:hover {background-color:rgb(255,214,0);color:rgb(225,27,34);}

#left nav ul {display:none;}

#left nav ul li {padding: 6px 6px;font-family: VAGRoundedStdLight, Helvetica, Arial, sans-serif;font-size:13px;}

#left nav ul li a:hover, #left nav ul li a.selected {text-decoration:none; color: rgb(153,153,153);}


/* CENTER COLUMN -------------------------------------------------------------------------------------- */

#center {float:left;width:357px;padding:0 45px 0 76px;display: inline;}

#center h1, #centerwide h1 {text-transform: uppercase;font-weight: normal;font-family: FoundryGridnikBold, Helvetica, Arial, sans-serif;font-size:25px;}

#center h2 {margin:5px 0 20px 0;font-weight: normal;font-size: 14px;color:rgb(153,153,153);}

#center h3, #centerwide h3 {font-weight: bold;font-size: 12px; margin:0 0 6px 0;padding:0;line-height:18px;}

#center p, #centerwide p  {margin-bottom:20px;line-height:18px;font-size: 12px;}

#center ul {margin-bottom:14px;line-height:18px;font-size: 12px;list-style: disc;margin-left:15px;}

#center li {margin-bottom:6px;line-height:18px;list-style: disc;margin-left:15px;}

#center img.fl {margin:0 10px 10px 0;}

#centerwide {float:left;width:770px;padding:0 0 25px 76px;display: inline;}

#centerwide h2 {margin:5px 0 20px 0;font-weight: normal;font-size: 14px;color:rgb(153,153,153);}


/* RIGHT COLUMN -------------------------------------------------------------------------------------- */

#right {float:left;width:372px;margin-bottom:30px;display: inline;}

#right .aboutaon h2 {font-weight: normal;font-family: VAGRoundedStdLight, Helvetica, Arial, sans-serif;font-size:15px;color: #F0AB00;padding:15px 10px;background-color: rgb(225,27,34);margin-top:5px;position: relative;cursor: pointer;}

#right .aboutaon .accordion {margin-left:180px;}

#right .aboutaon .accordion h2.current div.redpointer {display: block;}

#right .aboutaon .accordion .pane {padding:20px;background-color: rgb(204,204,204);margin-top:5px;display:none;}

#right .aboutaon .accordion .pane p {font-size:11px;line-height:16px;padding-bottom:20px;}

#right .aboutaon .accordion .pane a.redtriangle, #right .howdoi .accordion .pane a.bluetriangle {font-weight: normal;font-family: VAGRoundedStdLight, Helvetica, Arial, sans-serif;font-size:13px;color:rgb(0,0,0);text-decoration:none;}

#right .interiorhero {margin-bottom:20px;}



/* FOOTER ------------------------------------------------------------------------------------------- */

footer {clear:both;border-top:solid 1px rgb(255,214,0);padding-top:10px;font-size: 10px;line-height:15px;color:rgb(153,153,153);}

footer a {color:rgb(153,153,153);text-decoration: none;}

footer a:hover {text-decoration: underline;}

footer .copyright {float:left;width:130px;}

footer nav {float:left;width:125px;padding-left: 70px;}

footer nav ul {padding-left: 10px;}



/* VIDEO PLAYER OVERLAY ----------------------------------------------------------------------------- */

.simple_overlay {
	display:none;
	z-index:10000;
	background-color:#000;
	width:480px;	
	min-height:270px;
	height:auto !important;
	height:270px;
	border:16px solid #fff;
	-moz-box-shadow:0 0 10px 5px #000;
	-webkit-box-shadow: 0 0 10px #000;	
}
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	left:-30px;
	top:-30px;
	cursor:pointer;
	height:30px;
	width:30px;
}