@charset "utf-8";

/* CSS Document */



body {

margin: 0px auto 0px;

margin-top:-25px;

background:#f5f5f5 url(images/bg.png) repeat-x top;

background-position: 0% -25px;

font-family:arial;

font-size:13px;

color:#6a6a6a;

height:100%;

}

a{

color:#f78f1e;
text-decoration:none;

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

img{

border:none;

}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float:right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float:left;
	}


p {margin:8px 0 8px 0;line-height:16px;}

p.postmetadata {clear:both;
font-size:10px;}

h1{
font-weight:normal;
color:#161616;
font-size:24px;
margin:20px 0 10px 0;

}

h2{

font-size:14px;

}

div.entry h2 {
font-size:16px;
background-image:url(images/headergradient.png);
background-repeat:repeat-y;
border-left:2px solid #F78F1F;
color:#161616;
font-weight:normal;
margin-right:5px;
padding:4px 4px 4px 10px;
}

div.entry h2 {
font-size:16px;
background-image:url(images/headergradient.png);
background-repeat:repeat-y;
border-left:2px solid #F78F1F;
color:#161616;
font-weight:normal;
margin-right:5px;
padding:4px 4px 4px 10px;
}

div.entry h3 {font-size:14px;}
div.entry h4 {font-size:12px}

div.entry li {background-image:url(images/bp.jpg);
background-repeat:no-repeat;
list-style-type:none;
margin-left:0;
padding:3px 3px 3px 31px;
}

.sphinn {float:right;
margin:0 0 0 10px;}

.sq li{

padding:3px;

list-style-type: none;

background-image: url(images/bp.jpg);

background-repeat: no-repeat;

padding-left: 31px;

margin-left: 0;

}

ul.sq{

margin:0;

padding:0;

margin-bottom:25px;

}



.make-orange{

color:#f78f1e;

}

#pageholder {

margin: 0px auto 0px;

width:980px;


background-image: url(images/pageholder-bg.png);

background-repeat: repeat-y;

}

#header {

width:980px;

height:229px;

background-image: url(images/header-bg.png);

background-repeat: no-repeat;

padding-top:25px;

position:relative;

}

#banner{

position:absolute;

top:172px;

left:25px;

}

#blog-icon { float:right; margin:15px 5px;}
#twitter-icon {float:right; margin:16px;}

#free-report{

float:right;

width:446px;
background:none;

}

#telephone-number{

float:right;

clear:right;

width:405px;

}

#logo{

background-image: url(images/logo.png);
width:310px;
height:133px;
float:left;
clear:none;
}

#logo a {

width:310px;
height:133px;
display:block;

}

#logo a span {

width:310px;
height:133px;
display:none;

}



#main{
	margin-top:155px;
	width:980px;
	background-image: url(images/pageholder-bg.png);
	background-repeat: repeat-y;
	overflow:hidden;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

#navigation-frame{

width:215px;

float:left;

margin-left:25px;

}

#content-frame{

width:685px;

float:left;

margin-left:13px;
position:relative;


}

#content-frame-news{

width:685px;

float:left;

margin-left:220px;
position:relative;


}

#navwrapper{

overflow:hidden;

}

#navwrapper h3 {
font-size:16px;
margin:3px 0 -11px 0;
color:#161616;font-weight:normal;
}

#left-icons { float:left;}

.navlinks ul{

margin:2px;

list-style-type: none;

padding-left: 0;

margin-left: 0;

}

li.categories{

background-image:none;

list-style-type: none;

}

.navlinks li{

width:190px;

padding:3px;

list-style-type: none;

background-image: url(images/bp.jpg);

background-repeat: no-repeat;

padding-left: 31px;

margin-left: 0;

margin-left:-44px;

border-bottom:1px solid #eaeaea;

font-weight:normal;
color:#484848;
font-size:10px;

}


.navlinks li ul li {border-bottom:medium none;
margin:-1px 0 -1px -31px;
color:#333;
background-repeat: no-repeat;
}



#bloglinks li {

width:181px;

padding:3px;

list-style-type: none;

background-image: url(images/bp.jpg);

background-repeat: no-repeat;

padding-left: 31px;

margin-left: 0;

margin-left:-39px;

border-bottom:nones;

}

.bread-navigation {margin:25px 0 0;}

.navlinks a, #bloglinks a{

color:#454545;

text-decoration:none;

font-size:13px;	

}

.navlinks a:hover{

color:#f78f1f;

}

#footer{

background-color:#000000;
clear:both;
height:465px;
margin:0 auto;
}

#footer-blog{

background-color:#000000;
clear:both;
height:310px;
margin:0 auto;
}

#footer2{

clear:both;

margin: 0px auto 0px;

width:980px;

height:265px;

background-image: url(images/footer2.png);

background-repeat: no-repeat;

background-position: top;

}

#twit-feed {float:left;
margin:0 25px 0 65px;
padding:48px 0 0;
width:860px;
}

#twit-feed-home {float:left;
margin:0 25px 0 65px;
padding:48px 0 0;
width:300px;
}

#twit-feed-home h3 {margin-bottom:0px}

#latest-posts {float:left;
margin:0 25px;
padding:48px 0 0;
width:500px;
}

#rightbox{

float:right;

margin:25px;

margin-right:0px;

margin-top:0px;

width:216px;

}



#rightbox img{

border: none;

}

#icon-set img {margin-left:40px;}

#head-text{

width:926px;

margin: 0px auto 0px;

height:30px;

padding:5px;

background-image: url(images/header-text-bg.png);

background-repeat: no-repeat;

overflow:hidden;

}

#contact-form{

width:205px;

background-image: url(images/contact-bg.png);

background-repeat: no-repeat;

overflow:hidden;

padding:5px;

height:350px;

overflow:hidden;

margin-bottom:0px;
margin-top:0px;

}

.formsubhead{

margin: 0px auto 0px;

font-size:80%;

width:175px;

height:50px;

}

#contact-form h2{

text-align:center;

margin-top:10px;

margin-bottom:10px;

font-size:18px
}

#contact-form label{

width:64px;

clear:both;

float:left;

margin-top:7px;

margin-left:15px;

font-weight:bold;

color:#f78f1e;

font-size:90%;

text-align:right;

}

#contact-form input{

float:right;

width:110px;

margin-top:5px;

}

.submitbtn{

border: 0; 

background: transparent;

background-image: url(images/submit.png);

background-repeat: no-repeat;

background-position:right;

float:left;

width:63px;

height:23px;

border:none;

}

#contact-form textarea{

float:right;

margin-top:5px;

}

.pad{

margin-top:5px;

margin-bottom:5px;

border:none;

}

#copyright{
clear:both;
color:#737373;
padding-top:7px;
font-size:90%;
margin-left:42%;
width:600px;
}

#copyright2{
clear:both;
color:#737373;
padding-top:7px;
font-size:90%;
margin-left:25%;
width:600px;
}

#footerlinks{

width:980px;

margin-top:28px;

float:right;

font-size:80%;

text-align:center;

}

#footerlinks a, #copyright a{

color:#737373;

text-decoration:none;

}

.sub_header {

padding:4px;

font-weight:bold;

border-left:solid 2px #F78F1F;

background-image: url(images/headergradient.png);

background-repeat: repeat-y;

padding-left:10px;

margin-right:5px;
font-weight:normal;
color:#161616;

}
.sub_header a {color:#161616;}
h2.sub_header  {color:#161616;}
h3.sub_header  {color:#161616;}
h4.sub_header {color:#161616;}


h1.cms {

padding:4px;

font-weight:bold;

border-left:solid 2px #F78F1F;

background-image: url(images/headergradient.png);

background-repeat: repeat-y;

padding-left:10px;

margin-right:5px;

}



table.cells {

width:100%;

border-collapse:collapse;

border:solid 1px #ccc;

}



table.cells th {

text-align:center;

background:#e3e3e3;

padding:4px;

font-weight:bold;

border-bottom:solid 1px #F78F1F;

}



table.cells td {

background:#f3f3f3;

padding:4px;

border:dashed 1px #ccc;

font-size:11px;

}



table.cells2 {

width:100%;

border-collapse:collapse;

border:solid 1px #aaa;

}



table.cells2 th {

text-align:right;

background:#fff;

padding:2px;

padding-right:6px;

font-weight:bold;

border-bottom:dashed 1px #ccc;

width:50%;

}



table.cells2 td {

background:#efefef;

padding:2px;

border:solid 1px #ccc;

font-size:11px;

}



table.cells3 {

width:80%;

border-collapse:collapse;

}



table.cells3 th {

text-align:right;



padding:2px;

padding-right:6px;

font-weight:bold;

border-bottom:dashed 1px #ccc;

width:160px;

}



table.cells3 td {

padding:2px;

}

.formholder{

background-image: url(images/form-bg.png);

background-repeat: no-repeat;

background-position: top left;

float:left;

}

.formholder th{

font-weight:bold;

color:#f78f1e;

font-size:90%;

background:none;

}

.client_logo{

border:1px solid grey;

text-align:center;

padding:5px;

}
/*johanedits*/
.bannerimg {float:left;}
.formtop {width:214px;height:235px;margin-right:11px;float:left;background:url(images/black.png) no-repeat left top;color:white;;font-size:11px;}
.make-black {color:#161616;}
.formtop h2 {margin:5px 0 5px 0;font-weight:normal;font-size:20px;color:white;}
.formtop p { margin:6px 6px 10px 6px;text-align:left;line-height:14px;}
.formtable {color:white;margin:0 0px 0 10px;}
.formtable td {}
#dropus {margin:0;padding:0;}
#dropus input {font:normal 11px/11px  Arial, Helvetica, sans-serif ;height:12px;width:100px;border:1px solid #f78f1e;margin:3px 0 2px 0px;}
#dropus textarea {font:normal 11px/11px  Arial, Helvetica, sans-serif ;width:130px;border:1px solid #f78f1e;margin:1px 0 0 0;}
#dropus .topsub {width:64px;height:21px;position:relative;right:25px;margin-top:10px;border:0;}
#mymarquee {
	margin-top:10px;
	margin-left:23px;
	margin-right:30px;
	padding:12px 0 0 113px;
	background:url(images/header-text-bg-google.png) no-repeat left top;
	height:32px;
	clear:none;
	
	color: #161616;
	
}
#mymarquee a {
	color: #f78f1e;
	text-decoration: none;
	font-weight:bold;
}
#design-examples {margin-top:10px;}
/*.vidholder {width:701px;height:235px;background:url(images/bannerbg.png) no-repeat left top;float:left;text-align:center;}*/
.vidholder {width:701px;height:235px;background:url(images/bannerbg4.png) no-repeat left top;float:left;text-align:right;}
.captcha {position:relative;
left:0;margin-top:5px;margin-right:0;}
form {margin:0;padding:0;}
#bold-icon {margin:15px 5px; float:left; position:relative; left:150px;}

.seoprices {vertical-align:middle;}
.seoprices p { font-family: Arial, Helvetica, sans-serif; color:161616; font-weight:bold; font-size:17px;}