/*   
Theme Name: Earth Track
Theme URI: Eleven Media
Description: Eleven Media
Author: Eleven Media
Author URI: http://www.elevenmeida.com.au
Version: 2009

*/
/* main */
body {margin:0px; padding:0px; background:url(images/bg.jpg) repeat-x #d7edf2;  font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
#wrap {width:960px; margin-left:auto; margin-right:auto; background: url(images/wrap-bg.jpg) repeat-y;}
#header {width:960px; height:126px; display:block;}
#logo { display:inline; float:right; width:240px;}
#banner { clear:both;}
#banner-home { height:316px; clear:both;}
#footer-home { height:135px; clear:both;}
#sidebar {width:260px; float:left; display:inline;  }
#content-col {width:700px; float:right; display:inline; background:#fff; padding-bottom:100px; }
#home-content-col {width:700px; float:right; display:inline; background:#fff;  }

/* main nav styles */
  #nav-wrap { width:700px; display:inline; float:right; font-family: Arial, Helvetica, sans-serif; height:32px; margin-left:0px; background:#dfe9f0; }
  #nav-wrap ul {margin:0px; padding:0px; list-style:none; display:inline; text-align:right; }
  ul#navul {	display: inline;	list-style: none; margin:0px; padding:0px; }
  ul#navul li {float: right;  font-size: 12px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
  ul#navul li a {  color:#104d5f; text-decoration:none;  height:32px; line-height:32px; padding-left:20px; padding-right:22px; background:url(images/main-li.jpg) no-repeat right; }
  ul#navul li a:hover { color: #104d5f;	text-decoration: none; height:32px; line-height:32px;  }

/* sidebar styles */
	#sidewrap {  margin:0px; padding:0px; width:250px;  display:inline;   }
	#sidewrap ul { margin:0px; padding:0px; text-align:left; color:#000; display:block; list-style:none;  }
	ul#sideul li  { float: left;  margin:0px; padding:0px; color:#5d5c5c;  list-style:none;  display:block;  width:260px; margin-bottom:0px; line-height:28px;   }
	ul#sideul li a { color:#FFF; text-decoration:none; display:block; font-weight:normal; background: url(images/li-bg.png) no-repeat top;  padding-left:40px; font-size:12px; }
	ul#sideul li a:hover { color:#FFF; padding-left:40px; background: url(images/li-bg.png) no-repeat bottom;  }

/* post styles */
  .post-wrap {width:655px; float:left; display:inline; padding-left:25px; padding-top:10px; overflow:hidden; }


/* page cols */
	.col-a {width:220px; display:inline; float:left; margin:0px; padding:0px; margin-left:0px;  }
	.col-b {width:340px;; display:inline; float:right; margin:0px; padding:0px; margin-right:0px; }
	.col-c {width:230px; display:inline; float:left; margin:0px; padding:0px;  }
	.col-d {width:310px;; display:inline; float:right; margin:0px; padding:0px;  }
	.product img { display:inline; float:left; padding:2px; margin:0px; margin-right:8px; border: 1px solid #ccc; margin-bottom:10px; margin-bottom:10px;}

/* font Styles */ 
	h1 { font-size:24px; color:#0073bf; line-height:28px; padding:0px; font-weight:normal;  margin-bottom:10px; border-bottom: 1px solid #7fb9df;}
	h2 { font-size:17px; color:#0073bf; line-height:28px; padding:0px; font-weight:normal; margin:0px; margin-top:10px; border-bottom: 1px solid #7fb9df;}
	h3 { font-size:17px; color:#0073bf; line-height:23px; margin-bottom:2px; font-weight:bold; margin-top:10px; margin-left:10px;}
	h4 { font-size:14px; color:#111; line-height:10px; margin-top:10px; font-weight:normal; margin-left:9px;}
	h5 { font-size:12px; color:#111; line-height:23px; margin-top:10px;}
	p  { font-size:12px; color:#625d5d; line-height:18px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;}
	li {font-size:12px; color:#625d5d; margin-left:15px; padding-bottom:5px;}
	ul { padding:0px; padding-left:5px; margin-left:5px; margin-top:0px; margin-bottom:10px; padding-top:10px; }
	ol {padding:0px; margin:0px; padding-left:0px; margin-top:10px; list-style:none; }
	ol li { font-size:14px; color:#111; padding-left:35px; padding-top:10px; padding-bottom:10px; background: url(images/ol-li.jpg) left no-repeat;}

/* link styles */	
	a:link 		{color:#0073bf;	text-decoration: none;}
	a:visited 	{color:#0073bf; text-decoration: none;}
	a:hover 	{color:#0073bf; text-decoration: underline;}
	a:active 	{color:#0073bf; text-decoration: underline;}
	a:focus 	{outline-style: none;}  

/* clears   */
	.clear 				{clear:both; height:0px;}
	.clear05			{clear:both; height:05px; }
	.clear10			{clear:both; height:10px; }
	.clear20			{clear:both; height:20px; }
    .clear27			{clear:both; height:27px; }

	
/* footer */
	#footer {font-size:12px; color:#FFF; width:700px; display:inline; float:right; background: url(images/bg-footer.jpg) no-repeat; height:68px; clear:both;}
	#footer p {font-size:12px; float:left; color:#8f8f8f; padding-top:30px; margin-left:10px; height:68px;}
	#footer a:link {color:#8f8f8f;	text-decoration: none;}
	#footer a:visited {	color:#8f8f8f; text-decoration: none;}
	#footer a:hover {	color:#8f8f8f; text-decoration: underline;}
	
	#footer-home {font-size:12px; color:#FFF; width:700px; display:inline; float:right; height:68px; clear:both; }
	#footer-home p {font-size:12px; float:left; color:#8f8f8f; margin-top:10px; margin-left:10px;}
	#footer-home a:link {color:#8f8f8f;	text-decoration: none;}
	#footer-home a:visited {	color:#8f8f8f; text-decoration: none;}
	#footer-home a:hover {	color:#8f8f8f; text-decoration: underline;}

	#footer-1 { width:215px; display:inline; float:left; margin-top:70px; margin-left:15px; }
	#footer-2 { width:215px; display:inline; float:left; margin-top:70px; margin-left:20px; }
	#footer-3 { width:215px; display:inline; float:left; margin-top:70px; margin-left:30px;  }
	#footer-4 { width:215px; display:inline; float:left; margin-top:70px; margin-left:20px; }


/* content styles */
	.image-left-box 	{display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; }
	.image-right-box	{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px;  }
	.image-left 		{display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; }
	.image-right		{display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;}
	.map 				{border: 1px solid #dfdfdf; padding:2px; width:300px; margin-top:10px;}
	.image-product		{display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px;  }
	.line 				{border-top: 1px solid #dfdfdf; margin-top:10px; margin-bottom:10px; clear:both;}
/* end of CSS file */