@charset "utf-8";



html{ background: url(../images/bg_html.jpg) 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.jpg) top left repeat-y;}

#header { padding:0 20px 20px 20px; background:url(../images/bg_header.jpg) 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:#4e4e4e; padding:0 0 10px 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 li { font-size:1.2em; color:#4e4e4e; margin:0 0 8px 0px; padding:0 0 0 18px; text-align:left; background:url(../images/bullet_purple_main.gif) no-repeat 0 3px; list-style-position:outside;}


.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:0; left:0; width:492px; height:248px; background:url(../images/btn_ourwork_u.png) no-repeat left top; }
		.owe_right .website_example a:hover { position:absolute; top:-13px; left:-13px; width:520px; height:274px; background:url(../images/btn_ourwork_d.png) no-repeat left top; }

		.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;}

#footer_flash { margin:0 0 0 66px; display:block;}

#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 { 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;}

	#sub_footer_2 a.hot_btn_left { clear:both; display:inline-block; float:left; width:191px; padding:10px 7px 2px 7px; margin:0;  text-decoration:none; color:#4e4e4e; font-size:1.0em; line-height:1.4em; border-right:1px solid #cfcfcf; background:url(../images/border_dash_2.gif) repeat-x bottom left;}
	#sub_footer_2 a.hot_btn_left:hover { text-decoration:none;  background:#f6f6f6 url(../images/border_solid_2.gif) repeat-x bottom left; color:#7a68ae;}

	#sub_footer_2 a.hot_btn_middle { display:inline-block; float:left; width:191px; padding:10px 3px 2px 7px; margin:0 0 0 11px; text-decoration:none; color:#4e4e4e; font-size:1.0em; line-height:1.4em; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; background:url(../images/border_dash_2.gif) repeat-x bottom left;}
	#sub_footer_2 a.hot_btn_middle:hover { text-decoration:none;  background:#f6f6f6 url(../images/border_solid_2.gif) repeat-x bottom left; color:#7a68ae;}

	#sub_footer_2 a.hot_btn_right { display:inline-block; float:right; width:191px; padding:10px 7px 2px 7px; text-decoration:none; color:#4e4e4e; font-size:1.0em; line-height:1.4em; border-left:1px solid #cfcfcf; background:url(../images/border_dash_2.gif) repeat-x bottom left;}
	#sub_footer_2 a.hot_btn_right:hover {  text-decoration:none;  background:#f6f6f6 url(../images/border_solid_2.gif) repeat-x bottom left; color:#7a68ae;}
	
		#sub_footer_2 a img   { padding:3px; margin:0 8px 10px 0; background:url(../images/border_dash_1.gif) repeat top left; float:left;}
		.hot_title 		  	  { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#7a68ae; font-size:1.2em; margin:0 0 5px 0; }

		img.mandy { margin:11px 0 0 5px;}
	
	
	#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; }
	
	.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 108px; }
	#footer p { padding:20px 0 0 62px; color:#b6b6b6; line-height:1.6em; }
	#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:30px; }


/*
NOTES
purple bg		#7a68ae
light grey		#b6b6b6
*/