/*  

Theme Name: Single grain

Theme URI: http://logicalbinary.com/

Description: Custom theme for Single grain

Author: Logical Binary

Author URI: http://logicalbinary.com/

*/







/* Begin Typography & Colors */

body {

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

    background-repeat: repeat-y;

    background-position: top center; 

    background-color: #f6f6f6;

    margin: 0px 0 0 0px;

    font-size: 15px;

	font-family: Georgia,"Times New Roman",Times,serif;

}



a{

	outline:none !important;

}



/*Header Logo------------------------------*/



#logo {

    background: url("images/logo.gif") no-repeat;

    background-position: -1px 0px;

    float: left;

    position: absolute;

    width: 205px;

    height: 93px;

    top: 0px;

    text-indent: -1000px;

    overflow: hidden;

}



/*Main------------------------------------*/



#container {

    background-image: url("images/container_bg.gif");

    background-repeat: no-repeat;

    position: absolute;

    left: 50%;

    margin-left: -377px;

    top: 0px;

    width: 753px;

    height: 400px;

    z-index: 2;

}



#mid_blue {

    background-image: url("images/mid_blue.gif");

    background-repeat: repeat-x;

    margin: 62px 0 0 0px; 

    width: 100%;

    height: 322px;

    

}



#about_stripe { 

    background-image: url("images/mid_brown.gif");

    background-repeat: repeat-x;

    margin: 62px 0 0 0px; 

    width: 100%;

    height: 140px;

}



#about_container {

    background-image: url("images/container_bg.gif");

    background-repeat: no-repeat;

    position: absolute;

    left: 50%;

    margin-left: -377px;

    top: 0px;

    padding: 0px 0 0 10px;

    width: 753px;

    z-index: 2;

}



#what_is_container {    

    background: url("images/about_content.gif") no-repeat;

    background-color: #fff;

    margin: 9px 30px 0 0px;

    height: 310px;

width: 339px;

    float: right;

}



#results_container {    

    background-color: #fff;

    margin: 9px 30px 0 0px;

width: 713px;	

	padding: 10px;

}





#what_is_container p {

    float: left;

    display:inline;

    margin: 0px 0 0 20px;

    width: 290px;

}





#search_container {

    margin: 0px 0 0 35px;

    width: 225px;

    display: inline;

    float: left;

}



#web_container {

    margin: 0px;

    width: 225px;

    float: left;

}



#analytics_container {

    margin: 0px;

    width: 225px;

    float: left;

}



#search_container p {

    margin: 0px;

    width: 205px;

    float: left;

}



#web_container p {

    margin: 0px;

    width: 205px;

     float: left;

}



#analytics_container p {

    margin: 0px 0 10px 0px;

    width: 205px;

  float: left;

}



#contact_container {

    background: url("images/sm_gradient.gif") no-repeat -20px 0px;

    margin: 0px 0 0 15px;

    width: 340px;

    display: inline;

    float: left;

}





/*Nav-------------------------------------*/



ul#nav_container {

    height: 47px;

    margin: 37px 0 0 302px;

    padding: 0px;

    list-style-type: none;

}



#nav_container  li {

    margin: 0px;

    float: left;

    padding: 0px;

  

}



#about,

#results,

#blog,

#tools,

#contact,

a:link#about,

a:link#results,

a:link#blog,

a:link#tools,

a:link#contact,

a:visited#about,

a:visited#results,

a:visited#blog,

a:visited#tools,

a:visited#contact {

    background-position: 0px 0px;

display: inline;

  float: left;

  height: 47px;

  margin: 0px;

  text-decoration: none;

  text-indent: -1000px;

  overflow: hidden;  

}



#sidebar-a a:link{

	font-size: 14px;

	color: #40577D;

	text-decoration: none;

}



#sidebar-a a:hover{

	font-size: 14px;

	color: #000000;

	text-decoration: none;

}



#sidebar-a a:visited{

	font-size: 14px;

	color: #40577D;

	text-decoration: none;

}



#sidebar-a a{

	font-size: 14px;

	color: #40577D;

	text-decoration: none;

}



a:visited#about, a:link#about {

    background-image: url("images/about.gif");

    width: 87px

}



a:hover#about {

    background-image: url("images/about.gif");

    background-position: 0px 47px;

    width: 87px

}



a:visited#results, a:link#results {

    background-image: url("images/results.gif");

    width: 88px

}



a:hover#results {

    background-image: url("images/results.gif");

    background-position: 0px 47px;

    width: 88px

}



a:visited#blog, a:link#blog {

    background-image: url("images/blog.gif");    

    width: 86px

}



a:hover#blog {

    background-image: url("images/blog.gif");

    background-position: 0px 47px;

    width: 86px

}



a:visited#tools, a:link#tools {

    background-image: url("images/tools.gif");

    width: 83px    

}



a:hover#tools {

    background-image: url("images/tools.gif");

    background-position: 0px 47px;

  width: 83px

}



a:visited#contact, a:link#contact {

    background-image: url("images/contact.gif");

    width: 106px    

}



a:hover#contact {

    background-image: url("images/contact.gif");

    background-position: 0px 47px;

    width: 106px

}



#about {

    background-image: url("images/about.gif");

    background-position: 0px 47px;

    width: 87px    

}



#results {

    background-image: url("images/results.gif");

    background-position: 0px 47px;

    width: 88px    

}



#blog {

    background-image: url("images/blog.gif");

    background-position: 0px 47px;

    width: 86px    

}



#tools {

    background-image: url("images/tools.gif");

    background-position: 0px 47px;

    width: 83px    

}



#contact {

    background-image: url("images/contact.gif");

    background-position: 0px 47px;

    width: 106px    

}





/*Headers----------------------------------*/



#home_headline {

    background-image: url("images/home_headline.gif");

    background-repeat: no-repeat;

    width: 385px;

    height: 36px;

    display: inline;

    margin: 15px 0 0 25px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#our_services {

    background-image: url("images/our_services.gif");

    background-repeat: no-repeat;

    width: 145px;

    height: 55px;

    margin: 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#search_engine {

    background-image: url("images/search_engine.gif");

    background-repeat: no-repeat;

    width: 212px;

    height: 28px;

    margin: 0px 0 0 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#web_conversion {

    background-image: url("images/web_conversion.gif");

    background-repeat: no-repeat;

    width: 148px;

    height: 28px;

    margin: 0px 0 0 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#web_analytics {

    background-image: url("images/web_analytics.gif");

    background-repeat: no-repeat;

    width: 135px;

    height: 28px;

    margin: 0px 0 0 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#what_is_header {

    background-image: url("images/what_is_header.gif");

    background-repeat: no-repeat;

    width: 252px;

    height: 39px;

    margin: 10px 0 0 20px;

    float: left;

    display: inline;

    text-indent: -1000px;

    overflow: hidden;

}



#seo_header {

    width: 252px;

    height: 39px;

    margin: 10px 0 0 20px;

    float: left;

    display: inline;

    text-indent: -1000px;

    overflow: hidden;

}





#get_header {

    background-image: url("images/get_header.gif");

    background-repeat: no-repeat;

    width: 100%;

    height: 36px;

    margin: 30px 0 0 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#search_header {

    background-image: url("images/search_header.gif");

    background-repeat: no-repeat;

	display:block;

    width: 100%;

    height: 36px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#search_header2 {

    width: 100%;

    height: 36px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#web_header {

    background-image: url("images/web_header.gif");

    background-repeat: no-repeat;

	display:block;

    width: 100%;

    height: 39px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#analytics_header {

    background-image: url("images/analytics_header.gif");

    background-repeat: no-repeat;

	display:block;

    width: 100%;

    height: 37px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



#get_in_touch_header {

    background-image: url("images/get_in_touch.gif");

    background-repeat: no-repeat;

    width: 154px;

    height: 27px;

    margin: 15px 0 10px 15px;

    float: left;

    display: inline;

    text-indent: -1000px;

    overflow: hidden;

}



#questions_header {

    background-image: url("images/questions.gif");

    background-repeat: no-repeat;

    width: 120px;

    height: 30px;

    margin: 10px 0 0 0px;

    float: left;

    display: inline;

    text-indent: -1000px;

    overflow: hidden;

}



.contenttitle{

	font-size: 20px;

	font-weight: bold;

	color: #40577D;

}



.contenttitleright{

	font-size: 36px;

	font-weight: bold;

	color: #40577D;

}



#content img{

	float: left;

	padding-right: 4px;

	padding-bottom: 4px;

}

/*Main Content---------------------------------*/



#home_photo {

    width: 239px;

    height: 292px;

    float: left;

    margin: 8px 5px 0 15px;

    display: inline;

}



#main_content {

    background-image: url("images/home_bg.gif");

    background-repeat: repeat-y;

    background-color: #294061;

    margin: 8px 40px 0 0px;

    height: 325px;

    width: 450px;

    float: right;

    font-size: 16px;



}



#main_content p {

    background-image: url("images/line_pattern.gif");

    background-position: 0px 30px;

    width: 380px;

    line-height: 30px;

    margin: 20px 0 0 35px;

}



ul#point_container {

    margin: 10px 0 0 10px;

    padding: 0px;

    width: 336px;

    height: 256px;

    float: left;

}



li#search_icon {

    background-image: url("images/seo-about.png");

    background-repeat: no-repeat;

    width: 354px;

    height: 80px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



li#web_icon {

    background-image: url("images/webdesign-about.png");

    background-repeat: no-repeat;

    width: 336px;

    height: 81px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



li#analytics_icon {

    background-image: url("images/smm-about.png");

    background-repeat: no-repeat;

    width: 336px;

    height: 75px;

    margin: 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



ul#point_container2 {

    margin: 10px 0 0 10px;

    padding: 0px;

	height: 90px;

    width: 700px;

    float: left;

}



li#search_icon2 {

    background-image: url("images/search_icon.gif");

    background-repeat: no-repeat;

    width: 336px;

    height: 80px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



li#web_icon2 {

    background-image: url("images/web_icon.gif");

    background-repeat: no-repeat;

    width: 336px;

    height: 81px;

    margin: 0px 0 10px 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}



li#analytics_icon2 {

    background-image: url("images/analytics_icon.gif");

    background-repeat: no-repeat;

    width: 336px;

    height: 75px;

    margin: 0px;

    float: left;

    text-indent: -1000px;

    overflow: hidden;

}





/*Bottom Content---------------------------------*/



#bottom_container {

    background: url("images/gradient.gif") no-repeat -20px 0px;

    margin: 0px 0 0 0px;

    width: 753px;

    height: 150px;

    display: inline;

    float: left;

}



#home_bottom_container {

    margin: 0px 0 0 0px;

    width: 753px;

    display: inline;

    float: left;

}

#home_bottom_containertop {

	    background-color: #fff;

	    margin: 9px 30px 0 0px;

	width: 713px;	

		padding: 10px;

}



#contact_bottom_container p {

    margin: 10px 0 5px 0px;

    width: 320px;

    display: inline;

    float: left;

}



#tab_1 {

    width: 215px;

    float: left;

    padding-right: 12px;

    margin: 20px 0 0px -135px;

    border-right: 1px solid #f0f0f0;



}



#seo-homepage{

	background:url(images/seo-homepage.jpg) no-repeat;

	display:block;

	width:190px;

	height:81px;

	margin-bottom:2px;

}



#webdesign-homepage{

	background:url(images/webdesign-homepage.jpg) no-repeat;

	display:block;

	width:190px;

	height:81px;

	margin-bottom:2px;

}



#smm-homepage{

	background:url(images/smm-homepage.jpg) no-repeat;

	display:block;

	width:190px;

	height:81px;

	margin-bottom:2px;

}



















#tab_2 {

    width: 210px;

    float: left;

display: inline;

    padding-right: 12px;

    margin: 20px 0px 0 10px;

    border-right: 1 solid #f0f0f0;

}



#seo-blog-feed-icon{

	 background:url(images/large-bullet.jpg) no-repeat;

	 width:27px;

	 height:25px;

	 float:left;

}



#seo-blog-feed{

	margin:2px 0px 0px 33px;

}



#tab_3 {

    

    background-position: 0px 13px;

    background-repeat: no-repeat;

    width: 224px;

    float: left;

display: inline;

    margin: 20px 0 0 10px;

}









#tab_1 p {

    width: 204px;

    float: left;

    margin: 15px 0 0 0px;

}



#tab_2 p {

    width: 185px;

    float: left;

    margin: 15px 0 0 0px;

}





#tab_3 p {

    width: 194px;

    float: left;

    margin: 15px 0 0 0px;

}



.tab_content {

    width: 190px;

    height: 131px;

    float: left;

    padding-right: 10px;

    display: inline;

    margin: 90px 0 0px 20px;

}



/*Footer------------------------------------------------*/



#footer {

    background-image: url("images/footer_pattern.gif");

    background-repeat: repeat-x;

    width: 753px;

    height: 100px;

    float: left;

    margin: 10px 0 0 -10px;

}



#wheat {

    background-image: url("images/wheat_footer.gif");

    background-repeat: no-repeat;

    width: 753px;

    height: 62px;

    float: left;

    margin-top: 6px;

}







/*Comments------------------------------------------------*/



#add_comment {

    background-image: url("images/add_comment.gif");

    width: 128px;

    height:30px;

    margin: 0px;

    text-indent: -1000px;

    overflow: hidden;

}



#comment_display {

    border-top: 8px solid #787878;

    background-color:#edeeee;

    padding: 0px 10px 10px 10px;

    width: 550px;

    float: left;

    margin-bottom: 20px;

}



#commentform p {

    margin: 10px 0 0 0px;

}



/* new page sections */

#content {

			padding: 2px;

			margin-right: 190px;

		}



		#sidebar-a {

			float: right;

			width: 180px;

		}

.contactformholder{

	margin-top: 20px;

	float: left;

}		



input{

	border: 1px solid #cccccc;

}



.nofloat{

	width: 200px;

	text-align: left;

}



.spacer{

	height: 220px;

}



.footertext{

	text-align: right;

	padding-left: 20px;

	padding-top: 25px;

	padding-bottom: 20px;

	color: #ffffff;

	font-size: 12px;

}

.catlist{

	background-color: #ffffff;

}

ul.catlist{

	list-style-type: none;

	padding: 10px;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

}



.catlistheading{

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

	height: 20px;

	padding-left: 10px;

	padding-top: 4px;

	font-size: 14px;

	font-weight: bold;

	color: #40577D;

}



.catlist li a{

	padding-left: 0px;



	background-repeat: no-repeat;



.relatedpost {

	color: #40577D;

	font-weight: bold;

}