@charset "utf-8";



html{ background: url(../images/bg_html.png) repeat-x top left #7a68ae; }
body{ font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; font-weight: normal; }


#main_wrapper { width:984px; margin:0 auto 0 auto; background:url(../images/bg_main.png) top left repeat-y;}

#header { padding:0 20px 20px 20px; background:url(../images/bg_main.png) no-repeat left top;  min-height:413px;}

	#main_nav { background:url(../images/bg_main_nav.gif) repeat-x bottom left; height:28px; float:left; margin:92px 0 0 0; padding:2px 0 0 58px;}
	
		a.nav_home 				{ width:42px; height:25px; background:url(../images/btn_home_u.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; }
		a.nav_home:hover 		{ width:42px; height:25px; background:url(../images/btn_home_d.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; border-bottom:3px solid #7a68ae; }
		a.nav_about 			{ width:61px; height:25px; background:url(../images/btn_about_u.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; }
		a.nav_about:hover 		{ width:61px; height:25px; background:url(../images/btn_about_d.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; border-bottom:3px solid #7a68ae; }
		a.nav_services 			{ width:84px; height:25px; background:url(../images/btn_our_services_u.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; }
		a.nav_services:hover 	{ width:84px; height:25px; background:url(../images/btn_our_services_d.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; border-bottom:3px solid #7a68ae; }
		a.nav_work 				{ width:63px; height:25px; background:url(../images/btn_our_work_u.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; }
		a.nav_work:hover 		{ width:63px; height:25px; background:url(../images/btn_our_work_d.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; border-bottom:3px solid #7a68ae; }
		a.nav_choose 			{ width:105px; height:25px; background:url(../images/btn_choose_u.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; }
		a.nav_choose:hover		{ width:105px; height:25px; background:url(../images/btn_choose_d.gif) no-repeat top left; display:inline-block; margin-right:20px; text-decoration:none; border-bottom:3px solid #7a68ae; }
		a.nav_touch 			{ width:80px; height:25px; background:url(../images/btn_touch_u.gif) no-repeat top left; display:inline-block; text-decoration:none;}
		a.nav_touch:hover 		{ width:80px; height:25px; background:url(../images/btn_touch_d.gif) no-repeat top left; display:inline-block; text-decoration:none; border-bottom:3px solid #7a68ae; }

		.hide_link_text { visibility: hidden; }
		
	a.main_logo { display:block; float:right; margin:46px 32px 0 0;}

#sub_header { clear:both; padding:56px 0 0 60px; position:relative;}
	#sub_header p a 		{ color:#7a68ae;}
	#sub_header p a:hover 	{ color:#4e4e4e;}

#text_content {clear:both; padding:0 0 0 60px; width:550px; position:relative; }

#stuck_flash{ position:absolute; top:245px; right:-10px;  width:227px; height:408px; float:right; margin:0 25px 0 0; }
	#stuck_flash a.stuck_link { width:227px; height:408px; background:url(../images/btn_serv_stuck_u.jpg) no-repeat top left; display:block; }
	#stuck_flash a:hover.stuck_link { background:url(../images/btn_serv_stuck_d.jpg) no-repeat top left; }

#main_content { width:944px; padding:0 20px 0 20px; clear:both; }

	
#copy_main { float:left; width:450px; margin:0 0 30px 0;}		
	#flash_main_title { margin:0 0 10px 0; }
	#main_image_holder { float:right; margin:77px 35px 0 0;}

	
.news_item { margin:0 0 20px 0;  }
	.news_title { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.8em;  color:#7a68ae; padding:15px 0 5px 0;   }
	.news_date { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#7a68ae; padding:0 0 5px 0;  }
	
	
.content {}
	.content h1 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.8em; color:#7a68ae; margin:5px 0 10px 0px; padding:0; line-height:1.5em; }
	.content h2 { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.8em; color:#7a68ae; margin:5px 0 10px 0px; padding:0; line-height:1.5em; }
	.content h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#7a68ae;  margin:0 0 5px 0; padding:0;}
	.content h4, .content h5, .content h6 { font-size:1.2em; color:#7a68ae;  margin:0 0 5px 0; padding:0;}
	.content p 	{ font-size:1.2em; color:#4e4e4e; margin:0 0 10px 0; line-height:1.6em; }
	.content a 	{ color:#4e4e4e; text-decoration:none; }
	.content a:hover	{ color:#7a68ae; text-decoration:underline;}
	.content ul, .content ol { margin:20px 0 25px 5px;}
	.content ul li { font-size:1.2em; color:#4e4e4e; margin:0 0 8px 0px; line-height:1.6em; padding:0 0 0 18px; text-align:left; background:url(../images/bullet_purple_main.gif) no-repeat 0 6px; list-style-position:outside;}
	.content ol li { font-size:1.2em; color:#4e4e4e; margin:0 0 8px 18px; line-height:1.6em; padding:0 0 0 0px; text-align:left;  list-style-position:outside; list-style-type:decimal;}

	.content .towns_col { width:140px; float:left;}

.our_work_example { margin:0 20px 0 56px; padding:25px 30px 20px 0; background:url(../images/divider_our_work.gif) no-repeat left top; }
	.owe_left { width:310px; float:left; position:relative;  }
		.owe_left h2 	{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:1.8em; color:#7a68ae; margin:5px 0 10px 0px; padding:0; line-height:1.5em; }
		.owe_left h2.our_work_plain 	{  font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; font-size:1.4em; color:#7a68ae; margin:0 0 15px 0px; padding:0; line-height:normal; }
		.owe_left h3 	{ font-size:1.2em; color:#7a68ae; margin:0 0 5px 0; }
		.owe_left h4 	{ font-size:1.2em; color:#4e4e4e; margin:0 0 15px 0;}
		.owe_left p 	{ color:#4e4e4e; }
		.owe_left p a 		{ color:#7a68ae; }
		.owe_left p a:hover { color:#4e4e4e; }

		.owe_left a.read_more_graphic_design { position:absolute; top:210px; left:-8px; display:block; background:url(../images/btn_more_graphic_examples_u.gif) no-repeat top left; width:233px; height:42px; margin:0 0 0 0;}
		.owe_left a:hover.read_more_graphic_design {background:url(../images/btn_more_graphic_examples_d.gif) no-repeat top left; }

		.owe_left a.read_more_education { position:absolute; top:210px; left:-8px; display:block; background:url(../images/btn_more_education_examples_u.gif) no-repeat top left; width:204px; height:42px; margin:0 0 0 0;}
		.owe_left a:hover.read_more_education {background:url(../images/btn_more_education_examples_d.gif) no-repeat top left; }

		.owe_left a.read_more_print {position:absolute; top:210px; left:-8px; display:block; background:url(../images/btn_more_print_examples_u.gif) no-repeat top left; width:204px; height:42px; margin:0 0 0 0;}
		.owe_left a:hover.read_more_print {background:url(../images/btn_more_print_examples_d.gif) no-repeat top left; }

		.owe_left a.read_more_web{ position:absolute; top:210px; left:-8px; display:block; background:url(../images/btn_more_web_examples_u.gif) no-repeat top left; width:204px; height:42px; margin:0 0 0 0;}
		.owe_left a:hover.read_more_web {background:url(../images/btn_more_web_examples_d.gif) no-repeat top left; }
		
		
our_work_plain
	.owe_right { width:520px; float:right;  }
		.owe_right .website_example { position:relative; float:right;}
		.owe_right .website_example img { margin:2px 0 0 2px; }
		.owe_right .website_example a { position:absolute; top:2px; left:2px; width:439px; height:446px; background:url(../images/our_work/screen_out.png) top left;  }
		.owe_right .website_example a:hover { position:absolute; top:2px; left:2px; width:439px; height:446px;  background:url(../images/our_work/screen_over.png) top left; }

		.owe_right .static_example { position:relative; float:right;}
		.owe_right .static_example img { margin:2px 0 0 2px; }
		.owe_right .static_example .image_overlay { position:absolute; top:0; left:0; width:492px; height:248px; background:url(../images/btn_ourwork_u.png) no-repeat left top; }
		
		.mycarousel_wrapper { padding:2px; margin:0; display:block; float:right; background:url(../images/btn_ourwork_u.png) no-repeat left top;  }
			.mycarousel_wrapper ul { margin:0;}

#mega_footer { position:relative; display:block; min-height:600px;}
		img.mandy2 { position:absolute; bottom:0px; right:40px;}
		#footer_flash {position:absolute; bottom:0px; left:65px;}
		#footer_flash_contact {position:absolute; top:0px;right:45px; }

#sub_footer_1 { padding:0 20px 0 66px; clear:both;}
	#block_latest_news{ background:url(../images/bg_latest_news.gif) no-repeat left bottom; width:164px; height:174px; float:left; margin:0 9px 0 0;}
	#block_what_they_say{ background:url(../images/bg_what_they_say.gif) no-repeat left bottom; width:164px; height:174px; float:left; margin:0 9px 0 0;}
	#block_recent_projects{ background:url(../images/bg_recent_web_projects.gif) no-repeat left bottom; width:298px; height:174px; float:left; margin:0 17px 0 0;}
	#flash_contact_details{ width:230px; height:85px; float:left; margin:70px 0 0 0;}

	a.footer_block_text { padding:10px 15px 10px 15px; color:#4e4e4e; display:block; text-decoration:none; line-height:1.4em; min-height:95px;}
	

#sub_footer_2 { position:relative; float:left; margin:10px 20px 20px 66px; padding:0 0 3px 0; background:url(../images/border_dash_2.gif) repeat-x bottom left; width:637px; border-top:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}

#header_seasonal { position:absolute; top:-30px; left:-10px;}

	.hot_btn_left 	{ padding:0 0 3px 0; width:205px; margin:0 9px 0 0; height:124px; border-right:1px solid #cfcfcf; background:url(../images/border_dash_1.gif) repeat top left; float:left;}
	.hot_btn_middle { padding:0 0 3px 0; width:205px; margin:0; 		height:124px; border-right:1px solid #cfcfcf; border-left:1px solid #cfcfcf; background:url(../images/border_dash_1.gif) repeat top left; float:left;}
	.hot_btn_right 	{ padding:0 0 3px 0; width:205px; margin:0 0 0 9px; height:124px; border-left:1px solid #cfcfcf;  background:url(../images/border_dash_1.gif) repeat top left; float:left;}
	
		#sub_footer_2 a.hot_btn { position: relative; height:124px; display:block; float:left; width:205px;  margin:0;  text-decoration:none; color:#4e4e4e; font-size:1.0em; line-height:1.4em; overflow: hidden; }
		#sub_footer_2 a img   	{ margin:0;  float:left;}
		
				.hot_title 		{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#fff; font-size:13px; display:block; padding:5px 0 13px 0; }
		
				.hot_text 		{ color:#fff; margin-bottom:2px; line-height:16px; display:block;}
				.hot_text_click	{ color:#fff; font-style:italic; margin-bottom:10px; line-height:16px; display:none; }
				.boxcaption		{ position: absolute; top:92px; left:0px; width:193px; height:120px; padding:5px 5px 5px 7px; margin-top:0px; font-size:11px; background:url(../images/bg_services_dropdown.png) no-repeat top left; }
	
	#GGmap { width:370px; height:280px; margin:15px 0 20px 0; display:block;}
	
	.purple_text, p.purple_text { color:#7a68ae; }
	.grey_text 	 				{ color:#b6b6b6; }
	.italics 	 				{ font-style:italic; }
	.italic 	 				{ font-style:italic; }
	.bold 	 				{ font-weight:bold; }
	
	.open_quote	 { display:inline-block; background:url(../images/bg_open_quote.gif) no-repeat top left; width:25px; height:15px; margin:0 0 0 0; }
	.close_quote { display:inline-block; background:url(../images/bg_close_quote.gif) no-repeat top left; width:25px; height:15px; margin:0 0 0 5px; }

#footer { clear:both; background:url(../images/bg_footer.jpg) no-repeat left bottom; height:93px; padding:0 20px 0 60px; }
	#footer p { padding:20px 0 0 62px; color:#b6b6b6; line-height:1.2em; }
	#footer p a { color:#b6b6b6; text-decoration:none; }
	#footer a.twitter_link { display:block; background:url(../images/btn_twitter_u.gif) no-repeat top left; width:69px; height:39px; float:left; margin-top:16px;  }
	#footer a.facebook_link { display:block; background:url(../images/btn_facebook_u.gif) no-repeat top left; width:108px; height:39px; float:left; margin-top:16px; margin-right:6px; }
	#footer a.proweb_link 	{ display:block; background:url(../images/btn_proweb_u.gif) no-repeat top left; width:123px; height:39px; float:left; margin-top:16px; margin-right:30px; }
	#footer img.footer_logos_1 	{ display:block; width:37px; height:42px; float:left; margin-top:16px; margin-right:8px; }
	#footer img.footer_logos_2 	{ display:block; width:38px; height:42px; float:left; margin-top:16px; margin-right:8px; }


#underpage { width:984px; margin:0 auto 0 auto; background:none; padding:0 0 30px 0; color:#fff; text-align:center; }
	#underpage a { color:#fff; text-decoration:none; }


		a.toggleLink 	{ font-size:12px; padding:0; margin:0; display:block;}
		h2.toggleTitle  { padding:0; margin:0 0 10px 0; line-height:20px; }

		.align_left 	{ float:left; margin:0 10px 5px 0;  }
		.align_right 	{ float:right; margin:0 0 5px 10px; }
		.italic			{ font-style:italic; }
		.bold 			{ font-weight:bold; color:#545454; }
		.divider		{ height:3px; border-top:1px solid #ddd; padding-bottom:0px; clear:both;   }
		.divider2		{ height:10px; border-bottom:1px solid #ddd; margin-bottom:15px; display:block; clear:both;  }
		
		.display_none 	{ display:none; }
/*
NOTES
purple bg		#7a68ae
light grey		#b6b6b6
*/