/*
    Theme Name: Real Web SEO
    Theme URI: http://junowebdesign.com
    Description: Real Web SEO Global Style Sheet
    Version: 1.0
    Author: Juno Media
    Author URI: http://junowebdesign.com
    Tags: juno media, web design, web development, graphic design
*/

/*******
	FILES THAT NEED URL EDITING:
	
	css/ie6.css
	
*******/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
	    line-height: 1.4;
	    font-size: 87.5%; /* 100% = 16px */
	    color: #535353;
		font-family: arial, verdana, serif;
	    background: white;
		margin: 0;
		padding: 0;
		text-align: left
	}

/* Headers */
	h2 {font-size: 164.28%}
	h3 {font-size: 150%}
	h4 {font-size: 135.71%}
	h5 {font-size: 121.42%}
	h6 {font-size: 107.14%}
	
	h2, h3, h4, h5, h6 {margin-bottom: .8em; color: #57C33B;}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link {color: #57C33B; text-decoration: none}
	a:hover, a:active {text-decoration: underline;}
	a:visited {color: #83d867;text-decoration: none}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold; color: #57C33B}
	em, i {font-style: italic}
	
	.highlight {color: #57C33B;}
	.colourless {color: #535353}

/* Lists */
ul {
  margin: 1em 0 1.5em 0;
  line-height: 1.4
}

ul li {padding-left: 18px; background: url('images/icons/small-arrow.gif') no-repeat 0 6px;}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.4;
  list-style: outside decimal
}

/***** Layout *****/
/* Header */
#header {
	width: 876px;
	margin: 0 auto;
	padding: 30px 0;
	font-family: 'trebuchet ms', tahoma, arial, sans-serif;
	font-size: 114.28%;
	z-index:3;
	position:relative;
}
#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

#header a:link, #header a:visited {color: #525252;}
#header a:hover, #header a:active {color: #57C33B; text-decoration: none;}

	/* Logo */
	#logo {float: left;}
	
	/* Phone Number */
	#phone-number {float: right; color: #57C33B; font-size: 145%;}
	
	/* Menu */
	#menu {float: right; clear: right; margin: 16px 0 0 0; list-style: none; }
	#menu li {float: left; margin: 0 0 0 1.1em; position: relative; padding: 0; background: none;}
	
	#menu li.drop {background: url('images/icons/dropdown.gif') no-repeat right center; padding-right: 20px; cursor: pointer;}
	
		/* Submenus (Ewwww) */
		#menu ul {
			margin: 0;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 1.5em;
			margin: 0;
			list-style: none;
			background: #fff;
			border: 1px solid #efefef;
			padding: 4px;
			width: 140px;
			display: none;
			font-size: .8em;
		}
		#menu li:hover ul {display: block;}
		
		#menu ul li {float: none; margin: 0; border-bottom: 1px solid #f9f9f9; line-height: 1.1;}
		
		#menu ul li a:link, #menu ul li a:visited {
			display: block;
			background: #f9f9f9;
			padding: .4em .5em;
		}
		#menu ul li a:hover, #menu ul li a:active {
			background: #57C33B;
			color: #fff;
		}

/* Header image */
#header-img {display: block; margin-bottom: 25px;}
/* Clouds */
  
  .cloud {
    display: inline;
}
#main {
	background:url('images/clouds/center.png') no-repeat center;
        width:875px;
        height:335px;
	margin-bottom: 25px;
        overflow:visible;
	padding: 30px 0;
	position:relative;

	z-index:1;
	  
    top: 0px;
    left: 50%;
    margin-left: -435px;

	}
	
img
{  border-style: none;
}
#your-site

{
position:relative;
left:-315px;
top:-10px;

}
#directory-links {
   position:relative;
   left:70px;
   top:-10px;
    }
#social-bookmarking {
   position:relative;
   top:-20px;
   left: 160px;
    
}
#google-local {
   position:relative;
   top: 10px;
   left: 220px;
    
}
#an-xml-site {
   position:relative;
   top: 80px;
   left: 210px;
     
}
#performace-analytics {
   position:relative;
   top: 205px;
   left: 70px;
    
}
#get-meta-content {
   position:relative;
   top: 125px;
   left: 530px;
    
}
#article-blog {
   position:relative;
   top: 143px;
   left: 180px;
    
}
#title-tag {
   position:relative;
   top: 103px;
   left: -220px;
    
}
#inbound-links {
   position:relative;
   left: -460px;
    
}

/* Body */
#body {
	width: 876px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
	
}

	#content {width: 410px; float: left; font-size: .9em;}
	.blog #content {width: 625px;}

	#side {width: 425px; float: right; font-size: .9em}
	#side  img {margin-top: 3.8em}
	.blog #side {width: 190px;}
	
	#side .img {border: 1px solid #efefef;}

	#side h2 {margin-bottom: .2em;}
	#side ul {margin-top: 0;}
	#side ul li {padding-left: 12px;}
	#side a:link, #side a:visited {color: #333;}

/* Footer */
#footer {
	width: 876px;
	margin: 0 auto;
	clear: both;
	padding: 30px 0 35px 0;
	background: url('images/division.png') no-repeat top center;
}

	/* Boxes */
	#footer .box {float: left; width: 196px; margin: 0 30px 20px 0; overflow: hidden;}
	#footer .box.last {margin-right: 0;}

	#footer .box h2 {font-size: 1.4em;}

	/* Logos */
	.logos {overflow: hidden; height: 1%; width: 214px; overflow: hidden; margin: 0;}
	.logos li {padding: 0; float: left; margin: 0 18px 12px 0;}
	
	.logos img {border: 1px solid #ededed;}
	.logos a:link img , .logos a:visited img {border: 1px solid #ededed;}
	.logos a:hover img , .logos a:active img {border: 1px solid #57C33B;}

	/* Contact Box */
	a.contact-box:link, a.contact-box:visited {
		display: block;
		background: #f6f6f6;
		border: 1px solid #eee;
		padding: 13px 15px;
		overflow: hidden;
		height: 1%;
		clear: both;
		margin-bottom: 1.8em;
	}
	
	.contact-box span {float: left; background: url('images/icons/arrow.gif') no-repeat left 2px; padding-left: 15px;}
	.contact-box span img {display: block; float: left;}
	.contact-box strong {float: right; font-weight: normal;}
	
	/* Footer Menu */
	#footer ul.foot-men {float: left; margin: 0 0 .3em 0; list-style: none; font-size: .8em;}
	#footer .foot-men li {float: left; margin: 0 .8em 0 0; padding: 0 .8em 0 0; border-right: 1px solid #6d6d6d; line-height: 1.1em; background: none;}
	#footer .foot-men li:last-child {margin: 0; padding: 0; border: 0;}
	
	#footer .foot-men a:link, #footer .foot-men a:visited {color: #535353;}
	#footer .foot-men a:link strong, #footer .foot-men a:visited strong {color: #57C33B; font-weight: normal;}
	#footer .foot-men a.heavy strong, #footer .foot-men a:visited strong {font-weight: bold;}
	
	
	/* Footer Bookmark */
	#footer .bookmark {float: right;}
	#footer .company-details {clear:both; font-size:.8em; margin-bottom: .3em;color:#c2c2c2}
	#footer .company-details a:link, #footer .company-details a:active, #footer .company-details a:visited {color:#c2c2c2}
	#footer .company-details a:hover {text-decoration:underline;}
/***** Sections *****/
/* Blog */
#posts-list {margin: 0;}
.post, li.post {padding: 0 0 1.5em 0; background: none; margin-bottom: 3em; border-bottom: 3px solid #efefef;}
.post h2 {margin-bottom: .1em;}
.post .meta {display: block; color: #999; margin-bottom: 1.5em;}

	/* Comments */
	#comments {overflow: hidden; height: 1%;}
	#comments h3 {margin-bottom: 25px;}

		/* Comments List */
		.comments-list {list-style: none; margin: 0 0 2em 0;}
		.comments-list li {overflow: hidden; width: 100%; border-bottom: 2px solid #efefef; margin-bottom: 1.5em; padding-bottom: 1.5em;}
	
		.comments-list .avatar {float: left; margin: 0 20px 0 0; border: 1px solid #C8D6E1;}
		.comments-list .info {width: 550px; float: right; overflow: hidden; font-size: .9em;}
		.comments-list cite {color: #999; display: block; margin-bottom: .5em;}
	
	/* Comments Form */
	#comment-form {margin: 0 0 1em 0; overflow: hidden; height: 1%}
	#comment-form div {margin-bottom: 0; overflow: hidden; height: 1%;}

	#comment-form label {
		display: block;
		float: left;
		margin-bottom: 15px;
		line-height: 20px;
		width: 75px;
		clear: left
	}
	#comment-form .text, #comment-form textarea {
		border: 0;
		display: block;
		float: left;
		margin-bottom: 15px;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
		font-size: 100%;
		padding: .2em .5em;
		width: 450px;
		color: #888;
		background: #fff;
		border: 1px solid #ddd;
	}

	#comment-form textarea {float: none; width: 525px; height: 125px}

	#comment-form .button {
		float: right;
		background: #57C33B;
		border: 0;
		color: #fff;
		padding: .3em 1em;
		margin: 0 60px 0 0;
		display: block;
		float: right;
		font-size: 1.2em;
		cursor: pointer
	}
/* Contact */

#contact-form {
	overflow: hidden;
	height: 1%;
	margin-bottom: 35px;
	padding: 20px;
	width: 350px;
	float: left;
	margin-top: 20px;
	margin-left: 0;
}

#contact-form label {width: 100px; float: left; margin-bottom: .5em; clear: left;}
#contact-form .text, #contact-form textarea {width: 240px; float: left; margin-bottom: .5em; background: #fff; border: 1px solid #ddd;}
#contact-form textarea {height: 250px;}
#contact-form .button {float: right; margin: 10px 8px 0 0; background: #57C33B; color: #fff; padding: 3px 9px; border: 0; font-size: 1.1em; cursor: pointer;}

/* locations */
#location {background: #f6f6f6; margin: 0 0 1.5em 0; width: 450px; float: right; margin-top: 20px}

#location address {display: block; margin: 1.5em}

#location fieldset {padding: 10px; background: #f1f1f1; overflow: hidden; height: 1%; margin: 0; color: #333;}

#location label {padding: 0 .5em 0 0; float: left; line-height: 22px}
#location .text {background: #fff; margin: 0 1.3em 0 0; color: #333; width: 110px; float: left; border: 1px solid #ddd;}
#location .button {
	float: right;
	background: #57C33B;
	font-size: 1em;
	border: 0;
	color: #fff;
	cursor: pointer;
	text-align: left;
	padding: 3px 5px;
	margin-top: -1px;
}

#detailed-directions {padding: 0; overflow: hidden; height: 1%; background: #000}
#detailed-directions span.left {float: left}
#detailed-directions img#expand-detailed, #detailed-directions img#contract-detailed {float: right; cursor: pointer}
#detailed-directions img.hidden {display: none}

#detailed-text {float: none; display: block; padding: .8em 1em; overflow: hidden; height: 1%}

#detailed {clear: both; background: #1e1e1e; padding: 1em 1em .5em 1em}

/*
	More
*/
#title{
	display:block;
	font-size:0;
	line-height:0;
	width:139px;
	height:34px;
	background: url('images/more.png') no-repeat;
	clear:both;
	margin-left:15px;
}
#more{
	background:#4CA52C url('images/more-bg.png') repeat-x top;
	overflow:hidden;
	color: #fff;
	padding-bottom:30px;
	/*height:1%;*/
	display: none;
}
#more #more-content{
	float:left;
	width:425px;
	padding: 55px 20px;
}
#more ul{
	list-style:none;
	margin:0;
	padding:15px;
	float:left;
	width:380px;
	padding:0;
}
#more ul li{
	background:none;
}
#more ul li h3{color:#fff;margin:20px 0 5px;}
#more ul li p{margin-bottom:1em;}
#more ul li a{
	font-weight:bold;
	color:#fff;
}