@charset "utf-8";

/* Global Content Formatting and Styles*/
.ui-page { -webkit-backface-visibility: hidden; } 
ul {
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
li {
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px;
	height: auto;
	width: auto;
	list-style: square;
	text-decoration: none;
	background: url(/images/arrow_sm_over.png) no-repeat -7px top;
	text-indent: 15px;
}


body {
	background-color: #000000;
}

.page {
	max-width: 1100px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #FFF;
}
header {
	display: block;
	background-image: url(../images/headerback.png);
	background-repeat: repeat-x;
}

a.logo {
	display: block;
	position: absolute;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.copy {
	color: #FBD744;
}

.flleft {
	float: left;
	padding: 0px 7px 0px 0px;
}
.flright {
	float: right;
	padding: 0px 0px 1px 7px;
}
.right  {
	text-align: right;
}
.bdred {
	font-weight: bold;
	color: #93100D;
}

p {
	color: #091D33;
	margin: 0;
	font-size: 1em;
	line-height: 1.55em;
	letter-spacing: 0.2px;
	word-spacing: 3px;
}


h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #400000;
	margin: 0 0 .2em 0;
	line-height: normal;
	font-family: "Arial Black", Gadget, sans-serif;
}
h2 {
	font-size: 1.4em;
	margin: 0 0 .1em 0;
	color: #A07D05;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 .1em 0;
	color: #0000A0;
}


h4 {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000040;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-size: 12px;
	color:#FBD744;
	text-transform: capitalize;
	font-weight: bolder;
	line-height: normal;
}
.radiox {
	display: block;
	float: left;
	width: 150px;
}
img { max-width: 100%; }
nav {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #000000;
	background-image: url(../imgs/bar-brown.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.navhead {
	font: bold 14px/15px Arial, Helvetica, sans-serif;
	color: #FBD744;
	top: 5px;
}
nav p {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 14px;
	margin: 0px;
	font-weight: bold;
}
nav a:hover .navhead {
	color: #FFF;	
	}
nav a:hover p {
	color: #FBD744;
}
a {
	color: #0066A4;
	cursor: pointer;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
}

article {
	background-repeat: no-repeat;
	background-color: #FFF;
	display: block;
	height: auto;
	width: 100%;
	float: left;
}

footer {
	font-size: 0.85em;
	padding: 10px 10px 10px 0px;
	display: block;
	background-color: #000000;
}
.footercopy {
	color: #FBE084;
	text-align: left;
	font-family: Arial;
	font-size: 0.9em;
	line-height: 1.2em;
}

a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right -52px;
}
a.cta:hover { background-position: right 0px; }

.promo h3 { font-size: 1.1em; margin: 0; color: #FBD744; }
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; color: #D9FFF0 }
promo {
}
.promo {
	float: left;
	padding: 0px 7px 0px 0px;
	background-image: none;
	background-repeat: repeat-y;
}

.promo.one {
	background: url(../images/promo_1sm.jpg) no-repeat 0px 0px;
}
.promo.two {
	background: url(../images/promo_2sm.jpg) no-repeat 0px 0px;
}
.promo.three {
	background: url(../images/promo_3sm.jpg) no-repeat 0px 0px;
}
.promo.four { background-image: url(../images/promo_4sm.jpg); }

nav a {
	display: block;
	text-decoration: none;
}
nav a h5 {
	font-size: 14px;
	color: #F00;
	line-height: 14px;
}
nav a:hover h5 {
	color: #FFF;	
}

nav .icons {
	background: no-repeat 3px 3px;
}
nav .icons.home { background-image: url(../images/home.png);}
nav .icons.technical {
	background: url(/images/technical.png) no-repeat;
}
nav .icons.galleries { background-image: url(../images/galleries.png);}
nav .icons.reviews { background-image: url(../images/reviews.png);}
nav .icons.contact { background-image: url(../images/contact.png);}
nav a:hover { color:#EAFFF7; }

.clear-fix { clear: both; line-height: 1px; }
image .resize{ max-width:100%; }

.footercopy {
	font-size: 9px;
	padding: 5px;
	
}
.center {
	text-align: center;
	margin: 0px auto 0px auto;
}

.headerback {background: url(/images/headerback.png) no-repeat;}

.main {
	width: 100%;
}
marquee {
	font-size: 12px;
	color: #030;
	float: left;
}
.madein {
	color: #FBD744;
	font-size: 9px;
	float: left;
	padding-top: 30px;
}
a.testmenu {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0.5em 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right -52px;
	width: 200px;
	display: block;
}

a.testmenu:hover { background-position: right 0px; }

a.video_page_rollover {
	background: url(/img/Action_sm_open.png) no-repeat;
	float: left;
}
a.video_page_rollover:hover {
	background: url(/img/Action_sm_on.png) no-repeat;
}
article_container_one {
	
	}

.video_sm_content {
	float: left;
	width: 210px;
	display: block;
	height: 300px;
	margin-right: 10px;
	margin-top: 5px;
	padding-right: 5px;
}
.three_pigs_back {
	background: url(/threelittlepigs/back2.png) no-repeat center bottom;
}
.seperator {
	background: url(/img/seperator.png) no-repeat center bottom;
	margin: 0px auto;
	height: 50px;
	width: 100%;
}