/*global properties*/

html {
	font-size: 62.5%;
}
body {
	margin: 0;
	font-family: Arial;
	font-size: 1.2em;
	color: #666;
	line-height: 1.8em;
	font: Arial, Helvetica, sans-serif;
}

img {
border: 0;
}

a, a:visited {
 text-decoration: underline;
 color: #666;
 }
 
a:hover {
 text-decoration: underline;
 color: #a1b556;
 }
 
h1 {
  color: #666;
  font-size: 1.8em;
  }
h2 {
  color: #666;
  font-size: 1.4em;
  }
h3, h4 {
  color: #666;
  font-size: 1.2em;
  padding: 5px 0 0 0;
  }
 
/*header*/

#header {
	width:908px;
	height: 79px;
	margin: 0 auto;
	padding: 32px 0 0 23px;
}

#nav {
	width:930px;
	margin: 0 auto;
	height: 30px;
	background: url(images/navbg.gif) repeat-x;
	border-right: #dbdbdb 1px solid;
}
#nav ul {
padding: 0;
margin: 0;
}

#nav li {
 display: inline;
 }
 
#nav a {
  color: #555;
  text-decoration: none;
  background: none;
  display: block;
  font-size: 0.9em;
  height: 25px;
  padding: 5px 17px 0 17px;
  border-left: #dbdbdb 1px solid;
  float: left;
  }
#nav a:hover, a:visited, a:active {
  background: url(images/navbgroll.gif) repeat-x;
  }
 /*header*/

#nav2 {
	width:900px;
	height: 30px;
	background: url(images/navigbg2.gif) repeat-x;
	border-right: #dbdbdb 1px solid;
}
#nav2 ul {
	padding: 0;
	margin: 0;
}
#nav2 li {
	display: inline;
}


#nav2 a, #nav2 a:visited {
	color: #fff;
	text-decoration: none;
	background: none;
	display: block;
	font-size: 0.9em;
	height: 25px;
	padding: 5px 17px 0 17px;
	float: left;
	text-shadow:3px 0 6px #333;
	background: url(images/navig2border.gif) top right no-repeat;
}
#nav2 a:hover {
	background: url(images/navig2bgroll.gif) repeat-x;
}
/*contact form*/
#formbg {
	background-image: url(images/formbg.jpg);
}
/*main content*/

#content {
	width: 931px;
	margin: 0 auto;
	clear: both;
}

#right {
	width: 702px;
	float: right;
	padding: 0 0 0 7px;
	margin-top: 15px;
}

#left {
	width: 210px;
	float: left;
}

#flash {
	width: 702px;
    height: 331px;	
	}
.column {
  width: 331px;
  float: left;
  padding-right: 17px;
  }
  
.icons {
  margin: 15px 0 0 0;
  padding-right: 5px;
  }
  
/*sidebar*/

.leftimg {
   margin: 15px 0 10px 0;
   }

.leftimg2 {
   margin-top: 10px;
   }


.formstylequick2 {
	border: 1px #999999 solid;
	color: #666;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 175px;
}
.formstylequick {
	border: 1px #999999 solid;
	color: #666;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
	width: 175px;
}

.formstyle {
 width: 185px;
 margin: 0 auto;
 padding: 0;
 }
 

/*seoblog*/

#seoblog {
	width: 931px;
	margin: 0 auto;
	clear: both;
}
#seoblogleft {
	width: 445px;
    padding: 0 5px 15px 15px;
  	float: left;
  	background: url(images/blog-header.gif) top repeat-x #f1f1f1;
   }
#seoblogright {
  	width: 435px;
  	padding: 0 15px 15px 15px;
  	float: right;
  	background: #f1f1f1 url(images/blog-header.gif) top repeat-x;
   }
 #seoblogright p {
  padding: 0 0 15px 0;
  line-height: 16px;
  margin: 0;
  font-size: 0.9em;
  clear: both;
 }
 .blogrightpost {
  clear: both;
    border-bottom: dotted 1px #999;
	padding: 15px 0 0 0;
	}
  
 .blogrightpost img {
 margin: 0 10px 0 0;
	}
	
	
 #rightblog {
	width: 715px;
	float: right;
	margin: 18px 0 0 0;
}

   
#seoblog h1 {
  font-size: 1.2em;
  margin-top: 10px;
  color: #fff;
  text-shadow:3px 0px 6px #333;
  }  
#seoblog h2 {
  font-size: 1.2em;
  margin-top: 10px;
  color: #fff;
    text-shadow:3px 0px 6px #333;
  }  
 
  
#seoblogcolumns {
	width: 931px;
	margin: 0 auto;
	clear: both;
}
#seoblogcolumns h2 {
  font-size: 1.2em;
  margin-top: 10px;
  color: #fff;
  text-shadow:3px 0px 6px #333;
  }  
#seoblogcolumns h3 {
  font-size: 1em;
  }
#seoblogright h3 {
  font-size: 1em;
  text-decoration: none;
  padding-bottom: 0;
  }
 .blogrightpost a:link, a:visited {
  text-decoration: none;
  color: #444;
  background: none;
  }
  
 .blogrightpost a:hover, a:active {
  text-decoration: none;
  color: #556611;
  background: none;
  }
.seoblogcolumn {
  	width: 435px;
  	padding: 0 15px 15px 15px;
	margin-right: 0px;
  	float: left;
  	background: #f1f1f1 url(images/blog-header.gif) top repeat-x;
   }
  .seoblogcolumn p {
  padding: 0 0 15px 0;
  line-height: 16px;
  margin: 0;
  font-size: 0.9em;
  clear: both;
 }
 .seoblogcolumnr {
  	width: 435px;
  	padding: 0 15px 15px 15px;
	margin-right: 0px;
  	float: right;
  	background: #f1f1f1 url(images/blog-header.gif) top repeat-x;
   }
     .seoblogcolumnr p {
  padding: 0 0 15px 0;
  line-height: 16px;
  margin: 0;
    clear: both;
  font-size: 0.9em;
 }
.videopadding {
  padding: 10px 0 0 0;
  }
  
.widgettitle {
  font-size: 0.9em;
  color: #fff;
  background: url(/images/sidebar/widgetbg.gif);
  height: 25px;
  width: 200px;
  padding: 5px 0px 0px 10px;
  }  
  
.widgets {
 background: url(images/widgetbg2.gif) no-repeat;

 }
.blogintro {
 background: url(images/blogintro.gif) no-repeat;
 padding: 2px 5px 5px 5px;
 font-size: 0.9em;
 margin: 18px 0 0 0;
 }

.widgets li {
 background: url(images/posts.gif) no-repeat left center;
 list-style: none;
 padding: 8px 0 10px 20px;
 margin: 0;
 font-size: 0.9em;
 line-height: 1.6em;
 border-bottom: 1px dotted #CCCCCC;
 }

.widgets ul {
 padding: 0;
 margin: 0 0 0 10px;
 }
.post {
 background: url(images/excerptbg.gif) repeat-x;
 padding: 10px 0 20px 10px;
 clear: both;
 }
.post h1 {
 padding: 0;
 margin: 5px 0 0 0;
 color:#668519;
 font-size: 1.5em;
   text-shadow: none;
 }
 .post h2, h3 {
	padding: 0;
	margin: 5px 0 0 0;
	color:#06F;
	font-size: 1.2em;
	text-shadow: none;
 }
 
.blogfloat {
 float: right;
 margin-right: 250px;
 }
 
 .comments {
 float: right;
 background: url(images/comments.gif) no-repeat;
 height: 38px;
 width: 27px;
 margin: 2px 5px 0 0;
 padding: 7px 0 0 18px;
 font-weight: bold;
 font-family: "Times New Roman", Times, serif;
 font-size: 1.2em;
 }
.post-date {
background:url("images/date-bg.gif") no-repeat;
float:left;
height:49px;
width:40px;
margin: 2px 8px 0 0;
padding: 0;
text-align: center;
line-height: 1.1em;
}

.post-month {
text-transform: uppercase;
color: #FFF;
font-size: 0.8em;
height: 20px;
width: 40px;
display: block;
}

.post-day {
color: #333;
width: 40px;
margin-top: 3px;
display: block;
font-size: 1.4em;
}


 /*blog styles*/
 
 .post a {
 color: #668519;
 background: none;
 text-decoration: none;
 }
 .post a:hover {
  color: #555;
  background: none;
   text-decoration: none;
  }
.commentlist li {
 background-color: #d2e5c0;
 list-style: none;
 padding: 10px;
 margin: 0;
 }
.commentlist {
margin: 0;
padding: 0;
color: #333;
}
.commentlist a {
text-decoration: none;
color: #668519;
background: none;
}
	
/*footer*/

#footer {
	width:931px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
	text-align: center;
}

#footer ul {
padding: 0;
margin: 0;
}

#footer li {
 display: inline;
 border-right: 1px #666666 solid;
 padding: 0 4px;
 }
 
 /*other styles*/

#contactform {
background-color: #f6f7ec;
padding: 10px;
}
.contactform {
	border: 1px #999999 solid;
	color: #999999;
	padding: 5px 0 5px 5px;
	margin: 5px 0;
	width: 280px;
}


  

/* portfolio */

.porfolio {
 
 width: 108px;
 background: url(images/speech.gif) no-repeat;
 height: 136px;
 font-size: 0.8em;
 margin: 0 30px 20px 0;
 padding: 0 0 0 5px;
 float: right;
 list-style-image: url(/images/portfolio/bullet.gif);
 line-height: 1.3em;
  }
 
 .porfolio ul {
 padding: 0 0 0 20px;
 margin: 0;
   }
  .porfolio li {
 padding: 0;
 margin: 0;
   }
  .imgleft {
  float: left;
  }

#listing {
  background-color: #f6f7ec;
  border: #e7e9e0 solid 1px;
  overflow: auto;
  }
#portimg {
 float: right;
 width: 280px;
 margin: 20px 20px 0 0;
 }
#positions {
  width: 350px;
  margin: 20px;
  float: left;
  }
#lastpageposition3, #lastpageposition2, #lastpageposition1
 {
  width:10px;
  bolder:0px;
  font-size: 1.4em;
  font-weight: bold;
  }
  
.largeresults  {
  width:10px;
  bolder:0px;
  font-size: 1.3em;
  font-weight: bold;
  color: #b9b9be;
  }
.formhidden { display: none;  }

.results {
 background-color: #fcfdf9;
 padding: 15px 10px 15px 10px;
 margin: 0 0 10px 0;
 border: #ccc solid 1px;
 }
 .results input {
  float: right;
  border: 1px #666 solid;
  padding: 3px;
  background-color: #8fb83e;
  }
 .greybg {
   background: #b3b2b2;
   color: #333;
   padding: 5px 0;
   }
  .margintop {
   margin-top: 10px;
   }

#accordion li {
  font-size: 0.8em;
  margin-bottom: 4px;
   line-height: 1em;
background: none;
padding:0;;
  }
#accordion ul {
 margin:0;
 }
 
 /* new homepage */

#top {
	position: absolute;
	top: 147px;
	width: 930px;
	height: 273px;
	background: url(images/new/top-bg.gif) repeat-x bottom;
 }
#newtabs {
	position: absolute;
	top: 422px;
	width: 930px;
	height: 117px;
 }
 
#newtabs h2 {
	color: #fff;
	text-shadow:3px 0 6px #666;
	font-size: 2em;
	letter-spacing: -1px;
	padding: 27px 0 0 70px;
	margin: 0;
 }
#newtabs p {
 margin: -3px 1px 0 0;
 padding: 0px 0 0 70px;
 }
#newtabs img {
 margin: 17px 0 0 20px;
 }
#seotab {
 background: url(images/new/seo-services.gif);
 height: 117px;
 width: 231px;
 float: left;
 margin-right: 2px;
 color: #e06135;
 }

#socialtab {
 background: url(images/new/social-media.gif);
 height: 117px;
 width: 231px;
 float: left;
  margin-right: 2px;
 color: #27c7de;
 }
 #internettab {
 background: url(images/new/internet-marketing.gif);
 height: 117px;
 width: 231px;
 float: left;
  margin-right: 2px;
 color: #f3cb43;
 }
 #ppctab {
 background: url(images/new/ppc.gif);
 height: 117px;
 width: 231px;
 float: left;
 color: #c2e727;
 }
 #quickform {
  width: 227px;
  float: right;
   height: 230px;
   margin: 0 4px 0 0;
   background: #b3b2b2;
  }
#topflash {
 width: 699px;
 float: left;
 }
 .newform {
	border: 1px #999999 solid;
	color: #666;
	padding: 4px 0 4px 5px;
	margin: 0 0 4px 0;
	width: 175px;
	font-size: 0.9em;
}
.captcha {
	border: 1px #999999 solid;
	color: #666;
	padding: 5px 0 4px 5px;
	margin-bottom: 10px;
	width: 123px;
	font-size: 0.9em;
}
#main {
  width: 930px;
  margin: 0 auto;
  }
#main2 {
  width: 930px;
  margin: 400px auto 0 auto;
  }
.mainfull {
	float: left;
	width: 861px;
	background: url(images/main.gif) repeat-x;
	padding: 10px 20px;
  }
.mainleft {
	float: left;
	width: 409px;
	background: url(images/main.gif) repeat-x;
	padding: 10px 20px;
  }
.mainright {
	float: right;
	width: 409px;
	background: url(images/main.gif) repeat-x;
	padding: 10px 20px;
 }
.mainleft2 {
	float: left;
	width: 410px;
	background: #f5f5f5;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
  }
.mainright2 {
	float: right;
	width: 410px;
	background: #f5f5f5;
	padding: 5px 20px;
 }
.mainright h2, .mainright p {

 }
#mainmiddle {
  width: 930px;
  margin: 2px auto;
  clear: both;
  }
.dottedwrap {
  border-bottom: dotted 1px #999;
  padding: 13px 0;
  }
.marginright {
  margin-right: 10px;
  }
 /* phonesdown */
 #wrap {
	  width: 930px;
	  margin: 0 auto;
 }
	
.largefont {
	font-size: 1.4em;
}
.position1 {
	font-size: 1.2em;
	color: #666;
}
.bottommargin {
	 margin-bottom: 8px;
}
#presenter {
	 margin-top: 21px;
}

.facebook {
	 width: 300px;
	 height: 30px;
	 margin-top: 10px;
	 overflow: hidden;
}
.miniportfolio {
	 margin: 15px 20px 0 0;
}

