/* 
*	Daniel Allegrucci
*	DA-ID v2
*/

body{ font-family: Arial, Verdana, sans-serif; color: #000; font-size: 14px; margin: 0; text-align:center; padding: 0; background:url(../images/bg-top.jpg) repeat-x #FFF; }
a { color:#000; }
h2 { color: #102e53; font-weight: normal;  }
h3 { color:#688080; font-size:16px;  }
ol { list-style:decimal; padding: 0 0 0 24px; }

#header { height: 102px; width: 960px; margin: 0 auto; position: relative; }
	#logo { width: 325px; position: absolute; top: 24px; left: 7px; }
	#topNav {}
	
	#nav { width: 547px; height: 34px; position: absolute; bottom: 0; right: 0; padding: 0; }
	#nav li { float: left; margin-right: 8px; }
	#nav li.last { margin-right: 0; }
	#nav a.mainNav { height: 34px; overflow: hidden; margin:0; display:block; outline: none; text-indent: -99999px; }
	#nav a.mainNav:hover {background-position: 0 -34px; }
	#nav a.mainNav.selected, #nav a.mainNav:active {background-position: 0 -68px; }
	
	#nServices { background:url(../images/nav-services.jpg) no-repeat; width: 103px;}
	#nPortfolio { background:url(../images/nav-portfolio.jpg) no-repeat; width: 103px; }
	#nFaq { background:url(../images/nav-faq.jpg) no-repeat; width: 103px;}
	#nBlog { background:url(../images/nav-blog.jpg) no-repeat; width: 103px; }
	#nResources { background:url(../images/nav-resources.jpg) no-repeat; width: 103px; }
	#nContact { background:url(../images/nav-contact.jpg) no-repeat; width: 103px; }	
	
#underHeader { height: 28px; background: url(../images/bg-underHeader.jpg) repeat-x; }
#homeMid { background:url(../images/bg-home-mid.jpg) repeat-x; height: 399px; }
#homeMid #homeMidInner { width: 960px; margin: 0 auto; background:url(../images/bg-swooshes.jpg) no-repeat; height: 399px; position: relative; }
	#homeLeft { position: absolute; width: 425px; left: 10px; top: 104px; text-align: left; }
	#homeLeft p { text-align:justify; font-size: 16px; }
		#homeLeft h1 { background:url(../images/h-home.gif) no-repeat; text-indent: -99999px; margin: 0; padding: 0;  }
	#homeRight { position:absolute; top: 25px; right: 0; outline: 0; }

#homeBot { height: 204px; background: #000; }
#homeBotInner { width: 960px; height:inherit; margin: 0 auto; background:url(../images/bg-homeBot.jpg) no-repeat; }
.homeCTA { float: left; width: 300px; height: 165px; margin: 17px 20px 0 0; text-align: left; position: relative; }
	.homeCTA p { line-height: 18px; }
.homeCTA#blog { background:url(../images/bg-cta-blog.jpg) no-repeat; }
	.homeCTA#blog ul { padding: 0; margin: 28px 15px 0 20px; }
	.homeCTA#blog ul li { background:url(../images/bullet-gray.gif) no-repeat; padding: 0 0 8px 16px; line-height: 18px; }
.homeCTA#resources { background:url(../images/bg-cta-resources.jpg) no-repeat; }
	.homeCTA#resources  p {  margin: 24px 15px 0 20px; padding: 0; }
.homeCTA#testimonials { background:url(../images/bg-cta-testimonials.jpg); }
	.homeCTA#testimonials p { margin: 34px 15px 0 20px; padding: 0; }
.homeCTA#agencies { background:url(../images/bg-cta-agencies.jpg); width: 310px; margin-right: 0; }
	.homeCTA#agencies  p {  margin: 24px 15px 0 20px; padding: 0; }
.homeCTA h2 { text-indent: -99999px; }

#ctaButton { position:absolute; bottom: 10px; right: 10px; }

#subMid { background:url(../images/bg-sub-mid.gif) repeat-x #000; }
#subMidInner { width: 960px; margin: 0 auto; background:url(../images/bg-swooshes-sub.jpg) no-repeat; padding: 30px 0 30px 0; }
#whitePage{ background: #FFF; margin: 0; text-align: left; }
	.subLeft { float: left; width: 690px; margin: 12px 0 0 10px; }
	#subLeftBlog { padding: 12px 0 0 10px; }
	.subLeft.wide { width: 940px; }
	.subRightCol { float: right; width: 220px; margin: 12px 20px 0 0; }
		h2#capabilities { text-indent: -99999px; width: 220px; height: 42px; background:url(../images/rh-technical.jpg) no-repeat; }
		h2#hcontact { text-indent: -99999px; width: 220px; height: 42px; background:url(../images/rh-contact.jpg) no-repeat; }
		h2.htestimonial { text-indent: -99999px; width: 220px; height: 42px; background:url(../images/rh-testimonial.jpg) no-repeat; }
		
		.rightBox { background:url(../images/bg-rt-box.jpg) no-repeat bottom; padding-bottom: 4px; margin-bottom: 20px; }
		.rightBox ul { padding: 0 14px; }
		.rightBox ul li { border-bottom: 1px solid #cfcfcf; line-height: 16px; padding: 7px 0 7px 10px; }
		
		.testimonialText { font-size: 12px; margin: 7px 7px 0 14px; border-bottom: 1px solid #cfcfcf; padding-bottom: 7px; }
		.testimonialBy { font-size: 12px; font-style:italic; margin: 7px 0 7px 14px; }
		.testimonialText p { padding-bottom: 0; margin-bottom: 0; }
	
	.subLeft h1 { text-indent: -99999px; width: 690px; height: 41px; }
	h1#phServices { background:url(../images/ph-services.jpg) no-repeat; }
	h1#phResources { background:url(../images/ph-resources.jpg) no-repeat; }
	h1#phFaqs { background:url(../images/ph-faqs.jpg) no-repeat; }
	h1#phPortfolio { background:url(../images/ph-portfolio.jpg) no-repeat; width: 940px; }
	#subLeftBlog h1#phBlog { background:url(../images/ph-blog.jpg) no-repeat; text-indent: -99999px; width: 940px; }
	h1#phContact { background:url(../images/ph-contact.jpg) no-repeat; }
	
	.subLeft h2 { color: #1c98c6; font-size: 21px; }
	.subLeft h3 { color: #000; font-size: 14px; padding-bottom: 8px; }
	
	.innerLeft { padding: 12px 0 30px 47px; }
	.innerLeft ul { padding-left: 6px; }
	.innerLeft ul li { background:url(../images/bullet-blue.gif) no-repeat; padding: 0 0 8px 24px; }
	.subLeft.wide .innerLeft { padding: 12px 0 30px 8px; }

dl#faqList { padding: 0; margin: 10px 0 0 0; }
dl#faqList dt { font-weight: bold; background:url(../images/bullet-question.gif) no-repeat; padding-left: 22px; margin-top: 10px; }
dl#faqList dd { padding-left: 22px; margin-left: 0; margin-bottom:0 ; }

.portfolio { background:url(../images/bg-portfolio.gif) repeat-x; width: 274px; height: 221px; float:left; display: inline; padding: 10px 10px 0 10px; margin: 0 20px 10px 0; position: relative; }
.portfolio.last { margin: 0 0 10px 0; }
.portfolio a img{ border: 1px solid #CCC; }
.portfolio a:hover img { border: 1px solid #ff5d00; }
.caption { font-size: 12px; position:absolute; bottom: 20px; left: 10px; }
.caption img { vertical-align:middle; }
.forEdreamz { position:absolute; right: 0; top: 0; }

#footer{ background:url(../images/bg-footer.jpg) repeat-x; height: 38px; color: #FFF; padding-top: 12px; }
#footer a { color: #FFF; margin: 0 4px; }
#footer a.last { margin-right: 0;  }
#footerInner { width: 960px; margin: 0 auto; }
#footerLeft { width: 250px; float:left; text-align:left; }
#footerRight { width: 670px; float:right; text-align:right; }

form fieldset { margin-bottom: 20px; background: url(../images/bg-fieldset.gif) repeat-x #FFF; border: 1px solid #CCC; padding: 20px; }
form fieldset h2 { margin-bottom: 10px; }

form label { font-weight: normal; font-size: 16px; }
form .field25, form .field25 input { width: 25px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field50, form .field50 input { width: 50px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field80, form .field80 input { width: 80px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field100, form .field100 input { width: 100px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field130, form .field130 input { width: 130px; display: inline; float: left; margin: 0 20px 4px 0; }
form .field150, form .field150 input { width: 150px; display: inline; float: left; margin: 0 20px 4px 0; }
form .field160, form .field160 input { width: 160px; display: inline; float: left; margin: 0 20px 12px 0; }
form .field225, form .field225 input { width: 225px; display: inline; float: left; margin: 0 20px 8px 0; }
form .field250, form .field250 input { width: 250px; display: inline; float: left; margin: 0 20px 8px 0; }
form .field520, form .field520 input { width: 520px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radios { width: 600px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio100 { width: 95px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio130 { width: 130px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio150 { width: 150px; display: inline; float: left; margin: 0 20px 12px 0; }
form .radio170 { width: 170px; display: inline; float: left; margin: 0 20px 12px 0; }
form .fieldSocial { width: 250px; display: inline; float: left; margin: 0 20px 12px 0; }
form select.stateSelect { width: 130px; height: 22px; }
form .fTextArea { width: 470px; height: 75px; margin: 0 0 12px 0; }
form .submitButton { margin: 12px 0 0 0; }



/* Easy Slider for Testimonials */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:220px;
		height:298px;
		overflow:hidden; 
		}
	#slider li{ 
		background:#f1f1f1;
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}				
	span#prevBtn{}
	span#nextBtn{}					

	#sliderButtons { padding: 4px 0 0 4px; line-height: 12px; };
	#sliderButtons span img { padding-right: 4px;}

/* // Easy Slider */