/*
Theme Name: Studio Interactive
Theme URI: http://www.studiointeractive.net/
Description: Theme for Studio Interactive.
Author: John Rawlins and Shad Finley of Studio Interactive
Version: 1.0
Tags: Web Design, Dark, Web Development
*/

/*Start CSS*/


/* START GENERIC STUFF */

body {
	margin:0;
	background-color:#070707;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	height: 100%;
	}

.clear{
	clear:both;
}

h1 {
	color:#000;
	position: relative;
	font-size: 24px;
	}

h1 span {
  background: url(images/gradient-glossy.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}

h2 {
	font-size:14px;
	color:#900; 
}

blockquote {
background:none repeat scroll 0 0 transparent;
border-top:3px solid #4C739E;
color:#4C739E;
font-size:1.25em;
font-style:italic;
padding:1em;
width:80%;
}

.alignleft {
	float:left;
}


.alignright {
	float:right;
} 

.aligncenter {
	display:block;
	margin:auto;}

img {
	border:none;
}

form {
         margin: 0;
}

/* END GENERIC STUFF */

#maincontainer{
	width:100%;
	width:100%;}
	
	
.webdesign_font {
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'BauhausMdBTBold', 
	sans-serif;}
	
@font-face {
	font-family: 'BauhausMdBTBold';
	src: url('webfont/bauhausb-webfont.eot');
	src: local('☺'), url('webfont/bauhausb-webfont.woff') format('woff'), url('webfont/bauhausb-webfont.ttf') format('truetype'), url('webfont/bauhausb-webfont.svg#webfontVjFcpmTw') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* HEADER TAGS */

#header{
	background:url(images/header_bg.jpg);
	background-repeat:repeat-x;
	width:100%;}

#inside_header{
	position:relative;
	height:128px;
	margin:auto;
	width:970px;
	}

#website_design_logo{
	position:relative;
	float:left;
	top:36px;
	width:408px;
	height:72px;
	z-index:1;
	}

#webDesign_CompanyLinks {
	color:#FFFFFF;
	float:right;
	font-family:Verdana,Geneva,sans-serif;
	font-size:11px;
	position:relative;
	top:21px;
	width:275px;
}

#webDesign_CompanyLinks ul{
	padding:0;
	margin:0;
	list-style:none;
	float:right;
}

#webDesign_CompanyLinks ul li{
	display:inline;
}

#webDesign_CompanyLinks ul li a{
	text-decoration:none;
	text-align:center;
	color: #FFF;
	padding:5px;
}

#webDesign_CompanyLinks ul li a:hover{
	text-decoration:underline;
}
	
#webdesign_flowers {
	background:transparent url(images/flowers.png) repeat scroll 0 0;
	height:92px;
	left:76px;
	position:relative;
	top:-40px;
	width:625px;
}

/* END HEADER TAGS */

/* START NAV BAR */

#nav_bar_container{
	position:relative;
	top:-5px;
         z-index:1;
	}

#webdesign_orange_bar{
	background:url(images/webdesign_orange_bar.png);
	width:100%;
	position:relative;
	height:25px;
	z-index:1;
	}
	
#webdesign_nav_bg {	
	background:transparent url(images/website_nav_bar_bg.png) repeat scroll 0 0;
	height:82px;
	margin:auto;
	position:relative;
	top:-22px;
	width:1015px;
	z-index:1;
}

.nav_links {
	color:#FFFFFF;
	font-size:16px;
	margin:auto;
	position:relative;
	text-align:center;
	top:24px;
	width:950px;
	text-shadow: #000000 5px 5px 5px;
}

.nav_links ul{
	padding:0;
	margin:0;
	list-style:none;
}

.nav_links ul li{
	display:inline;
}

.nav_links ul li a{
	text-decoration:none;
	text-align:center;
	color: #FFF;
	padding:9px;
}

.nav_links ul li a:hover{
	background:url(images/nav_button_bg.png) repeat-x center;
}

.nav_links .current_page_item a{
	background:url(images/nav_button_bg.png) repeat-x center;
	text-shadow: none;
}

/* START AD AREA */

#ad_area_main_bg{
	background:transparent url(images/ad_area_main_bg.jpg) repeat-x scroll 0 0;
	height:264px;
	position:relative;
	width:100%;
	top:-3px;
	z-index:0;
}

#ad_area_bg{
	background:url(images/website_ad_area_bg.png);
	width:1004px;
	background-repeat:repeat-y;
	position:relative;
	margin:auto;
}

#web_design_services_ad_area{
	width:950px;
	height:262px;
	margin:auto;
	position:relative;
}
	
#green_webdesign_bar {
background:transparent url(images/green_website_bar.png) repeat scroll 0 0;
height:53px;
margin:auto;
position:relative;
top:-30px;
width:950px;
z-index:2;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:auto;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:950px;
		height:262px;
		overflow:hidden; 
		}	

ol#controls {
float:right;
margin:1em 0;
padding:0;
position:relative;
top:-52px;
}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		background-image:url(images/ol_bg1.png); 
		background-repeat:no-repeat;
		float:left;
		height:53px;
		line-height:28px;
		color:#ffffff;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background-image:url(images/ol_bg2.png); 
		background-repeat:no-repeat;
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* END AD AREA */

/*Form Highlighter*/

.highlight{
	background: url(images/highlight-selected.gif) repeat;
	padding-top:15px;
	padding-left:70px;
	padding-bottom:15px;
	font-weight:bold;
	font-size:18px;
}

.highlight input{
	font-size:14px;}

/* START CONTENT AREA */

#webdesign_content_area {
	background:transparent url(images/content_body_bg.jpg) repeat-x scroll 0 0;
	position:relative;
	top:-54px;
	width:100%;
}
	
#main_content_area {
	background:transparent url(images/content_bg.jpg) repeat scroll 0 0;
	margin:auto;
	position:relative;
	width:950px;
	top:10px;
}

#left_content {
	float:left;
	left:14px;
	position:relative;
	width:260px;
	padding-top:0px;
	padding-bottom: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#left_content p{
	margin-top:10px;
	margin-bottom: 0;
}
	
#right_content{
	position:relative;
	width:640px;
	padding:0px 0 0 0;
	float:right;
	right:21px;
	padding-bottom: 20px;
}

#services_container {
position:relative;
height:240px;}

#services_left{
	width:311px;
	float:left;
	font-size:11px;
	height:250px;
	position:relative;
}

#services_container img {
	padding:5px;
	margin:10px;
}
	
#services_right{
	width:315px;
	float:right;
	font-size:11px;
	position:relative;
	height:250px;
}

#loop_content{
	margin-top:15px;
}
	
#testimonials {
	float:right;
	height:285px;
	margin-right:-11px;
	width:260px;
}

#testimonials_link {
margin:0
position:relative;
top:-42px;
left:20px;
;

position:relative;

top:-54px;
width:180px;
}
#testimonials_link a {
	color:#990000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

#testimonials_link a:hover {
	text-decoration:underline;
}

.article_book{
	position:relative;
	top:7px;
}

#articles {
	float:left;
	width:385px;
	margin-top:-24px
}

#articles h1{
	margin: 12px 0;
}

#articles img {
	margin-bottom:-6px;
	margin-right:3px;
}

#articles a {
	color:#990000;
	font-size:1.105em;
	text-decoration:none;
}

#articles a:hover {
	text-decoration:underline;
}

.entry-summary a, .entry-title a{
	color:#990000;
	font-size:1.105em;
	text-decoration:none;
}

.entry-summary a:hover, .entry-title a:hover {
	text-decoration:underline;
}

.attachment-thumbnail {
	float: left;
	padding-right: 15px;
}

/* END CONTENT AREA */

/* START SIDEBAR AREA */

#searchbox_container {
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
}

#networking_container {	position:relative;
	
	margin-top:15px;
	margin-bottom:15px;
}

#networking_container p {
	margin:0;
	padding:5px 0 5px 0;
}

#networking_container img {
	border:0;
	position:relative;
	right:30px;
	bottom:3px;
}

.sidebarbar_top {
background:transparent url(images/web_design_sidebar_top.png) repeat scroll 0 0;
height:5px;
position:relative;
width:249px;
}

.sidebarbar_middle {
	background:transparent url(images/webdesign_sidebar_middle.gif) repeat-y scroll 0 0;
	width:249px;
	padding-left:13px;
}
	
.sidebarbar_bottom {
background:transparent url(images/webdesign_sidebar_bottom.png) repeat scroll 0 0;
height:5px;
width:249px;
}

#web_design_consultation {
	background:transparent url(images/webdesign_consultation_bg.png) no-repeat scroll 0 0;
	color:#333333;
	height:155px;
	padding-left:8px;
	position:relative;
	width:248px;
	margin-bottom:15px;
	margin-top:15px;
}

.consultation_image{
	position:relative;
	top:7px;
}

#web_design_process {

	background:transparent url(images/web_design_process_bg.png) no-repeat scroll 0 0;
	color:#333333;
	height:155px;
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	width:248px;
}

.web_design_process_span{
	padding-top:8px;
	padding-left:8px;
}

.big_red {
color:#990000;
font-size:16px;
font-weight:bold;
}
	
.green_bold {
	color:#060;
	font-weight:bold;}

.small {
	font-size:9px;}
	
#follow_us {
	position:relative;
	}	


/* END SIDEBAR AREA */

/* START FOOTER */

#webdesign_footer_bg {
	background:transparent url(images/webdesign_footer_bar.png) repeat scroll 0 0;
	height:83px;
	top: -65px;
	position:relative;
	width:100%;
}
#footer_nav_bg {
	background:transparent url(images/website_nav_bar_bg.png) repeat scroll 0 0;
	height:82px;
	margin:auto;
	position:relative;
	top:6px;
	width:1015px;
}
#copyright_container  {
color:#CCCCCC;
margin:auto;
position:relative;
top:-61px;
width:876px;
}

#copyright_container a {
	color:#cccccc;
	text-decoration:none;
}

#copyright_container a:hover {
	text-decoration:underline;}

#validation {
float:right;
}

#copyright {
float:left;}