/* == ----------------GENERAL DEFAULTS--------------- == */
body {padding:0px; margin:0px; font:14px helvetica, arial, sans-serif; color:#444; background:url(images/pagebg.png) repeat-x #333; }
img {border:0px;}
form {margin:0px;}
.right {float:right;}
.left {float:left;}
.cfl {clear:left;}
.cfr {clear:right; height:1px; overflow:hidden;}
.cfb {clear:both; height:1px; overflow:hidden;}
a {outline: none; color:#3585B9; text-decoration:none; border:none;}
a:link, a:visited {color:#3585B9; text-decoration:none;}
a:hover, a:active {color:#149AB1; text-decoration:none;}
.orange{color:#F47D30;}

/* == ----------------- NAVIGATION ---------------- == */
ul#nav {position: absolute; right:10px; top:40px; height:30px; overflow:hidden; margin:0px; padding:0px;}
ul#nav li  {list-style:none; display:inline;}
ul#nav li a {float:left; display:block; height:30px; overflow:hidden; padding-top:70px; font-size:10px;}
ul#nav li a:link, ul#nav li a:visited {background-position:0px 0px;} 
ul#nav li a:hover, ul#nav li a:active {background-position:0px -30px;} 

a#nav_1{width:85px; background-image:url(images/nav_1.gif);}
a#nav_2{width:112px; background-image:url(images/nav_2.gif);}
a#nav_3{width:120px; background-image:url(images/nav_3.gif);}
a#nav_4{width:86px; background-image:url(images/nav_4.gif);}
a#nav_5{width:72px; background-image:url(images/nav_5.gif);}
a#nav_6{width:72px; background-image:url(images/nav_6.gif);}
a#nav_7{width:95px; background-image:url(images/nav_7.gif);}
ul#nav li a.current:link, ul#nav li a.current:visited,ul#nav li a.current:hover, ul#nav li a.current:active {background-position:0px -60px;}

/* == ----------------LAYOUT---------------- == */
#page {width:886px; padding:0px; margin:0px auto;}
#header {position:relative; margin:0px auto; padding:0px; height:100px;}
#logo {position: absolute; top:28px; left: 5px; z-index:300;}

#main {margin-bottom:8px; position:relative;}
#main .top {height:7px; overflow:hidden; background:url(images/main_top.png) no-repeat;}
#main .mid {background:url(images/main_mid.png) repeat-y;}
#main .bottom {height:12px; background:url(images/main_bottom.png) no-repeat; position:relative;}
#main .mid .content {padding:50px 70px;}
#main h1 {font-weight:normal; font-size:40px; margin:5px 0px;}
#main h2 {font-weight:normal; font-size:24px; margin:5px 0px; color:#777;}
#main h3 {font-weight:normal; font-size:16px; margin:2px 0px; color:#999;}

#dashboard {font-size:12px;}
#dashboard a:link, #dashboard a:visited {color:#FFF; text-decoration:none;}
#dashboard a:hover, #dashboard a:active {color:#FFF; text-decoration:underline;}
#dashboard ul {list-style-type:none; padding:0px; margin:10px 0px 0px 0px;}
#dashboard ul {}
#dashboard ul li {padding:5px 0px; border-bottom:1px dotted #F69759;}
#dashboard .top {height:7px; overflow:hidden; background:url(images/dashboard_top.png) no-repeat;}
#dashboard .mid {background:url(images/dashboard_mid.png) repeat-y; padding:30px 30px; color:#fff;}
#dashboard .bottom {height:11px; background:url(images/dashboard_bottom.png) no-repeat;}
#dbl {float:left; width:240px; /*text-align:justify;*/ font-size:12px;}
#dbc {float:left; width:240px;}
#dbr {float:left; width:240px;}
#dbd {border-left:1px solid #F69759; float:left; width:1px; margin:0px 25px; height:270px; overflow:hidden;}

#footer {margin:10px 0px; font-size:11px; text-align:center; position:relative; color:#777777;}
#footer ul {margin:0px 100px 0px 0px; padding:5px;}
#footer ul li {list-style:none; display:inline; margin:0px 20px;}
#footer a:link, #footer a:visited {text-decoration:none; color:#A8A8A8;} 
#footer a:hover, #footer a:active {text-decoration:underline; color:#A8A8A8;} 
#footer .social {position:absolute; top:0px; right:5px;}
.copyright {font-size:10px; padding-top:5px; text-align:center;}


/* == +++++++++++++++++++++++++PAGES+++++++++++++++++++++++++ == */

/* == HOME == */
#main #home {position:relative;}
#homepic {position:absolute; top:2px; right:4px; width:447px; height:417px; overflow:hidden; z-index:500;}
#main #home .mid {position:relative; height:405px;}
#homeintro {position:absolute; top:65px; left:30px;  width:400px; height:340px; overflow:hidden; font-size:12px;}

/* == WHO WE ARE == */
.wwapic {position:absolute; top:-419px; right:10px;}

/* == WHAT WE DO == */
#wwd {}
#wwd #subnav {width:220px; float:right;}
#wwd #sections {margin:15px 230px 0px 0px; border-right:1px solid #EFEFEF; padding-right:30px; min-height:560px;}
#wwd ul {list-style-type:none; float:left; margin:10px 0px 0px 0px; padding:0px; width:220px;}
#wwd ul li{padding:5px 0px; border-bottom:1px dotted #EFEFEF;}
#wwd ul li a {display:block; padding-left:10px;}
#wwd ul li a:link, #wwd ul li a:visited {color:#514C4C; text-decoration:none;}
#wwd ul li a:hover, #wwd ul li a:active {color:#3585B9; text-decoration:none;}
#wwd ul li a.current:link, #wwd ul li a.current:visited,#wwd ul li a.current:hover, #wwd ul li a.current:active  {color:#F47D30; padding-left:10px; background:url(images/subpoint.gif) no-repeat 0px 50%;}

#howto_dl {position:absolute; top:640px; left:630px;}


/* == press == */

#main .mid #press {padding:50px 10px 50px 70px;}

#pressnav {margin:10px 10px 0px 0px; padding:0px 5px; }
#pressnav a {display:block; padding: 0px 12px 0px 6px; float:left; font-size:13px;}
#pressnav #pressnav2 a {font-size:24px; padding: 0px 20px 0px 6px; }
#pressnav a:link, #pressnav a:visited {color:#514C4C; text-decoration:none;}
#pressnav a:hover, #pressnav a:active {color:#3585B9; text-decoration:none;}
#pressnav a.current:link, #pressnav a.current:visited,#pressnav a.current:hover, #pressnav a.current:active  {color:#F47D30; background:url(images/subpoint.gif) no-repeat 0px 50%;}
#pressgrid {margin:20px 0px;}
.addvids {width:400px; float:left;}
#pressgrid a{float:left; margin:0px 12px 12px 0px; display:block; height:150px; width:111px;}
#pressgrid a:link, #pressgrid a:visited {border:1px solid #CCC;}
#pressgrid a:hover, #pressgrid a:active {border:1px solid #3585B9;}
#pressgrid a img {height:150px; width:111px;}
.listen {font-size:13px; text-align:center; position:relative; margin:10px 70px 0px 0px; border:1px solid #EFEFEF; background-color:#EFEFEF; font-weight:bold; padding:10px 10px 10px 40px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.listen2 {font-size:13px; width:312px; float:left; text-align:center; position:relative; margin:10px 10px 0px 0px; border:1px solid #EFEFEF; background-color:#EFEFEF; font-weight:bold; padding:10px 10px 10px 40px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.listen .sub, .listen2 .sub {font-weight:normal; font-size:11px;}
.listenbutton {position:absolute; top:50%; left:5px; margin-top:-15px;}

#vidgrid {float:left; margin:20px 0px; width:300px; text-align:center;}
#vidgrid div {margin-bottom:20px; font-size:12px;}

/* == clients == 
#clientgrid td{padding:10px; text-align:center; vertical-align:middle; border:1px solid #EFEFEF; height:120px;}*/
#clientgrid {width:100%}
.click {color:#F47D30; font-size:12px;}
.clientdetails {display:none;}

#clientgrid .clientsgrid {width:800px;}
#clientgrid .clientsgrid a {display:block; float:left; width:120px; height:120px; overflow:hidden; margin:0px 4px 4px 0px;}
#clientgrid .clientsgrid a:link, .clientsgrid a:visited {border:1px solid #CCC;}
#clientgrid .clientsgrid a:hover, .clientsgrid a:active {border:1px solid #149AB1;}
#clientgrid .clientsgrid .nolink {border:1px solid #ddd; float:left; margin:0px 4px 4px 0px;}
/* == footer widget == 
#widget {position:absolute; top:-190px; right:4px; width:200px; height:188px;}*/


/* == testimonials == */
#t-container {position:relative; margin-top:250px; width:250px;  background-color:#fff;}
div.t_wrapper{position:relative; width:250px; background-color:#fff;}
div.testimonial{text-align:left; font-size:15px; color:#999;  background-color:#fff;}
.openq {position:absolute; top:-0px; left:-0px; width:20px; height:20px; font-size:50px; font-family:georgia, times; font-weight:bold; color:#F47D30;}
div.testimonial div.tcontent {padding:15px 20px 0px 27px;}
.closeq {position:relative; left:225px; top:-20px; width:20px; height:20px; font-size:50px; font-family:georgia, times; font-weight:bold; color:#F47D30;}
#t-attrib {text-align:right; margin:0px 35px 0px 15px; font-size:12px; color:#777;}
.attrib {text-align:right; font-style:italic; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:12px;}

/* == landing pages == */

#landing {}
#landing #landing-side {width:220px; float:right;}
#landing #subnav {width:220px; float:right;}
#landing #sections {margin:15px 230px 0px 0px; border-right:1px solid #EFEFEF; padding-right:30px; min-height:460px;}
#landing-side #t-container {position:relative; margin-top:150px; width:250px;  background-color:#fff;}
#landing h2 {width:480px;}