*{
	padding:0;
	margin:0;
	font-family:Arial, sans-serif;
	}

a{
	color:#0d9cd7;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

a img{
	border:0;
	}

#wrapper{
	background:url(../img/bg.gif) repeat-x #075d81;
	}

.container{
	background:url(../img/bgTop.gif) no-repeat center top;
	height:1000px;
	width:998px;
	margin:0 auto;
	}

#header{
	height:200px;
	width:998px;
	position:relative;
	margin:0 auto;
	background:url(../img/bgTop.gif) no-repeat;
	}

#header .logo{
	float:left;
	margin:25px 0 0 40px;
	}

#header ul{
	position:absolute;
	right:40px;
	bottom:0;
	list-style:none;
	}

#header li{
	float:left;
	padding:0 0 23px 0;
	margin:0 0 0 10px;
	}

#header li img{
	height:35px;
	border:0;
	}

#header a img.about{
	width:77px;
	background:url(../img/menu_about.png) top;
	}

#header a img.work{
	width:70px;
	background:url(../img/menu_work.png) top;
	}

#header a img.services{
	width:103px;
	background:url(../img/menu_services.png) top;
	}

#header a img.contact{
	width:95px;
	background:url(../img/menu_contact.png) top;
	}

#header a:hover img{
	background-position:bottom;
	}

#header li.current{
	background:url(../img/menu_current.gif) no-repeat center bottom;
	}

#header li.current a img{
	background-position:bottom;
	}

#contentContainer{
	background:url(../img/contentBg.gif) repeat-x top #e6e4e4;
	}

#home_container{
	background:#075d81;
	padding:0 0 60px 0;
	}

#home_mainBox{
	margin:0 auto;
	background:url(../img/home_box_bg.gif) repeat-x #4888a2;
	width:915px;
	}

#home_mainBox .content{
	min-height:425px;
	background:url(../img/home_box_bg_bottom.gif) no-repeat bottom;
	color:#fff;
	font-size:14px;
	}

#home_mainBox .content .left{
	width:255px;
	float:left;
	padding:20px 0 20px 30px;
	}

#home_mainBox .content .middle{
	padding:20px 0 20px 45px;
	width:255px;
	float:left;
	}

#home_mainBox .content .right{
	padding:20px 30px 20px 0;
	width:255px;
	float:right;
	}

#home_mainBox .content img.title{
	margin:0 0 6px -3px;
	}

#home_mainBox .content a.read_more img{
	width:71px;
	height:19px;
	background:url(../img/read_more_btn.gif) no-repeat top;
	margin:10px 0 0 0;
	}

#home_mainBox .content a.read_more:hover img{
	background-position:bottom;
	}

#home_mainBox #features{
	width:908px;
	background:url(../img/home_mainBoxTop.png) top no-repeat;
	margin:0 auto;
	position:relative;
	}

#home_mainBox #features .content{
	background:url(../img/home_mainBoxbottom.png) bottom no-repeat;
	min-height:420px;
	}

#features .laptop{
	float:left;
	background:url(../img/feature_bg.jpg) no-repeat;
	width:530px;
	height:305px;
	margin:50px 0 0 20px;
	text-align:center;
	}

#features .laptop img{
	width:347px;
	height:219px;
	margin:22px 0 0 3px;
	}

#features .info{
	width:280px;
	float:right;
	margin:100px 60px 0 0;
	color:#075d81;
	}

#features .info p{
	font-size:12px;
	line-height:1.5;
	}

#features .info h2{
	font-size:14px;
	}

#features a img.more_btn{
	width:67px;
	height:29px;
	background:url(../img/more_btn.gif) top no-repeat;
	float:left;
	margin:10px 0 0 0;
	}

#features a:hover img.more_btn{
	background-position:bottom;
	}

#features a img.launch_btn{
	width:82px;
	height:16px;
	margin:17px 0 0 0;
	background:url(../img/launch_site.gif);
	float:right;
	}

#features a:hover img.launch_btn{
	border-bottom:3px solid #d4780c;
	}

.features_banner{
	position:absolute;
	top:-5px;
	right:-4px;
	}

#footer{
	width:900px;
	margin:0 auto;
	padding:40px 0 0 0;
	background:#fff;
	}

#footer .left{
	width:450px;
	float:left;
	margin:0 0 40px 0;
	}

#footer .left h6, #footer .right a{
	color:#000;
	font-size:14px;
	font-weight:normal;
	letter-spacing:-.05em;
	text-decoration:none;
	}

 #footer .right a:hover{
	text-decoration:underline;
	padding:0 0 40px 0;
	}

#footer .left p, #footer .right p{
	color:#777;
	font-size:11px;
	padding:20px 0 0 0;
	}

#footer .right{
	width:400px;
	float:right;
	text-align:right;
	margin:0 0 40px 0;
	}

#footer .right a.blue{
	font-size:11px;
	color:#0d9cd7;
	letter-spacing:0;
	}

#mainContent{
	background:url(../img/mainContentBg.gif) repeat-x #e6e4e4;
	}

#mainContent .content{
	width:910px;
	margin:0 auto;
	background:none;
	padding:45px 0;
	}

#mainContent h1{
	font-size:30px;
	}

#mainContent h2{
	font-size:22px;
	}

#mainContent h3{
	font-size:12px;
	}

#mainContent h4{
	font-size:22px;
	}

#mainContent .mainimg{
	padding:11px;
	margin:26px 0 15px 0;
	background:url(../img/main_img_bg.gif) no-repeat center #fff;
	}

#mainContent .mainimg_container .mainimg{
	margin:0;
	background:url(../img/main_img_bottom.gif) no-repeat bottom center;
	}

#mainContent .mainimg_container{
	margin:26px 0 15px 0;
	background:url(../img/main_img_mid.gif) repeat-y bottom center;
	}

#mainContent .mainimg_container2{
	background:url(../img/main_img_top.gif) no-repeat top center;
	}	

#left{
	width:590px;
	float:left;
	}

#left .module{
	background:url(../img/leftContentMid.gif) repeat-y;
	margin:0 0 15px 0;
	}

#left .module .moduleContent{
	background:url(../img/leftContentTop.gif) top left no-repeat;
	}

#left .module .moduleContent .content{
	width:546px;
	padding:22px;
	background:url(../img/leftContentBottom.gif) bottom left no-repeat;
	}

.module .moduleContent p{
	font-size:12px;
	color:#2f2f2f;
	line-height:1.7;
	padding:5px 0 0 0;
	}

#right{
	width:270px;
	float:right;
	}

#right .module{
	background:url(../img/rightContentMid.gif) repeat-y;
	margin:0 0 15px 0;
	}

#right .module .moduleContent{
	background:url(../img/rightContentTop.gif) top left no-repeat;
	}

#right .module .moduleContent .content{
	width:226px;
	padding:22px;
	background:url(../img/rightContentBottom.gif) bottom left no-repeat;
	}

#right .module .moduleContent .special{
	width:226px;
	padding:22px;
	background:url(../img/rightContentBottom-special.gif) bottom left no-repeat;
	}
	
#aboutContainer{
	padding:26px 0 0 0;
	}

#aboutContainer #right .module a img{
	margin:10px 0 0 0;
	border:1px solid #dad8d8;
	}

#aboutContainer #right .module a:hover img{
	border:1px solid #0d9cd7;
	}

#contact-map{
	background:url(../img/mapBg.gif) no-repeat;
	padding:10px;
	margin:26px 0 0 0;
	position:relative;
	height:192px;
	}

#map_canvas{
	position:absolute;
	top:10px;
	left:10px;
	}

#map-ad{	
	background:url(../img/map-ad-bg.png) no-repeat center;
	height:100px;
	width:174px;
	padding:42px 40px;
	position:absolute;
	top:60px;
	right:20px;
	color:#454545;
	font-size:18px;
	letter-spacing:-1px;
	font-weight:bold;
	}

#contact-form-mainbox{
	background:url(../img/contact-box-mid.gif) repeat-y;
	margin:50px 0 0 0;
	}

#contact-form-mainbox .mainContent{
	background:url(../img/contact-box-top.gif) no-repeat top;
	margin:0;padding:0;
	}

#contact-form-mainbox .mainContent .content{
	background:url(../img/contact-box-bottom.gif) no-repeat bottom;
	margin:0;padding:0;
	}

#contact-form-mainbox .left{
	float:left;
	width:420px;
	padding:15px;
	margin:5px 0 5px 5px;
	}

#contact-form-mainbox .right{
	float:right;
	width:420px;
	padding:15px;
	margin:5px 5px 5px 0;
	}

#contact-form-mainbox .right p{
	color:#454545;
	font-size:12px;
	padding:10px 0 0 0;
	}

#contact-form-mainbox .right p span{
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	}

#contact-form-mainbox a{
	color:#38acdc;
	text-decoration:none;
	}

#contact-form-mainbox a:hover{
	text-decoration:underline;
	}



#contact-form-mainbox input.textbox{
	width:399px;
	height:14px;
	background:url(../img/contact-textbox.gif) no-repeat;
	background-position:fixed;
	color:#979696;
	border:0;
	padding:5px 8px;
	font-weight:bold;
	font-size:12px;
	margin:7px 0 8px 0;
	}

#contact-form-mainbox .textarea{
	width:399px;
	height:95px;
	padding:5px 8px;
	background:url(../img/contact-textarea.gif) no-repeat;
	border:0;
	margin:7px 0 0 0;
	overflow:auto;
	font-weight:bold;
	font-size:12px;
	color:#979696;
	}

#contact-form-mainbox .contact-send{
	width:71px;
	height:35px;
	float:right;
	margin:0 5px 0 0;
	background:url(../img/contact-send.gif) no-repeat top;
	}

#contact-form-mainbox .contact-send:hover{
	background:url(../img/contact-send.gif) no-repeat bottom;
	}

.contact-form-bottom{
	margin:-1px 0 0 0;
	background:url(../img/contact-form-bottom.gif) no-repeat;
	height:35px;
	overflow:hidden;
	}

a.work-link{
	background:#7ba7b9;
	display:block;
	padding:5px;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight:bold;
	text-decoration:none;
	}

a:hover.work-link{
	background:#0d9cd7;
	}

.backBtn{
	right:2px;bottom:0;position:absolute;
	}

.backBtn a{
	color:#fff;
	background:#7ba7b9;
	padding:3px 5px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:-1px;
	display:block;
	}

.backBtn a:hover{
	background:#0d9cd7;
	}








/* WORK - IMG SLIDERS */

			.boxgrid{ 
				width: 220px; 
				height: 200px;
				background:url(img/bg.gif); 
				border: solid 1px #c7c7c7; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid h3{
					font-family:Arial, sans-serif;
					margin:20px 13px;
					font-size:11px;
					font-weight:bold;
					text-transform:uppercase;
					color:#45839e;
					line-height:2;
					}

				.boxgrid h3 span{
					padding:3px;
					background:#fff;
					}

				.boxgrid a.link{
					padding:3px;
					background:#7ba7b9;
					font-family:Arial, sans-serif;
					margin:20px 13px;
					font-size:11px;
					font-weight:bold;
					text-transform:uppercase;
					color:#fff;
					line-height:2;
					text-decoration:none;
					}



				.boxgrid a img.full{
					position:absolute;
					width:220px;
					height:200px;
					left:0;
					top:0;
					background:none;
					}
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}


/* END OF WORK - IMG SLIDERS */





/* Easy Slider */

	#slider{
		margin:0 auto;
		}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		padding:0;
		list-style:none;
		}

	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:370px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		list-style:none;
		margin:10px 0 0 424px;
		}

	ol#controls li{
		float:left;
		}

	ol#controls li a{
		display:block;
		padding:11px 11px 0 0;
		background:url(../img/bullet_off.gif) no-repeat;
		font-size:0;
		width:0;
		height:0;
		color:#fff;
		margin:0 5px;
		}

	ol#controls li.current a{
		background:url(../img/bullet_on.gif) no-repeat;
		}
	
/* // Easy Slider */



/* -- Slider - Works page */

	#work_boxes .wrapper{
		width:960px;
		margin-left:-25px;
		}

	#work_boxes .img_container{
		padding:25px 23px;
		background:url(../img/mainBg.gif) no-repeat;
		float:left;
		margin:26px;
		}
	
	#work_boxes .boxgrid{ 
		width: 220px; 
		height: 200px;
		background:url(../img/bg.gif); 
		border: solid 1px #c7c7c7; 
		overflow: hidden; 
		position: relative; 
	}
		#work_boxes .boxgrid img{ 
			position: absolute; 
			top: 0; 
			left: 0; 
			border: 0; 
		}
		#work_boxes .boxgrid p{
			font-family:Arial, sans-serif;
			margin:20px 3px;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			color:#45839e;
			line-height:2;
			}

		#work_boxes .boxgrid p span{
			padding:3px;
			background:#fff;
			}

		#work_boxes .boxgrid a.link{
			padding:3px;
			background:#7ba7b9;
			font-family:Arial, sans-serif;
			margin:20px 13px;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			color:#fff;
			line-height:2;
			text-decoration:none;
			}
		#work_boxes .boxgrid a:hover.link{
			background:#0d9cd7;
			}
		#work_boxes .boxgrid a img.full{
			position:absolute;
			width:220px;
			height:200px;
			left:0;
			top:0;
			background:none;
			}
	#work_boxes .boxcaption{ 
		float: left; 
		position: absolute; 
		background: #000; 
		height: 100px; 
		width: 100%; 
		opacity: .8; 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
		#work_boxes .captionfull .boxcaption {
			top: 260;
			left: 0;
		}
		#work_boxes .caption .boxcaption {
			top: 220;
			left: 0;
		}
		