@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/body-bg.jpg) repeat-x;
	color:#221717;
	font-family:"Trebuchet MS", arial;
	font-size:13px;
	line-height:20px;
}

.preload{
	display:none;
}

a{
	outline:none;
}

a:link, a:visited{
	color:#221717;
	text-decoration:underline;
}

a:active, a:hover{
	color:#f59e38;
	text-decoration:underline;
}

body.page-template-services-php #inside-intro-contain a:link, body.page-template-services-php #inside-intro-contain a:visited{
	color:#221717;
	text-decoration:none;
}

body.page-template-services-php #inside-intro-contain a:active, body.page-template-services-php #inside-intro-contain a:hover{
	color:#221717;
	text-decoration:underline;
}

.clear{
	clear:both;
}

.last{
	clear:both;
}

#spam{
	display:none;
}

h2 span{
	display:none;
}

#container{
	width:948px;
	margin:0px auto;
	background:url(images/contain-bg.jpg) 0px 97px no-repeat;
}

#inside-container{
	width:948px;
	margin:0px auto;
}

#masthead{
	height:97px;
	background:url(images/nav-logo-bg.jpg) no-repeat;
	width:948px;
}

#homelink{
	display:block;
	background:url(images/logo.jpg) no-repeat;
	width:316px;
	height:97px;
	float:left;
}

#nav{
	background:url(images/nav.jpg) no-repeat;
	width:312px;
	height:97px;
	float:left;
	margin-left:320px;
}

#nav li span { display: none; }

#nav li {
	position:relative;
	float:left;
	list-style:none;
	}

#nav li, #nav a { 
	height:97px;			/* Each button must have the same height, define it here */
	display:block;
	}

#nav-01 {width:53px; } 
#nav-02 {width:87px; } 
#nav-03 {width:79px; } 
#nav-04 {width:90px; } 

#nav-01 a:hover { background:url("images/nav.jpg") -0px -97px no-repeat;  }
#nav-02 a:hover { background:url("images/nav.jpg") -53px -97px no-repeat; }
#nav-03 a:hover { background:url("images/nav.jpg") -140px -97px no-repeat; }
#nav-04 a:hover { background:url("images/nav.jpg") -219px -97px no-repeat;}


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */


body.page-id-3 #nav-01 { background:url("images/nav.jpg") -0px  -97px no-repeat; }
body.page-id-5 #nav-02 { background:url("images/nav.jpg") -53px  -97px no-repeat; }
body.page-id-8 #nav-03 { background:url("images/nav.jpg") -140px  -97px no-repeat; }
body.page-id-10 #nav-04 { background:url("images/nav.jpg") -219px  -97px no-repeat; }

#flash{
	background:url(images/flash-placeholder.jpg) no-repeat;
	width:927px;
	height:354px;
	margin-left:10px;
	margin-bottom:10px;
}

#content{
	margin:0px 10px;
}

	#content p#home-intro{
		margin:0px 20px 20px 20px;
		line-height:20px;
		border-bottom:1px solid #cbbfbf;
		padding-bottom:15px;
	}
	
	#home-left{
		width:476px;
		float:left;
	}
	
	#home-left h2{
		color:#f59e38;
		font-size:14px;
	}
	
	#home-left p{
		line-height:20px;
		font-size:12px;
		margin-left:8px;
		margin-right:8px;
	}
	
	#consulting{
		background:url(images/inside-icon-consulting.png) no-repeat;
		padding-left:85px;
		height:119px;
	}
	
	#webmarketing{
		background:url(images/inside-icon-web-marketing.png) no-repeat;
		padding-left:85px;
		height:119px;
	}
	
	#webdevelopment{
		background:url(images/inside-icon-web-development.png) no-repeat;
		padding-left:85px;
		height:119px;
	}
	
	#home-right{
		width:430px;
		float:left;
		height:119px;
	}
	
	#home-right h2{
		color:#f59e38;
		font-size:14px;
	}
	
	#home-right p{
		line-height:20px;
		font-size:12px;
		margin-left:8px;
	}
	
	#creative{
		background:url(images/inside-icon-creative.png) no-repeat;
		padding-left:85px;
		height:119px;
	}
	
	#richmedia{
		background:url(images/inside-icon-rich-media.png) no-repeat;
		padding-left:85px;
		height:119px;
	}
	
	#home-request{
		display:block;
		background:url(images/home-request-quote.jpg) no-repeat;
		width:436px;
		height:71px;	
	}
	
	a#home-request:hover{
		background:url(images/home-request-quote-ovr.jpg) no-repeat;
	}
	
#inside-content{
	background:url(images/inside-bg.jpg) no-repeat;
	padding:78px 32px 0px 42px;
}

	hr{
		background:#c9bdbd;
		border:none;
		height:1px;
		margin-bottom:22px;
	}

	#inside-intro-contain{
		width:550px;
		margin:0px 35px 18px 0px;
		float:left;
	}
	
	#services-heading{
		background:url(images/services-heading.png) no-repeat;
		width:118px;
		height:37px;
		margin-bottom:12px;
		margin-top:0px !important;
	}
	
	#about-heading{
		background:url(images/about-heading.png) no-repeat;
		width:129px;
		height:37px;
		margin-bottom:12px;
		margin-top:0px !important;
	}
	
	#audit-heading{
		background:url(images/audit-heading.png) no-repeat;
		width:255px;
		height:37px;
		margin-bottom:12px;
		margin-top:0px !important;
	}
	
	#contact-heading{
		background:url(images/contact-heading.png) no-repeat;
		width:199px;
		height:37px;
		margin-bottom:12px;
		margin-top:0px !important;
	}
	
	#inside-content h2{
		margin:25px 0px 12px 0px;
	}
	
	.info-box h2{
		margin:0px 0px 12px 0px !important;
	}
	
	#inside-content p{
		margin:0px 0px 12px 0px;
	}
	
	#inside-content ul{
		margin:0px 0px 12px 25px;
	}
	
		#inside-content li{
			margin:5px 0px 0px 0px;
			list-style-type:none;
			list-style-image:url(images/icon.png);
		}
	
	#inside-content #consulting-inside{
		background:url(images/inside-icon-consulting.png) no-repeat;
		padding-left:93px;
	}
	
	#inside-content #webmarketing-inside{
		background:url(images/inside-icon-web-marketing.png) no-repeat;
		padding-left:93px;
	}
	
	#inside-content #webdevelopment-inside{
		background:url(images/inside-icon-web-development.png) no-repeat;
		padding-left:93px;
	}
	
	#inside-content #creative-inside{
		background:url(images/inside-icon-creative.png) no-repeat;
		padding-left:93px;
	}
	
	#inside-content #richmedia-inside{
		background:url(images/inside-icon-rich-media.png) no-repeat;
		padding-left:93px;
	}
	
	.info-box{
		padding-top:15px !important;		
	}
	
	.services ul{
		float:left;
		margin-left:0px !important;
		width:260px;
	}
	
	.services li{
		margin:0px 0px 15px 55px !important;
		list-style-type:none;
		list-style-image:url(images/icon.png);
	}
	
	#leftcol-inside{
		width:550px;
		margin:0px 35px 18px 0px;
		float:left;
	}
	
		#leftcol-inside form{
			width:350px;
			margin:0px 0px 0px 0px;
		}
		
		#leftcol-inside label{
		}
	
		#leftcol-inside form input{
			width:250px;
			margin:0px 0px 7px 0px;
			padding:5px;
			border:1px #1d1414 solid;
		}
	
		#leftcol-inside form select{
			width:260px;
			margin:0px 0px 7px 0px;
			padding:5px 5px 0px 5px;
			border:1px #1d1414 solid;
		}
		
		#leftcol-inside form option{
			padding:3px;
		}
		
		#leftcol-inside form option#select{
			padding-bottom:0px !important;
		}
	
		#leftcol-inside form textarea{
			width:250px;
			height:50px;
			margin:0px 0px 7px 0px;
			padding:5px;
			font-family:inherit;
			font-size:inherit;
			border:1px #1d1414 solid;
		}
		
		#leftcol-inside form input#Submit{
			width:50px;
			cursor:pointer;
			background:#fff;
			margin-top:5px;
		}
		
	body.page-template-contact-php #leftcol-inside .post, body.page-template-seo-audit-php #leftcol-inside .post{
	}
	
	#rightcol-inside{
		width:287px;
		float:left;
	}
	
	#sidebar-content{
		margin-top:20px;
	}
	
	#sidebar-content p{
		font-size:11.5px;
		margin:10px 10px 10px 10px;
		color:#666666;
		line-height:24px;
		font-style:italic;
	}
	
	#sidebar-content h2{
		margin:35px 10px 0px 10px;
	}
	
	#sidebar-content h3{
		margin:10px 10px 0px 10px;
	}
	
	#sidebar-content h3{
		color:#333;
	}
	
	#services-request-btn-contain{
		width:287px;
		float:left;
	}
	
	#request-quote{
		display:block;
		width:287px;
		height:121px;
		margin-top:10px;
	}

	a#request-quote:hover{
		background:url(images/new-project.jpg) no-repeat;
	}
	
	div#request-quote-services{
		float:left;
		width:287px;
		height:121px;
	}

	div#request-quote-services a{
		display:block;
		width:287px;
		height:121px;
		margin-top:10px;
	}
	
	div#request-quote-services a:hover{
		background:url(images/new-project.jpg) no-repeat;
	}
	
	#seo-audit{
		width:287px !important;
		height:43px !important;
		display:block;
		margin-top:0px !important; 
	}
	
	a#seo-audit:hover{
		background:url(images/website-seo-audit.jpg) 0px 3px no-repeat !important;
	}
	
	
	#footer{
		text-align:center;
		margin-bottom:15px;
		margin-top:50px;
		color:#795b5b;
	}
	
	body.page-template-thankyou-php #footer{
		text-align:center;
		margin-bottom:15px;
		margin-top:200px;
		color:#795b5b;
	}
		
		#footer-logo{
			margin-bottom:8px;
		}
	
		#footer p{
			margin-bottom:0px;
			font-size:11px;
			font-weight:normal;
		}
		
		#footer a:link, #footer a:visited{
			color:#9a8080;
			text-decoration:none;
		}
		
		#footer a:active, #footer a:hover{
			color:#9a8080;
			text-decoration:underline;
		}