/************** css reset **************/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}

:focus {outline: 0;}


/************** end css reset **************/


body{
font-family:"Droid Sans", Helvetica, Arial, serif;
}

#header-container{
width:100%;
min-width:960px;
height:586px;
background:url("http://www.forwarddynamic.com/images/topHeader.jpg") 50% 0% no-repeat #05122e;
position:relative;
}

#secondary-header{
display:none;
background:url("http://www.forwarddynamic.com/images/topHeader.jpg") 50% 70% no-repeat #05122e;
height:130px;
position:relative;
}

#smaller-header{
width:100%;
min-width:960px;
height:130px;
background:url("http://www.forwarddynamic.com/images/smallerHeaderBackground.jpg") 50% 0% no-repeat #010220;
position:relative;
}

.navigation-bar{
width:100%;
height:65px;
background:#00041e;
background:rgba(0,0,0,.30);
position:relative;
top:15px;
}

.nav-content{
width:960px;
margin:auto;
position:relative;
top:15px;
}
 .navigation-menu{
position:absolute;
right:0;
top:7px;
}

.navigation-menu li{
margin-right:15px;
font-size:1.0em;
float:left;
}

.navigation-menu li a{
color:#fff;
text-decoration: none;
font-family:Helvetica, Arial, Sans-serif;
} 


.box-price{
font-size: 1.55em;
margin: 15px 0 10px 0;
border-top: 1px solid #E5E5E9;
border-bottom: 1px solid #E5E5E9;
padding:10px 0;
}

.website-design-price{
color: #54218d;
}

.seo-price{
color: #3294d9;
}

.gfx-price{
color: #802246;
}



#video-section{
width:920px;
height:400px;
margin:auto;
position:relative;
top:40px;
}

#video-section iframe{
margin:auto;
display:block;
}

.close-header, .open-header{
width:960px;
height:36px;
margin:auto;
position:relative;
top:87px;
}

.close-header-button{
width:55px;
height:36px;
bottom:2px;
right:25px;
position:absolute;
cursor:pointer;
}

.open-header-button{
width:55px;
height:36px;
bottom:58px;
right:25px;
position:absolute;
cursor:pointer;
}

#content-container{
width:100%;
min-width:960px;
background:url("http://www.forwarddynamic.com/images/contentBackground.gif") #e7e8ea repeat-x;
position:relative;
}

#portfolio-info{
background: #f2f1f7;
border-top:4px solid #fff;
width:100%;
min-width:960px;
position:relative;
padding-top:10px;
}

#portfolio{
width:960px;
margin:auto;
position: relative;
}

.portfolio-picture{
margin:auto;
padding-top:20px;
display:block;
}

.nav-arrow-left{
position:absolute;
top:350px;
left:0;
}

.nav-arrow-right{
position:absolute;
top:350px;
right:0;
}

#content, #client-content{
width:960px;
margin:auto;
position:relative;
padding-bottom:35px;
min-height:450px;
}

#logged-in{
width: 940px;
margin: 15px auto 0 auto;
position: relative;
padding: 10px;
min-height: 450px;
background: white;
padding: 10px;
border-radius: 6px;
}

#contact-container{
background: #F2F1F7;
border-top:3px solid #fff;
}

#info-box{
position:absolute;
top:55px;
right:10px;
background:#fff;
border:1px solid #e1e1e1;
width:40%;
height:90px;
border-radius:6px;
padding:10px;
}

#contact-content .webform{
font-size:.9em;
background:#fff;
border-radius:6px;
width:50%;
padding:10px;
margin-top:10px;
border: 1px solid #e1e1e1;
}

#contact-content .webform label{
color: #2F8BD4;
}

#contact-content .webform .cat_textbox, .webform textarea{
color: #666766;
line-height:1.2em;
padding:4px;
border: 1px solid #ddd;
border-radius: 4px;
}

.system-message{
text-align: center;
}

#contact-content .cat_textbox{
width:200px;
}

#contact-content .webform div{
margin-top:10px;
}

#contact-content{
width:960px;
margin:auto;
position:relative;
padding-bottom:40px;
min-height:450px;
color: #666766;
line-height: 1.6em;
padding-top:20px;
}

#picture-container{
width:100%; 
height:164px; 
background:url("http://www.forwarddynamic.com/images/mesh-background.png") #ddd repeat;
border-top:2px solid #fff;
}

#more-pictures{
width:960px;
text-align: center;
margin:auto;
}

#more-pictures a{
text-decoration: none;
}

#more-pictures img{
position:relative;
top:30px;
margin:0 8px;
border:1px solid #eee;
}

#portfolio-container, #client-container{
background:url("http://www.forwarddynamic.com/images/mesh-background.png") repeat;
border-top:4px solid #fff;
position:relative;
min-height:500px;
}

#portfolio-wrapper{
width:960px;
margin:auto;
}

.portfolio-section{
padding-top:5px;
}

.portfolio-section{
width:620px;
margin:auto;
float:left;
}

#contact-container h1, #client-content h1, .portfolio-section h1{
color: #2f8bd4;
font-size:1.3em;
}

#info-box h2{
color: #2f8bd4;
font-size:1.2em;
margin-bottom:5px;
}

.portfolio-section p{
color:#65686d;
line-height:1.4em;
font-size:.95em;
margin-top:10px;
font-family: Helvetica, Arial, sans-serif;
}

.portfolio-testimonial{
background:#fff;
border-radius:6px;
border:1px solid #e1e1e1;
width:290px;
float:right;
padding:15px;
top:5px;
position:relative;
margin-bottom: 10px;
}

.secure-login .webform .cat_button{
margin-top:15px;
}

.cat_button{
background: url("http://www.forwarddynamic.com/images/submitButton.png") no-repeat;
text-indent: -999em;
border:none !important;
margin:auto;
display: block;
width:119px;
height:39px;
cursor:pointer;
}

.cat_button:hover{
background: url("http://www.forwarddynamic.com/images/submitButton.png") no-repeat 100%;
}

.portfolio-testimonial p{
color: #2f8bd4;
font-size:.9em;
line-height: 1.5em;
text-align: center;
margin-top:20px;
}

.quote{
position:absolute;
top:10px;
left:8px;
font-size:3em;
color:#ddd;
font-family:Georgia;
}

.bottom-quote{
position:absolute;
bottom:45px;
right:5px;
font-size:3em;
color:#ddd;
font-family:Georgia;

}

.owner{
background:url("http://www.forwarddynamic.com/images/ownerBackground.gif") repeat-x;
height:55px;
border-radius:6px;
margin-top:25px;
}

.owner p{
color:#fff;	
padding-top:5px;
margin:0 auto;
}

.owner p em{
font-weight:bold;
}

#pricing-boxes{
width:926px;
height:419px;
background:url("http://www.forwarddynamic.com/images/boxes/fancyBoxes.png") no-repeat;
position:relative;
top:30px;
margin:0 auto 20px auto;
}

#web-design-box, #seo-box, #print-box{
width:270px;
height:300px;
position: absolute;
text-align:center;
top:40px;
}

#web-design-box h2{
text-indent:-999em;
height:50px;
width:225px;
margin:0 auto 10px auto;
background:url("http://www.forwarddynamic.com/images/boxes/website.png") no-repeat;
}

#seo-box h2{
text-indent:-999em;
height:50px;
width:225px;
margin:0 auto 10px auto;
background:url("http://www.forwarddynamic.com/images/boxes/seo.png") no-repeat;
}

#print-box h2{
text-indent:-999em;
height:50px;
width:225px;
margin:0 auto 10px auto;
background:url("http://www.forwarddynamic.com/images/boxes/print.png") no-repeat;
}

#web-design-box{
left:30px;
}

#seo-box{
top:20px;
left:330px;
}

#print-box{
right:30px;
}

#box-ebook p, #box-report p{
color:#818181;
font-size:.85em;
position:relative;
top:15px;
margin-left:10px;
height:40px;
}

.e-book-icon{
position:absolute;
top:15px;
right:15px;
}

.free-ebook{
position:relative;
top:10px;
margin-left:20px;
}

.free-ebook .email-field{
width:160px;
padding:5px;
height:22px;
border:1px solid #e0e0e0;
border-radius: 4px;
color:#666766;
}

.email-field-report{
width:170px;
padding:5px;
height:22px;
border:1px solid #e0e0e0;
border-radius: 4px;
color:#666766;
}

#box-report span{
color:#666766;
font-size:.85em;
margin:0 0 0 5px;
}

.website-address{
width:230px;
padding:5px;
height:22px;
border:1px solid #e0e0e0;
border-radius: 4px;
color:#666766;}


.free-ebook .submitButton{
background:url("http://www.forwarddynamic.com/images/confirm-button.png") no-repeat;
width:60px;
height:34px;
position: absolute;
top:0;
right:45px;
border:none;
cursor:pointer;
z-index: 100;
text-indent:-999em;
}

#box-report .submitButton{
background:url("http://www.forwarddynamic.com/images/confirm-button.png") no-repeat;
width:60px;
height:34px;
position: absolute;
top:0;
right:65px;
border:none;
cursor:pointer;
}

#box-ebook p.box-header, #box-report p.box-header{
color:#1c4675;
font-weight:bold;
font-size:.9em;
height:20px;
}

.product-list a{
color:#666766;
font-size:.8em;
line-height:1.4em;
text-decoration: none;
}

#web-design-box .product-list a:hover{
color:#55218f;
}

#seo-box .product-list a:hover{
color:#3295d9;
}

#print-box .product-list a:hover{
color:#822247;
}

.more-info-button{
margin:15px auto 0 auto;
}

.divider{
width:940px;
height:2px;
display:block;
margin:auto;
background:url("http://www.forwarddynamic.com/images/divider.png") no-repeat;
}

#sell-box{
width:960px;
height:140px;
position: relative;
margin:50px auto 0 auto;
}

#box-ebook{
width:273px;
height:129px;
background:url("http://www.forwarddynamic.com/images/leftSellBox.png") no-repeat;
position:absolute;
left:0;
top:0;
}

#box-report{
width:589px;
height:132px;
background:url("http://www.forwarddynamic.com/images/rightSellBox.png") no-repeat;
position:absolute;
right:0;
top:0;
}

#testimonials-section{
width:100%;
height:auto;
position:relative;
background:url("http://www.forwarddynamic.com/images/mesh-background.png") #eee repeat;
border-bottom:3px solid #fff;
}

#testimonial-content{
width:960px;
height:auto;
margin:auto;
}

#testimonial-content h1{
font-size:1.4em;
color:#1c4675;
position:relative;
top:35px;
}

#testimonial-content a{
color:#3295DA;
}

#testimonial-content a:hover{
color:#ffa832;
}	

	#slide-show{
	width:100%;
	height:auto;
	position:relative;
	margin-top:90px;
	}
	
	.bx-window{
	height:270px !important;
	}
	
	.panel{
	width:100%;
	height:150px;
	}
	
	.business-logo{
	margin:auto;
	display:block;
	padding-top:15px;
	}
	
	.business-blurb{
	width:651px;
	height:114px;
	position:absolute;
	right:0;
	top:20px;
	background:url("http://www.forwarddynamic.com/images/speech-bubble.png") no-repeat;
	}
	
	.business-blurb .text{
	color:#3295da;
	width:520px;
	line-height:1.4em;
	position:relative;
	top:15px;
	left:90px;
	font-size:.9em;
	}
	
	  .blurb-author{
		color:#787878;
		position:absolute;
		bottom:-35px;
		right:0;
		}
		
	.logo-container{
	width:330px;
	height:130px;
	float:left;
	position:relative;
	top:10px;
	}
	
	
#footer-container{
background: url("http://www.forwarddynamic.com/images/bottomFooterLights.jpg") no-repeat 50% 100% #00183f;
width:100%;
min-width: 960px;
height:auto;
border-top:4px solid #fff;
}

#footer-content{
width:960px;
height:254px;
margin:auto;
position:relative;
}

.list-section{
float:left;
margin:25px 35px 0 0;
line-height:1.2em;
}


#footer-content li a{
color:#C4C4C6;
font-size:.8em;
text-decoration: none;
}

.active, .navigation-menu li a:hover, #footer-content li a:hover{
color:#ffa832 !important;
}

#footer-content li.list-header a{
color:#fff;
font-size:1.1em;
margin-bottom:10px;
display:block;
}

#adobe{
position:absolute;
top:175px;
right:120px;
}

#google{
position:absolute;
top:175px;
right:0;
}

#fssPlayPause, #fssPrev, #fssList, #fssNext{
display:none;
}

.clear{
clear:both;
padding-top:5px;
}

.order-list
{
width:100%;
font-size:.9em;
border:1px solid #ddd;
}

.order-list td{
padding:8px;
background: #f2f1f7;
}

.http-text{
font-size:.9em;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#222;
}