/*   
Theme Name: Zail
Theme URI: Eleven Media
Description: Eleven Media
Author: Eleven Media
Author URI: http://www.elevenmeida.com.au
Version: 2010

*/
/* main */
	* {margin:0px; padding:0px;}
	body {margin:0px; padding:0px; background:url(images/bg.jpg) repeat-x #eaf0ff;  font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
	#wrap {width:960px; margin-left:auto; margin-right:auto;}
	#header {background: url(images/header.jpg) no-repeat top center; height:209px;}
	
	#logo { }
	#banner {}
	#sidebar {width:227px; float:left; display:inline; margin-left:4px;  }
	
	#content-wrap { background:url(images/page-bg.jpg) repeat-y; }
	#content-header { background:url(images/page-header.jpg) no-repeat top; clear:both; min-height:70px;}
	#content-col {width:665px; float:right; display:inline; padding-right:30px; margin-top:20px;  }
	#side-title { width:240px; display:inline; float:left; margin-top:10px; }
	#content-footer { height:25px; background:url(images/page-footer.jpg) no-repeat;}


	#home-wrap { background:url(images/home-wrap-bg.jpg) repeat-y;}
	#home-top { background: url(images/home-top.jpg) no-repeat; min-height:70px;}
	#home-foot { background:url(images/home-foot.jpg) no-repeat; height:23px; clear:both;}

	#home-news { display:inline; float:left;  width:440px;  margin-left:20px; margin-top:55px;}
	#home-bio { display:inline; float:right;  width:440px; margin-right:20px; margin-top:55px;}
	
/* main nav styles */
  #nav-wrap { width:960px;font-family: Arial, Helvetica, sans-serif; height:44px;}
  #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: left;  font-size: 13px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  background: url(images/bg-nav.jpg) no-repeat right top;}
  ul#navul li a {  color:#dfedf7; text-decoration:none;  line-height:44px; padding-left:15px; padding-right:21px; height:44px; 
  }
  ul#navul li a:hover { color: #FFF;	 line-height:44px; height:44px; overflow:hidden;  background: url(images/bg-nav.jpg) no-repeat right bottom; padding-top:12px; padding-bottom:11px;  }

/* sidebar styles */
	#sidewrap {  margin:0px; padding:0px; width:227px;  display:inline;  }
	#sidebar img {margin-top:10px;}
	#side-header { background:url(images/sub-header.jpg) no-repeat; height:65px;  width:227px; }
	#side-foot { background: url(images/sub-footer.jpg) no-repeat; height:35px; clear:both;}
	.side-image { margin-top:5px;}
	#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:227px; margin-bottom:0px; line-height:31px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;   }
	ul#sideul li a { color:#FFF; text-decoration:none; display:block; font-weight:normal; background: url(images/li-bg.jpg) no-repeat top;  padding-left:40px; font-size:12px; }
	ul#sideul li a:hover { color:#FFF; padding-left:40px; background: url(images/li-bg.jpg) no-repeat bottom;  }

/* post styles */
  .post-a {width:660px; float:left; display:inline; padding-left:25px; padding-bottom:30px; padding-top:0px;  }
  .post-b { margin-top:20px; margin-bottom:20px;}

/* 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:24px; padding:0px; margin-top:10px; font-weight:normal;  margin-bottom:10px; 
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
	h2 { font-size:20px; color:#FFF; line-height:55px; padding:0px; font-weight:normal; margin:0px;  margin-left:25px; font-weight:normal;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;   }
	h3 { font-size:18px; color:#0073bf; line-height:23px; margin-bottom:2px; margin-top:10px;  font-weight:normal; 
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }
	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:13px; color:#36415f; line-height:18px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;}
	li { font-size:143x; color:#36415f; margin-left:15px; padding-bottom:10px;}
	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:5px; margin-left:5px; }

/* 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; width:100%; }
	.clear05			{clear:both; height:05px; }
	.clear10			{clear:both; height:10px; }
	.clear20			{clear:both; height:20px; }
    .clear165			{clear:both; height:165px; }

	
	.add-1 { width:150px; margin-top:20px; margin-left:20px; margin-right:25px; display:inline; float:left;}
	.add-2 { width:340px; margin-top:20px; margin-left:10px;  display:inline; float:left;}
	.contact { margin-top:10px;}
	
/* footer */
	#footer {width:960px; background:url(images/footer-bg.jpg) no-repeat; height:188px; clear:both;}
	#footer p {font-size:12px; color:#636e89; margin:0px; padding:0px; }
	#footer a:link {color:#636e89;	text-decoration: none;}
	#footer a:visited {	color:#636e89; text-decoration: none;}
	#footer a:hover {	color:#636e89; text-decoration: underline;}

	#copyright {width:960px;height:30px;}
	#copyright p {font-size:12px; color:#a6b1cb; margin:0px; padding:0px; margin-top:10px; text-align:center; margin-bottom:15px;}

/*home styles*/
	
	#side-title	a:link 	{color:#FFF;	text-decoration: none;}
	#side-title a:visited 	{color:#FFF; text-decoration: none;}
	#side-title a:hover 	{color:#FFF; text-decoration: underline;}
	#side-title a:active 	{color:#FFF; text-decoration: underline;}
	#side-title a:focus 	{outline-style: none;}  
	
/* 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 #aaafbd; margin-top:5px; margin-bottom:5px; clear:both; width:100%;}
/* end of CSS file */