/* CSS Document */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%}

body {
	background-color:#f2f2f2; margin:0; padding:0;font-family: 'UniversLTStd47LightCondensed';font-weight: normal; font-style: normal; color:#455763; font-size:100%;min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.25em;
}

.wrapper {
	max-width: 1000px; background-color:#fff; overflow:hidden;
	margin: 0 auto;
	box-shadow: 0px 0px 4px 1px #c2c2c2;
}

/******REFERENCE*******

RED: #990033
DARK TEXT: #455763
LIGHT TEXT: #6f7478
LIGHT GREY BG: #e9edf0
LIGHT LINES: #bfbfbf;

font-family: 'UniversLTStd47LtCnOb';
font-family: 'UniversLTStd47LightCondensed';
font-family: 'UniversLTStd67BdCnOb';
font-family: 'UniversLTStd67BoldCondensed';
font-family: 'UniversLTStd59UltraCondensed';
	
**********************/

h1, h2, h3, h4, h5, h6, p, em, strong {
	font-weight: normal;
    font-style: normal;
	color:#455763;
	line-height:1.25em;
}
h1, h2, h3, h4, h5, h6, strong {font-family: 'UniversLTStd67BoldCondensed';}
em {font-family: 'UniversLTStd47LtCnOb'; }
strong em {font-family: 'UniversLTStd67BdCnOb';}
p {font-family: 'UniversLTStd47LightCondensed'; margin-bottom:1.25em; font-size:1.125em;}
li {font-family: 'UniversLTStd47LightCondensed'; font-size:1.125em; line-height:1.25em;}
h3 {font-size:1.25em; color:#990033; margin-top:1.25em;}
span {font-size:2em;}
ul { padding:0 0 0 1.25em; list-style-type:disc;}
h1 { margin:0 5% 0 5%; font-size:4em; text-transform:uppercase; font-family: 'UniversLTStd59UltraCondensed'; color:#fff; padding-top:0.25em; padding-bottom:0.25em; line-height:0.875em;}
h2 { margin:2em 5% 1em 5%; color:#fff; font-size:2em; line-height:1em; }
h7 { color:#000; font-size:1.7em; }
h4 { margin:1.5em 5% 2em 5%; font-family: 'UniversLTStd47LightCondensed'; font-size:1.5em; line-height:1.25em; color:#fff;}
h5 { margin-bottom:0; font-size:1.125em; color:#990033;}
/******GRID*******/

.center, .left, .right, .fright, .fleft {
	float: left; 
	color:#455763;
	padding: 10px 0; 
	overflow:hidden;
}
.center p {
	margin-left:5%; margin-right:5%;	
}

.left { width: 40%; margin-right: 3%; margin-left:0%; }
.right { width: 40%; margin-left: 3%; margin-right:7%; clear:right; float:right; }
.center { width: 100%; margin-left: 0; margin-right:0; clear:both; text-align: center;}
.fleft { width: 47%; margin-left: 0; margin-right:3%; }
.fright { width: 47%; margin-left: 3%; margin-right:0;}
.qright { margin-right:16%; text-align:right;}
.qleft { margin-left:3%; margin-right:16%;}
.qright p, .qleft p {
	font-family: 'UniversLTStd47LightCondensed'; color:#6f7478; padding-top:5px;
}
.qimage {
	
	 min-height:90px; padding-bottom:20px;
}
.qright p.name, .qleft p.name {
	font-family: 'UniversLTStd67BoldCondensed'; text-transform:uppercase; border-top:1px dotted #bfbfbf; border-bottom:1px dotted #bfbfbf; color:#990033; margin:0; padding:5px 0 5px 0; font-style:normal;
}
.center img, {
	width: 100%;
	height: auto;
	display: block;
}

.right img, .fright img{
	width:40%;
	height:auto;
	display:block;
}

.left img {
	width:75%;
	height:auto;
	display:block;
}

.shrink {
	width:300px !important;	
}
#c1 {
	width:295px; 
	height:229px; 
	background:url(../img/c1bg.jpg) top left no-repeat;
	position:relative;
	overflow:hidden;
}
#c1b {
	width:246px;
	height:229px;
	position:absolute;
	top:0; right:0;
	background:url(../img/c1bars.png) -246px 0 no-repeat;
	overflow:hidden;	
}
#c2 {
	width:295px; 
	height:251px; 
	background:url(../img/c2bg.jpg) top left no-repeat;
	position:relative;
	overflow:hidden;
}
#c2b {
	width:246px;
	height:251px;
	position:absolute;
	top:0; right:0;
	background:url(../img/c2bars.png) -246px 0 no-repeat;
	overflow:hidden;	
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.start {
	background:#333333 url(../img/arch.jpg) no-repeat center top scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	text-shadow: 0px 1px 5px #330000;
}
.end {
	background:#333333;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	text-shadow: 0px 1px 5px #330000;
	
}

p.fact {
	border-bottom:1px dotted #bfbfbf; text-align:right; margin:0; padding-top:10px; padding-bottom:10px;line-height:1.875em; text-transform:uppercase; color:#6f7478; font-family: 'UniversLTStd47LightCondensed'; font-style:normal;
}


.video {
	background:#455763 url(../img/video-bg.gif); margin:0; padding:0;
}
.title {
	background:#990033 url(../img/title1.jpg) top center no-repeat;
	color:#fff;
	font-family: 'UniversLTStd59UltraCondensed';
	font-size:4em;
	line-height:1em;
	border-bottom:5px solid #990033;
	text-shadow: 0px 1px 5px #330000;
	padding-top:1.875em;
	min-height:1.7em;
}
.spot {
	text-transform: uppercase; letter-spacing:0.1em; font-size:0.875em; background-color:#e9edf0; min-height:100px; border-bottom:1px solid #d9dcdf;
}
.spot p { margin-top:30px; line-height:1.5em;}
.button {
	background-color:#e9edf0;
	color:#990033 !important;
	border-radius:20px;
	padding:15px 30px;
	font-size:1.25em;
}
p.button strong { color:#990033;}

ul.newsticker { /* that's your list */
position:relative;
margin-left: 20px;
margin-right: 20px;
font: 'UniversLTStd47LightCondensed' italic 5em;
list-style-type: none;
margin: 0;
padding: 0;

}

/******RESPONSIVE*******/

@media all and (min-width: 320px) {
.center {
		float: none;
		width: 100%;
		margin:0;
	}
	.left, .right, .fright, .fleft {
		float: none;
		width: 94%;
		margin:0 3% 0 3%;
	}
	.qleft, .qright {
		margin:0;	
	}
	.title { padding-top:0.625em; min-height:1.625em;font-size:3em;}
	h1 { font-size:3.5em;}
h2 { margin:0.5em 5% 0.5em 5%; font-size:1.5em;}
h4 { margin:0.5em 5% 0.5em 5%; font-size:1.25em;}
textarea #advice { margin: 0; padding: 0; position: relative; overflow: hidden; min-width: 150px; }
.start {height:110px;}
}
@media all and (min-width: 480px) {

	.center {
		float: none;
		width: 100%;
		margin:0;
	}
	.left, .right, .fright, .fleft {
		float: none;
		width: 94%;
		margin:0 3% 0 3%;
	}
	.qleft, .qright {
		margin:0;	
	}
	.title { padding-top:0.875em; min-height:1.7em; font-size:4em;}
	h1 { font-size:3.5em;}
	h2 { margin:2em 5% 1em 5%; font-size:2em;}
	h4 { margin:1.5em 5% 2em 5%; font-size:1.5em;}
	textarea #advice { margin: 0; padding: 0; position: relative; overflow: hidden; min-width: 200px; }
	.start {height:150px;}
}
@media all and (min-width: 768px) {
	.wrapper {
		max-width: 1000px;
	}
	.center, .left, .right, .fright, .fleft {
	float: left; 
	padding: 20px 0; 
	overflow:hidden;
}
	.left { width: 40%; margin-right: 3%; margin-left:7%; }
.right { width: 40%; margin-left: 3%; margin-right:7%; clear:right; float:right; }
.center { width: 100%; margin-left: 0; margin-right:0; clear:both; text-align: center;}
.fleft { width: 47%; margin-left: 0; margin-right:3%; }
.fright { width: 47%; margin-left: 3%; margin-right:0;}
.qright { margin-right:16%; text-align:right;}
.qleft { margin-left:0%; margin-right:14%}
	h1 { font-size:5em;}
	h2 { margin:2em 5% 1em 5%; font-size:2em;}
	h4 { margin:1.5em 5% 2em 5%; font-size:1.5em;}
	.video {margin:0; padding:0;}
	.title { padding-top:0.875em; min-height:1.7em; font-size:4em;}
	textarea #advice { margin: 0; padding: 0; position: relative; overflow: hidden; min-width: 400px; }
	.start {height:200px;}
}





/* *********************************************************************************************************************
 * Small devices
 */