@charset "UTF-8";
/* Designed & Developed by Kevin "Methodologi" Williams */

@import url('slider.css');
@import url('calendar.css');
@import url('highslide.css');

/*----------------------- Generic ----------------------------------*/
body {
	background: url(../images/bg.jpg) top center repeat-x #d4d9df;
	margin:0;
	padding:0;
	border:0;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Helveitca-Neue, Sans-serif;
	font-size:11px;
	line-height:18px;
}

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
i {display:none; font-style:normal;}
/*h1 a, h1, h1 a:hover {background:url(../img/logo.png) no-repeat 0 0; display:block; width:370px; height:70px;}*/

a img {border: none;}
a:active, a:focus
  {outline:0;}

a:link {text-decoration: none; color:#ffffff; }
a:visited {text-decoration: none; color:#ffffff; }
a:hover {text-decoration: none; color:#3c3c3c; }
a:active {text-decoration: none; color:#ffffff; }

#container {
	width:1000px;
	margin: 0 auto;
}
#headspace { width:1000px; height:50px; float:left; margin:0 0 0 0; }
#mainbox {
	width:1000px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	background:#ffffff;
}
#topbox{ width:1000px; height:119px; float:left; margin:0 0 0 0; }
#logobox {
	width:554px;
	height:119px;
	float:left;
	margin:8px 0 0 20px;
}
#navigationbox {
	width:340px;
	height:20px;
	float:left;
	margin:102px 0 0 70px;
}
.navlink {
	width:60px;
	height:30px;
	float:left;
	margin:0 0 0 0;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Helveitca-Neue, Sans-serif normal;
	text-align:center;
}
.navlink a:link {text-decoration: none; color:#313996; }
.navlink a:visited {text-decoration: none; color:#313996; }
.navlink a:hover {text-decoration: none; color:#006699; background:url(../images/hover.jpg) top center no-repeat;}
.navlink a:active {text-decoration: none; color:#313996; background:url(../images/hover.jpg) top center no-repeat;}

.content-area {
	width:1000px;
	/*height:440px;*/
	float:left;
	margin:20px 0 16px 0;
	padding:0 0 15px 0;
}
.spec-content-area {
	width:1000px;
	height:420px;
	float:left;
	margin:20px 0 16px 0;
}
#videospace {
	width:522px;
	height:394px;
	float:left;
	margin:20px 0 0 239px;
	background:url(../images/videospace.jpg) no-repeat;
}
.videobox {
	width:484px;
	height:350px;
	float:left;
	margin:20px 0 0 21px;
}
#affiliates-box {
	width:1000px;
	height:120px;
	float:left;
	margin:12px 0 0 0;
	background:#000000;
}
.affiliate-head {
	width:1000px;
	height:15px;
	float:left;
	margin:4px 0 0 0;
	font-size:12px;
	font-style:italic;
	color:#ffffff;
}
.affiliate-holder { width:980px; height:110px; float:left; margin:0 0 0 8px; }	
.affiliate-list {
	width:240px;
	height:60px;
	float:left;
	margin:14px 0 0 3px;
	/*border:1px solid #f00;*/
	font-size:9px;
	color:#ffffff;
}
.affiliate-list a:link {text-decoration: none; color:#fff; }
.affiliate-list a:visited {text-decoration: none; color:#fff; }
.affiliate-list a:hover {text-decoration: none; color:#65bdfb; }
.affiliate-list a:active {text-decoration: none; color:#65bdfb; }

.footer {
	width:1000px;
	height:40px;
	float:left;
	text-align:center;
	font-size:9px;
	margin:10px 0 0 0;
}
.footer a:link {text-decoration: none; color:#3c3c3c; }
.footer a:visited {text-decoration: none; color:#3c3c3c; }
.footer a:hover {text-decoration: none; color:#006699; }
.footer a:active {text-decoration: none; color:#313996; }
	
/*--------------------------------------- Content -------------------------------------------------------------*/
#splash {
	width:980px;
	height:200px;
	float:left;
	margin:12px 0 0 10px;
}
.half-splash {
	width:720px;
	height:180px;
	float:left;
	margin:8px 0 0 10px;
}
.thin-splash {
	width:980px;
	height:80px;
	float:left;
	margin:8px 0 0 10px;
}
.header { 
	width:900px;
	height:20px;
	float:left;
	margin:10px 0 0 50px;
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Helveitca-Neue, Sans-serif;
	font-style:italic;
	border-bottom:1px solid #dddcdc;
}
.side { width:450px; /*height: px;*/ float:left; margin:0 0 0 0; }
.content-column {
	width:250px;
	/*height:350px;*/
	float:left;
	margin:8px 0 0 60px;
}
.wide-content-column {
	width:400px;
	/*height:350px;*/
	float:left;
	margin:8px 0 0 60px;
}
.wide-content {
	width:940px;
	/*height:350px;*/
	float:left;
	margin:8px 0 0 60px;
}
.top { width:160px; height:20px; float:left; margin:8px 0 0 2px; color:#0000FF; font-size:9px; }
.zing {color:#0066FF;}
/*--------------------------------------- Media -------------------------------------------------------------*/
.media-column{
	width:930px;
	/*height:auto;*/
	float:left;
	margin:0 0 0 0px;
}
.media-holder {
	width:220px;
	height:105px;
	float:left;
	margin:16px 0 0 80px;
	padding:0 0 0px 0;
}
.media-holder a:link {text-decoration: none; color:#3c3c3c; }
.media-holder a:visited {text-decoration: none; color:#3c3c3c; }
.media-holder a:hover {text-decoration: none; color:#006699; }
.media-holder a:active {text-decoration: none; color:#313996; }

/*--------------------------------------- Contact -------------------------------------------------------------*/
.contact-comment {
	width:400px;
	height:160px;
	float:left;
	margin:8px 0 0 60px;
}
.contact-comment a:link {text-decoration: none; color:#3c3c3c; }
.contact-comment a:visited {text-decoration: none; color:#3c3c3c; }
.contact-comment a:hover {text-decoration: none; color:#006699; }
.contact-comment a:active {text-decoration: none; color:#313996; }

.contact-form {
	width:400px;
	/*height:300px;*/
	float:left;
	margin:8px 0 0 60px;
}
.fieldname { width:90px; height:24px; float:left; margin:4px 0 0 0; }
.field-input { width:240px; height:24px; float:left; margin:4px 0 0 0; }
.field-textbox { width:240px; /*height:24px;*/ float:left; margin:4px 0 0 0; }
.submit-box { width:90px; height:24px; float:left; margin:4px 0 0 0; }
.submit-box input { font-size:11px; }
/*--------------------------------------- Thanks -------------------------------------------------------------*/
#thankbox {
	width:1000px;
	height:250px;
	float:left;
	margin:0 0 0 0;
	background:#ffffff;
}
.thanks-area {
	width:1000px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
}
.contact-column {
	width:400px;
	height:100px;
	float:left;
	margin:8px 0 0 60px;
}