* {
	margin:0;
	padding: 0;
}

body { 
	background:#f4f4f4; 
	font-size:small;
	margin:0;
	padding: 0;
	color:#FFF;
}

p.viddes {
	color: #242424;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif !important;
	font-size: 120%;
	margin-top: 20px;
}


.clear { clear:both; }

#header { 
	padding:13px 20px 42px 20px;
}

#header a {
	text-decoration:none; 
}

#header ul {
	list-style: none;
	float: right;
}

#header h1 {
	float: left;
	font-weight: 100;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
	letter-spacing: 0;
	margin-left: -6px;
	text-transform: uppercase;
}

#header h1 a{
	color: #cc3333;
	font-size: 110%;
}

#header h1 a:hover{
	color: #222;
}

#header ul li{
	float: left; 
	padding: 8px 0px 0px 30px;
	font-size: 160%;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
}

#header ul li a{
	color: #aaa;
}

#header ul li a:hover{
	color: #333;
}

#header ul li a span{
	color: #cc3333;
}

	
h4.instruct {
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff;
	color: #8d8d8d;
	letter-spacing: 1px;
	font-size: 110%;
	font-weight: 100;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
}

h4.instruct a{
	color:#666; 
	text-decoration:none; 
}

h5 {
	margin-top: 5px;
	font-size: 120%;
	font-weight: 100;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
}


h5 a{
	background: #cc3333;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-decoration:none; 
}

h5 a:hover{
	color: #cc3333;
	background: #f4f4f4;
	border-bottom: 2px solid #cc3333;
}

.wrapper { width:100%; margin:auto 0; }

#footer { 
	clear:both; 
	margin-top:-10px; 
	text-align:right;
	padding-right: 20px;
}

/* ===== Scrollable CSS ===== */
div.scrollable {
	position: relative; 
	width:100%; 
	height:680px; 
	overflow:hidden; 
}

div.scrollable div.items { 
	width: 20000em; 
	position: absolute; 
	clear: both; 
}

div.scrollable div.items div.one { 
	float: left; 
	height:700px; 
	padding:0; 
	margin:0 15px; 
	text-align:center; 
}

div.scrollable div.items div.one img {
	box-shadow: 0px 2px 10px #bcbcbc; 
	-webkit-box-shadow: 0px 2px 10px #bcbcbc; 
	-moz-box-shadow: 0px 2px 10px #bcbcbc; 
}

a.prev { 
	display:block; 
	left:15px; 
	position:absolute; 
	top:725px; 
	height: 38px;
	text-align: center;
	width: 38px;
	cursor:pointer; 
	font-size:36px; 
	color: #eee; 
	background: url("/img/left-arrow.png") left top no-repeat; 
}

a.next { 
	display:block; 
	left: 62px; 
	position:absolute; 
	top:725px; 
	height: 38px;
	width: 38px;
	cursor:pointer; 
	text-align: center;
	font-size:36px; 
	color: #eee; 
	background: url("/img/arrow-right.png") left top no-repeat; 
}


body.home .topbar .cta {
	float:right;
	text-align:center;
	width:285px;
	padding-top:.85em;
}

body.home .topbar .cta a {
	display:block;
	height:36px;
	width:166px;
	background: url("images/home-cta.png") no-repeat left top;

	margin-bottom:5px;
}

.cta2 a {
	display:block;
	height:36px;
	width:166px;
	background: url("images/download-pdf.png") no-repeat left top;
	margin-bottom:5px;
}

.cta2 a:HOVER {
	background-position: left bottom;
}

.cta3 a {
	display:block;
	height:36px;
	width:166px;
	background: url("images/home-cta.png") no-repeat left top;
	margin: 8px 0px 5px -3px;
}

.cta3 a:HOVER {
	background-position: left bottom;
}



div.about {
	width: 940px;
	margin-left: 20px;
	color: #aaa;
}

div.about img {
	float: left;
	margin-right: 30px;
	margin-lefT: -5px;
}

div.about h2 {
	margin-bottom: 15px;
	color: #555;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
}

div.about p {
	line-height: 1.9em;
	padding-bottom: 15px;
	color: #888;
	font-size: 120%;
	font-family: 'TinosRegular', Helvetica Nueu, Arial, sans-serif;
}

.items h3{
	z-index: 300;
	display: none;
	text-align: left;
	margin-top: -70px;
	margin-left: 30px;
}

div.about a {
	text-decoration: none;
	color: #fff;
	background: #cc3333;
}


a.prev:hover, a.next:hover { color: #333; }

/* Disabled Next or Previous button */
a.disabled { visibility: hidden !important; }

/* Navigation Container */
div.navi { width:960px; margin:auto; text-align:center; visibility:; }

/* Navigation Links */
div.navi a { float: left; margin-left: 2px; padding: 10px 15px; color: #999; text-decoration: none; font-size: 11px; }
div.navi a.active { font-weight: bold; }
div.navi a:hover,
div.navi a.active { color:#454545; background:#ccc; }


/* ===== CSS Rounded Corners ===== */
div.tabPanes { -moz-border-radius:0px; -webkit-border-radius:0px; }
div.tooltip,
div.scrollable div.items div { -moz-border-radius:0px; -webkit-border-radius:0px; }


@font-face {
    font-family: 'TinosRegular';
    src: url('Tinos-Regular-webfont.eot');
    src: url('Tinos-Regular-webfont.eot?#iefix') format('eot'),
         url('Tinos-Regular-webfont.woff') format('woff'),
         url('Tinos-Regular-webfont.ttf') format('truetype'),
         url('Tinos-Regular-webfont.svg#webfontalBgiXdx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TinosItalic';
    src: url('Tinos-Italic-webfont.eot');
    src: url('Tinos-Italic-webfont.eot?#iefix') format('eot'),
         url('Tinos-Italic-webfont.woff') format('woff'),
         url('Tinos-Italic-webfont.ttf') format('truetype'),
         url('Tinos-Italic-webfont.svg#webfontB6NxO9Gl') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TinosBold';
    src: url('Tinos-Bold-webfont.eot');
    src: url('Tinos-Bold-webfont.eot?#iefix') format('eot'),
         url('Tinos-Bold-webfont.woff') format('woff'),
         url('Tinos-Bold-webfont.ttf') format('truetype'),
         url('Tinos-Bold-webfont.svg#webfontizmmmv49') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TinosBoldItalic';
    src: url('Tinos-BoldItalic-webfont.eot');
    src: url('Tinos-BoldItalic-webfont.eot?#iefix') format('eot'),
         url('Tinos-BoldItalic-webfont.woff') format('woff'),
         url('Tinos-BoldItalic-webfont.ttf') format('truetype'),
         url('Tinos-BoldItalic-webfont.svg#webfontrwVgo7Nq') format('svg');
    font-weight: normal;
    font-style: normal;

}