@charset "UTF-8";
/* CSS Document */
#container
{ 
	width:994px;
	height:auto;
	
	clear:left;
	margin:0 auto;
	position:relative;
	border:0px;
	
	
}
#main
{ 
	width:900px;
	height:auto;
	background-color:#FFf;
	clear:left;
	margin:0 auto;
	position:relative;
	border:0px;
	padding:0px 25px 0px 25px;
	background-attachment: fixed;
	
}

#main-works
{ 
	width:900px;
	height:auto;
	background-color:#FFF;
	margin:0 auto;
	position:relative;
	border: 0;
	padding:0px 25px 0px 25px;
	
}


#main-recent
{ 
	width:900px;
	height:auto;
	background-color:#FFF;
	margin:0 auto;
	position:relative;
	border: 0;
	padding:0px 25px 0px 25px;
	
}




#main-bottom
{
	width:950px;
	height:28px;
	background-image:url(images/main-bottom.png);
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	border: 0;
}

#footer
{
	width:950px;
	height:100px;
	background-image:url(images/footer-bg.png);
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	border: 0;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
	font-size:9px;
	padding:20px 0px 0px 0px
	
}


#media
{
	width:900px;
	height:185px;
	background-color:#FFF;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	border: 0;
	padding:0px 25px 0px 25px;
	
}





#footer .left2
{
	width:735px;
	height:45px;
	padding:15px 0px 0px 40px;
	line-height:14px;
	float:left;
	text-align:right;

}

#footer .right2
{
	width:120px;
	height:60px;
	float:left;
	text-align:right;
	
}

#footer .copyright .bottom
{
	width:257px;
	height:40px;
	float:left;
	text-align:right;
	padding:0px 43px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#105b7a;
	font-size:8px;
	
}
#footer .projects .more
{
	width:174px;
	height:90px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	font-size:12px;
	line-height:16px;
	float:left;
}

#header
{
	width:900px;
	height:162px;
	
}
	

#header .logo
{
	width:500px;
	height:162px;
	float:left
}

#header .icons
{
	width:400px;
	height:142px;
	float:left;
	padding:20px 0px 0px 0px
}

#nav
{
	width:900px;
	height:40px;
	text-align:center;
	
	
	
}



#image
{
	width:900px;
	height:330px;
	padding:10px 0px 0px 0px;

	
}


#graphic-nav
{
	width:900px;
	height:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777;
	line-height:17px;
}

#test-nav
{
	width:685px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	padding:60px 20px 0px 190px;
	background-image:url(images/home-test.png);
	background-repeat:no-repeat;
}

#test-nav2
{
	width:685px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	padding:60px 20px 0px 190px;
	background-image:url(images/hiring.jpg);
	background-repeat:no-repeat;
}

#about-nav
{
	width:810px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	padding:30px 20px 0px 70px;

	background-repeat:no-repeat;
}

#services-nav
{
	width:810px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	padding:30px 20px 0px 70px;
	background-repeat:no-repeat;
	background-color:#FFF;
}

#form-nav
{
	width:810px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	padding:50px 20px 0px 70px;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-image:url(images/formbg.jpg);
}

#about-nav-services
{
	width:900px;
	height:173px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	background-image:url(images/services.jpg);
	background-repeat:no-repeat;
}

#contact-nav-social
{
	width:900px;
	height:213px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;
	line-height:22px;
	background-repeat:no-repeat;
}


#graphic-nav .webdesign
{
	width:305px;
	height:175px;
	background-image:url(images/web-box-bg.jpg);
	float:left;
}

#graphic-nav .webdesign .content
{
	width:215px;
	height:57px;
	padding:60px 45px 0px 45px;

	
}

#graphic-nav .webdesign .more
{
	width:260px;
	height:57px;
	padding:0px 45px 0px 0px;
	text-align:right;

	
}

#graphic-nav .graphicdesign
{
	width:292px;
	height:175px;
	background-image:url(images/graphic-box-bg.jpg);
	float:left;
}

#graphic-nav .graphicdesign .content
{
	width:212px;
	height:57px;
	padding:60px 45px 0px 35px;

	
}

#graphic-nav .graphicdesign .more
{
	width:247px;
	height:57px;
	padding:0px 45px 0px 0px;
	text-align:right;

	
}

#graphic-nav .printing
{
	width:303px;
	height:175px;
	background-image:url(images/print-box-bg.jpg);
	float:left;
}

#graphic-nav .printing .content
{
	width:211px;
	height:57px;
	padding:60px 60px 0px 31px;

	
}

#graphic-nav .printing .more
{
	width:243px;
	height:57px;
	padding:0px 60px 0px 0px;
	text-align:right;

	
}

#content
{
	width:900px;
	height:800px;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	padding:45px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}

#content-home
{
	width:900px;
	height:600px;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	padding:45px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}





#content-form
{
	width:900px;
	height:600px;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	padding:45px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}

#content .services
{
	width:900px;
	height:750px;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	padding:45px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}



#content-work
{
	width:900px;
	height:auto;
	background-image:url(images/bar.jpg);
	background-repeat:no-repeat;
	padding:45px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
	
}

#content .main
{
	width:550px;
	height:auto;
	padding:0px 27px 0px 20px;
	font:Arial, Helvetica, sans-serif;
	float:left;
}

#content-home .main
{
	width:550px;
	height:auto;
	padding:0px 27px 0px 20px;
	font:Arial, Helvetica, sans-serif;
	float:left;
}

#content .recent
{
	width:550px;
	height:auto;
	padding:0px 27px 0px 20px;
	font:Arial, Helvetica, sans-serif;
	float:left;
}



#content-form .recent
{
	width:500px;
	height:485px;
	padding:100px 57px 0px 40px;
	font:Arial, Helvetica, sans-serif;
	color:#777;
	background-image:url(images/form-bg.png);
	background-repeat:no-repeat;
	float:left;
}

#content-form .thanks
{
	width:500px;
	height:650px;
	padding:100px 57px 0px 40px;
	font:Arial, Helvetica, sans-serif;
	color:#777;
	background-image:url(images/thanks.jpg);
	background-repeat:no-repeat;
	float:left;
}


#content .webdesign
{
	width:450px;
	height:auto;
	padding:0px 27px 0px 100px;
	font:Arial, Helvetica, sans-serif;
	float:left;
	background-image:url(images/web-bg.jpg);
	background-repeat:no-repeat;
}

#content .webdesign .title
{
	width:470px;
	height:auto;
	color:#CCC;
	padding:0px 0px 0px 0px;
}

#content .webdesign .textrecent
{
	width:450px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
}

#content .graphicdesign
{
	width:450px;
	height:auto;
	padding:0px 27px 0px 100px;
	font:Arial, Helvetica, sans-serif;
	float:left;
	background-image:url(images/graphicbg.jpg);
	background-repeat:no-repeat;
}

#content .graphicdesign .title
{
	width:470px;
	height:auto;
	color:#CCC;
	padding:0px 0px 0px 0px;
}

#content .graphicdesign .textrecent
{
	width:450px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
}

#content .printing
{
	width:450px;
	height:auto;
	padding:0px 27px 0px 100px;
	font:Arial, Helvetica, sans-serif;
	float:left;
	background-image:url(images/print-bg.jpg);
	background-repeat:no-repeat;
}

#content .printing .title
{
	width:470px;
	height:auto;
	color:#CCC;
	padding:0px 0px 0px 0px;
}

#content .printing .textrecent
{
	width:450px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
}




#content .main .title
{
	width:550px;
	height:auto;
	color:#CCC;
}


#content-home .main .title
{
	width:550px;
	height:auto;
	color:#CCC;
}

#content .main .subtitle
{
	width:550px;
	height:auto;
	color:#CCC;
	padding:5px 0px 0px 0px;
}

#content-home .main .subtitle
{
	width:550px;
	height:auto;
	color:#CCC;
	padding:5px 0px 0px 0px;
}

#content .main .text
{
	width:550px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
	
}

#content-home .main .text
{
	width:550px;
	height:auto;
	color:#777;
	line-height:22px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
	
	
}

#content .recent .title
{
	width:550px;
	height:auto;
	color:#CCC;
}

#content .recent .subtitle
{
	width:550px;
	height:auto;
	color:#CCC;
	padding:5px 0px 0px 0px;
}

#content .recent .textrecent
{
	width:550px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
}



#content-form .recent .textrecent
{
	width:550px;
	height:auto;
	color:#777;
	line-height:16px;
	padding:15px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
	float:right;
	background-image:url(images/form-bg.jpg)
}

.twitter
{
	width:303px;
	height:500px;
	padding:0px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	float:left;

	
	
}



#content .servicesoffered
{
	width:303px;
	height:592px;
	padding:0px 0px 0px 0px;
	font:Arial, Helvetica, sans-serif;
	float:left;
	background-image:url(images/services-offered.jpg);
	background-repeat:no-repeat;
	
	
}

#content .servicesoffered .test1
{
	width:170px;
	height:517px;
	padding:75px 63px 0px 70px;
	font:Arial, Helvetica, sans-serif;
	color:#777;
	line-height:16px;
	text-align:justify;
	
	
	
}



.divider
{
	width:900px;
	height:17px;
	background-image:url(Images/divder.jpg);
	background-repeat:no-repeat;
}