/*   
Theme Name: Eleven Media
Theme URI: http://www.elevenmedia.com.au
Description: WordPress theme 
Author: Eleven Media 
Author URI: http://www.elevenmedia.com.au 
Version: v2 August 2011 
*/


/* main layout */
  * {margin:0px; padding:0px;}
  img { border:0px;}
  body { margin:0px; padding:0px; background: url(images/bg.jpg) repeat; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }

/* font styles */	
  h1 {
	font-size:25px;
	line-height:36px;
	color:#8D8D8D;
	padding:0px;
	margin:0px;
	font-weight:noraml;
	font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #FFF;
	text-transform:uppercase;
	margin-bottom:30px;
}
  h2 { font-size:18px; line-height:24px; color:#8D8D8D; padding:0px; margin:0px; font-weight:noraml; font-family: 'Maven Pro', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #FFF;  }
  h3 { font-size:12px; line-height:20px; color:#8D8D8D; padding:0px; margin:0px; font-weight:noraml; font-family: 'Maven Pro', Arial, Helvetica, sans-serif;  margin-top:20px;text-shadow: 1px 1px 1px #FFF;}
  h4 { font-size:18px; line-height:20px; color:#454545; padding:0px; margin:0px; font-weight:noraml; font-family: 'Maven Pro', Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #FFF;  } 
  h5 { font-size:18px; line-height:22px; color:#454545; padding:0px; margin:0px; font-weight:normal; }
  h6 { font-size:18px; line-height:22px; color:#454545; padding:0px; margin:0px; font-weight:normal;} 
  p  { font-size:14px; color:#8d8d8d; line-height:22px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;}
  ul { padding:0px; margin:0;  color:#8d8d8d;  margin-left:20px; }
  ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; }
  li { font-size:12px; color:#8d8d8d; }
  hr { background:url(images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
	
/* link styles */	
  a:link 		{color:#414141;	text-decoration: none;} 
  a:visited 	{color:#414141; text-decoration: none;}
  a:hover 		{color:#414141; text-decoration: none;}
  a:active 		{color:#414141; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	 
/* page styles */  

 .bg-top { background:url(images/bg-sub-2.jpg) top center repeat-x; }
 .wrap {width:960px; margin-left:auto; margin-right:auto; }
 .sub-banner { clear:both; height:121px; display:inline; float:left; width:960px;  }

  
/* header nav styles */ 
  #header {
	width:960px;
	height:45px;
	overflow:hidden;
	padding-top:54px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
  a.logo {
	display:inline;
	float:left;
	width:230px;
	height:45px;
	text-indent:-9999px;
	background-image: url(images/logoordenar.png);
	background-repeat: no-repeat;
	background-position: top;
}
  a:hover.logo {
	display:inline;
	float:left;
	width:230px;
	height:45px;
	background-image: url(images/logoordenar.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

  #nav { width:650px; float:right;  }
  #nav ul {	display: inline; list-style: none;  margin:0px; padding:0px; height:45px;  }
  #nav ul li { float: left;  display: inline;  font-size: 12px; margin:0px; padding:0px; text-indent:-9999px;  }
  #nav ul li a { display:block; height:40px; margin-left:10px; }
  
  


  
  .page-item-1522 a { background:url(images/li-home.png) top center no-repeat; height:40px; width:81px; display:block; }
  .page-item-1522 a:hover { background: url(images/li-home.png) bottom center; }
  
  .page-item-5 a { background:url(images/li-about.png) top center no-repeat; height:40px; width:81px; display:block; }
  .page-item-5 a:hover { background: url(images/li-about.png) bottom center; }
  
  .page-item-2 a { background:url(images/li-web-design.png) top center no-repeat; height:40px; width:111px; display:block; }
  .page-item-2 a:hover { background: url(images/li-web-design.png) bottom center; }
  
  .page-item-1529 a { background:url(images/li-enews.png) top center no-repeat; height:40px; width:141px; display:block; }
  .page-item-1529 a:hover { background: url(images/li-enews.png) bottom center; }
  
  .page-item-1531 a { background:url(images/li-facebook.png) top center no-repeat; height:40px; width:132px; display:block; }
  .page-item-1531 a:hover { background: url(images/li-facebook.png) bottom center; }
  
  .page-item-7 a { background:url(images/li-blog.png) top center no-repeat; height:40px; width:62px; display:block; }
  .page-item-7 a:hover { background: url(images/li-blog.png) bottom center; }
  
  .page-item-9 a { background:url(images/li-contact.png) top center no-repeat; height:40px; width:72px; display:block; }
  .page-item-9 a:hover { background: url(images/li-contact.png) bottom center; }
  
/* home page styles */

   .page-content { clear:both; margin-top:30px;  width:960px; text-align:center;  }

/* page styles */
   
   .sub-page { text-align:left; }
   .sub-page h2 {  padding:0; margin:0; background:url(images/h2-bg.png) top left no-repeat; height:24px; line-height:24px; text-transform:uppercase; text-align:left; padding-left:35px; font-size:14px; color:#767676; clear:both; margin-top:10px; margin-bottom:10px; }
   .sub-page h3 {   padding:0; margin:0; font-size:15px; text-transform:uppercase; color:#767676; margin-top:20px; margin-bottom:10px; }
   .sub-page p { font-size:12px; line-height:18px;}

  .row { width:960px; background:url(images/row-bg.jpg) top no-repeat #FFF; display:inline; float:left; clear:both; margin-bottom:10px;}
  .row-footer { width:960px; background:url(images/row-foot.jpg) top no-repeat; height:28px; clear:both;  }
  
  .col-a { width:400px; margin-left:50px; display:inline; float:left; margin-top:40px; margin-bottom:20px;}
  .col-b { width:400px; margin-right:50px; display:inline; float:right; margin-top:40px; margin-bottom:20px;}
  .col-c {
	width:910px;
	margin-right:25px;
	display:inline;
	float:right;
	margin-top:40px;
	margin-bottom:20px;
	margin-left: 25px;
}

  .row-footer-news { background:url(images/footer-enews.jpg) top  no-repeat; height:321px; clear:both;}
  .row-footer-enews-faq { background:url(images/bg-footer-faq-enews.jpg) top  no-repeat; height:250px; clear:both; }
  
  .featured-wrap { width:400px; margin-left:50px; display:inline; float:left; overflow:hidden; margin-top:10px; min-height:390px; }
  .featured-short { width:400px; margin-left:50px; display:inline; float:left; overflow:hidden; margin-top:10px; min-height:190px; }

  
 /* web design page styles */ 
  .step-row-wrap  { } 
  .step-wrap {
	width:200px;
	display:inline;
	float:left;
	min-height:300px;
	margin-left:31px;
	margin-top:10px;
}
  
  
 /* about page styles */ 
   .row-footer-about { background:url(images/about-footer.jpg) top  no-repeat; height:370px; clear:both;}
  .bio-col { display:inline; float:left; width:390px; margin-top:50px; margin-left:40px;  }
  .bio-image { display:inline; float:right; margin-bottom:-24px; margin-top:20px;}
  .bio-wrap { width:260px; margin-left:40px; display:inline; float:left; margin-top:30px;}
  .bio-wrap h3 { margin-top:25px; font-size:14px;}
  
  /* facebook  styles */ 
     .row-footer-facebook { background:url(images/facebook-footer.jpg) top  no-repeat; height:370px; clear:both;}

  .contact-details { width:300px; display:inline; float:left;}
  .contact-map { display:inline; float:right; width:550px; margin-top:10px; margin-right:2px;}
  
/* blog styles */
 .post-wrap { width:960px; display:inline; float:left;  text-align:left;  margin-bottom:20px; clear:both;  }
 .post-content-wrap { width:622px; background:url(images/post-bg.jpg) top left repeat-y; float:left; display:inline; margin-top:5px; }
 .post-sidebar { width:300px; display:inline; float:right; }
 .post-sidebar p { font-size:12px; }
 .post-sidebar-meta p { color:#969595; padding:0;  }
 .post-sidebar-meta a {color:#5c5b5bl; }
 .post-sidebar-meta a:hover { text-decoration:underline; color:#5c5b5bl; }
 .post-foot { width:622px; height:8px; background:url(images/post-foot.jpg) bottom no-repeat; clear:both; }

 .post-content-image { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left; }
 
 
 .post-content-video { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left;  }


 .post-content-quote { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left; background:url(images/post-content-bg.jpg) top repeat-x; height:200px;}
 .post-content-quote h3 { text-align: center; padding:20px; font-size:20px; line-height:30px; margin-top:20px;}
 .post-content-quote p { font-style:italic; text-align:center; margin-bottom:40px;  }
 
 .post-content-link { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left; background:url(images/post-content-bg.jpg) top repeat-x; height:200px; }
 .post-content-link h3  { text-align: center; padding:20px; font-size:20px; line-height:30px; margin-top:20px; text-decoration:underline;}
 .post-content-link h3 a { text-decoration:underline; }
 
 .post-content-default { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left; height:130px;  }
 .post-content-default h2 { margin-top:50px; text-align:center;  }
 
  .post-content-single { width:612px; margin-left:5px; margin-top:4px; overflow:hidden; display:inline; float:left;  }


  .single-social { width:250px; display:inline; float:left; margin-top:10px; margin-bottom:10px; }

 
  .default-page { width:600px;  margin-left:auto; margin-right:auto; margin-top:30px; }
 
/* footer styles    */ 

   .footer-bg-bottom { background:url(images/bg-footer-bottom.jpg) repeat-x top; clear:both; }
   .footer-bg-top { background: url(images/bg-footer-top.jpg) top center no-repeat; padding-top:22px;}
   .footer { width:960px; margin-left:auto; margin-right:auto; height:350px; }
   
    .call-to-actions { width:405px;  margin-left:auto; margin-right:auto; height:37px;  }
		  a.cta-work { display:inline; float:left; background: url(images/btn-view-our-work.png) top no-repeat; width:162px; height:37px; text-indent:-9999px; margin-left:10px; }
		  a:hover.cta-work {  background: url(images/btn-view-our-work.png) bottom no-repeat;  }
		  
		  a.cta-quote { display:inline; float:right; background: url(images/btn-request-a-quote.png) top no-repeat; width:161px; height:37px;   text-indent:-9999px;  }
		  a:hover.cta-quote { background: url(images/btn-request-a-quote.png) bottom no-repeat;   }
		 
		  .social-media-title { width:500px; height:50px; margin-left:auto; margin-right:auto; text-align:center; margin-top:30px;}
		  .social-media-icons { width:180px; height:50px;  margin-left:auto; margin-right:auto;  }
	  
	  
		  a.icon-facebook { display:inline; float:left; background: url(images/icon-facebook.png) top no-repeat; width:50px; height:50px; margin-right:10px;  }
		  a:hover.icon-facebook { background: url(images/icon-facebook.png) bottom no-repeat;   }
		  
		  a.icon-twitter { display:inline; float:left; background: url(images/icon-twitter.png) top no-repeat; width:50px; height:50px; margin-right:10px;  }
		  a:hover.icon-twitter { background: url(images/icon-twitter.png) bottom no-repeat;   }
		  
		  a.icon-contact { display:inline; float:left; background: url(images/icon-contact.png) top no-repeat; width:50px; height:50px; margin-right:10px;  }
		  a:hover.icon-contact { background: url(images/icon-contact.png) bottom no-repeat;   }
		  
		  a.icon-rss { display:inline; float:left; background: url(images/icon-rss.png) top no-repeat; width:50px; height:50px; margin-right:10px;  }
		  a:hover.icon-rss { background: url(images/icon-rss.png) bottom no-repeat;   }
		  
		  a.icon-wordpress { display:inline; float:left; background: url(images/icon-wordpress.png) top no-repeat; width:50px; height:50px; margin-right:10px;  }
		  a:hover.icon-wordpress { background: url(images/icon-wordpress.png) bottom no-repeat;   }
   
   .copyright p { line-height:22px; color:#636363; margin:0; padding:0; clear:both; text-align:center; margin-top:20px; }
   .footer p { font-size:12px;}
   .footer a {  color:#636363; }
   .footer a:hover { color:#636363; }
   
   
/* slider */
	#gal-slider-wrap { background:url(images/gallery-bg.jpg) no-repeat; width:892px; height:463px; margin:0 auto; }
	#gal-slider { width:892px; height:426px; margin:25px auto; border:1px solid #d8d8d8;   }
	#gal-slider .gal-link { width:890px; height:424px; border:1px solid #d8d8d8; }

    .nivo-directionNav { display:block; }
	.nivo-directionNav a { background:url(images/gallery-btns.png) no-repeat; width:39px; height:39px; text-indent:-999em; }
	.nivo-directionNav a.nivo-prevNav { background-position:left; margin-left:-20px;  }
	.nivo-directionNav a.nivo-nextNav { background-position:right; margin-right:-20px; }
	
	.nivo-controlNav { position:absolute; bottom:-35px; width:890px; text-align:center; }
	.nivo-controlNav a { 
		background:url(images/slider-nav-btns.png) no-repeat top; display:inline-block;
		width:14px; height:14px; text-indent:-999em; margin:0 15px 0 0; 
	}
	.nivo-controlNav a:hover, .nivo-controlNav a.active { background-position:bottom; }

/*gravity forms */ 
   .gform_wrapper li { list-style:none; margin-top:5px;}

/* page navi */ 
    .wp-pagenavi { clear:both; height:40px; margin-top:10px;  display:inline; float:left; }
	.wp-pagenavi a 			{  padding:0; margin:0;  height:40px; display:block; background:url(images/a-navi.jpg) top center no-repeat; width:42px; text-align:center; line-height:40px; display:inline; float:left; margin-right:5px; outline:none; border:0; color:#9d9d9d;  } 
	.wp-pagenavi .current   {  padding:0; margin:0;  height:40px; display:block; background:url(images/a-navi.jpg) top center no-repeat; width:42px; text-align:center; line-height:40px; display:inline; float:left; margin-right:5px; outline:none; border:0; color:#000;  }
	.wp-pagenavi .page      {  padding:0; margin:0;  height:40px; display:block; background:url(images/a-navi.jpg) top center no-repeat; width:42px; text-align:center; line-height:40px; display:inline; float:left; margin-right:5px; outline:none; border:0;  				}
	.wp-pagenavi a:hover    {  padding:0; margin:0;  height:40px; display:block; background:url(images/a-navi.jpg) bottom center no-repeat; width:42px; text-align:center; line-height:40px; display:inline; float:left; margin-right:5px; outline:none; border:0;   color:#9d9d9d;			}


/* content styles */
	.clear { clear:both;}
	
	
	.gform_title { display:none;}
	.gform_description { display:none;}
	.gform_wrapper ul { margin:0; padding:0;}
	.gform_wrapper li  { font-size:16px; color:#555; line-height:40px;  } 
	
	.gfield_label { clear:both; margin-top:20px; color:#555; font-size:14px;}
	.ginput_container input { border:1px solid #ccc; width:600px; height:35px; line-height:35px; font-size:16px; padding:5px; margin-bottom:10px; background-color:#e8e8e8;}
	.ginput_container select { border:1px solid #999; width:600px; height:35px; line-height:35px; font-size:16px; padding:5px; margin-bottom:10px;} 
	.ginput_container textarea { border:1px solid #ccc;background-color:#e8e8e8; width:600px; line-height:24px; font-size:16px; padding:5px; margin-bottom:10px; font-family: Arial, Helvetica, sans-serif } 
	.gfield_checkbox input { width:20px; height:20px; margin-right:20px;}
	
	.gform_button 			{ width:300px; height:50px; margin-top:20px; list-style:40px; font-size:24px;  }
	.gfield_description 	{ font-size:12px; color:#8d8d8d; line-height:22px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px; }
	.gsection_description	{ font-size:12px; color:#8d8d8d; line-height:22px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px; }
	
	.gsection_title  		{ font-size:22px!important; line-height:20px; color:#333!important; padding:0px!important; margin:0px!important;margin-top:20px!important;padding-bottom:15px!important; border-bottom:1px dotted #CCC; font-weight:noraml; font-family: 'Maven Pro', Arial, Helvetica, sans-serif;  margin-top:20px; background-image:none!important;}
/* end of CSS file */