/* CSS Document */

html, body {width:100%; height:100%; background:none;}
td, div, body, p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px;}

h1, h2, h3, h4 {font-size:16px}
p:first-line {font-weight:900; color:#660000;}

h1 + p:first-line, h2 + p:first-line, h3 + p:first-line, h4 + p:first-line, .blog p:first-line, .single p:first-line, .archive p:first-line {font-weight:normal; color:#000;}

a {color:#003366; text-decoration:none;}
a:hover {color:#0099FF; text-decoration:underline;}

img.right {float:right; padding-left:30px;}

.center {width:950px; margin:0 auto; position:relative;}

img.photo { 
	display:block;
    /*margin-left:auto;*/
	/*margin-right:auto;*/
	background-color:#fff;
	padding: 10px;
	border: 0;
	background-color: #fff;
	-moz-box-shadow: 0 0 10px #767474;
	-webkit-box-shadow: 0 3px 10px #767474;
	box-shadow: 0 0 10px #767474;
}


/* Headers / location dependant */

#Flash {display:none;}
#home #Flash {display:block; height:274px;}

#headImg {background:url(img/heads/advp-header.jpg) no-repeat; height:73px; position:relative;}

#headImg a {display:block; position:absolute; top:0; left:327px; width:40px; height:50px; background:url(img/spacer.gif); text-decoration:none;}
#headImg a:hover {text-decoration:none;}
#headImg a.ecom {left:369px;}
#headImg a.marketing {left:411px;}
#headImg a.video {left:453px;}
#headImg a.flash {left:495px; width:37px;}
#headImg a.rss {left:534px; width:35px;}
#headImg a.blogs {left:571px; width:35px;}
#headImg a.podcast {left:608px;}



#solutions #headImg {height:112px; background-image:url(img/heads/solutions.jpg);}
#virtualbrand #headImg {height:112px; background-image:url(img/VirtualBrandRepresentative-header.jpg);}
#marketing #headImg {height:112px; background-image:url(img/heads/marketing.jpg);}
#webby #headImg {height:112px; background-image:url(img/webby_header.jpg);}
#contactus #headImg {height:112px; background-image:url(img/heads/contactus.jpg);}
#mission #headImg {height:112px; background-image:url(img/heads/mission.jpg);}
#clients #headImg {height:112px; background-image:url(img/heads/clients.jpg);}
#testimonials #headImg {height:112px; background-image:url(img/heads/testimonials.jpg);}
#audio #headImg {height:112px; background-image:url(img/heads/audio.jpg);}
#letter #headImg {height:112px; background-image:url(img/heads/letter.jpg);}
#playbook #headImg {height:112px; background-image:url(img/heads/playbook.jpg);}

#home #headImg {display:none;}


#content {background:url(img/home/body-bg.jpg) repeat-x #b4b4b4;}

#radioButton {position:absolute; top:110px; width:467px; height:33px; left:50%; margin-left:-233px; display:block; background:url(img/radio-button.jpg) no-repeat 50% 100%;} 

#topLeft {position:absolute; top:50px; width: 501px; line-height:20px; text-align:left;} 
#topLeft b {font-size:13px; font-weight:900;}
#topLeft h3 {font-size:14px; color:#660000; padding-right:20px; display:inline; margin:0;} 

#leftFade {background:url(img/home/left-shadow.png) repeat-y left; width:624px; padding:30px; float:right; position:relative; min-height:615px;}
#leftFade2 {background:url(img/home/left-shadow.png) repeat-y left; width:624px; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:30px; float:right; position:relative; min-height:500px;}

#home #leftFade {background:url(img/home/left-shadow.png) repeat-y left; width:624px; padding:30px; float:right; position:relative;}

#nav {height:65px; background:url(img/home/nav-bg.jpg) repeat-x;}
#nav ul {display:block; margin:0; padding:12px; list-style:none; position:relative;}
#nav li {display:inline; margin:0; padding:2px 8px; list-style:none; line-height:12px; font-size:12px; 
float:left;}
#nav a {color:#FFFFFF; text-decoration:none; display:block; line-height:12px; height:12px; padding:2px; min-height:10px; white-space:nowrap;}
#nav a:hover {color:#FFFFCC; text-decoration:underline;}
#nav li + li {border-left:#CCCCCC solid 1px;}

#nav ul ul {display:none; height:100px; padding:8px 0; position:absolute; left:7px; top:31px; width:920px; background:url(img/spacer.gif); z-index:10000;}
#nav li li { display:inline;}

#nav li:hover ul, #nav li.sfhover ul {display:block;}

#footer {height:10px; background:url(img/home/nav-bg.jpg) repeat-x; line-height:10px; color:#FFFFFF; padding:5px; margin:0 auto 30px auto; width:940px; text-align:right; font-size:10px;}

#left h1, #sidebar h2 {background:url(img/home/left-head-bg.jpg) no-repeat; font-size:12px; font-weight:500; padding:6px 3px 16px 6px; margin:20px 0 0 0; height:12px; line-height:12px; display:block; color:#fff;}

ul#news, #news li {display:block; padding:0; margin:0; display:block; list-style:none;}
#news li {padding-left:6px; margin-bottom:6px; padding-bottom:6px; border-bottom:#999999 dashed 1px;}
#news h1 {background:url(img/home/rss.jpg) no-repeat 0 8px; display:block; line-height:12px; font-size:10px; color:#fff; padding:6px 6px 6px 18px; margin:0; font-weight:500; height:auto;}
#news h2 {font-size:10px; color:#333333; padding:0; margin:0; line-height:13px;}
#news h1 a {color:#FFFFFF; text-decoration:none;}
#news h1 a:hover {text-decoration:underline;}

#leftFade h1 {font-size:9px;}

div.portfolio {position:relative; width:292px; height:94px; padding:10px; margin-bottom:14px; border-bottom:#333 1px dashed; float:left;}
div.portfolio a.image {position:absolute; top:10px; left:10px; width:100px; height:74px; display:block;}
div.portfolio a.image img {width:100px; height:74px;}
div.portfolio h1 {position: absolute; top:8px; left:120px; width:162px; line-height:14px; font-size:12px; height:28px; margin:0;  padding-bottom:4px; border-bottom:#999 1px dashed;}
div.portfolio div {position: absolute; top:48px; left:120px; width:162px; line-height:12px; font-size:10px; height:36px; overflow:hidden;}

#seo {width:950px; margin:0 auto; text-align:center;}
#seo h1 {font-size:12px; margin:0; padding:5px 0 0 0; border-bottom:#CCCCCC 1px solid}
#seo p, #seo a {margin:0; padding:5px 0 0 0; font-size:10px;}

/* Initially set up for video page.  */

div#display1 div.item {margin:0; padding:15px 0; border:#660000 solid; border-width:1px 0; margin-top:-1px;}
div#display1 div.item p.image {padding:0 0 0 10px; margin-left:10px; border-left:#ccc dashed 1px; width:300px; float:right; font-size:10px; text-align:center;}
div#display1 div.item p.image img {padding:0 0 10px 0; display:block;}
div#display1 div.item br { clear:both;}


a.pdf { display:block; background:url(img/pdf-icon.jpg) no-repeat #ddd; height:12px; line-height:12px; padding:3px 3px 3px 24px; font-weight:900; border:#FFFFFF 3px solid;}
a.pdf:hover {text-decoration:none;}