@charset "utf-8";

/* GLOBAL */
html, body {
	text-align:center;
	margin:0px;
	padding:0px;
	color:#999;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url('../imagesw/images/bg_fauxcol.gif') repeat-y 50% #000;
	height:100%;
}

div#gradient { background:url('../imagesw/images/bg_topgradient.gif') repeat-x; width:100%; height:500px; z-index:0; position:absolute; }

td { vertical-align:top }
/* td.gradient { background-image:url('../imagesw/images/bg_topgradient.gif'); background-repeat:repeat-x; } FULL WIDTH GRADIENT */
td.bottom { vertical-align:bottom }
td.middle { vertical-align:middle }

img { border:none; }

p { line-height:1.5em; }

a:hover, a:active, a:focus { outline: none; }
a, a:visited { color:#CCC; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline; }
a.none, a.none:visited { text-decoration:none; }
a.none:hover { text-decoration:underline; }

div.li { background:url('../imagesw/images/arrowhead.gif') no-repeat; padding-left:15px; }


/* OLD MENU 
.subnav { position:absolute; top: 0; z-index:100; width: 700px; visibility: hidden; margin-top:5px; padding-left:15px; background:url('../imagesw/images/arrowhead.gif') no-repeat; }
* html .subnav a { width: 100%; } IE only hack 
#currentpage a { color:#FFF; }*/

/* MENU */
div#nav { margin:20px 0 0 20px; height:80px; color:#666; font-size:10px; text-transform:uppercase; position:relative; }

.nav ul{ padding:0; margin:20px 0 0 0; list-style-type: none; }
.nav li{ display: inline; margin: 0; }
.nav li a, .nav li a:visited { text-decoration:none; margin:0; margin-right: 15px; color:#999; }
.nav li a:hover, .nav li a.current { color:#FFF; }
.nav li a:active{ color:#999; }

.subnavcontainer{ margin:0 0 20px 20px; width:700px; height:1.5em; font-size:10px; }
.subnav { display:none; padding-left:15px; background:url('../imagesw/images/arrowhead.gif') no-repeat; }
.subnav a { width: auto; margin-right:15px; text-decoration: none; color:#FFF; }
.subnav a:hover{ text-decoration:underline; }

/* SITE CONTAINER */
div#container {
	position:absolute center;
	width:980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
	padding:0px;
	text-align:left;
	z-index:10;
}

/* MAIN AND SIDE COLUMNS */
div#maincol { overflow: auto; width:780px; float:left; background:url('../imagesw/images/bg_topgradient.gif') repeat-x; }
div#rightcol { background:url('../imagesw/images/bg_sidegradient.jpg') no-repeat; width:200px; float:right; }
div#rightcontent { padding:20px 0 0 20px; }

/* CONTENT BLOCKS */
div.trio { float:left; width:220px; margin:20px 0 0 20px; }
div.trioNoBump { float:left; width:220px; margin:20px 0 0 0; }
div.quote { width:220px; padding-bottom:20px; margin-bottom:10px; background:url('../imagesw/images/quote2.gif') no-repeat bottom right; font-size:12px; font-style: italic; }
div.twothirds { float:left; width:460px; margin:20px 20px 0 20px; }
div.onethird { float:left; width:200px; margin:20px 20px 0 0; overflow: hidden; }
div.full { width:740px; margin:20px 20px 0 20px; }

/* BUY NOW */
div#buynow {
	position: relative;
	width: 780px;
	height: 60px;
	padding-top: 20px;
	margin: 0px;
	border: 0px;
	text-align: left;
	overflow: hidden;
}

div#buynow .buynow_links {
	width: 710px;
	float: right;
	padding-top: 10px;
}

div#buynow .buynow_image {
	width: 70px;
	height: 56px;
	float: left;
}

/* SIDEBAR */
div#icons { position:relative; top:60px; }
img.hrgradient { padding:15px 0 15px 0; }
img.reel { border:solid 2px #333; width:140px; height:80px; margin-bottom:5px; }

/* FOOTER */
div#footer {
	position: relative;
	color:#666;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 980px;
	height: 100px;
	/* background-color: #FF0000; */
	text-align: left;
	clear: both;
	overflow: hidden;
}

div#footer .footer_container {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#footer .footer_tagline {
	width: 780px;
	height: 100px;
	font-size:8px;
	padding-left: 20px;
	padding-top: 62px;
	float: left;
}

div#footer .footer_google {
	width: 180px;
	height: 75px;
	overflow: hidden;
	float: right;
}

/* BLOG */
div.blogentry { margin-bottom:30px; background:url('../imagesw/images/hr_gradient.jpg') no-repeat bottom center; padding-bottom:20px; font-size:12px; }
.blogTitle { font-size:15px; color:#FFF; }
a.bloglist { margin-left:10px; font-size:10px; }

/* REEL LIBRARY */
div.reel { float:left; width:140px; margin-bottom:30px; margin:3px; }
div.reelimg { border: solid 2px #333; width:140px; height:80px; margin-bottom:3px; }
img.playreel { position:relative; left:90px; top:30px; }

.company { font-size:10px; }

/* TEXTS */
/* sidebar */
.subtextTitle { color:#FFF; font-size:12px; }
.subtextText { color:#999; font-size:10px; }
/* content */
.graphicHeader { font-size:34px; color:#FFF; }
.graphicSubHeader { /* IF NEEDED */ }
.header { font-size:18px; color:#FFF; }
.headermain { font-size:20px; color:#FFF; }
.header2 { font-size:18px; color:#0066CC; }
.subHeader { font-size:13px; color:#E1E1E1; }
.white { color:#FFF; }

/* PRICING MATRIX 
table.matrix { margin-left: 20px; font-size:10px; border-width:1px 1px 0 0; border-style:solid solid none none; border-color:#202020; background-color:#232323; }
table.matrix td { height:45px; width:70px; border-width:1px 1px 1px 1px; border-style:none none solid solid; border-color:#202020; }
table.matrix td.nowidth { border-width:1px 1px 1px 1px; border-style:none none solid solid; border-color:#202020; font-size:12px; }
table.matrix tr.color { background-color:#303030; }
table.matrix td.two { width:2px; padding:0; } */

/* FORM */
form { margin:0; padding:0; }

.textbox {
color: #FFF !important;
background:#252525 !important;
border: 1px solid #3d3d3d;
font-size:12px;
height:15px;
width:145px;
}

.textbox200 {
color: #FFF !important;
background:#252525 !important;
border: 1px solid #3d3d3d;
font-size:12px;
height:15px;
width:200px;
}
.dd200 { color: #FFF; background:#252525; border: 1px solid #3d3d3d; font-size:12px; height:auto; width:200px; }
.textarea200 { color: #FFF; background:#252525; border: 1px solid #3d3d3d; font-size:12px; height:100px; width:200px; }
.submit { vertical-align: middle; *vertical-align: text-bottom; }
/* drop downs */
.dd { text-align:left; 	position:absolute; visibility: hidden; line-height: 18px; z-index:100; background-color:#191919; }
.dd a { display: block; width:175px; text-decoration: none; margin:5px; }
.dd a:hover { background-color:#252525; color:#FFF; }

/* last added */

div.suitebump { height:60px; padding:10px 0px 10px 60px; float:left; width:170px; }