/****************************** Main CSS ******************************/
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}

html, body {
      height: 100%;
}

body { 
   	background:#fff url(../images/pagebg.gif) 0 0 repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333;
	text-align:center;
	margin: 0;
	padding: 0;
}


a{
color: #02a5d2;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.invisible{
display:none;
}

.clear{
clear:both;
}

form p, form{
font-size:11px;
}

form p{
padding: 2px 0px 5px 0px;
}

#page_container{
    width: 1000px;
	margin:0 auto;
   	background:#fff url(../images/page_bg.gif) 0 0 repeat-x;
	text-align:left;
}


/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#999;
text-align:right;
font-size:11px;
height:32px;
padding-top:8px;
}

.utilbar ul{
top:-2px;
position:relative;
display:inline;
}

.utilbar li{
display: inline;
}

.utilbar li a{
color:#999;
padding:0px 4px 0 2px;
text-decoration: none;
}

.utilbar li a:hover{
color:#fff;
text-decoration:none;
}

.phone{
color:#fff;
font-weight:bold;
font-size:19px;
padding-left:14px;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
}

/****************************** top navigation ******************************/
.navholder{
clear:both;
}

.navholder ul{
float:left;
list-style-type: none;
}

.navholder li{
display:inline;
}

.navholder a {
font-size:15px;
padding:18px 15px 0px 15px;
color:#000;
display:block;
float:left;
text-decoration:none;
}

.navholder a:hover, #home a.home, #aboutus a.about, #practiceareas a.practiceareas, #testimonials a.testimonials, #messages a.messages, #contact a.messages, .docid-15382 .navholder .clients, #documents a.library, #clients a.clients, #blog .navholder a.blog {
text-decoration:none;
color:#fa5107;
background:url(../images/nav_bg.gif) 50% 0 no-repeat;
}

/****************************** search ******************************/
.search{
float:right;
padding-top:14px;
}

.search input{
border:1px solid #a3a3a3 !important;
width:150px;
font-size:12px;
padding:2px 0 0 5px !important;
height:21px;
margin:0 !important;
background:#fff !important;
}

.search input[type="submit"]{
width:24px;
height:25px;
font-size:0.01em;
color:#fff;
position:relative;
background:url(../images/search.gif) 0 0 no-repeat !important;
left:-4px;
top:-5px;
padding:0 !important;
}

/****************************** video, calls to action ******************************/
.interactive{
background:#000 url(../images/interactive_bg.gif) 0 0 repeat-x;
height:287px;
padding:16px 0px 14px 16px;
}

.curve{
/*margin-top:1px;*/
padding-bottom:16px;
background:url(../images/interactive_curve.gif) 50% 100% no-repeat;
}

.videomc{
height:312px;
float:left;
width:512px;
background:url(../images/video.jpg) 0 0 no-repeat;
margin-top:-10px;
}

.videomc #page, .videomc #page a#player{
height:288px;
width:512px;
}

.videomc #playlist_wrap {
display:none;
}

.videomc #page, .videomc a.player{
padding:0;
margin:0;
}

.videomc #player{margin-top:0;}

#copy #page, #copy .player {
height: 267px !important;
margin: 40px 0 0 !important;
min-height: auto !important;
padding: 0 0 20px !important;
width: 474px !important;
}

/****************************** call to action  - home ******************************/
.callout{
padding-top:60px;
float:right;
background:url(../images/startnow1.gif) 0 20px no-repeat;
color:#fff;
width:420px;
}

#home .callout{
padding-left:60px;
width:390px;
background:url(../images/iamherebecause.gif) 60px 20px no-repeat;
}

.callout a{
display:block;
width:320px;
height:55px;
margin-top:10px;
}

a.currentsite{
background:url(../images/ineedmorebusiness.gif) 0 0 no-repeat;
}
a.currentsite:hover{
background:url(../images/ineedmorebusiness_hover.gif) 0 0 no-repeat;
}
a.everyonevideo{
background:url(../images/everyonevideo.gif) 0 0 no-repeat;
}
a.everyonevideo:hover{
background:url(../images/everyonevideo_hover.gif) 0 0 no-repeat;
}
a.savetime{
height:94px;
background:url(../images/savetime.gif) 0 0 no-repeat;
}
a.savetime:hover{
background:url(../images/savetime_hover.gif) 0 0 no-repeat;
}


/****************************** call to action  - internal ******************************/
.callout input[type="submit"]{
font-size:0.01px;
color:#0482cc;
background:url(../images/contactbtn.gif) 0 0 no-repeat;
width:221px;
border:0;
height:71px;
margin:10px 0 0 91px;
cursor:pointer;
}

.callout input[type="submit"]:focus, .callout input[type="submit"]:hover{
background:url(../images/contactbtn_hover.gif) 0 0 no-repeat;
color:#f3c719;
}

/****************************** services box ******************************/
.servicesbox{
margin-top:2px;
padding:5px 0 5px 10px;
color:#fff;
line-height:16px;
font-size:12px;
}

.servicesbox h1{
font-size:24px;
color:#000;
text-transform:uppercase;
font-family:"Bebas", "Arial Narrow", Arial, Helvetica, sans-serif;
}
.servicesbox h1 span{color:#fa5107;}

.servicesbox .videoproduction, .servicesbox .greenscreen, .servicesbox .editing, .servicesbox .spoksperson, .servicesbox .photography{
width:241px;
height:148px;
margin-left:5px;
background:url(../images/box_cms.gif) 0 0 no-repeat;
float:left;
}

.servicesbox .videoproduction{
margin-left:0;
}
.servicesbox .spoksperson{
width:242px;
}

.servicesbox h1 a{
margin: 7px 0 0 5px;
width:232px; 
display:block;
height:60px;
}

.servicesbox .spoksperson h1 a{background:url(../images/headlinebox_spoksperson.gif) 0 0 no-repeat;}
.servicesbox .spoksperson h1 a:hover, .servicesbox .spoksperson:hover h1 a{background:url(../images/headlinebox_spoksperson_h.gif) 0 0 no-repeat;}

.servicesbox .editing h1 a{background:url(../images/headlinebox_editing.gif) 0 0 no-repeat;}
.servicesbox .editing h1 a:hover, .servicesbox .editing:hover h1 a{background:url(../images/headlinebox_editing_h.gif) 0 0 no-repeat;}

.servicesbox .photography h1 a{background:url(../images/headlinebox_photo.gif) 0 0 no-repeat;}
.servicesbox .photography h1 a:hover, .servicesbox .photography:hover h1 a{background:url(../images/headlinebox_photo_h.gif) 0 0 no-repeat;}

.servicesbox .greenscreen h1 a{background:url(../images/headlinebox_greenscreen.gif) 0 0 no-repeat;}
.servicesbox .greenscreen h1 a:hover, .servicesbox .greenscreen:hover h1 a{background:url(../images/headlinebox_greenscreen_h.gif) 0 0 no-repeat;}

.servicesbox .videoproduction h1 a{background:url(../images/headlinebox_videoproduction.gif) 0 0 no-repeat;}
.servicesbox .videoproduction h1 a:hover, .servicesbox .videoproduction:hover h1 a{background:url(../images/headlinebox_videoproduction_h.gif) 0 0 no-repeat;}

.servicesbox p {
font-size:13px;
color:#fff;
font-weight:normal;
padding:0px 20px 16px 20px;
}

.servicesbox p a{
text-decoration:none;
color:#fff;
}
.servicesbox div:hover p a{
color:#fa5107;
text-decoration:none;
}
.servicesbox div:hover{
cursor:pointer;	
}

/****************************** columnns ******************************/
.columns{
/**background:url(../images/columndividers.gif) 10px 0 repeat-y;**/
width:968px;
margin-top:0px;
padding-bottom:10px;
padding:0 14px 0 18px;
}

/**#home .columns, #reports .columns{
background:url(../images/columndividers.gif) 0 0 repeat-y;
}
**/
.columns h1{
font-size:24px;
border-bottom:1px solid #03283e;
color:#000;
text-transform:uppercase;
font-weight:normal;
padding-top:0;
background:#fff;
margin-top:0;
margin-bottom:30px;
font-family:"Bebas", "Arial Narrow", Arial, Helvetica, sans-serif;
}

.columns h1 span{
color:#fa5107;
}

/****************************** left column ******************************/
#leftcol{
float:left;
width:156px;
font-size:13px;
}

#reports #leftcol{
padding-top:10px;
}

#leftcol a{
color:#333;
text-decoration:none;
}

#leftcol a:hover{
color:#25b3d6;
text-decoration:none;
}

#leftcol ul{
list-style-type:none;
padding-top:6px;
margin-bottom:30px;
}

#leftcol li{
line-height:31px;
display:inline;
}

#leftcol li a{
display:block;
border-bottom:1px solid #f1f3f5;
}

#leftcol li a:hover{
color:#fa5107;
text-decoration:none;
}

#leftcol ul.listwithbullets{
border-top:1px solid #f1f3f5;
padding-top:0;
}

#leftcol ul.listwithbullets li a{
background:url(../images/bullet_grey.gif) 100% 12px no-repeat;
}

#leftcol ul.listwithbullets li a:hover{
background:url(../images/bullet_orange.gif) 100% 12px no-repeat;
}

#leftcol h2{
color:#000;
text-transform:uppercase;
font-size:16px;
padding:9px 0;
margin-bottom:4px;
font-weight:normal;
border-top:1px solid #000;
border-bottom:1px solid #000;
}

#leftcol p{
border-bottom:1px solid #f1f3f5;
padding:8px 0;
}

#leftcol .name, #copy .name{
display:block;
font-size:12px;
line-height:14px;
font-weight:bold;
padding-top:6px;
color:#666;
}

#leftcol .more_testimonials{
background:url(../images/moretestimonials1.gif) 0 0 no-repeat;
width:149px;
font-size:12px;
height:23px;
padding:7px 0 0 6px;
}

#leftcol .more_testimonials:hover{
text-decoration:none;
color:#000;
background:url(../images/moretestimonials1_hover.gif) 0 0 no-repeat;
}

#leftcol img.bbb{
margin-top:30px;
position:static;
margin-left:0;
}

/****************************** copy container ******************************/
#copy{
line-height:18px;
float:left;
width:474px;
margin-left:27px;
text-align:justify;
}

#reports #copy{
padding-top:20px;
}

#home #copy {
width:624px;
margin-left:0;
}

#spokesmodel {
line-height:18px;
float:left;
width:774px;
margin-left:27px;
text-align:justify;
}
/****************************** email link on bio pages ******************************/
#copy .emaillink, #spokesmodel .emaillink{
display:block;
padding:0;
margin:0;
border:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #02a5d2;
font-size:13px;
background:url(../images/bullet.gif) 0 8px no-repeat;
padding-left:8px;
}

#copy .emaillink:hover, #spokesmodel .emaillink:hover{
text-decoration:underline;
}

#copy table, #spokesmodel table{
margin-bottom:15px;
text-align:left;
}

.floatleft, .photo, #Directions #copy p img{
float:left;
margin:0px 10px 8px 0px;
}

.floatright{
float:right;
margin:0 0 10px 10px;
}

/****************************** headlines ******************************/
.columns #copy h1, #copy h2, #spokesmodel h1, #spokesmodel h2{
color: #000;
font-size:20px;
padding:8px 10px 0px 0px;
margin-bottom:12px;
text-align:left;
line-height:28px;
border-bottom:0;
text-transform:capitalize;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#copy h1 span{
color:#fa5107;
}

#home .columns #copy h1{
color: #000;
font-size:20px;
padding:8px 10px 0px 0px;
margin-bottom:12px;
text-align:left;
font-weight:normal;
line-height:28px;
}

#copy h2, #spokesmodel h2{
margin-top:20px;
margin-bottom:10px;
line-height:24px;
font-weight:normal;
padding:8px 0 4px 0;
border-top:4px solid #03283e;
border-bottom:1px solid #03283e;
}

#copy h2 a, #spokesmodel h2 a{
color: #0000FF;
text-decoration:none;
}

#copy h2 a:hover, #spokesmodel h2 a:hover{
color: #25b3d6;
}

#copy h4 a{
text-decoration: none;
color: #048dd2;
}

#copy h3 a:hover, #copy h4 a:hover{
color:#048dd2;
background:none;
}

#copy h3, #copy h3 a{
color:#333;
text-decoration:none;
font-size:14px;
text-align:left;
margin-top:16px;
}

#copy h4{
color: #333;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

/****************************** testimonials ******************************/
/*#testimonials #copy ul li {
	height:130px;
	background: url("/images/testimonialbg.jpg") 0 0 no-repeat;
	margin: 18px 0;
	padding-top: 10px;
}*/

#testimonials #copy ul li {
background: #fff url('/images/testimonial.jpg') no-repeat -457px 0;
margin: 18px 0;
padding: 0px;
width: 457px;
}
#testimonials #copy ul li a {
background: transparent url('/images/testimonial.jpg') no-repeat left bottom;
display: block;
min-height: 80px;
padding: 10px 10px 40px;
width: 437px;
}
#testimonials #copy ul li img {
height: 80px;
width: 124px;
}

.videobox{
float:left;
border-right:1px dashed #ddd;
padding-right:20px;
width:196px;
}

#home #copy .testimonial{
float:left;
width:380px;
font-size:12px;
line-height:18px;
margin:0;
padding:0 0 0 20px;
}

#home #copy .testimonial a, #home #copy .testimonial a:hover{
text-decoration:none;
color:#333;
}

#home #copy .testimonial a:hover .name{
color: #02a5d2;
}

#home #copy .testimonial .name{
display:block;
padding-top:8px;
padding-bottom:8px;
}

.more_video{
display:block;
margin-top:7px;
font-size:13px;
color:#000;
text-decoration:none;
background:url(../images/morevideo.gif) 0 0 no-repeat;
width:189px;
height:23px;
padding:7px 0 0 6px;
}

.more_video:hover{
text-decoration:none;
background:url(../images/morevideo_hover.gif) 0 0 no-repeat;
}

.more_testimonials{
display:block;
font-size:13px;
color:#000;
text-decoration:none;
background:url(../images/moretestimonials.gif) 0 0 no-repeat;
width:159px;
height:23px;
padding:7px 0 0 6px;
}

.more_testimonials:hover{
text-decoration:none;
background:url(../images/moretestimonials_hover.gif) 0 0 no-repeat;
}

#copy .more, #copy h2 a.more, #rightcol a.more{
font-size:12px;
color:#25b3d6;
font-weight:bold;
text-decoration:none;
padding:0 10px 0px 0px;
background:url(../images/arrow_blue.gif) 100% 6px no-repeat;
}

#copy .more{
text-align:right;
}

#rightcol a.orange{
font-weight:bold;
color:#fa5107;
font-size:14px;
padding-right:12px;
background:url(../images/arrow_orange.gif) 100% 4px no-repeat;
}

#copy .more:hover, #copy h2 a.more:hover, #rightcol .more{
text-decoration:underline;
}

#copy h2 a.more{
margin-left:270px;
background:url(../images/arrow_blue.gif) 100% 6px no-repeat;
}

#copy ul.bborder li, #spokesmodel ul.bborder li{
border-bottom:1px solid #ddd;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote, #spokesmodel p, #spokesmodel blockquote {
padding:5px 0px 5px 0px;
}

#copy ul, #spokesmodel ul {
list-style-type: none;
margin:5px 0px 0 17px;
}

#copy li, #spokesmodel li{
background:url(../images/bullet.gif) 0 10px no-repeat;
padding: 3px 5px 4px 11px;
text-align:left;
}

#copy ul ul, #spokesmodel ul ul{
margin:0px 0 6px 0px;
}

#copy ul ul li, #spokesmodel ul ul li{
padding:0px 5px 0px 11px;
margin:0;
background:url(../images/bullet.gif) 0 8px no-repeat;
border-bottom:1px dashed #ddd;
}

#copy ol li, #spokesmodel ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol, #spokesmodel ol{
margin-left:25px;
}

#copy p.info, #spokesmodel p.info{
font-size:12px;
font-style:italic;
line-height:15px;
width:320px;
}

#copy input, #copy textarea, #copy select, #spokesmodel input, #spokesmodel textarea, #spokesmodel select{
border:1px solid #e5e7e8;
background:#f2f2f2;
font-size:13px;
padding:4px 0 4px 4px;
margin-bottom:5px;
}

#copy input.btn, #spokesmodel input.btn{
font-size:1px;
color:#fff;
width:231px;
border:0;
height:71px;
cursor:pointer;
padding:0;
color:#0395d7;
background:url(../images/contactus.gif) 0 0 no-repeat;
}

#copy input.btn:hover, #spokesmodel input.btn:hover{
background:url(../images/contactus_hover.gif) 0 0 no-repeat;
color:#f8de3b;
}

#copy input.check, #spokesmodel input.check{
border:0;
background:none;
}

#copy .cmpadd{
line-height:13px;
}

#copy #cmp_container{
background:#fff;
border:4px solid #f1f3f5;
padding:0px 8px;
margin:0 0 10px 0;
font-size:13px;
text-align:left;
}

#copy #cse-search-results iframe {
width: 474px;
}

#testimonials #copy .testimonial{
margin-bottom:20px;
border-bottom:1px solid #03283e;
padding-bottom:8px;
}

#testimonials #copy .testimonial h2{
margin-top:4px;
}

hr{
background:#e8e5e2;
border:0;
color:#e8e5e2;
height:1px;
}

/****************************** Video Library Fixes ******************************/
#videos #copy .videopagelist img, #testimonials #copy ul li img{
	margin-right:15px;	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#videos #copy .videopagelist{
	margin-top:10px;
	text-align:justify	
}

/****************************** client roster list ******************************/
#copy .cmpclient_list{
border:1px solid #ccc;
margin:0 0 8px 0;
padding:5px 3px;
font-size:13px;
}
#copy .cmpclient_list .cmpscreenshot{
padding:4px;
background:#ecedee;
border:1px solid #e6e7e7;
float:left;
margin-right:10px;
text-align:left;
}

#copy .cmpclient_list .cmpscreenshot:hover{
background:#fff;
}

#copy .cmpclient_list .clientinfo{
float:left;
width:290px;
}

#copy .clientinfo h2{
margin-top:8px;
font-size:14px;
line-height:16px;
font-weight:bold;
border-top:0;
}

#copy .cmpclient_list .clientdesc{
display:block;
font-style:italic;
padding-top:4px;
}

/* Blog Styles */

.blogentry, .blogcontent
{
  font-size:12px;
  line-height:150%;
  border-bottom: 1px dashed #aaa;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.blogentry h2 a
{
  font-size: 12px;
  font-weight: bold;
  color: #336;
  text-decoration: none;
  text-transform: none;
}

.blogentry h2 a:hover
{
  text-decoration: underline;
  color:#333;
}

.blogentry div.info, .blogcontent div.info
{
 float:right;
  padding:5px;
  margin:0 0 15px 15px;
  line-height:normal;
  font-size:10px;
background:#f2f0ed;
border:1px solid #e2e0dd;
}
.blogcomment
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
}

.blogcomment div.info
{
  padding: .5em 0;
  margin-bottom: 1em;
  line-height:150%;
  font-size:10px;
  border-bottom: 1px dashed #ddd;
  text-align:right
}

h3.blog
{
  font-size: 13px;
  font-weight: bold;
  color: #336;
  border-bottom: 1px solid #336;
}

.blogcontent
{
  font-size:12px;
  line-height:150%;
  border-bottom: 0;
  padding-bottom: 1em;
  margin-bottom: 0;
}

.pagination{
margin-top:10px;
margin-bottom:10px;
border-top:4px solid #03283e;
border-bottom:1px solid #03283e;
padding:10px 5px;
text-align:left;
font-size:13px;
}

#copy .pagination a{
padding:2px 8px;
font-weight:bold;
color:#fff;
background:#02283e;
text-decoration:none;
border:1px solid #fff;
}

#copy .pagination a:hover{
background:#13afe4;
}

.blogcategory{
padding:12px 0;
border-bottom:1px solid #f0f2f6;
margin-bottom:8px;
text-align:center;
}

/****************************** right column ******************************/
#rightcol{
width:290px;
font-size:13px;
text-align:left;
float:right;
}

#reports #rightcol{
padding-top:10px
}

#rightcol .reportsform {
	text-align:center;
}

#nGageLH {
visibility:hidden;
}

/****************************** reports form ******************************/
#rightcol .reportsformtop {
height:120px; 
padding:10px 5px 5px 0px;
background:url(../images/top-arrow.gif) no-repeat center;
}

#rightcol .reportsformbottom {
height:120px; 
padding:5px 5px 5px 0px;
background:url(../images/bottom-arrow.gif) no-repeat center;
}

.reportsform h2{
background:url(../images/headline_bg.gif) 0 0 no-repeat;
text-transform:uppercase;
text-align:center;
color:#fff;
font-size:14px;
padding:3px 0 10px 0;
}

#rightcol #minicontact{
text-align:left;
line-height:14px;
margin-left:20px;
margin-right: 24px;
}

#rightcol .reportsform input, #rightcol .reportsform textarea{ 
border:1px solid #2c8ec2;
font-size:12px;
padding:2px 0 0 5px;
height:21px;
margin:0 0 8px 0;
background:#fff;
}

#rightcol form{
font-weight:bold;
}

/*
#rightcol .reportsform input.submit{ 
color: #fff;
cursor:pointer;
width:245px;
font-size:12px;
text-transform:uppercase;
background:#2C8EC2;
padding:2px 0 4px 0;
border:0;
}*/

#rightcol #minicontact{
	text-align:center;
}
#rightcol #minicontact input, #rightcol #minicontact select{
width: 99% !important;
}

#rightcol .socialmediabadge{
text-align:center
}

#rightcol #minicontact input[type="submit"]{
	margin-left:13px;
	border:none;
	width:221px;
	height:68px;
    background:url('/images/contactus.gif') 0 0 no-repeat;
	color: rgba(0,0,0,0);
}

#rightcol #minicontact input[type="submit"]:hover{
background:url(../images/contactus_hover.gif) 0 0 no-repeat;
color: rgba(0,0,0,0);
}

.id-1132 #copy form table{
width: 100%;	
}
.id-1132 #copy form td{
width: 99%;
float: left;	
}
.id-1132 #copy form td input:not(.submit), .id-1132 #copy form td select{
width: 100% !important;	
}

/****************************** book, report container ******************************/
.reportscontainer, .featuredwork{
border:4px solid #f1f3f5;
}

.contactheader{
clear:both;
}

.scrollable h3{
text-transform:uppercase;
font-size:13px;
color:#fa5107;
padding-bottom:4px;
}

.scrollable h2 {
font-size:13px;
line-height:16px;
}

.scrollable h2 a{
color:#333;
text-decoration:none;
}

#rightcol .reportscontainer a.more, #rightcol .slidercontainer a.more{
float: right;
margin: 5px 3px  3px 3px;
}

.id-1004 #copy input.btn, .id-1004 #rightcol #minicontact input[type="submit"] {
background: url("../images/order-now.png") no-repeat left top;
border: 0 none;
color: #0395D7;
cursor: pointer;
height: 71px;
padding: 0;
text-indent: -999em;
width: 221px;
}
.id-1004 #copy input.btn:hover, .id-1004 #rightcol #minicontact input[type="submit"]:hover {
background-position: right top;
}
.id-1004 #rightcol .reportsform input[type="checkbox"] {
height: auto;
}

.id-1063 .columns #copy h1 { /* $750 Home Page Video Special! reports page */
background: #1ae8fd; /* Old browsers */
background: -moz-linear-gradient(top, #1ae8fd 0%, #01a1db 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ae8fd), color-stop(100%,#01a1db)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1ae8fd 0%,#01a1db 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1ae8fd 0%,#01a1db 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1ae8fd 0%,#01a1db 100%); /* IE10+ */
background: linear-gradient(top, #1ae8fd 0%,#01a1db 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ae8fd', endColorstr='#01a1db',GradientType=0 ); /* IE6-9 */
/* all rounded corners and blue bg
border-radius: 10px;
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 40px;
line-height: 36px;
padding: 12px 16px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
/* left orange border */
    border-left: 20px solid #F7B03C;
    border-radius: 0 10px 10px 0;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 20px;
    padding: 12px 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/******************************Video Slider********************************/
#rightcol .slidercontainer{
border:4px solid #f1f3f5;
border-top:0px;
margin-bottom:20px;
height:145px;
}

#rightcol .slidercontainer .scrollable {
	margin-top:7px;
	height:100px;
}

#rightcol .slidercontainer .floatleft {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#rightcol .slidercontainer a.more {
margin-top:-25px;
}

/****************************** featured work ******************************/
.featuredicon{
clear:both;
position:absolute;
z-index:10000;
margin-top:-4px;
margin-left:-3px;
}

.featuredwork{
margin-top:30px;
padding-bottom:10px;
}

.featuredwork .pane a{
padding:0;
margin:0;
}
.featuredwork .pane a img{
padding:3px 3px 3px 3px;
margin-bottom:8px;
margin-left:33px;
border:1px solid #f1f3f5;
}

.featuredwork a.more.orange:hover{
color: #02a5d2;
}

.featuredwork .scrollable p{
text-align:left;
}

/****************************** hot topics ******************************/
.hottopics{
/** border-top:4px solid #03283e; **/
border-bottom:1px solid #03283e;
padding:54px 0 6px 0;
background:url(../images/hottopics.gif) 0 0  no-repeat;
}

.hottopics .TabbedPanelsContent ul{
list-style-type:none;
}

.hottopics .TabbedPanelsContent li a{
color:#333;
}

.hottopics .TabbedPanelsContent li a:hover{
color:#25b3d6;
}		

.hottopics .TabbedPanelsContent li{
padding:0 0 8px 0;
}

#rightcol h4{
font-size:13px;
}

.newsdate{
display:block;
color:#fa5107;
font-size:12px;
}	

/****************************** newsletter sign up ******************************/
.newslettersubscribe{
background:url(../images/subscribetonewsletter.gif) 0 0 no-repeat;
padding:110px 0 10px 0px;
border-bottom:1px solid #03283e;
}	
.newslettersubscribe img{
width:100px;
height:auto;
margin-left:4px;
top:9px;
position:relative;
}

.newslettersubscribe input.inputfield, .newslettersubscribe input.default-input{
border:1px solid #2c8ec2;
width:174px;
font-size:12px;
padding:2px 0 0 5px;
height:21px;
margin:0 0 12px 0;
background:#fff;
}

.newslettersubscribe input.default-input{
width:250px;
}

.newslettersubscribe input.button{
width:25px;
height:25px;
font-size:0.01em;
color:#fff;
position:relative;
background:url(../images/go.gif) 0 0 no-repeat;
left:0px;
top:-2px;
padding:0;
border:0;
cursor:pointer;
}
		
/****************************** footer  ******************************/
.footer{
background:#000 url(../images/footer_bg.gif) 0 0 repeat-x;
text-align:left;
}

.footercurve{
width:980px;
padding:60px 0 20px 0;
margin:0 auto;
text-align:left;
height:290px;
background:url(../images/footercurve.gif) 50% 0 no-repeat;
}

#page_container .bbb{
position:absolute;
margin-top:-49px;
margin-left:-100px;
}

.webmarketing{
float:left;
width:394px;
}

.webmarketing h5{
background:url(../images/headline_border.gif) 0 100% repeat-x;
padding:4px 0 8px 0;
margin-bottom:10px;
color:#fff;
text-transform:uppercase;
font-size:23px;
font-weight:normal;
}

.webmarketing a{
color:#25b3d6;
}

.webmarketing ul, #footernav{
list-style:none;
}

.webmarketing li{
background:url(../images/bullet_footer.gif) 0 7px no-repeat;
padding:0 0 6px 10px;
}

/****************************** start now with form ******************************/
.startnow{
width:485px;
margin-left:98px;
padding-top:60px;
color:#fff;
float:left;
font-size:14px;
background:url(../images/startnow.gif) 0 0 no-repeat;
}

.startnow form, .callout form{
padding-top:25px;
background:url(../images/headline_border.gif) 0 100% repeat-x;
padding-bottom:24px;
}

.callout form{
background:none;
}

.startnow input[type="text"], .callout input[type="text"]{
background:url(../images/footerinput.gif) 0 0 no-repeat;
width:190px;
height:27px;
padding:8px 0 0 5px;
font-size:13px;
margin:0 4px 8px 0;
border:0;
}

.startnow input[type="text"]:focus, .callout input[type="text"]:focus{
background:url(../images/footerinput_active.gif) 0 0 no-repeat;
}

.startnow input[type="submit"]{
text-indent: -999em;
color:#0482cc;
background:url(../images/submit.gif) 0 0 no-repeat;
width:85px;
border:0;
height:110px;
margin-left:406px;
float:right;
margin-top:-90px;
cursor:pointer;
}

.startnow input[type="submit"]:focus, .startnow input[type="submit"]:hover{
background:url(../images/submit_hover.gif) 0 0 no-repeat;
color:#f3c719;
}

.footerutils{
clear:both;
color:#999;
padding-top:10px;
font-size:12px;
text-transform:uppercase;
}

.footerutils span{
color:#fff;
font-weight:bold;
font-size:28px;
padding-left:6px;
top:4px;
padding-right:30px;
}

.footerutils img{
margin-right:4px;
top:10px;
margin-left:4px;
}


/****************************** footer navigation ******************************/
#footernav{
background:#000;
font-size:12px;
border-top:1px solid #0f0f0f;
padding:10px 0;
height:20px;
color:#999;
}

.bottomlinks{
width:980px;
margin:0 auto;
}

#footernav ul{
float:left;
}

#footernav li{
background:url(../images/footerdivider.gif) 100% 2px no-repeat;
display:inline;
}

#footernav li.last{
background:none;
}

#footernav a{
text-decoration:none;
color:#999;
padding:0 10px;
}

#footernav a:hover{
color:#25b3d6;
}

/****************************** copyright info ******************************/
.copyright{
float:right;
}

/****************************** scrollable ******************************/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 230px;
	margin:0 0px;
	height:180px;
}

.featuredwork .scrollable{
height:auto;
min-height:250px;
padding-top:0px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable .pane{
	float:left;
	margin:14px 0px 14px 0px;
	padding:2px 6px 2px 2px;
	cursor:pointer;
	width:224px;
	height:85px;
}

.featuredwork .scrollable .pane{
height:auto;
min-height:120px;
margin-bottom:4px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:13px;
	height:13px;
	float:left;
	margin:70px 4px;
	cursor:pointer;
	font-size:1px;
}

.featuredwork a.browse{
margin:120px 4px;
}

/* right */
a.right 		{background:url(/images/arrow_right.gif) 0 0 no-repeat; margin-right: 0px;}
a.right:hover 	{  background:url(/images/arrow_right.gif) 0 0 no-repeat;}
a.right:active 	{  background:url(/images/arrow_right.gif) 0 0 no-repeat;} 


/* left */
a.left			{ margin-left: 0px; background:url(/images/arrow_left.gif) 0 0 no-repeat; margin-left:10px; } 
a.left:hover  	{background:url(/images/arrow_left.gif) 0 0 no-repeat; }
a.left:active  	{ background:url(/images/arrow_left.gif) 0 0 no-repeat; }

.featuredwork a.left{
margin-left:12px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/****************************** hot topic tabs ******************************/
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
background:url(../images/tab_bg.gif) 0 0 repeat-x;
font-size:13px;
height:36px;
}

.TabbedPanelsTab {
font-weight:bold;
display:block;
float:left;
color:#666;
height:10px;
padding:4px 19px 22px 19px;
text-decoration:none;
cursor: pointer;
}
.TabbedPanelsTabHover {
color:#000;
}
.TabbedPanelsTabSelected {
background:url(../images/tab_hover.gif) 50% 0 no-repeat;
color:#fff;
}
.TabbedPanelsTab a {
font-weight:bold;
display:block;
float:left;
color:#666;
height:10px;
padding:4px 19px 22px 19px;
text-decoration:none;
cursor: pointer;
}
.TabbedPanelsContentGroup {
	clear: both;
}
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContentGroup div {
display: none;
}

/* CSS Document */
.SlidingPanels {
	float: left;
	position: relative;
	width: 290px;
	padding: 0px;
	border: none;
}
#slidingPanel{
}
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	sborder: none;
}

.SlidingPanelsContent {
	float: left;
	width: 290px;
	overflow: hidden;
	margin:0px;
}


.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.slidingTabPanelWrapper {
}
.slidingTabPanel {
background:url(../images/tab_bg.gif) 0 0 repeat-x;
font-size:13px;
height:36px;
}
.slidingTabPanel li {
font-weight:bold;
display:block;
float:left;
color:#666;
height:10px;
text-decoration:none;
cursor: pointer;
list-style-type:none;
}

.tabActive {
	position:relative;
	display:block;
	cursor:default;
	outline:none;
	background:url(../images/tab_hover.gif) 50% 0 no-repeat;
	padding:4px 19px 22px 19px;
    color:#fff;
}
.tab {
	font-weight:bold;
	position:relative;
	display:block;
	cursor:pointer;
	outline:none;
	padding:4px 19px 22px 19px;

}
.tab:hover, .tabActive:hover {
text-decoration:none;
}

.tab:hover{
color: #02a5d2;
}

.addthis_toolbox {
text-align:center;
padding-top:20px;
}



/****************************** @media print styles ******************************/
@media print {
.utilbar, #leftcol, #rightcol, .footer, .top, .more, .navholder, #page, .interactive, #footernav{
display:none;
}

.header img.invisible{
display:block;
}

.header{
height:auto;
border:0;
}

a{
text-decoration: none;
color: #000;
}

.servicesbox{
padding:0;
width:450px;
}

.service{
float:none;
width:650px;
padding-left:0;
margin-left:0;
}

.service h2{
background:none;
padding:0 0 16px 0px;
}

#page_container, #copy, .columns, #home #copy{
clear:both;
float:none;
width:650px;
font-family:"Times New Roman", Times, serif;
font-size:12px;
padding:0;
margin:0;
}

#page_container p{
line-height:15px;
}

#copy img{
float:left;
margin-right:10px;
margin-bottom:10px;
}

#copy h1, #copy h2{
text-align:left;
}

#copy ul{
list-style-type:disc;
list-style-position:inside;
margin-left:0;
}

.copyright{
font-size:10px;
text-align:left;
padding-top: 5px;
width:650px;
margin:5px 0;
}

.footer{
width:650px;
margin:0;
}
}