/* CSS Document */

body{ background:url(images/bg-body.gif) repeat-x #000; color:#000; font-family:"Gill Sans MT", GillSans, Arial, Verdana; font-size:14px;}

#bg-header{width:100%; background:url(images/bg-header.gif) top center no-repeat; margin-top:16px;}
#bg-content-main{width:100%; padding:15px 0 25px 0; background-color:#FFF;}
#bg-footer-outer{width:100%; background:url(images/bg-footer-outer.gif) top center repeat-x;}
#bg-footer-inner{width:100%; background:url(images/bg-footer-inner.png) top center no-repeat;}


#header{width:842px; height:143px; margin:0 auto; position:relative;}
	#header #logo{float:left;}
	#header #signup{float:right; color:#FFF; text-decoration:none; font-weight:bold; line-height:30px;
		background:url(images/signup-face.gif) center right no-repeat; padding-right:26px; margin-right:16px;}
		#header #signup:hover{color:#646464;}
	#header #menu{position:absolute; top:103px; right:16px; /*margin-left:144px; margin-top:74px; position:relative;*/ overflow:visible;}
	#header #menu li{float:left; font-size:15px; font-weight:500; margin-left:24px; line-height:33px; text-decoration:none}
		#header #menu li a{color:#000; text-decoration:none; position:relative; overflow:hidden;}
	/* Represents the background of the highlighted menu-item. */
	#header #menu li.back {
		background:url("images/bg-menu-right.gif") no-repeat right 0px;
		width:9px; height:40px;
		z-index:8;
		position:absolute;
		margin-top:33px;
		padding-right:5px;
		margin-left:0px;
	}
		#header #menu li.back .left {
			background:url("images/bg-menu-left.gif") no-repeat top left;
			height:40px;
			margin-right:0px;
		}		

/*H1*/
h1{font-size:50px; line-height:75px; /*height:75px;*/}
	h1 em{color:#ff8218; font-style:normal;}
h1.sIFR-replaced{padding:5px 0 0 0;}
.home h1{margin-left:10px;}
.home p.home-p{margin-left:10px; line-height:22px;}
.about h1{}
.portfolio h1{margin-left:10px;}
.testimonials h1{margin-left:10px;}
.testimonials p.testimonials-p{margin-left:10px; line-height:22px; padding-bottom:20px;}

	
.sIFR-active h1{visibility:hidden; line-height:1em; letter-spacing:5px;}

#content-main{width:842px; margin:0 auto;}

	.blog #top{float:left; position:relative; width:842px; height:auto/*207px*/;}
		.blog #top .title{float:left; width:307px; padding-left:10px;}
			.blog #top .title h1{line-height:50px; padding-bottom:2px;}
			.blog #top .title p{padding-bottom:10px; line-height:17px;}
		.blog #top .headlines{float:right; overflow:hidden; width:525px; height:183px; padding-top:8px;}
			.blog #top .headlines ul{/* 6 X (160px + 15px) width:1050px; (dynamic)*/ height:183px; overflow:hidden;}
				.blog #top .headlines ul li{width:525px;float:left;}
				.blog #top .headlines ul .news{width:149px; height:168px; padding:11px 0px 0px 11px; float:left; margin-right:15px; background:url(images/bg-blog-headlines.gif) no-repeat;}
					.blog #top .headlines ul .news h3{padding:7px 0px; font-size:15px; line-height:18px; font-weight:bold;}
						.blog #top .headlines ul .news h3 a{color:#000; text-decoration:none;}
						.blog #top .headlines ul .news h3 a:hover{text-decoration:underline;}
					.blog #top .headlines ul .news p{font-size:11px; line-height:14px;}
					.blog #top .headlines ul .news a.more{font-size:11px; line-height:14px; color:#ff8218; text-decoration:none;}
					.blog #top .headlines ul .news a.more:hover{text-decoration:underline;}
		.blog #top .next{position:absolute; bottom:-20px; right:14px;}
		.blog #top .prev{position:absolute; bottom:-20px; right:33px;}
	
	.blog #left{float:left; width:545px; padding-left:10px;}
		.blog #left a{color:#ff8218; text-decoration:none;} .blog #left a:hover{text-decoration:underline;}
		.blog #left .date{font-size:15px; font-weight:bold; padding-bottom:10px;}
		.blog #left ul li.news{width:505px; padding:12px 21px 0px 20px; margin:12px 0px 24px 0px; background:url(images/bg-blog-main-news.gif) no-repeat;}
			.blog #left ul li.news h2{font-size:50px; line-height:50px; padding-top:8px; padding-bottom:15px;}
			.blog #left ul li.news h2 a{color:#000; text-decoration:none;} .blog #left ul li.news h2 a:hover{color:#555;}
			.blog #left ul li.news p{line-height:18px; padding-top:10px; padding-bottom:12px;}
			.blog #left ul li.news p.caption{color:#9c9c9c; font-size:11px;}
			.blog #left ul li.news .footer{width:525px; height:135px; padding-left:21px; margin-left:-20px; background:url(images/bg-blog-news-footer.gif) no-repeat;}
				.blog #left ul li.news .footer p{font-weight:bold; line-height:18px;}
				.blog #left ul li.news .footer .read{padding-top:12px; padding-bottom:0;}
				.blog #left ul li.news .footer .read a{color:#ff8218; text-decoration:none;}
				.blog #left ul li.news .footer .read a:hover{text-decoration:underline;}
				.blog #left ul li.news .footer .comment{padding-top:3px; padding-bottom:14px;}
				.blog #left ul li.news .footer .share-this{padding-top:12px; padding-bottom:10px; background:url(images/bg-share-this.gif) 0px 27px no-repeat;}
			.blog #left ul li.news .commentlist{margin:25px 0;}
			.blog #left ul li.news .commentlist li{margin-bottom:5px; padding:10px; background-color:#eee;}
			.blog #left ul li.news #respond label{margin-left:5px; line-height:22px;}
			.blog #left ul li.news #respond input.custom{width:239px; height:16px; padding:3px 5px; border:none; background:url(images/bg-contact-input.gif) no-repeat; line-height:16px; font-family:"Gill Sans MT", GillSans, Arial, Verdana;}
			.blog #left ul li.news #respond textarea{width:493px; height:174px; padding:3px 5px; border:none; background:url(images/bg-comment-textarea.gif) no-repeat; font-size:12px; line-height:16px; font-family:"Gill Sans MT", GillSans, Arial, Verdana;}
	
	.blog #right{float:right; width:265px; padding-bottom:30px;}
		.blog #right .bg{background:url(images/bg-blog-right-col.gif) no-repeat;}
		.blog #right hr{float:left; width:249px; margin:0; height:1px; border:none; background:url(images/bg-blog-rightcol-border.gif) no-repeat;}
		.blog #right h4{font-size:19px; line-height:24px; font-weight:bold; padding-bottom:12px;}
		.blog #right h4.sIFR-replaced{font-size:19px; line-height:24px; font-weight:bold; padding-bottom:4px;}
		.blog #right h4 em{color:#ff8218; font-style:normal;}
		.blog #right #search{float:left; width:231px; height:23px; padding:50px 25px 33px 9px; background:url(images/bg-blog-search-field.gif) no-repeat;}
			.blog #right #search #s {
				float:left;
				color:#727272;
				font-size:12px;
				line-height:17px;
				padding:4px 0 0 10px;
				width:195px;
				border:none;
				background:none;
			}
			.blog #right #search #searchsubmit {float:right;}
		.blog #right #twitter{float:left; position:relative; width:237px; padding:10px 16px 12px 12px;}
			.blog #right #twitter #twitter-bird{position:absolute; top:6px; right:10px;}
			.blog #right #twitter p{padding-bottom:4px; font-size:11px; line-height:14px;}
			.blog #right #twitter p a{color:#ff8218; text-decoration:none;}
			.blog #right #twitter p a:hover{text-decoration:underline;}
		.blog #right #all-topics{float:left; position:relative; width:237px; padding:10px 16px 0px 12px;}
			.blog #right #all-topics .btn{position:absolute; top:15px; right:17px;}
			.blog #right #all-topics ul{line-height:18px; padding-bottom:10px; display:none;}
			.blog #right #all-topics li a{color:#ff8218; text-decoration:none;}
			.blog #right #all-topics li a:hover{text-decoration:underline;}
		.blog #right #top-ten{float:left; position:relative; width:237px; padding:10px 16px 0px 12px;}
			.blog #right #top-ten .btn{position:absolute; top:15px; right:17px;}
			.blog #right #top-ten ul{line-height:18px; padding-bottom:10px; display:none;}
			.blog #right #top-ten li a{color:#ff8218; text-decoration:none;}
			.blog #right #top-ten li a:hover{text-decoration:underline;}
		.blog #right #just-found{float:left; width:237px; margin:20px 0 10px 0; padding:15px 16px 0px 12px;}
			.blog #right #just-found li{float:left; width:56px; height:56px; padding:3px; margin:5px; border:#eee 1px solid;}
			.blog #right #just-found li a{display:block; width:56px; height:56px; background-color:#000; overflow:hidden;}
			.blog #right #just-found li a img{width:56px; height:56px;}
		.blog #right #your-comments{float:left; width:265px; margin:22px 0 0 0; padding-top:15px;}
			.blog #right #your-comments h4{padding:0px 16px 10px 12px;}
			.blog #right #your-comments li{font-size:12px; padding:10px 16px 10px 12px; background:url(images/bg-blog-rightcol-border.gif) top left no-repeat;}
			.blog #right #your-comments li a{color:#000; text-decoration:none;}
			.blog #right #your-comments li a:hover{text-decoration:underline;}
		.blog #right #video-gaga{float:left; width:265px; margin:22px 0 0 0; padding-top:15px;}
			.blog #right #video-gaga h4{padding:0px 16px 10px 12px;}
			.blog #right #video-gaga a.more{display:block; margin:10px 16px 10px 12px; color:#ff8218; font-size:12px; text-decoration:none;}
			.blog #right #video-gaga a.more:hover{text-decoration:underline;}
		.blog #right #featured-sites{float:left; position:relative; width:237px; /*height:35px; overflow:hidden;*/ padding:10px 16px 0px 12px;}
			.blog #right #featured-sites .btn{position:absolute; top:15px; right:17px;}
			.blog #right #featured-sites ul{line-height:18px; padding-bottom:10px; display:none;}
			.blog #right #featured-sites li a{color:#ff8218; text-decoration:none;}
			.blog #right #featured-sites li a:hover{text-decoration:underline;}
			
	.blog #bottom{float:left; position:relative; width:832px; height:205px; padding-left:10px;}
		.blog #bottom .title{float:left; width:109px; margin-top:9px; padding-top:9px; padding-left:8px; background:url(images/bg-blog-bottom-title.gif) no-repeat;}
			.blog #bottom .title h3{font-size:15px; line-height:18px; font-weight:bold; padding:7px 0px;}
			.blog #bottom .title p{padding-bottom:4px; font-size:11px; line-height:14px;}
			.blog #bottom .title a{color:#ff8218; text-decoration:none;}
			.blog #bottom .title a:hover{text-decoration:underline;}
			.blog #bottom .title a.more{font-size:11px; line-height:14px; color:#ff8218; text-decoration:none;}
			.blog #bottom .title a.more:hover{text-decoration:underline;}
		.blog #bottom .headlines{float:right; overflow:hidden; /*width:698px;*/ width:696px; height:183px; padding-top:8px;}
			.blog #bottom .headlines ul{/* 6 X (160px + 14px) width:1044px; (dynamic)*/ height:183px; /*overflow:hidden;*/}
				.blog #bottom .headlines ul li{width:696px; height:168px; float:left;}
				.blog #bottom .headlines ul .news{width:149px; height:168px; padding:11px 0px 0px 11px; float:left; margin-right:14px; background:url(images/bg-blog-headlines.gif) no-repeat;}
					.blog #bottom .headlines ul .news h3{padding:7px 0px; font-size:15px; line-height:18px; font-weight:bold;}
						.blog #bottom .headlines ul .news h3 a{color:#000; text-decoration:none;}
						.blog #bottom .headlines ul .news h3 a:hover{text-decoration:underline;}
					.blog #bottom .headlines ul .news p{font-size:11px; line-height:14px;}
					.blog #bottom .headlines ul .news a.more{font-size:11px; line-height:14px; color:#ff8218; text-decoration:none;}
					.blog #bottom .headlines ul .news a.more:hover{text-decoration:underline;}
		.blog #bottom .next{position:absolute; bottom:0px; right:14px;}
		.blog #bottom .prev{position:absolute; bottom:0px; right:33px;}
	
	.portfolio-expanded{margin:25px 16px 0px 10px; background:url(images/bg-portfolio-expanded.gif) repeat-x;}
		.portfolio-expanded h2{font-size:19px; line-height:55px; letter-spacing:normal; width:750px;}
		.portfolio-expanded h2.sIFR-replaced{font-size:19px; line-height:55px; letter-spacing:normal; width:750px; padding:17px 0 10px 0;}
		.portfolio-expanded .sIFR-active h2{font-size:19px; visibility:hidden; line-height:1em; margin:10px 0; line-height:55px; letter-spacing:5px;}
		.portfolio-expanded h2 em{font-style:normal; color:#ff8218;}
		.portfolio-expanded p{line-height:22px; padding:10px 0;}
		.portfolio-expanded a{color:#ff8218; text-decoration:none;}
		.portfolio-expanded a:hover{text-decoration:underline;}
		.portfolio-expanded #close-top{width:15px; height:15px; position:absolute; right:22px; top:20px;}
		.portfolio-expanded #close-bottom{float:right; margin-top:12px;}
		.portfolio-expanded .main{margin-bottom:22px;}
		.portfolio-expanded .small-left{float:left; margin-bottom:22px;}
		.portfolio-expanded .small-right{float:right; margin-bottom:22px;}
		.portfolio-expanded .text-full{clear:both;}
		.portfolio-expanded .text-left{clear:left;}
		/*.portfolio-expanded .text-right{clear:both;}*/
		.portfolio-expanded .bg-bottom{position:relative; width:774px; padding:0px 22px 25px 21px; background:url(images/bg-portfolio-bottom.gif) bottom repeat-x;}
		.portfolio-expanded .portfolio-footer{width:795px; height:83px; padding-right:22px; background:url(images/bg-portfolio-footer.gif) no-repeat;}
	
	#home-scroll{width:816px; /*height:393px;*/ position:relative; padding:0 16px 0 10px; margin:20px 0; background:url(images/bg-home.gif) no-repeat;}
	#home-scroll .mask{width:774px; height:367px; overflow:hidden; margin-left:21px; margin-bottom:11px;}
		#home-scroll h2{text-align:right; height:35px; line-height:35px; padding-top:30px; font-size:19px; font-weight:bold; color:#FFFFFF;}
		#home-scroll h2.sIFR-replaced{margin-right:-3px; padding-top:38px; height:27px; line-height:27px;}
		#home-scroll .sIFR-active h2{visibility:hidden; height:35px; line-height:1em; letter-spacing:5px; padding-top:30px;}
		#home-scroll .main-ul{width:2382px; /* 3 X (724px + 20px) */ height:367px;}
		#home-scroll li.scroll{float:left; margin-right:20px; width:774px; height:367px; background-image:url(images/bg-home-base-reflect.jpg); background-position:0px 284px; background-repeat:no-repeat;}
			#home-scroll .content{/*clear:both;*/ width:774px; height:219px; margin-bottom:16px; overflow:hidden;}
			#home-scroll h3{line-height:25px; font-size:19px; font-weight:bold; color:#FFFFFF;}
			#home-scroll .more{line-height:25px; font-size:19px; font-weight:bold; color:#ff8218; text-decoration:none; background:url(images/signup-face.gif) center right no-repeat; padding-right:26px;}
				#home-scroll .more:hover{color:#9d9d9d;}
				
				#blog-headline li{height:44px; background:url(images/bg-home-blog-headline.gif) repeat-x;}
				#blog-headline li .thumb{float:left; width:107px; height:31px; padding:6px 23px 7px 16px;}
				#blog-headline li h4{float:left; font-size:16px; line-height:44px; font-weight:bold;}
				#blog-headline li .read{float:right; padding-right:18px; font-size:14px; line-height:44px; color:#ff8218; text-decoration:none;}
				#blog-headline li .read:hover{text-decoration:underline;}
				
				#testimonials {background-color:#FFFFFF; width:774px; height:219px;}
				#testimonials li{float:left; padding:15px 10px 0 19px; width:350px; height:204px; background:url(images/bg-home-testimonial.gif) repeat-x; font-size:11px;}
				#testimonials li p{padding-bottom:12px;}
				#testimonials li a{color:#ff8218; text-decoration:none;} #testimonials li a:hover{text-decoration:underline;}
				#testimonials li .person{float:left; width:93px; height:201px; padding-top:3px; margin-right:13px; font-size:11px;}
				#testimonials li .person img{width:93px; height:120px;}
				#testimonials li .person p{padding:0;}
				#testimonials li .person .name{padding-top:8px;}
				.first-testimonial{margin-right:16px;}
							
	.about {position:relative; /*background:url(images/photo-about-david.jpg) right 150px no-repeat;*/}
	.about p,.about h1{margin-left:10px;}
	.about p{margin-right:287px; line-height:22px; padding-bottom:20px;}
	.about a{color:#ff8218; text-decoration:none;}
	.about a:hover{text-decoration:underline;}
	.about #david{position:absolute; top:75px; right:-70px;}
	
	.contact p,.contact h1{margin-left:10px;}
	.contact p{margin-right:287px; line-height:22px; padding-bottom:20px;}
	.contact a{color:#ff8218; text-decoration:none;}
	.contact a:hover{text-decoration:underline;}
	.contact #contact-form{float:right; width:249px; margin-left:22px; margin-right:16px; font-size:12px;}
		.contact #contact-form p{padding-bottom:0px;}
		.contact #contact-form label{display:block; line-height:22px;}
		.contact #contact-form input{width:239px; height:16px; padding:3px 5px; border:none; background:url(images/bg-contact-input.gif) no-repeat; line-height:16px; font-family:"Gill Sans MT", GillSans, Arial, Verdana;}
		.contact #contact-form textarea{width:239px; height:240px; padding:3px 5px; border:none; background:url(images/bg-contact-textarea.gif) no-repeat; font-size:12px; line-height:16px; font-family:"Gill Sans MT", GillSans, Arial, Verdana;}
		.contact #contact-form p.submit{text-align:right; width:100%;}
			.contact #contact-form p.submit a{cursor:pointer; padding-right:20px; background:url(images/btn-home-next.gif) center right no-repeat;}
			.contact #contact-form p.submit input{width:auto; height:auto; border:1px solid; background:none;}
	
	#share-icons{width:332px; height:109px; padding:55px 52px 54px 29px; background:url(images/bg-icons.gif) no-repeat;}
		#share-icons li{float:left; width:57px; height:109px; margin:0 13px; background-position:0px 57px; background-repeat:no-repeat;}
		#share-icons li.t{background-image:url(images/btn-icon-reflect-t.jpg);}
		#share-icons li.i{background-image:url(images/btn-icon-reflect-i.jpg);}
		#share-icons li.v{background-image:url(images/btn-icon-reflect-v.jpg);}
		#share-icons li.f{background-image:url(images/btn-icon-reflect-f.jpg);}
		
	#portfolio-grid{width:783px; height:393px; padding:58px 31px 51px 28px; background:url(images/bg-portfolio-grid.gif) no-repeat;}
		#portfolio-grid li{float:left; width:259px; height:129px; margin:1px; overflow:hidden; position:relative; background-repeat:no-repeat; white-space:nowrap; display:block;}
			#portfolio-grid li a{display:block; width:259px; height:129px; overflow:hidden;}
			
		/** html a:hover {visibility:visible}
		#portfolio-grid li a:hover img{visibility:hidden}*/
		
	.testimonials #testimonials {width:auto; height:auto; background:none; clear:both;}
	.testimonials #testimonials li{margin-left:10px; margin-top:24px; margin-bottom:24px; width:350px; height:205px; background:url(images/bg-testimonial.gif) repeat-x;}
	.testimonials #testimonials .odd{margin-right:58px;}
	
	.faqs p,.faqs h1,.faqs ul{margin-left:10px;}
	.faqs p{line-height:22px; /*padding:12px 0;*/ padding-bottom:22px;}
	.faqs a{color:#ff8218; text-decoration:none;}
	.faqs a:hover{text-decoration:underline;}
	.faqs ul#faq-questions{line-height:22px; margin-top:15px; margin-bottom:30px;}
	.faqs #faq-answers p{margin-left:0px;}
	.faqs #faq-answers li{margin-bottom:12px;}
	.faqs #faq-answers h2{font-size:18px; font-weight:bold; padding:16px 0;}
		.faqs #faq-answers h2 em{font-style:normal; color:#ff8218;}
	.faqs .back a{padding-left:20px; background:url(images/btn-top.gif) center left no-repeat;}


#footer{width:842px; padding-top:66px; margin:0 auto; text-align:center;}
	#footer ul{margin-top:20px; font-size:13px; line-height:15px; height:15px;}
	#footer li{display:inline; text-align:left; padding-right:9px; margin-right:5px; background:url(images/separator-footer.gif) right 3px no-repeat;}
	#footer li.last{padding-right:0px; margin-right:0px; background:none;}
		#footer li a{text-decoration:none; color:#FFFFFF;}
		#footer li a:hover{text-decoration:underline;}
	#footer p{color:#7d7d7d; padding:15px 0px;}