/*  
Theme Name: NS Digital
Theme URI: http://www.nsdigital.co.za/
Description: They Did This Theme Designed by <a href="http://www.nsdigital.co.za/">NS Digital</a>.
Version: 1.2.4
Author: NS Digital
Author URI: http://www.nsdigital.co.za/

	This theme was designed and built by NS Digital
*/

/* Default styles */
@import "css/reset.css";

/* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/EFFECTS.CSS */


html{height:100.01%;}

body{text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.5%; color:#424242; line-height:1.3em; 
background:url(images/background.png) repeat-x top #f6f6f6;}

#wrapper{width:100%;}

.page{width:971px; margin:0 auto 0 auto; background:url(images/bg_top.jpg) no-repeat top; height:500px;}

/* Containers */

.left_col{width:327px; float:left;}
.right_col{width:644px; float:right;}
.full_col{width:950px; float:left;}
.narrow_centered_col{width:644px; position:relative; margin:40px auto 0 auto;}


/* header */

	.top_strip{}
		.top_strip #logo{float:left; margin:5px 0 0 0px;}
	
	.nav{margin:0 0 0 0px; padding:27px 0 0 350px;}
	.nav_top{width:603px; background:url(images/bg_menu_top.png) no-repeat top;}
	.nav_bottom{width:603px; background:url(images/bg_menu_bottom.png) no-repeat; height:8px;}
	
	.nav_top ul{padding:15px 0 8px 0;}
	.nav_top ul li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
		padding:0 0 0 8px; margin:0 5px 0 5px;}
	.nav_top ul li a{color:#525151; text-decoration:none; padding:3px 8px 3px 8px; margin:0 10px 0 0;}
	.nav_top ul li a:hover{color:#ffffff; background-color:#a95aa3;}
	
	.nav_top p{margin:0px 0px 0px 17px; line-height:1.3em; font-size:12px; color:#636363; font-weight:normal;}
	.nav_top p a{padding:0px; color:#636363; text-decoration:none;}
	.nav_top p a:hover{text-decoration:underline;}

	
	.nav_top li a.active{color:#FFFFFF;}


#one_column ul li{list-style:disc inside; font-size:12px; line-height:1.3em; font-weight:normal; margin:0 0 0 0;}
	
	
#content, #content_home{width:576px; padding:0 34px 0 34px;}

#content_home{padding-top:74px; padding-bottom:20px;}

	#content_home a{background-color:#ebebeb; padding:5px 1px 5px 1px; text-decoration:none; color:#424242;}
	#content_home a:hover{background-color:#a95aa3; color:#ebebeb;}
	#content_home p{font-weight:bold; font-size:13px; line-height:1.8em; margin-bottom:23px; }
	
	
	#home_websites{width:973px; height:482px; background:url(images/home_websites.jpg) no-repeat;float:left; margin:25px 0 0 0px;}
	
	#can_we_help{margin:60px 0 0 50px; float:left;}
	
	
	.left_content p.bigger a{background-color:#ebebeb; padding:5px 1px 5px 1px; text-decoration:none; color:#424242;}
	
	a.post-edit-link{border:solid 1px; display:block; float:right; padding:4px; margin:5px 19px 0 0; background:#c1c2c2; border:none; color:#525151; text-decoration:none;}
	
	a.post-edit-link:hover{color:#000000; text-decoration:underline;}

#footer{padding:8px 0 2px 0px;}

#footer_long{width:971px; float:left; margin:20px 0 0 0;}

	#footer_long p a{color:#636363; text-decoration:none; position:relative; padding:2px;}
	#footer_long p a:hover{text-decoration:none; background:#a95aa3; color:#ffffff;}
	#footer_long p{color:#636363; float:left; position:relative;}
	#footer_long img{float:left; margin:14px 10px 0 0}



/************* Contact Us ***************/	

.left_content{width:306px; padding:9px 0 0 12px; margin:60px 0 0 0;}

	.contact_section{width:306px; border-top:#9e9e9e dashed 4px; padding-top:24px; margin:30px 0 0 0;}

	.contact_section span{float:left; margin:-15px 0 0 0; display:inline;}
	.contact_section h2{float:left; margin:0 0 0 0; display:inline;}
	.contact_section p{float:left; margin:10px 0 0 3px; width:303px;}
	.contact_section a{background-color:#ebebeb; padding:5px 1px 5px 1px; text-decoration:none; color:#424242;}
	.contact_section a:hover{background-color:#a95aa3; color:#ebebeb;}
	
	.contact_section table{font-size:12px; font-weight:normal; width:303px; margin:10px 0 0 3px; float:left;}
	.contact_section table tr td{line-height:1.3em; vertical-align:top; padding:0px;}
	
	.contact_section table tr td#leftdata{ width:100px;}
	.contact_section table tr td#rightdata{ width:100px;}

.white_page{width:618px; margin:25px 0 0 20px; padding:0px;}
.page_top{width:618px; background:url(images/page_top.png) no-repeat; height:20px; margin:0px 0 0 0;}
.page_middle{width:618px; background:url(images/page_middle.png) repeat-y; margin:0 0 0 0;}
.page_bottom{width:618px; background:url(images/page_bottom.png) no-repeat; height:20px; margin:0 0 0 0;}
.page_shadow{width:618px; background:url(images/page_shadow.png) no-repeat center; height:34px; margin:0 0 0 0;}


/* centered page style */

.narrow_centered_col .white_page{width:618px; margin:25px 0 0 20px; padding:0px;}
.narrow_centered_col .page_top{width:618px; background:url(images/page_top.png) no-repeat; height:20px; margin:0px 0 0 0;}
.narrow_centered_col .page_middle{width:618px; background:url(images/page_middle.png) repeat-y; margin:0 0 0 0; padding:1px;}
.narrow_centered_col .page_bottom{width:618px; background:url(images/page_bottom.png) no-repeat; height:20px; margin:0 0 0 0;}




	.page_content{width:550px; margin:0 auto 0 auto;}
	
	ul#sub_nav{border-bottom:#9e9e9e dashed 4px; padding-bottom:14px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; font-weight:bold; color:#525151; margin-bottom:40px; height:30px;}
	ul#sub_nav li{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 0 10px;}
	ul#sub_nav li a{color:#525151; text-decoration:none; padding:3px 8px 3px 8px; margin:0 10px 0 0;}
	ul#sub_nav li a:hover{color:#ffffff; background-color:#a95aa3;}
	

	
.area{width:541px; background:url(images/contact/textbox_big.png) no-repeat top #f9f9f9; border:#eeeeed solid 1px; height:86px; padding:3px 0 0 0;
font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 3px;}

.text_small{width:541px; background:url(images/contact/textbox_small.png) no-repeat top #f9f9f9; border:#eeeeed solid 1px; padding:7px 0 7px 2px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 3px;}

.text_spam{width:150px; background:url(images/contact/textbox_small.png) no-repeat top #f9f9f9; border:#eeeeed solid 1px; padding:7px 0 7px 2px;
font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 0 3px;}

.submit{width:152px; height:39px; background:url(images/contact/submit.png) no-repeat #904a89; border:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
color:#FFFFFF; cursor:pointer; }

.submit:hover{padding:1px 0 0 1px;}

img#spam{margin:0 0 -12px 5px;}



#prop{overflow:hidden;}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:550px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

.tabbed_area p a{color:#424242;}
.tabbed_area p a:hover{text-decoration:none;}

.content2{padding:0 0 20px 0;}

/************* Portfolio ***************/	

.showcase{border-bottom:#9e9e9e dashed 4px; padding-top:31px; padding-bottom:5px; float:left; width:576px;}

	.thumb{width:358px; background:url(images/portfolio/border_bottom.png) no-repeat bottom; padding:0 0 44px 0; float:left;}
	
	.thumb a{background:url(images/portfolio/border_top.png) no-repeat top; width:358px; display:block; position:relative; text-align:center; padding:11px 0 0 0;
	text-decoration:none;}
	
	.info{width:200px; float:right;}
	
		.info p{margin:8px 0 10px 0;}
		.info p strong{font-size:14px;}
		
		.info a{background-color:#ebebeb; color:#424242; font-size:12px; font-weight:bold; padding:3px; text-decoration:none; margin:0 0 0 -3px; position:relative;}
		.info a:hover{background-color:#424242; color:#ebebeb;}

		.shadow{width:358px; height:34px; background:url(images/portfolio/shadow.png) no-repeat; float:left; margin:5px 0 0 -13px; position:relative;}
		
	.left_column{width:680px; float:left; padding:50px 0 0 0;}	
	.right_column{width:265px; float:right; display:block;}	
		
		.right_column #sidebar_top{width:265px; height:12px; background:url(images/side_bar/sidebar_top.png) no-repeat top; margin:50px 0 0 0;}
		.right_column #sidebar_bottom{width:265px; height:41px; background:url(images/side_bar/sidebar_bottom.png) no-repeat top;}
		.right_column #sidebar{width:215px; background:url(images/side_bar/sidebar_middle.png) repeat-y top; padding:10px 25px 15px 25px;}
		
		h2.sidebartitle{font-size:14px; border-bottom:#626262 solid 4px; padding-bottom:3px;}
		ul.list-cat{margin:16px 0 0 0;}
		ul.list-cat li a{color:#424242; text-decoration:none; font-weight:bold; font-size:12px; padding:2px;}
		ul.list-cat li a:hover{text-decoration:none; color:#ffffff; background:#a95aa3; padding:2px;}
		ul.list-cat li{background:url(images/side_bar/list_item.jpg) no-repeat; padding:0 0 0 10px; background-position:0px 5px;
			line-height:2em;}
	

	.post{margin:20px 0 0 0;}
	.post-title h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; color:#424242; font-weight:bold;
	text-decoration:none; margin:0 0 20px 0;}

	.post-title p.post_details{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#424242; font-weight:bold; font-size:14px;
	margin:3px 0 0 0;}
	.post-title p.post_details span.post_cat a{font-weight:normal; font-size:12px; color:#424242; text-decoration:none;
	background-color:#ebebeb; padding:2px;}
	
	.entry p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#424242; font-size:12px; line-height:1.3em;}
	.entry p strong{font-weight:bold; font-size:14px;}
	.entry p a{font-weight:normal; font-size:12px; color:#424242; text-decoration:none;	background-color:#ebebeb; padding:2px;}
	
	.entry ul{ padding:3px 0 3px 20px;}
	.entry ol{ padding:3px 0 3px 20px;}
		.entry ol li{margin:10px 0 5px 0;}
	.entry li{background:url(images/portfolio/li.png) no-repeat; background-position:0px 2px; padding:4px 0 4px 20px; font-size:1.2em;}
	
	.entry p a:hover{background-color:#424242; color:#ebebeb;}

	.entry p img{border:#a5a8a8 solid 12px; margin:20px 0 0 0;}
		
	.post_thumb{padding:0 0 10px 0; width:320px; margin:0px 20px 5px 0; float:left;}
	.post_thumb img{float:left; border:#a5a8a8 solid 10px;	margin-right:30px;}
			.post_thumb img:hover{border:#af66a3 solid 10px;}
		
	.portfolio_thumb_summary{width:320px; float:left; margin:0px 0 0 0; min-height:100px; height:auto; height:100px;}
		.portfolio_thumb_summary a {text-decoration:none;}
		.portfolio_thumb_summary a span{text-decoration:none; font-size:1em; font-weight:normal; width:293px; float:left;}
			.portfolio_thumb_summary a span:hover{color:#9e1d89;}
		.portfolio_thumb_summary a strong{font-weight:bold; text-decoration:underline; font-size:1.4em; display:inline-block; color:#363636; margin:0 0 5px 0;}
			.portfolio_thumb_summary a strong:hover{color:#9e1d89;}
			
	
	
	
			
			
/************* Clients ***************/				
	.full_width_column{width:985px; float:left; padding:50px 0 0 0;}
	
	.client_thumb{padding:0 0 10px 0; width:230px; margin:0px 12px 5px 0; float:left;}
	.client_thumb img{float:left; border:#a5a8a8 solid 10px; margin-right:30px;}

	.client_thumb_summary{width:202px; float:left; margin:-10px 0 0 7px; min-height:80px; height:auto; height:80px; }
		.client_thumb_summary {text-decoration:none;}
		.client_thumb_summary span{text-decoration:none; font-size:1em; font-weight:normal; width:202px; float:left;}

		.client_thumb_summary strong{font-weight:bold; text-decoration:underline; font-size:1.8em; display:inline-block; color:#363636; margin:0 0 5px 0;}
		
		.client_thumb .shadow{width:200px; height:34px; background:url(images/shadow-200px.png) no-repeat; float:left; margin:5px 0 0 10px; position:relative;}


/************* What We Do ***************/	
	
#single{width:945px; margin:0 auto 0 auto; float:left;}

	.service{width:945px; border-bottom:#a7a7a7 dashed 4px; padding-bottom:30px; padding-top:20px;}
	
		.service_image{width:389px; float:left;}
		.service h1{margin:0 0 10px 0;}
			
			.service_image img {float:left; border:#a5a8a8 solid 10px; margin-right:30px;}
			
			.service_image .shadow{width:358px; height:34px; background:url(images/portfolio/shadow.png) no-repeat; float:left; margin:5px 0 0 20px; position:relative;}
			
		.service_info{width:540px; float:right;}
		
			.service_info p{margin:0 0 20px 0; line-height:1.5em;}
			
			.service_info a{background-color:#ebebeb; padding:2px; text-decoration:none; color:#424242;}
			.service_info a:hover{background-color:#a95aa3; color:#ffffff;}
			
			
		.post img{ border:#a5a8a8 solid 12px; margin:20px 0 0 0;	}
		
		

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

h1{font-size:26px; font-weight:bold; margin-bottom:25px}

h2{font-size:14px; font-weight:bold; color:#000000;}
	/* Done an image replacement for IE styles in css/ie6.css and css/ie7.css and a CSS 3 styles in css/effects.css */
	h2.special{color:#bf5bb7; font-size:40px; text-align:center;}


h3{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#525151; font-weight:bold; border-bottom:#9e9e9e dashed 4px; padding-bottom:14px;}

span{font-size:14px; font-weight:bold; color:#424242;}

p{font-size:12px; line-height:1.3em; font-weight:normal; margin:16px 0 0 0;}

p a:hover{}

p.bigger{font-weight:bold; font-size:13px; line-height:1.8em;}

strong{font-weight:bold;}

ul.list li{font-weight:bold; font-size:13px; line-height:1.8em; background:url(images/list_item.png) no-repeat left center; padding-left:20px;}
ul.list{margin:20px 0 0 15px;}

p#cost{font-size:26px; font-weight:bold; text-align:center;}

body#page_what_we_do h1{margin-top:35px;}

a.more-link{padding:6px; margin:6px; float:left; border:none; background:#a5a8a8; font-weight:bold;}

a.more-link:hover{color:#9e1d89;}


/************* 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;}