/* 

Theme Name: focusonmedia

Theme URI: http://www.focusonmedia.com/

Description: focusonmedia.com V2

Version: 2.0

Author: Focus On Media

Author URL: http://focusonmedia.com/

Released: 06/03/08

*/





body {

	margin: 0;

	padding: 0;

	background-color: #fff;

	font: 12px/15px Arial, Helvetica, Verdana, sans-serif;

	text-align: center;

}



p {

	margin: 0 0 25px 0;

	padding: 0;

	font: 12px/15px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

}



img {

	border: none;

}

/* -------------------------

	SITE STRUCTURE

------------------------- */

#wrapper {

	width: 960px;

	margin: 0 auto 0 auto;

	padding: 0;

	text-align: left;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/wrapper_bg.gif) no-repeat fixed 50% 0;

}



#header {

	position: relative;

	bottom: 16px;

	margin: 0;

	padding: 0;

	width: 960px;

	height: 160px;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/header_bg.gif) no-repeat -1px 0;

}



#logo {

	position: relative;

	margin: 0;

	padding: 0;

	width: 295px;

	height: 160px;

}



#logo h1 a {

	width: 295px;

	height: 143px;

	display: block;

}



#logo h1 span {

	display: none;

}



#quote {

	position: relative;

	left: 475px;

	bottom: 115px;

	margin: 0;

	padding: 0;

	width: 445px;

}



#quote p {

	margin: 0;

	padding: 0;

	width: 445px;

	font: 18px/22px Georgia, Times, serif;

	color: #336666;

}



#sidebar {

	float: left;

	width: 295px;

	height: 1100px;

	overflow: hidden;

}



#navigation {

	margin: 0 0 45px 0;

	padding: 0;

	width: 295px;

	height: 150px;

}



#request_quote {

	margin: 0;

	padding: 0 0 0 30px;

	width: 250px;

	height: 150px;

}



#request_quote p {

	margin: 0;

	padding: 0

}



#in_focus {

	margin: 0;

	padding: 0 0 0 30px;

	width: 250px;

}

#vqs {
	margin: 0;
	padding: 0 0 0 30px;
	width: 250px;
	text-align: center;
}




#content {

	float: right;

	width: 615px;

	margin: 0;

	padding: 0 0 0 50px;

}



#recent_work {

	margin: 0 0 25px 0;

	padding: 0;

	width: 600px;

	}



#recent_work_gallery {

	margin: 0 0 39px 0;

	padding: 0;

	width: 610px;

	overflow: hidden;

}



#gallery {

	position: relative;

	right: 39px;

	list-style: none;

}



#gallery li {

	float: left;

	margin: 0;

	padding: 0 28px 0 0;

}



.summary_text {

	margin: 0 0 30px 0;

	padding: 0;

}



#footer {

	position: relative;

	left: 295px;

	margin: 0;

	padding: 12px 0 5px 0;

	width: 665px;

	height: 40px;

	text-align: right;

	border-top: 1px solid #89B6BE;

	clear: both;

	overflow: hidden;

}



#casestudy_header {

	margin: 0 0 30px 0;

	padding: 0;

}



#casestudy_header img {

	border: 1px solid #89B6BE;

}



#casestudy_text {

	float: left;

	margin: 0;

	padding: 0 25px 0 0;

	width: 365px;

}



#casestudy_text p {

	margin: 0 0 15px 0;

	padding: 0;

}



#casestudy_gallery {

	float: left;

	width: 202px;

	margin: 0 0 0 10px;

	padding: 0;

	text-align: center;

}



.casestudy_gallery {

	margin: 0;

	padding: 0;

	list-style: none;

}



.casestudy_gallery li {

	margin: 0 0 27px 0;

	padding: 0;

	list-style: none;

}



.casestudy_gallery li img {

	margin: 0;

	padding: 0;

	border: 1px solid #89B6BE;

}



.casestudy_list {

	margin: 0 0 15px 15px;

	padding: 0;

	list-style: disc;

	color: #336666;

}



.casestudy_list li {

	margin: 0;

	padding: 0 0 2px 0;

}



.casestudy_list li a {

	font: 12px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

	text-decoration: none;	

}



.casestudy_list li a:hover {

	text-decoration: underline;

	color: #336666;

}



.wp-tag-cloud {

	margin: 0 0 15px 15px;

	padding: 0;

	list-style: disc;

	color: #336666;

}



.wp-tag-cloud li {

	margin: 0;

	padding: 0 0 2px 0;

}



.wp-tag-cloud li a{

	color: #336666;

	text-decoration: none;

}



.wp-tag-cloud li a:hover{

	color: #336666;

	text-decoration: underline;

}



.servicepage_list {

	margin: 0 0 15px 25px;

	padding: 0;

	list-style: disc;

	color: #336666;

}



.servicepage_list li {

	margin: 0;

	padding: 0 0 2px 0;

}



.project_block {

	margin: 0 0 30px 0;

	padding: 0;

	width: 600px;

	overflow: hidden;

}



.project_block_right {

	float: left;

	margin: 0;

	padding: 0;

	width: 321px;

}



.project_block img {

	float: left;

	margin: 0 25px 0 0;

	padding: 0;

	border: 1px solid #89B6BE;

}

	

.project_block p {

	margin: 0;

	padding: 10px 0 10px 0;

}



.project_block a {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: none;

}



.project_block a:hover {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: underline;

}



.bio_img {

	float: left;

	margin: 0 20px 0 0;

	padding: 0;

}



.about_block {

	margin: 0 0 55px 0;

	padding: 0;

	width: 600px;

	overflow: hidden;



}



.about_block_right {

	float: left;

	margin: 0;

	padding: 0;

	width: 450px;

}



.about_block img {

	float: left;

	margin: 0 25px 0 0;

	padding: 0;

}



.about_block p {

	margin: 0;

	padding: 10px 0 10px 0;

}



.about_block a {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: none;

}



.about_block a:hover {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: underline;

}



.servicepage_block {

	margin: 0 0 35px 0;

	padding: 0;

	width: 600px;

}



.servicepage_block p {

	margin: 0;

	padding: 10px 0 10px 0;

}



#contact_info {

	width: 600px;

	margin: 40px 0 0 0;

	padding: 0;

	overflow: hidden;

}



#contact_info_left {

	float: left;

	margin: 0;

	padding: 0;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

}



#contact_info_right {

	float: left;

	margin: 0 0 0 50px;

	padding: 0;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

}



.address {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.address li {

	margin: 0;

	padding: 0 0 1px 0;

}



/* -------------------------

	    NAVIGATION

------------------------- */

#nav {

	position: relative;

	left: 200px;

	width: 85px;

	height: 118px;

	margin: 0;

	padding: 0;

	list-style-type: none;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif) no-repeat 0 0;

}



#nav li {

	margin: 0;

	padding: 0 0 11px 0;

	width: 85px;

	list-style-type: none;

}



#nav a {

	display: block;

	height: 15px;

	margin: 0;

	padding: 0;

}



#nav a span {

	display: none;

}



#home_nav a {

	width: 75px;

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat 0 0;

}



#home_nav a:hover {

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat -100px 0;

}



#about_nav a {

	width: 75px;

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat 0 26px;

}



#about_nav a:hover {

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat -100px -26px;

}



#projects_nav a {

	width: 75px;

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat 0 52px;

}



#projects_nav a:hover {

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat -100px -52px;

}



#services_nav a {

	width: 75px;

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat 0 78px;

}



#services_nav a:hover {

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat -100px -78px;

}



#contact_nav a {

	width: 75px;

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat 0 104px;

}



#contact_nav a:hover {

	background: url("http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/nav.gif") no-repeat -100px -104px;

}



/* -------------------------

	   SERVICE TABS

------------------------- */

#our_services {

	margin: 0 0 25px 0;

	padding: 0;

	width: 600px;

}



.tabbed_area {

	border: 1px solid #fff;

	background-color: #fff;

	overflow: hidden;

}

	

ul.tabs {

	float: left;

	width: 260px;

	margin: 0px; 

	padding: 0px;

}



ul.tabs li {

	margin: 0 0 1px 0;

	padding: 8px 14px 8px 14px;

	list-style: none;

	width: 260px;

	height: 19px;

	background-color: #fff;

}



ul.tabs li:hover {

	margin: 0 0 1px 0;

	padding: 7px 14px 9px 14px;

	height: 17px;

	background-color: #ECFFF9;

	border-top: 1px solid #89B6BE;

	border-bottom: 1px solid #89B6BE;

}

	

ul.tabs li a {

	margin: 0;

	padding: 0;

	color: #89B6BE;

	text-decoration: none;

	font: 16px Georgia, Times, serif;

}



ul.tabs li a:hover {

	background-color: #ECFFF9;

}



ul.tabs li a.active {

	color: #336666;

	font-style: italic;

	text-decoration: underline;	

}

	

.content {

	float: right;

	margin: 0;

	padding: 10px;

	width: 290px;

	height: 195px;

	background-color: #ffffff;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/service_bg.gif) repeat-y 0 0;

	font: 12px/15px Arial, Helvetica, sans-serif;

}



.service_info {

	margin: 0 0 10px 0;

	padding: 0;

	font: 12px/15px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

}



a.more_info_link {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: none;

}



a:hover.more_info_link {

	color: #89B6BE;

	text-decoration: underline;

}



#content_2, #content_3, #content_4, #content_5, #content_6 { display: none; }







/* -------------------------

	TYPOGRAPHY AND HEADERS

------------------------- */

h2.section_header {

	margin: 0 0 12px 0;

	padding: 0;

	font: 13px Georgia, Times, serif;

	letter-spacing: 3px;

	text-transform: uppercase;

	color: #899BA8;

}



h3.post_title {

	margin: 0 0 6px 0;

	padding: 0;

	font: 16px/19px Georgia, Times, serif;

	color: #336666;

	clear: both;

}



h3.post_title a {

	margin: 0 0 6px 0;

	padding: 0;

	font: 16px/19px Georgia, Times, serif;

	color: #336666;

	text-decoration: none;

}



h3.post_title a:hover {

	color: #336666;

	text-decoration: underline;

}



h4.project_title {

	margin: 0;

	padding: 0;

	font: 16px Georgia, Times, serif;

	color: #336666;

}



h4.about_title {

	margin: 0;

	padding: 0;

	font: 16px Georgia, Times, serif;

	color: #336666;

}



.post_info {

	display: block;

	margin: 0 0 14px 0;

	padding: 0 0 1px 0;

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: none;

}



.post_info a {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #89B6BE;

	text-decoration: none;	

}



.post_info a:hover {

	text-decoration: underline;

	color: #899BA8;

}



.visit_site {

	margin-top: -10px;

	padding: 0;

	list-style-type: none;

}



.visit_site li {

	margin: 0;

	padding: 0;

}



.visit_site li a {

	margin: 0;

	padding: 1px 0 2px 21px;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

	text-decoration: none;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/page_white_world.png) no-repeat 0 0;

	height: 18px;

}



.visit_site li a:hover {

	font: 12px Arial, Helvetica, Verdana, sans-serif;

	color: #336666;

	text-decoration: underline;

}



/* -------------------------

	MISC STYLING

------------------------- */



img.recent_work_big {

	border: 1px solid #89B6BE;

}



img.recent_work_thumb {

	border: 1px solid #89B6BE;

}



#quote_button {

	position: relative;

	top: 10px;

	margin: 0;

	padding: 0;

	width: 112px;

	height: 27px;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/quote_button.gif) no-repeat 0 0;

}



#quote_button a {

	width: 112px;

	height: 27px;

	display: block;

}



#quote_button a span {

	display: none;

}



#blog_button {

	position: relative;

	margin: 0;

	padding: 0;

	width: 112px;

	height: 27px;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/blog_button.gif) no-repeat 0 0;

}



#blog_button a {

	width: 112px;

	height: 27px;

	display: block;

}



#blog_button a span {

	display: none;

}



#archive_button {

	position: relative;

	bottom: 21px;

	left: 120px;

	margin: 0;

	padding: 0;	

}

	

#archive_button a {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #899BA8;

	text-decoration: underline;

}



#archive_button a:hover {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #899BA8;

	text-decoration: none;

}



#back_button {

	float: right;

	margin: 0 14px 15px 0;

	padding: 0;

}



#back_button a {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #899BA8;

	text-decoration: underline;

}



#back_button a:hover {

	font: 11px Arial, Helvetica, Verdana, sans-serif;

	color: #899BA8;

	text-decoration: none;

}



#headwaters {

	float: right;

	margin: 0 12px 0 0;

	padding: 0;

	width: 135px;

	height: 25px;

	background: url(http://www.focusonmedia.com/wp-content/themes/focusonmedia/images/hillsofheadwaters.gif) no-repeat 0 0;

}



#headwaters a {

	display: block;

	width: 135px;

	height: 25px;

}



#headwaters a span {

	display: none;

}



#copyright {

	float: left;

	margin: 0 0 0 20px;

	padding: 0;

	font: 11px Arial, Helvetica, sans-serif;

}



/* -------------------------

	FORM STYLING

------------------------- */

fieldset {

	margin: 0;

	padding: 0 0 0 10px;

	width: 600px;

	border: none;

}

	

legend {

	margin: 0;

	padding: 0;

	font: 13px Georgia, Times, serif;

	letter-spacing: 3px;

	text-transform: uppercase;

	color: #899BA8;

}



label {

	float: left;

	position: relative;

	top: 18px;

	margin: 0;

	padding: 0 0 5px 0;

	width: 150px;

}



.fieldwrap {

	margin: 0;

	padding: 0;

	overflow: hidden;

	clear: both;

}



.text {

	float: left;

	margin: 0;

	padding: 5px 0 0 5px;

	width: 250px;

	height: 19px;

	border: 2px solid #89B6BE;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

}



.text:hover {

	border: 2px solid #899BA8;

}



.text:focus {

	border: 2px solid #899BA8;

	background-color: #ECFFF9;

}



.textarea {

	margin: 0;

	padding: 5px 0 1px 5px;

	width: 320px;

	border: 2px solid #89B6BE;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

}



.textarea:hover {

	border: 2px solid #899BA8;

}



.textarea:focus {

	border: 2px slid #899BA8;

	background-color: #ECFFF9;

}



.checkbox {

	float: left;

}



.submit {

	margin: 0 0 0 8px;

	padding: 0;

	width: 113px;

	height: 27px;	

}



#archivescontainer {

	float: left;

	margin: 0 60px 0 0;

	padding: 0;

}



#searchcontainer {

	float: left;

	margin: 0;

	padding: 0;

}



.searchbox {

	margin: 0 10px 0 0;

	padding: 5px 0 0 5px;

	width: 235px;

	height: 19px;

	border: 2px solid #89B6BE;

	font: 12px Arial, Helvetica, Verdana, sans-serif;

}



.searchbox:hover {

	border: 2px solid #899BA8;

}



.searchbox:focus {

	border: 2px solid #899BA8;

	background-color: #ECFFF9;

}



.searchsubmit {

	position: relative;

	top: 9px;

	margin: 0;

	padding: 0;

}