@charset "utf-8";
/* twl */

/*--css reset----------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
/*--clear fix----------------------------------------------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*--main tag styling---------------------------------------------------------------------------------------------------*/
body {
	background:url(../images/noise.png) repeat #000;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
	height:100%;
}
img {
	border:none;
}

html{
	height: 100%;
}
/*--nav related--------------------------------------------------------------------------------------------------------*/
#container {
	margin:0 auto;
	width:1024px;
}
#top-banner {
	width:100%;
	height:176px;
}
#top-banner ul {
	height:153px;
}
#top-banner ul li {
	float:left;
	list-style:none;
	/*margin:135px 60px 0 60px;*/
	padding-top:135px;
	padding-bottom:26px;
	width:180px;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	font-weight:600;
	-webkit-transition: background .3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
#top-banner ul a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#top-banner ul a:hover li {
	color:#FFFFFF;
	text-decoration:none;
	background:#01b0ec;
	overflow:hidden;
	-webkit-transition: background .3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	-ms-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
#top-banner ul a:visited li {
	color:#FFFFFF;
	text-decoration:none;
}
#top-banner ul li:nth-child(3) {
	margin:40px 60px 0 60px;
	padding:0;
}
#top-banner #glow {
	background:url(../images/bannerGlow.png) no-repeat;
	position:absolute;
	margin-left:105px;
	width:845px;
	height:176px;
	z-index:-1;
}
#line {
	width:100%;
	height:1px;
	border-bottom: 1px solid #fff;
}
#main-content {
	width:1024px;
	background:#FFFFFF;
	margin:0 auto;
	height:auto;
	font-family:Helvetica, sans-serif, "Trebuchet MS", Arial;
	color:#666666;
}
/*--pricing styles----------------------------------------------------------------------------------------------------------------------------*/
#main-content .package {
	float:left;
	width:1024px;
	margin:20px 20px 10px 20px;
}
.package h1 {
	font-size:20px;
	text-align:left;
	color:#eee;
	width:984px;
	background:#000000;
	margin:0 0 10px -20px;
	line-height:10px;
}
.package h1 .price {
	background:#01B0EC;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding:8px;
	font-family:Helvetica, sans-serif, "Trebuchet MS", Arial;
	font-style:normal;
	font-weight:bold;
}
.package h2 {
	font-size:16px;
	color:#666;
	margin:20px 0 0 20px;
	font-weight:bold;
}
.package ul li {
	list-style:square;
	margin-left:40px;
}
.package p {
	margin-left:20px;
	text-align:justify;
}
.package .content-left {
	float:left;
	width:40%;
}
.package .content-right {
	float:right;
	width:40%;
	margin-right:70px;
}
.package .videoArrow {
	position:absolute;
	background:url(../images/video_arrow.png) no-repeat;
	width:340px;
	height:93px;
	margin:65px 0 0 205px;
}
iframe {
	border:solid 4px #FF9900;
}

/*--two column formatting------------------------------------------------------------------------------------*/
#buffer{
	height:500px;
	min-height:500px;
	float:left;
}

#top-image-fb{
	width:459px;
	float:left;
	margin-left:20px;
	margin-top: 20px;
	background: #01B0EC;
	height:191px;
}

#top-image-v{
	width:459px;
	float:left;
	margin-left:66px;
	margin-top: 20px;
	background: #01B0EC;
	height:191px;
}

#top-image-dm{
	width:984px;
	float:left;
	margin-left:20px;
	margin-top: 20px;
	background: #01B0EC;
	height:436px;
}
#left{
	width:439px;
	float:left;
	margin-left:20px;
}
#left h1{
	display:block;
	margin-top:20px;
	letter-spacing:2px;
	background:#000;
	color:#fff;
	margin-left:-20px;
	padding-left:20px;
	width:459px;
}
#left p{
	margin:15px 0 0 10px;
	text-align:justify;
	width:400px;
	line-height:23px;
}

#right{
	width:459px;
	float:right;
}

#right h1{
	display:block;
	margin-top:20px;
	letter-spacing:2px;
	background:#000;
	color:#fff;
	padding-left:20px;
	margin-left:-20px;
}

#right h2{
	display:block;
	margin-top:20px;
	letter-spacing:2px;
	font-size:22px;
	line-height:22px;
}

#right h3{
	display:block;
	letter-spacing:2px;
	font-size:40px;
	color: #01B0EC;
}

#right p{
	margin:15px 0 0 10px;
	text-align:justify;
	width:400px;
	line-height:23px;
}
/*--contact page-----------------------------------------------------------------------------------------------------------------------------------------------*/
form {
	width:100%;
}
label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}
input, textarea {
	width:439px;
	height:27px;
	background:#333;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#fff;
}
input:focus, textarea:focus {
	border:1px solid #01B0EC;
}
textarea {
	height:213px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/textarea-bg.jpg) right no-repeat #333;
}
#submit {
	width:127px;
	height:38px;
	margin-top:20px;
	cursor:pointer;
	color:#fff;
	background:#01B0EC;
	border: 1px solid #00a0a6;
	text-transform:uppercase;
	margin-bottom:120px;
	padding:5px;
}
#submit:hover {
	opacity:0.9;
}

/*--about page--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.daveArrow {
	position:absolute;
	background:url(../images/dave_arrow.png) no-repeat;
	width:198px;
	height:313px;
	margin:-270px 0 0 80px;
}
.michaelArrow {
	position:absolute;
	background:url(../images/michael_arrow.png) no-repeat;
	width:143px;
	height:333px;
	margin:-290px 0 0 135px;
}
/*--footer-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 80px;}  /* must be same height as the footer */


#footer {
position: relative;
margin-top: -80px;
height: 80px;
clear: both;
background: #000;
}


#footer p {
margin: 0 auto;
padding-top: 30px;
width: 1024px;
font-size: 14px;
color: #999;
text-align: center;
}

#footer a{
	text-decoration:none;
	color:#01B0EC;
}