/* CSS Document */

body { padding:0; margin:0 auto; background:#fff url(images/bg.png) repeat-x center top; font-family:Arial, Helvetica, sans-serif;}

#main_wrap { padding:0; margin:29px auto; width:778px; height:1000px;}

#header { padding:0; margin:0 auto; background:#fff url(images/header.png) no-repeat center top; width:778px; height:124px;}
	
	#nav { margin:0px 0 0 0px; padding:75px 0 0 0; float:right; width:443px; font-size:11px;}
	
	#nav li { display:inline; padding:20px 0 0 0; margin:0;}
	
	#nav a:link, #nav a:visited { padding:13px 28px 10px 28px; text-decoration:none; color:#9a9a9a; border-right:1px dotted #d9d8d8;}
		#nav a:link#left, #nav a:visited#left { border-left:1px dotted #d9d8d8;}
	
	#nav a:hover { background:#fff url(images/down_arrow_solid.gif) no-repeat center 0px; color:#1d486a; }
	#nav li#active a { background:#fff url(images/down_arrow_solid.gif) center top no-repeat; color:#1d486a; }
		#nav a.currentpage { background:#fff url(images/down_arrow_solid.gif) no-repeat center 0px; color:#1d486a; }
		
#graphic { padding:0; margin:0 auto; background:#fff url(images/graphic.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_home { padding:0; margin:0 auto; background:#fff url(images/graphic_home.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_services { padding:0; margin:0 auto; background:#fff url(images/graphic_services.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_portfolio { padding:0; margin:0 auto; background:#fff url(images/graphic_portfolio.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_contact { padding:0; margin:0 auto; background:#fff url(images/graphic_contact.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_web_design { padding:0; margin:0 auto; background:#fff url(images/graphic_web_design.jpg) no-repeat center top; width:778px; height:139px;}
	#graphic_graphic_design { padding:0; margin:0 auto; background:#fff url(images/graphic_graphic_design.jpg) no-repeat center top; width:778px; height:139px;}

#wrap { padding:0; margin:0px; width:778px; background:#fff url(images/content_bg.png) no-repeat top center;}
	
	#content { float:right; padding:20px 0px 0px 0px; margin:0 0px 0 0px; width:483px;}
		img.home_comp { float:right; margin:10px 45px 0 10px;}
	
		h1 { color:#1d486a; font-size:11px; padding:0px 0 0px 0px; margin:0 55px 0 40px;}
		h2 { color:#5f90b7; font-size:11px; padding:0px 0 5px 0px; margin:0 0px; border-bottom:1px dotted #c6c6c6; background:none;}
			h2.sml { color:#5f90b7; font-size:10px; padding:0px 0 5px 0px; margin:0 0px; border-bottom:1px dotted #c6c6c6;}
		h3 { color:#808080; font-size:11px; padding:0px 0 0px 0px; margin:0px 55px 0px 40px;}
		h4 { color:#5f90b7; font-size:11px; padding:0px 0 0px 0px; margin:0px 55px 10px 40px; background:#fff url(images/down_arrow_solid.gif) no-repeat 372px 47px;}
			h4.other { color:#5f90b7; font-size:11px; padding:10px 0 0px 0px; margin:0px 55px 5px 40px; background:none;}
			h4.other1 { color:#5f90b7; font-size:11px; padding:0px 0 0px 0px; margin:0px 55px 5px 40px; background:#fff url(images/down_arrow_solid.gif) no-repeat 368px 45px;}
			h4.other2 { color:#5f90b7; font-size:11px; padding:0px 0 0px 0px; margin:0px 55px 5px 40px; background:#fff url(images/down_arrow_solid.gif) no-repeat 368px 39px;}
		
		h5 { color:#5f90b7; font-size:11px; padding:0; margin:0 0 15px 0;}
		h6 { color:#808080; font-size:10px; font-weight:normal; padding:0; margin:15px 0 2px 0;}
		
		p { padding:10px 0 0 0; margin:0px 55px 0 40px; color:#808080; font-size:11px;}
			p.intro { line-height:17px;}
			p.link { padding:0; margin:0px 65px 0px 0px; text-align:right;}
			p.less { padding:0;}
			p.little { padding:0; margin-top:15px;}
				p.little a.link { font-style:italic;}
			p.littler { font-size:9px;}
			p strong { font-weight:bold;}
		
		
		a { color:#a3a3a3; text-decoration:none; text-align:right; font-size:10px;}
		a:hover { color:#1d486a; text-decoration:none; text-align:right; font-size:10px;}
			a.lrg { color:#1d486a; text-decoration:none; text-align:right; font-size:11px;}
			a.lrg:hover { color:#a3a3a3; text-decoration:none; text-align:right; font-size:11px;}
			
			a.right { color:#a3a3a3; text-decoration:none; text-align:right; font-size:11px;}
			a.right:hover { color:#1d486a; text-decoration:none; text-align:right; font-size:11px;}
		
	
		hr.h_line { padding:0; margin:20px 10px 20px 0; float:right; border:none; background:#b0b7c3; width:434px; height:1px;}
		hr.h_line2 { padding:0; margin:14px 65px 20px 0; float:right; border:none; background:url(images/dash.gif) repeat-x; width:379px; height:1px;}
		hr.h_line2B { margin:20px 65px 0px 0;}
		hr.h_line3 { padding:0; margin:0px 10px; border:none; background:url(images/dash.gif) repeat-x; width:169px; height:1px;}
	
		ul { list-style:url(images/bullet.gif);}
		
		
		.service { padding:0 0 0px 0; margin:0px 0px 0 0px;}
			a.weblink .web_comp { background:url(images/web_comp_up.jpg) no-repeat;}
			a.weblink .web_comp:hover { background:url(images/web_comp_over.jpg) no-repeat;}
			.web_comp { float:left; padding:0 0 0px 0; margin:0px 5px 0 35px; background:url(images/web_comp_over.jpg) no-repeat; height:194px; width:70px;}
			a.printlink .print_comp { background:url(images/print_comp_up.jpg) no-repeat;}
			a.printlink .print_comp:hover { background:url(images/print_comp_over.jpg) no-repeat;}
			.print_comp { float:left; padding:0 0 0px 0; margin:0px 5px 0 35px; background:url(images/print_comp_over.jpg) no-repeat; height:194px; width:70px;}
		
		#portfolio { padding:30px 0 0 0; margin:0px 55px 0 50px; height:362px; background:url(images/portfolio_bg.gif) repeat-y;}
			a.weblink2 .web_comp2 { background:url(images/web_thumb_up.jpg) no-repeat;}
			a.weblink2 .web_comp2:hover { background:url(images/web_thumb_over.jpg) no-repeat;}
			.web_comp2 { float:left; padding:0 0 0px 0; margin:0px 5px 3px 33px; background:url(images/web_thumb_over.jpg) no-repeat; height:68px; width:399px;}
		
			a.graphiclink2 .graphic_comp2 { background:url(images/graphic_thumb_up.jpg) no-repeat;}
			a.graphiclink2 .graphic_comp2:hover { background:url(images/graphic_thumb_over.jpg) no-repeat;}
			.graphic_comp2 { float:left; padding:0 0 0px 0; margin:0px 5px 3px 33px; background:url(images/graphic_thumb_over.jpg) no-repeat; height:68px; width:399px;}
		
			.back_link1 { float:left; padding:15px 0px 0 350px; margin:10px 0 0 0;}
			.back_link { float:right; padding:15px 70px 0 0; margin:10px 0 0 0;}
		
		
		#contact_form { padding:10px 0 0 0; margin:0px 55px 0 40px; color:#808080; font-size:10px;}
			#contact_form select { color:#808080; font-size:10px;}
			#contact_form input { color:#808080; font-size:10px;}
			#contact_form textarea { color:#808080; font-size:11px;}
			#contact_form input.submit { margin:10px 0 0 0; border:none; background:url(images/submit.gif) no-repeat; color:#808080; font-size:10px; height:27px; width:69px;}
			
			
	#sidebar { padding:20px 0px 0 0px; margin:0px; width:279px;}
		#sidebar h2 { margin:0 0 10px 0;}
		#sml_wrap {padding:10px 0; margin:0px 40px 0 50px;}
		
		span.feat_proj_descr { font-size:9px;}		
		
		.feat_proj { padding:0; margin:5px 0 10px 0;}
			.feat_proj img { float:left; margin:0 5px;}
			.feat_proj p { padding:3px 0 0 0; margin:0px 10px 0 0; font-size:10px; color:#b0b0b0;}
			
			a.fp_1_link .fp_1_thumb { background:url(images/fp_1_up.jpg) no-repeat;}
			a.fp_1_link .fp_1_thumb:hover { background:url(images/fp_1_over.jpg) no-repeat;}
			.fp_1_thumb { float:left; margin:0 5px; background:url(images/fp_1_over.jpg) no-repeat; height:50px; width:53px;}
			
			a.fp_2_link .fp_2_thumb { background:url(images/fp_2_up.jpg) no-repeat;}
			a.fp_2_link .fp_2_thumb:hover { background:url(images/fp_2_over.jpg) no-repeat;}
			.fp_2_thumb { float:left; margin:0 5px; background:url(images/fp_2_over.jpg) no-repeat; height:50px; width:53px;}
			
			a.fp_3_link .fp_3_thumb { background:url(images/fp_3_up.jpg) no-repeat;}
			a.fp_3_link .fp_3_thumb:hover { background:url(images/fp_3_over.jpg) no-repeat;}
			.fp_3_thumb { float:left; margin:0 5px; background:url(images/fp_3_over.jpg) no-repeat; height:50px; width:53px;}
			
		
		.contact_mos { padding:0; margin:5px 0 10px 3px;}
			.contact_mos img { float:left; margin:2px 8px 0 5px;}
			.contact_mos p { padding:3px 0 0 0; margin:0px 10px 0 0px; font-size:9px; color:#b0b0b0; line-height:9px;}
			
			a.envelope_link .envelope_thumb { background:url(images/envelope_up.jpg) no-repeat;}
			a.envelope_link .envelope_thumb:hover { background:url(images/envelope_over.jpg) no-repeat;}
			.envelope_thumb { float:left; margin:0 7px 0 2px; background:url(images/envelope_over.jpg) no-repeat; height:40px; width:50px;}
		
	
#footer { padding:0; margin:0 auto; background:#fff url(images/footer.png) no-repeat center top; width:778px; height:80px;}

	#footer p { padding:53px 0 0 0; margin:0 0 0 334px; font-size:9px; color:#7f8997;}
		#footer p a { color:#7f8997; text-decoration:none;}
		#footer p a:hover { color:#fff; text-decoration:none;}

.clearme { clear:both;}