@charset "UTF-8";
/* CSS Document by Wayne Roddy June 2009 */

body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background: #323232 url(images/bg-grady.jpg) top left repeat-x;
	}

a{color: #FFF; text-decoration: none;}
a:hover{color: #FFF; text-decoration: underline;}	

#topnav{margin:0; padding:0; width: 100%; height: 41px; background: #eba40e /*url(images/top-nav-bg.jpg) top left repeat-x*/;}
#topnavInner{margin:0 auto; padding:3px 20px; width: 834px; color: #FFF; text-transform: uppercase; font-size: 10px;}
#topnavInner img{vertical-align: middle;}
.innerSelection{ margin:4px 0px 0px 0px; padding: 0px 5px; width: 80px; border-left: 1px solid white; float: left;}
#topnavInner a{color: #FFF; text-decoration: none;}
#topnavInner a:hover{color: #FFF; text-decoration: underline;}

#logoInner{margin:0 auto; padding:0; width: 874px; height:102px; background: url(images/next-level.png) top right no-repeat;}

#nav{margin:0 auto; padding:0; width: 840px; height: 63px; background: #2f2e2f url(images/nav-bg.jpg) top left no-repeat;}

#bubbleMain{margin:0 auto; padding:0; width: 840px; background: #232323;}
#bubbleMainFull{margin:0 auto; padding:0; width: 840px; background: #232323;}
#bubbleContent{margin: 0 auto; padding: 20px; background: #e49d13; width: 800px; color:#222; font-size: 14px; line-height: 1.5em;}
#bubbleContent a{color: #FFF; text-decoration: none;}
#bubbleContent a:hover{color: #FFF; text-decoration: underline;}
#bubbleMainCap{margin:0 auto; padding:0; width: 874px; height: 50px; background: url(images/bubble-main-full-cap.jpg) top left no-repeat;
  display: none;}

#mainLeft{margin:0; padding:0; width:533px; float: left;}
.subMain{margin:0; padding:0 0 0 20px; font-size: 14px; color: #FFF;}
#hooked{margin:0; margin-left:5px; padding:0; float: right; width: 231px; height:274px; background:url(images/hooked-bg.jpg) top left no-repeat;}
#hooked form{margin: 90px 0px 0px 10px; padding:0;}

#youtube{margin:0; padding:0; padding-left:25px; width: 508px; height: 442px; background: url(images/you-tube-bg.png) 0 0 no-repeat; text-align:center;}

.newscontainer{margin:0; padding:0; width: 293px; float:right; background: #2f2e2f;}	
.news{margin:0 8px; padding:0; width: 263px; float: left; }
.news p{margin: 4px 10px; padding: 5px 0px; font-size: 14px; color: #e49d13; border-bottom: 1px dotted #eba40e;}
.news p a{color: #FFF; text-decoration: none;}
.news p a:hover{color: #FFF; text-decoration: underline;}

.ecommHeader{margin:0 auto; padding:0; width: 267px; height: 41px; background: url(images/ecomm-news-header.jpg) top left no-repeat;}
.ecommFooter{margin:0 auto; padding:0; width: 267px; height: 62px;}

.createHeader{margin:0 auto; margin-top: 10px; padding:0; width: 267px; height: 41px; background: url(images/creative-news-header.jpg) top left no-repeat;}
.createFooter{margin:0 auto; padding:0; width: 267px; height: 64px;}

.marketHeader{margin:0 auto; margin-top: 10px; padding:0; width: 267px; height: 41px; background: url(images/market-news-header.jpg) top left no-repeat;}
.marketFooter{margin:0 auto; padding:0; width: 267px; height: 75px;}

.newsBody{margin:0 auto; padding:0; width: 267px; background: url(images/news_bg.jpg) top left repeat-y;} 
.newsBody p{margin: 0px 15px; padding: 5px 0px; font-size: 14px; color: #e49d13; border-bottom: 1px dotted #eba40e;}


.clear{margin:0; padding:0; width:100%; height: 0px; clear:both;}

#footerCover{margin:0 auto; padding:0; padding-bottom: 20px; width: 840px; background: #1a1a1a;}
#footerInfo{margin:0 auto; padding:0; width: 874px;}

#footerLinks{margin:0; padding:0; width: 450px; float: left;}
#footerLinks ul{margin:0; padding:10px 0px 0px 15px; float:left; font-size: 10px; color: #eba40e; text-transform:uppercase; list-style: none; width: 200px;}
#footerLinks li{margin:0; padding:10px; border-bottom: 1px dotted #eba40e;}
#footerLinks a{color: #FFF; text-decoration: none;}
#footerLinks a:hover{color: #FFF; text-decoration: underline;}

#footerSocial{margin:0; padding:0; width: 250px; float: right;}
#footerSocial p{margin:0; padding:10px 15px 0px 5px; font-size: 10px; color: #FFF; text-transform:uppercase;}
#footerSocial p a{color: #FFF; text-decoration: none;}
#footerSocial p a:hover{color: #FFF; text-decoration: underline;}

/* styling */

h1{margin: 0; padding:0; margin-bottom: 10px; padding-bottom:3px; color: #000; font-family:  Helvetica, sans-serif; font-size: 22px; text-transform:uppercase; font-weight: normal; border-bottom: 2px solid white;}
h2{margin: 20px 0px 10px 0px; padding:5px; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: normal; border-bottom: 1px solid #e49d13;}
h3{margin: 0px 15px; padding:0; padding-bottom:3px; color: #eba40e; font-family:  Helvetica, sans-serif; font-size: 22px; text-transform:uppercase; font-weight: normal; border-bottom: 2px solid white;}
.white{color: #FFF;}
.orange{color: #eba40e;}
input{vertical-align: middle;}

.casestudies{margin:0; padding: 15px; color: #FFF;}

div#qTip {
 padding: 8px;
 border-top: 1px solid #666;
 border-left: 1px solid #666;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 display: none;
 background: #000;
 color: #FFF;
 font: 11px Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 width:150px;
}