@charset "utf-8";
/* CSS Document */
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	/*background: url(../images/bodyFill.png) repeat center top;*/
}
.float_left  {
	float: left;
}
.float_right  {
	float: right;
}
a:link, a:active, a:visited  {
	text-decoration: none;
	color: #090;
}
a:hover  {
	text-decoration: underline;
	color: #060;
}
/* CLEARFIX *******************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
* {
	margin: 0;
}
/* STICKY FOOTER */
html, body {height: 100%;}

#wrapper {min-height: 100%;}

#main {overflow: hidden;
	padding-bottom: 40px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -178px; /* negative value of footer height */
	height: 178px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* HEADER CONTENT & MAIN WRAPPER ***************************/
#wrapper  {
	width: 991px; 
	margin: 0 auto;
	padding: 0 0 1.5em 0;
}
#logo img {
	width: 323px; 
	height: 46px; 
	margin: 50px 0 0 10px;
}
#headerbg  {
	width: 980px; 
	height: 228px;
	clear: both;
	position: relative;
	top: -3px;
}
/*#headerAlt  {
	background: url(../images/headerbg.png) no-repeat center top; 
	height: 228px; 
	width: 978px;
}*/
#headerAbout  {
	background: url(../images/header_about.jpg) no-repeat center top;
	width: 978px;
	height: 116px;
	margin: 0 auto;
	clear: both;
}
#headerSolutions  {
	background: url(../images/header_solutions.jpg) no-repeat center top;
	width: 978px;
	height: 116px;
	margin: 0 auto;
	clear: both;
}
#headerRequest  {
	background: url(../images/header_request.jpg) no-repeat center top;
	width: 978px;
	height: 116px;
	margin: 0 auto;
	clear: both;
}
#headerSub  {
	background: url(../images/headerbgSub.png) no-repeat center top;
	width: 978px;
	height: 28px;
	clear: both;
	position: relative;
	top: -3px;
}
/* PORTFOLIO CAROUSEL **************************/
#carousel_container  {
	width: 980px; 
	clear: both; 
	margin: .5em .5em .5em 10px;
}
.carousel  {
	margin: 0 0 0 5px;
}
#carouselPrev  {
	width: 40px; 
	height: 140px;
}
#carouselNext  {
    width: 40px; 
	margin: 0 10px 0 0; 
	height: 140px;
}
#carouselImages  li  {
	margin-right: 5px;
}
/* HOMEPAGE ROWS **********************/
#row1a  {
	/*background: url(../images/row1_custom.png) no-repeat center top;*/
	width: 461px; 
	margin: 2em 2em 0 0;
}
#row1b  {
	/*background: url(../images/row1_wordpress.png) no-repeat center top;*/
	width: 461px; 
	margin: 2em 2em 0 0;
}
#row1c  {
	/*background: url(../images/row2_dynamic.png) no-repeat center top;*/ 
	width: 461px; 
	margin: 2em 2em 0 0;
}
#row1d  {
	/*background: url(../images/row2_ecommerce.png) no-repeat center top;*/ 
	width: 461px; 
	margin: 2em 2em 0 0;
}
#seo  {
	width: 955px;
	margin: 2em 0 2em 0;
}
#seo_list  {
	position: relative;
	left: 3.7em;
	list-style-image: url(../images/icon_checkmark.png);
	list-style-type: disc;
}
#seo_list li  {
	
	line-height: 17px;
}
#piecework  {
	/*background: url(../images/row3_piecework.png) no-repeat center top;*/
	width: 955px;
	margin: 2em 0 2em 0;
}
#row1a h3, #row1b h3, #row1c h3, #row1d h3 , #seo h3, #piecework h3 {
	font-size: 20pt;
}
#row1a p, #row1b p, #row1c p, #row1d p , #seo p, #piecework p {
	line-height: 1.3em;
}
#piecework h3  {
	padding: 1em 0 .2em 0;
}
#piecework p {
	margin: 0 0 0 0;
	padding-right: 1em;
}
#row1a p, #row1b p, #row1c p, #row1d p  {
	padding: 10px 30px 0 0; line-height: 1.2em;
}
.btnMore  {
	margin: .5em 0 0 .5em;
	width: 123px;
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/btnMore.png) no-repeat center top;
}
.btnMore:hover  {
	background-position: 0 -28px;
}
.bannerAds_container  {
	width: 739px;
	height: 117px;
	background: url(../images/bannerBG.png) no-repeat center;
	margin: 1em auto 0 auto;
}
.bannerAds  {
	width: 728px;
	margin: 0 auto;
	position: relative;
	top: 1.3em;
}
.banner300Box_container  {
	width: 316px;
	height: 287px;
	background: url(../images/banner300Box.png) no-repeat center;
	margin: 1em 0 0 0;
}
.banner300Box  {
	width: 300px;
	margin: 0 auto;
	position: relative;
	top: 1.8em;
}
.smallSquareAds  {
	width: 141px;
}
.smallSquareAd  {
	margin: 0 auto;
	position: relative;
	top: 1.5em;
	left: 7px;
}
.smallSquareAds_container  {
	margin: 0 0 0 .5em;
}
.smallSquareAd_container  {
	width: 141px;
	height: 156px;
	background: url(../images/banner125Box.png) no-repeat center;
}
.bottomAds  {
}
/* NAVIGATION ******************************/
#nav  {
	float: left;
	padding: 0;
	margin: 0 auto;;
	margin: 80px 0 0 170px;
	list-style: none;
	width: 460px;
	height: 50px;
}
#nav li  {
	float: left;
}
#nav li a {
    display: block;
	text-indent: -9999px;
    background-image: url(../images/nav_sprite.png);
    padding-top: 50px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
	line-height: 0em;
}

#nav_home, #home  {
    width: 98px;
}
#nav_home:hover, #nav_home.active  {
    background-position: 0px -50px;
}
#nav_about, #about  {
    width: 83px;
    background-position: -98px 0;
}
#nav_about:hover, #nav_about.active {
    background-position: -98px -50px;
}
#nav_packages, #packages {
    width: 108px;
    background-position: -181px 0;
}
#nav_packages:hover, #nav_packages.active {
    background-position: -181px -50px;
}
#nav_request, #request {
    width: 158px;
    background-position: -289px 0;
}
#nav_request:hover, #nav_request.active {
    background-position: -289px -50px;
}
/* BLOG & TESTIMONIALS ***********************/
#blogTestimonials_container  {
    width: 980px; 
	margin: 0 auto;	
}
#blog img  { 
	width: 465px; 
	height: 193px; 
	margin: 20px 0 0 0;
}
#testimonials  {
	background: url(../images/testimonials.png) no-repeat center top; 
	width: 400px; 
	height: 426px; 
	margin: 20px 0 0 100px;
}
#testimonials p#quote  {
	width: 325px; 
	margin: 140px auto 0 auto; 
	height: 140px; 
	line-height: 1.2em
}
#testimonials p#author  {
	margin: 50px 0 0 130px; 
	font-weight: bold;
}
#testimonials p#department  {
	margin: 0 0 0 150px; 
	font-style: italic;
}
/* SECONDARY PAGES & QUICK CONTACT *************/
#content_container  {
	background: url(../images/bg_gradient.png) no-repeat center top;
	margin: 1em auto 0 auto;
	min-height: 413px;
	width: 991px;
}
#content_top  {
	background: url(../images/content_top.png) no-repeat center top; 
	height: 20px;
}
#content_fill  {
	background:url(../images/content_fill.png) repeat-y center top;
}
#content_inner  {
	width: 650px; 
	float: left;
	padding: 2.5em 0 0 2.5em;
}
#content_inner p  {
	margin: 10px 0 20px 0; 
	line-height: 1.3em;
}
#content_inner h1  {
	font-size: 16pt; 
	margin-bottom: 20px;
}
#content_btm  {
	background: url(../images/content_btm.png) no-repeat center top; 
	height: 20px;
}
/* SOLUTIONS ******************************/
.solutions_container  {
	
}
.solutions_list  {
	position: relative;
	left: 2em;
	list-style-image: url(../images/bullet_arrow.png);
	list-style-type: square;
	
}
.solutions_list li  {
	line-height: 17px;
	padding: 0 0 4px 0;
	
}
.solutions_price_custom  {
	width: 120px;
	height: 120px;
	background: url(../images/solutions_custom_price.jpg) no-repeat center;
}
/* QUICK CONTACT FORM *********************/
#sidebar  {
	background: url(../images/quick_contact.png) no-repeat center top; 
	margin: 3.5em 0 0 2em; 
	height: 351px; 
	width: 224px; 
	font-size: 10pt;
}
#sidebar_inner  {
	padding: 50px 10px 0 10px;
	line-height: 1.2em;
}
.quick_desc  {
	color:#666;
	font-weight: bold;
}
#label_name  {
	background: url(../images/icon_name.png) no-repeat left top;
	text-indent: 2em;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
}
#label_email  {
	background: url(../images/icon_email.png) no-repeat left top;
	text-indent: 2em;
	line-height: 17px;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
}
#label_comments  {
	background: url(../images/icon_details.png) no-repeat left top;
	text-indent: 2em;
	line-height: 17px;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
}
.label_request  {
	line-height: 1.3em;
	font-size: 10pt;
}
#quick_name, #quick_email  {
	width: 270px;
	background-color: #CCC;
	border: 1px solid #999;
}
#quick_comments  {
	width: 270px; 
	height: 30px;
	background-color: #CCC;
	border: 1px solid #999;
}
#submitButton  {
  	cursor:pointer;       /* Give it the hand cursor, like a link */
  	height:20px;          /* Image has a height of 80px, only show the first half */
  	overflow:hidden;      /* Hide the overflow */ 
	width: 76px;
}
#submitButton:hover input {
  margin-top:-20px;    /* Negative height of half the sprite, to push the image up */
}
#referral  {
	background: url(../images/btn_referral.png) no-repeat center top;
	width: 148px;
	height: 31px;
}
/* REQUEST QUOTE PAGE ***********************/
.input_container  {
	margin: 0 0 20px 0;
}
#content_inner #content_form  {
	font-size: 10pt;
}
.request_type  {
	line-height: 1.3em;
	font-size: 10pt;
	padding: 0 20px 0 0;
}

#footer  {
	background: #b7b7b7 url(../images/footer_gradient.png) repeat-x center top; 
	width: 100%;  
	margin: 0 auto;  
	font-size: 8pt; 
}
#footer_inner  {
	width: 991px;
	margin: 0 auto;
	padding: 2em 0 0 .5em;
}
#footer a:link, #footer a:visited, #footer a:active  {
	text-decoration: none;
	color: #060;
}
#footer a:hover  {
	text-decoration: underline;
	color:#090;
}
#footer ul li  {
	margin: .5em 0 0 0;
}
#footer h3  {
	color: #666;
	margin: 0 0 1em 0;
}
#footer td  {
	padding: 0 0 .3em 0;
	vertical-align: middle;
}