@charset "utf-8";
/* CSS Document */

body{
	margin:0px auto;
	padding:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4f53;
	font-size:12px;
	background-image: url(../images/page-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow-x:hidden;
	line-height:18px;
	
	
}
#container{
	width:1000px;
	margin:0px auto;
}

#logo{
	float:left
}
#header-phone-email{
	 float:right; 
	 text-align:right; 
	 padding-top:22px; 
}
#btn-panel{
	padding:4px;
	text-align:center;
	height:36px;
}
#right-panel{
	float:right;
	width:265px;
}
#left-panel{
	float:left;
	width:676px;
	padding-left:9px;
}
#footer{
	clear:both;
	margin-left:9px;
	padding:5px 30px 30px 30px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size:11px;
	color:#4e5a67;
	line-height:25px;
}
#footer a{
	color:#4e5a67;
	text-decoration:none
}
#footer a:hover{
	color:#115883;
	text-decoration:underline
}
/*#main-area{
	padding:10px 20px;
	background-image: url(../images/main-area-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:justify;
	background-color:#f3f5f6;
	
}*/

#main-area{
	
	background-image: url(../images/main-area-bg.gif);
	background-repeat:repeat-y;
	background-position: left bottom;
	text-align:justify;
	width:676px;
}
.bottomShade{
	padding:10px 20px;
	background-image: url(../images/main-area-shade.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	width:638px;
}

#right-side-shade{
	padding:10px 20px;
	background-image: url(../images/right-side-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#f3f5f6;
}







a{
	color:#115883;
}
a:hover{
	color:#4b4f53;
}
a img{
	border:none;
}
p{
	padding:0px;
	margin:0px;
	padding-bottom:18px;
}
h2{
	font-size:14px;
	color:#115883;
	padding:0px;
	margin:0px;
	padding-bottom:8px;
	padding-top:10px;
}
ul{
	padding:0px;
	margin:0px;
	}
#left-panel ol{
	padding:0px;
	margin:0px;
	margin-left:50px;
	padding-top:10px;
	padding-bottom:15px;
	}
#left-panel li{
	padding-bottom:5px;
	background-image: url(../images/blue-bullet.gif);
	background-position: left 5px;	
	background-repeat:no-repeat;
	list-style:none;
	padding-left:15px;
}






.blue-text{
	color:#115883;
}

.blue-text-bold{
	color:#115883;
	font-weight:bold;
}
.blue-fourteen-bold{
	color:#115883;
	font-size:13px;
	font-weight:bold;
}
.blue-eighteen-bold{
	color:#115883;
	font-size:18px;
	font-weight:normal;
}
.brown-text{
	color:#a52305;
	text-decoration:none;
}
.brown-text-bold{
	color:#a52305;
	font-weight:bold;
	text-decoration:none;
}
.white-text-sixteen{
	font-size:16px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:22px;
}
a.white-text-sixteen:hover{
	font-size:16px;
	color:#ffde44;
	text-decoration:none;
	line-height:22px;
}
.big-first-letter{
	float:left;
	font-size:32px;
	color:#115883;
	display:block;
	font-weight:bold;
	padding-top:5px;
	padding-right:5px;
	line-height:20px;
	
}
.black-thirteen-bold{
	font-size:13px;
	font-weight:bold;
	color:#000000
	
}










.home-about-us{
	padding:10px 20px;
	background-image: url(../images/home-about-us-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:247px;
	float:left
}
.home-testimonials{
	padding:10px 20px;
	background-image: url(../images/home-testimonial-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:332px;
	float:right
}
.home-our-client{
	padding:10px 20px;
	background-image: url(../images/home-our-client-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:636px;
	height:340px;
}
.our-client-logo{
	width:98px;
	height:74px;
	padding-bottom:8px;	
}
.h-dotted-line{
	background-image: url(../images/h-dotted-line.gif);
	background-repeat: repeat-x;
	background-position: left center;
}





.about-testimonial{
	background-image: url(../images/about-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.case-studies-testimonial{
	background-image: url(../images/case-studies-testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.contact-testimonial{
	background-image: url(../images/contact-testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.privacy-testimonial{
	background-image: url(../images/privacy-testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.design-process-testimonial{
	background-image: url(../images/design-process-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.direct-marketing-testimonial{
	background-image: url(../images/direct-market-testimonial-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.brochures-testimonial{
	background-image: url(../images/brochures-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.marketing-solutions-testimonial{
	background-image: url(../images/marketing-solutions-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.website-testimonial{
	background-image: url(../images/website-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.logo-branding-testimonial{
	background-image: url(../images/logo-branding-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.portfolio-testimonial{
	background-image: url(../images/portfiolio-testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:233px;
	height:200px;
	float:right; 
	color:#FFFFFF;
	padding:53px 21px 0px 26px;
	line-height:13px;
}
.testimonials-read-more-btn{
	position:absolute; 
	top:340px; 
	margin-left:128px; 
	width:103px;
}
.portfolio-thumb{
	background-image: url(../images/portfolio-bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:4px;
	height:104px;
	width:138px;
	margin-bottom:5px;
}
.porfolio-white-bg{
	background-image: url(../images/portfolio-white-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px 0px 10px 45px;
}
.case-studies-right{
	float:right;
	width:490px;
}
.case-studies-left{
	float:left;
	width:120px;
	padding-top:10px;
}
.case-studies-thumb{
	float:left;
	width:134px;
}
.form-field-title{
	float:left;
	width:166px;
}
.form-field{
	float:left;
	width:200px;
}
.box{
	border:1px solid #acb9cc;
	width:188px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4b4f53;
	font-size:12px;
}


.testimonial-logo{
	border:1px solid #9ab9cd;
	background-color:#FFFFFF;
	padding:2px 2px;
	width:124px;
	float:left;
	margin-top:5px;
	text-align:center
}





.tabs-mid{
	background-image: url(../images/tab-block-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:18px;
}

.portfolio-thumbnail{
	float:left;
	width:140px;
	
}
.portfolio-thumb-bg{
	width:134px;
	height:102px;
	padding:2px 4px 8px 2px;
	background-image: url(../images/portfolio-thumb-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	
}
.portfolio-icon{
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:134px;
	height:102px;
}

.show{
	display:block;
}

.hide{
	display:none;
}

/*--------------------------------------------------------Paging */
.paging{
	font-family:Arial, Helvetica, sans-serif;
	color:#115883;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding:0px 3px;
}
a.paging:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#83a5ba;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding:0px 3px;
}
.paging-current{
	font-family:Arial, Helvetica, sans-serif;
	color:#a52305;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	padding:0px 3px;
}





#myPopUp{
	position:relative; 
	z-index:200; 
	/*left:0px;
	top:0px;
	width:100%;*/
	text-align:center;
	width:592px;
	margin:0px auto;


}
.pop-mid-bg{
	background-image: url(../images/pop-up-mid-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0px 21px 10px 21px;
	color:#115883;
	width:550px;
	margin:0px auto;
	text-align:left;
}
.pop-mid-bg ul{
	padding:0px;
	margin:0px;
	padding-bottom:15px;
	padding-left:10px;
	}
.pop-mid-bg li{
	padding-bottom:5px;
	background-image: url(../images/blue-bullet.gif);
	background-position: left 5px;	
	background-repeat:no-repeat;
	list-style:none;
	padding-left:15px;
}