/*
Theme Name: Hybrid Media
Theme URI: http://www.hybridmedia.co.za/
Description: A custom Wordpress theme built by NS Digital.
Version: 1.0
Author: NS Digital
Author URI: http://www.nsdigital.co.za/
Tags: hybrid media

	

*/



/* Begin Typography & Colors */

	
	
	
	body{text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:1.3em; background:#12476f;}

	body#page_environmental{background:url(images/services/bg_environmental.jpg) repeat top #12476f;}

	#wrapper{width:100%;}

	#header{width:100%; background:url(images/bg_header.png) repeat-x bottom #244f79; padding:8px 0 8px 0;}
	#header2{width:100%; background:url(images/services/bg_header.jpg) repeat-x bottom #244f79; padding:8px 0 8px 0;}

		#header ul{width:979px;}
		#header ul li{float:right; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; margin-left:20px;}
		#header ul li#phone{background:url(images/phone.jpg) no-repeat left center; padding:9px 0 9px 15px;}
		#header ul li a span{background:url(images/request_right.jpg) no-repeat right top; position:relative; display:inline-block; padding:9px 11px 9px 28px;}
		#header ul li a{color:#FFFFFF; text-decoration:none; display:inline-block; position:relative; background:url(images/request_left.jpg) no-repeat left top;}

		#header2 ul{width:979px;}
		#header2 ul li{float:right; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; margin-left:20px;}
		#header2 ul li#phone{background:url(images/phone.jpg) no-repeat left center; padding:9px 0 9px 15px;}
		#header2 ul li a span{background:url(images/request_right2.jpg) no-repeat right top; position:relative; display:inline-block; padding:9px 11px 9px 28px;}
		#header2 ul li a{color:#FFFFFF; text-decoration:none; display:inline-block; position:relative; background:url(images/request_left2.jpg) no-repeat left top;}


	.page{width:979px; margin:0 auto 0 auto;}


	#content{width:100%; background:url(images/bg_content.jpg) repeat-x top #12476f; height:795px; padding-bottom:20px;}
	#content2{width:100%;  height:795px; padding-bottom:20px;}

	#top{width:979px; background:url(images/bg_top.jpg) no-repeat top right;}
	#top2{width:979px;}

	img#logo{float:left;}

	#nav{width:560px; float:right; margin:17px 0 22px 0;}

		#nav ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left; list-style:none;}
		#nav ul li a{color:#FFFFFF; text-decoration:none;  display:inline-block; position:relative;}
		#nav ul li a span{display:inline-block; position:relative; padding:5px 14px 6px 14px;}

		#nav ul li a:hover{color:#CCCCCC;}

	#nav2{width:560px; float:right; margin:17px 0 22px 0;}

		#nav2 ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; float:left;}
		#nav2 ul li a{color:#FFFFFF; text-decoration:none;  display:inline-block; position:relative;}
		#nav2 ul li a span{display:inline-block; position:relative; padding:5px 14px 6px 14px;}

		#nav2 ul li a:hover{color:#CCCCCC;}	


		body#page_home #nav ul li a#a_home, 
		body#page_services #nav ul li a#a_services,
		body#page_environmental #nav ul li a#a_services,
		body#page_products #nav ul li a#a_products,
		body#page_news #nav ul li a#a_news,
		body#page_contact #nav ul li a#a_contact{background:url(images/bg_nav_left.png) no-repeat left top; color:#CCCCCC;}

		body#page_home #nav ul li a span#span_home,
		body#page_services #nav ul li a span#span_services,
		body#page_environmental #nav ul li a span#span_services,
		body#page_products #nav ul li a span#span_products,
		body#page_news #nav ul li a span#span_news,
		body#page_contact #nav ul li a span#span_contact{background:url(images/bg_nav_right.png) no-repeat right top;}

		body#page_home #nav2 ul li a#a_home, 
		body#page_services #nav2 ul li a#a_services,
		body#page_environmental #nav2 ul li a#a_services,
		body#page_products #nav2 ul li a#a_products,
		body#page_news #nav2 ul li a#a_news,
		body#page_contact #nav2 ul li a#a_contact{background:url(images/bg_nav_left2.png) no-repeat left top; color:#CCCCCC;}

		body#page_home #nav2 ul li a span#span_home,
		body#page_services #nav2 ul li a span#span_services,
		body#page_environmental #nav2 ul li a span#span_services,
		body#page_products #nav2 ul li a span#span_products,
		body#page_news #nav2 ul li a span#span_news,
		body#page_contact #nav2 ul li a span#span_contact{background:url(images/bg_nav_right2.png) no-repeat right top;}



	body#page_home .page img, 
	body#page_services .page img,
	body#page_environmental .page img,
	body#page_products .page img{float:left;}


	#box_holder{width:960px; background:url(images/bg_box.jpg) repeat-x top #497495; float:left; padding:7px 0 7px 7px; display:inline; margin:0 0 0 3px;}

	.box{width:213px; height:175px; padding:16px 10px 0 10px; background:url(images/bg_box_white.jpg) repeat-x top #ffffff; float:left; margin:0 7px 0 0; display:inline;
	vertical-align:bottom; position:relative;}

	.box2{width:213px; height:175px; float:left; margin:0 7px 0 0; display:inline;
	vertical-align:bottom; position:relative;}

		.box2 img{margin-bottom:10px;}

		.box h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2f6691; font-weight:bold;}

		.box img#more_1{margin:0 0 7px -93px; bottom:0; position:absolute;}
		.box img#more_2{margin:18px 0 7px 35px; bottom:0; position:absolute;}
		.box img#more_3{margin:0 0 7px 0px; bottom:0; position:absolute;}
		.box img#more_4{margin:18px 0 7px 35px; bottom:0; position:absolute;}
		.box p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f557e; line-height:1.3em; margin:22px 0 0 0;}

	.img{width:84px; height:97px; position:absolute; bottom:0; right:3px; text-align:right;}
	.img img{bottom:0; position:absolute; right:0;}


	.content{padding-top:30px;}

		.content h1{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background:url(images/h1_underline.jpg) repeat-x bottom; padding-bottom:42px;}
		body#page_environmental .content h1{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; background:url(images/h1_underline2.jpg) repeat-x bottom; padding-bottom:42px;}
		.content p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.3em; margin:0 0 20px 0;}


	#sub_nav{width:230px; float:left; display:inline;}

		#sub_nav ul{border-bottom:#78a1c1 solid 1px;}
		#sub_nav ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6;}
		#sub_nav ul li a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6; text-decoration:none; height:55px; display:block;
		vertical-align:middle; border-top:#78a1c1 solid 1px;}
		#sub_nav ul li a span{padding-top:22px; display:block;}
		#sub_nav ul li a img{margin-right:3px; position:relative;}
		#sub_nav ul li a span.icon{width:51px; height:55px; padding:0px; float:left;}
		#sub_nav ul li a:hover{background-color:#385d7b;}

	#sub_nav3{width:230px; float:left; display:inline;}

		#sub_nav3 ul{border-bottom:#bbb69a solid 1px;}
		#sub_nav3 ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6;}
		#sub_nav3 ul li a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6; text-decoration:none; height:55px; display:block;
		vertical-align:middle; border-top:#bbb69a solid 1px;}
		#sub_nav3 ul li a span{padding-top:22px; display:block;}
		#sub_nav3 ul li a img{margin-right:3px; position:relative;}
		#sub_nav3 ul li a span.icon{width:51px; height:55px; padding:0px; float:left;}
		#sub_nav3 ul li a:hover{background:url(images/services/bg_sub_nav.jpg) repeat top;}

	.sub_nav2{width:188px; float:left; display:inline;}

		.sub_nav2 ul{border-bottom:#78a1c1 solid 1px;}
		.sub_nav2 ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6;}
		.sub_nav2 ul li a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#d3e7f6; text-decoration:none; height:55px; display:block;
		vertical-align:middle; border-top:#78a1c1 solid 1px;}
		.sub_nav2 ul li a span{padding-top:22px; display:block;}
		.sub_nav2 ul li a img{margin-right:3px; position:relative;}
		.sub_nav2 ul li a span.icon{width:51px; height:55px; padding:0px; float:left;}
		.sub_nav2 ul li a:hover{background-color:#385d7b;}








	#info{width:740px; float:right;}

		#info p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.6em; margin:30px 0 0 0;}
		#info p strong{font-size:16px; color:#ffffff; font-weight:bold;}

	#info2{width:583px; float:left; padding-right:20px; display:inline;}

		#info2 p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.6em; margin:30px 0 0 0;}
		#info2 p strong{font-size:16px; color:#ffffff; font-weight:bold;}
		#info2 p a{color:#d3e7f6;}


	#request_bg{width:741px; height:119px; float:left;}
	#info2 #request_bg{margin:0 0 0 -60px;}


		#request_bg img#req_button{margin:-65px 0 0 130px;}
		#request_bg p{font-size:16px; color:#FFFFFF; font-weight:bold; width:430px; float:right; margin:-65px 40px 0 0; display:inline;}


	ul#bottom_nav{width:583px; text-align:center; float:left; margin:20px 0 0 60px; display:inline;}

		ul#bottom_nav li{float:left; width:128px; text-align:center; margin:0 10px 0 20px;}
		ul#bottom_nav li a{color:#d3e7f6; font-size:12px; text-decoration:none; display:inline-block; text-align:center; padding-bottom:8px;}
		ul#bottom_nav li a:hover{background-color:#18405e;}



	.news_left{width:700px; float:left;}

	.article{width:665px; background:url(images/news/bg_article.png) repeat-x top; padding:20px 0 20px 25px; float:left;}

		.article h1{padding:0px; background-image:none;}
		.article h1 a{color:white;}
		.article p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.6em; margin:0 0 20px 0;}
		.article img{border:none;}
		.article p a{color:white;}
		
		.article .navigation{margin-top:30px;}
		
		p.postmetadata small{line-height:1.3em; margin:50px 0 0 0; float:left;}
		.commentmetadata a{color:white; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; color:#d3e7f6;}
		
		#respond h3{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff;}
		#respond #comment{width:665px; border:#333333 solid 1px; padding:5px 0 0 0;}

		.article_info{width:100%;}

			.article_info img{float:left; margin-right:20px;}
			.article p.tags{width:665px; margin:20px 0 0 0; float:left;}
			.article p.tags a{color:white;}


	.news_right{width:263px; background:url(images/news/bg_article.png) repeat-x top; float:right; padding:17px 0 0 11px;}
	
		.news_right ul li #s{width:155px; background:url(images/news/bg_search.png) no-repeat; border:none; padding:12px 0 12px 5px;}
		.news_right ul li #searchsubmit{width:75px; height:40px; background:url(images/news/button.png) no-repeat; border:none; color:white; cursor:pointer; margin-left:7px;}
		.news_right ul li label.screen-reader-text{display:none;}
		
		.news_right ul li p{display:none;}
		
		.news_right ul.arch li{background:url(images/h1_png.png) no-repeat top; font-size:20px; color:white; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		padding:13px 0 0 11px;}
		
		.news_right ul.arch li ul li{background:none; font-size:12px; list-style:disc inside;}
		.news_right ul.arch li ul li a{color:#d3e7f6; text-decoration:none;}
		.news_right ul.arch li ul li a:hover{color:white; text-decoration:underline;}
		.news_right ul.arch{margin-top:40px;}
		
		
	.results{border-bottom:#cccccc solid 1px; padding:20px 0 0 0;}
	
	.news_left #s{width:155px; background:url(images/news/bg_search.png) no-repeat; border:none; padding:12px 0 12px 5px; margin:20px 0 0 0;}
	.news_left #searchsubmit{width:75px; height:40px; background:url(images/news/button.png) no-repeat; border:none; color:white; cursor:pointer; margin-left:7px; margin-top:20pximages;}
	.news_left label.screen-reader-text{display:none;}


	.contact_left{width:420px; float:left;}

		.textbox{width:414px; background:url(images/contact/textbox.png) no-repeat; border:none; padding:10px 0 10px 5px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.textarea{width:415px; background:url(images/contact/textarea.png) no-repeat; height:116px; border:none; padding-left:5px; padding-top:5px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow:hidden;}
		.code{width:100px; background:url(images/contact/code.png) no-repeat; border:none; padding:10px 0 10px 5px;
		font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.submit{width:160px; height:47px; background:url(images/contact/submit.png) no-repeat; border:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF;
		cursor:pointer;}

	.contact_left p#spam{width:260px; float:left;}
		.contact_left p#spam img{margin:0px 0 0 10px; float:left;}
		.contact_left p#spam a{color:#FFFFFF;}
		.contact_left .code{float:left; margin:2px 0 0 0;} 
	.contact_left p#button{float:left; padding-top:13px;}
	.contact_left p#terms{font-size:11px; margin:10px 0 0 0; float:left;}
	.contact_left p#terms a{color:#FFFFFF;}


	.contact_right{width:410px; float:right;}

	.contact_right h2{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:1.3em; margin-bottom:20px; position:relative;}
	.contact_right p{font-size:12px;}
	.contact_right p strong{font-weight:bold;}
	.contact_right p a{color:#FFFFFF;}
	h2 a{color:#FFFFFF;}
	.contact_right h2 img{margin:0 0 -10px 0; position:relative;}



	#thanks{width:360px; border:#336600 solid 2px; background:#669900; padding:30px; text-align:center; margin:160px 0 0 50px;}

		#thanks h1{background:none; padding:0px 0 20px 0; text-align:center;}
		#thanks p{background:none; padding:0px; text-align:center; margin:0px;}


	/************* Request a Quote Form ***************/

	#quote_form{width:632px; padding:25px; border:#5a8fb9 solid 7px; background-color:#FFFFFF;}

		#quote_form h1{color:#054a82; font-size:20px; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0 0 20px 0;}
		#quote_form p{color:#054a82; font-size:13px; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:1.3em; margin-bottom:10px;}

		#quote_form .quote_left{width:280px; float:left;}
		#quote_form .quote_right{width:280px; float:right;}

		#quote_form .quote_box{width:280px; height:32px; background:url(images/quote/bg_textbox.png) no-repeat; border:none;}
		#quote_form .quote_text_small{width:280px; height:68px; background:url(images/quote/bg_textarea.png) no-repeat; border:none; overflow:hidden;}
		#quote_form .quote_text_big{width:631px; height:101px; background:url(images/quote/bg_textarea_big.png) no-repeat; border:none; overflow:hidden;}
		#quote_form .quote_select{width:240px; margin-bottom:8px;}

		#quote_form .quote_bottom{width:631px; float:left;}

		#quote_form .quote_bottom p#button{float:left; padding-top:13px; width:160px;}
		#quote_form .quote_bottom p#spam{width:260px; float:left;}
		#quote_form .quote_bottom p#spam a{color:#054a82;}
		#quote_form .quote_bottom p#terms{font-size:12px; float:left; width:500px;}
		#quote_form .quote_bottom p#terms a{color:#054a82; text-decoration:underline; cursor:pointer;}
		#quote_form .quote_bottom p#terms a:hover{text-decoration:none;}

		#quote_form .quote_bottom p#spam .code{float:left; margin:2px 0 0 0;}
		#quote_form .quote_bottom p#spam img{float:left; margin:0 0 0 10px;}





	/************* Extra Pages ***************/

	#box{width:923px; background:url(images/bg_box.png) repeat-x top #497494; padding:25px;}

		#box h1{background:none; padding:0px; text-decoration:underline; margin-bottom:20px;}

		#box ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.5em; margin:0 0 0 0;
		background:url(images/list_item.png) no-repeat left 4px; padding-left:15px;}

		#box ul{margin:0 0 20px 0;}


		body#page_thanks p span{font-size:20px; font-weight:bold;}

		body#page_thanks p{text-align:center; line-height:1.6em; margin-top:100px; margin-bottom:100px;}


		.sitemap_column{width:470px; float:left; margin-bottom:40px;}

			.sitemap_column ul li{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:13px; color:#d3e7f6; line-height:1.5em; margin:0 0 0 0;}
			.sitemap_column ul ul li{background:url(images/sitemap_tick.png) no-repeat left 4px; padding-left:15px; margin:0 0 0 15px; color:#aecee5;}
			.sitemap_column h2{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; color:#d3e7f6; font-weight:bold; margin-bottom:20px;
			background:url(images/sitemap_h2.png) no-repeat right 4px; padding-right:20px; display:inline-block;}

			.sitemap_column h1#right{text-align:right;}
			.sitemap_column h1{background:url(images/h1_png.png) no-repeat bottom;}




	/************* Footer ***************/

	#footer{width:979px; margin:0 auto 0 auto; padding-top:40px;}

		#footer ul{text-align:center;}
		#footer ul li{display:inline; color:#d8e4ee; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-right:#d8e4ee solid 1px; padding-right:4px;}
		#footer ul li a{color:#d8e4ee; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; padding:0 2px 0 2px; position:relative;}
		#footer ul li a:hover{text-decoration:underline;}
		#footer ul li.last{border:none;}

	#mini_logo{float:left; margin:-40px 0 0 10px;}
	#ns_logo{float:right; margin:-40px 10px 0 0;}



	/************* Text Styles ***************/

	a:active, a:focus {
	outline: 0
	}

	p{line-height:1.3em;}

	a:hover{text-decoration:none;}

	strong{font-weight:bolder;}

	a.url{color:white;}
	
	.article_info p em{font-style:italic;}
	.article_info p strong{font-weight:bolder;}

	/************* Accessibility ***************/	

	/* clearing */ 
	.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
	.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	* html>body .clearfix{display: inline-block; width:100%;}
	* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

	/* accessibility */ 
	.accessibility { position: absolute; top: -999em; left: -999em;}
/* End Structure */