/*
Theme Name: F8 Lite
Theme URI: http://graphpaperpress.com/2008/06/02/f8-lite-portfolio-theme-for-wordpress/
Description: A photography & multimedia portfolio theme for Wordpress
Version: 1.3
Tags: photography, one-column, minimal, widgets, white, portfolio
Author: Thad Allender
Author URI: http://graphpaperpress.com
License: GPL
*/


/*

    Copyright 2008 Graph Paper Press

    This program is free software: you can redistribute it and/or modify

    it under the terms of the GNU General Public License as published by

    the Free Software Foundation, either version 3 of the License, or

    (at your option) any later version.


    This program is distributed in the hope that it will be useful,

    but WITHOUT ANY WARRANTY; without even the implied warranty of

    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

    GNU General Public License for more details.


    You should have received a copy of the GNU General Public License

    along with this program.  If not, see http://www.gnu.org/licenses/.

*/


/************************* DEFAULT STYLES ***************************/



@font-face {

  font-family: "Netto-OT";

  src: url("NettoOT.otf") format("truetype");

  }

  

@font-face {

  font-family: "NettoIconsOT-Light";

  src: url("NettoIconsOT-Light.otf") format("truetype");

  }

  

  @font-face {

  font-family: "NettoIconsOT";

  src: url("NettoIconsOT.otf") format("truetype");

  }

  @font-face {

	  font-family: "NettoIconsOT-Bold";

	  src: url("NettoIconsOT-Bold.otf") format("truetype");

	}



  @font-face {

	  font-family: "NettoOT-Light";

	  src: url("NettoOT-Light.otf") format("truetype");

	}

	

 @font-face {

	  font-family: "NettoOT-Bold";

	  src: url("NettoOT-Bold.otf") format("truetype");

	}	

	  
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

{
	text-align:inherit;
	/*font-size: 16px !important;*/
}
#respond{
	font-family:"Netto-OT",Arial,sans-serif;
	font-size:16pt;
}

caption, th, td
{
text-align:inherit;
}
	  

body {color:#222;background:#fff;font-family:"Netto-OT"; margin-top: 0; }



.container-inner {/*width:1406px;*/ margin:0 auto; 

	background:url(images/content_bg.gif) repeat-y;

	margin-top:8px;

}


h1,h2,h3,h4,h5,h6 {color:#00525E;font-family:"Netto-OT"}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000;}


a {
color:#5E964D;
text-decoration:none;
}
a:hover, a:focus {
color:#000;
}

h1 {
font-size: 1.9em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}


/* Header */

#header {

	/*background: -webkit-gradient(linear, left top, left bottom,	color-stop(0, rgb(117,18,41)), color-stop(1, rgb(79,7,24)));*/

	font-family:"Netto-OT";

height:50px;

margin-top:-18px;

padding:30px 30px 0 0;

text-align:right;

}



/* Top Level Menu */

#header ul {

	/*margin: 0 auto;

	width: 1200px;*/

	clear:both;

	font-size:1em;

	list-style:none outside none;

	margin:0 0 0 50px;

}



#header ul li {

	display: block;

	float: left;

	margin: 0px;

	

	/*width: 250px;*/

}



#header ul li a {

/*	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/	

/*margin-top:-5px;*/



	padding:0 12px;

	display: block; 

	font-size: 18px;

	border-right:solid 2px #CCCCCC;

	font-weight:bold;

	font-family:NettoOT;

	text-decoration: none;

	color:#00525E;

}



/* Sub Level Nav */

#header ul li ul {

	clear:both;

	background: #F4F4F4;

	border: 0px solid #000;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);

	margin: 10px 0 0 0px;

	padding: 0 3px 0;

	position: absolute;

	width: 155px;

}



#header ul li ul li {

	/*border-bottom: 1px solid #CCC;*/

	display: block;

	float: none;

	height: 18px;

	padding: 12px 0;

	text-align: center;

	width: 180px;

	margin: 0;

}

h2{
	font-size:1.6em; color:#00525E; 
	margin:0px 0px 10px 9px;
	padding:0px;
	font-weight:normal;
}

h3{
	font-size:1.3em; color:#00525E; 
	margin:0px;
	padding:0px;
	font-weight:normal;
}


#header ul li ul li a {

	color:#00525E;

	display:block;

	font-family:NettoOT-Bold;

	font-size:13px;

	font-weight:bold;

	border:none;

	margin-top:-5px;

	padding:0px;

	text-decoration:none;
	
	text-align:left;

}

.quote_{
	color:#00525E;
}

#header ul li ul li a:hover {

	color: #00525E;

}



#header ul li ul li:last-child:not(li.arrow) {

	border: 0;

}



/* Arrow */

.arrow {

	background: url(arrow.png) no-repeat;

	border: 0;

	display: none;

	position: absolute;

	top: -10px;

	left: 48px;

	height: 11px;

	width: 20px;

	text-indent: -9999px;

}



/************************* MASTHEAD ************************************/



.pusher {cursor:pointer;}



#masthead { background: padding: 0; width:968px;  /* border-top:5px solid #000;*/}



#masthead h4 {margin:1em 0;font-weight: bold; text-transform: uppercase;width:100%;}



#masthead h4 a { color: #333; text-decoration: none; float:left;} 



#masthead h4 a:hover {color:#fff;}



#masthead span {color:#00525E;	font-style:italic;}



#masthead span.description {float:left;margin-left: 20px;padding-top:.2em;}



#masthead span.contact {float:right;line-height:1em;}



#masthead span.contact a:hover {color:#000;}







#navcontainer {



font-family:"Netto-OT"; 

text-align: right;

/*background-color: #fff;*/

margin-top:-14px;

height:40px;

padding: 25px 25px 0px 0px;

 }



#navlist {height:40px}



#navcontainer p	{padding: 7px 7px 0px;font-family:"Netto-OT";font-size: 1em;font-weight: bold;}



/* to stretch the container div to contain floated list */



#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;color: transparent;clear: both;}



#navcontainer img {margin: 0;padding: 0;}



ul#navlist {list-style: none;margin: 0px 0px 0px 12px; font-size: 1em;}



ul#navlist li {text-align: left;float: left;height: 15px;margin: 0;background: #fff;border-right:1px solid #000000;padding: 0;}



ul#navlist li { width: 125px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}



html>body ul#navlist li { width: auto; }



ul#navlist li a {

display: block; 

font-size: 18px;

margin-top:-5px;

font-weight:bold;

font-family:NettoOT-Bold;

padding:0px 40px 0px 40px;

text-decoration: none;

color:#00525E;

}







#navcontainer>ul#navlist li a {width: auto;height: auto;}



ul#navlist li#active a {background: #eee;color: #<?php echo $ss_nav_hover_color; ?>;}



ul#navlist li a:hover,ul#navlist li#active a:hover {

display: block; 

font-size: 18px;

margin-top:-5px;

font-weight:bold;

font-family:NettoOT-Bold;

padding:0px 36px 0px 36px;

text-decoration: none;

color:#00525E;

}



ul#navlist li.home	{border-left: none;}



ul#navlist li#empty	{width: 120px;}







/********************************POSTS ************************* */



.post {display:block;clear:both;}



.postmetadata {color:#666666;}



.postmetadata a {color:#666666;}



.postmetadata a:hover {color:#666666;}



.underlined {border-bottom:1px solid #000;}



h6.underlined {margin:0 0 1em;}







.nav-image-left, .nav-image-up, .nav-image-right {text-align:center;float:left;width:25px;margin:0 10px 0 2px;}



.nav-image-left a, .nav-image-up a, .nav-image-right a {background:#eee;padding:2px 48% 2px 48%;text-decoration:none;color:#000;}



.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {background:#000;color:#fff;}







.nav {background:#eee;margin:0 0 1em 0;}



.nav:hover {background:#ccc;}



.prev a, .next a {color:#000;text-decoration:none;padding:.2em 1em;}







.nav-interior {margin:0;padding:0;clear:both;display:inline;}



.nav-interior .next {color:#000;text-decoration:none;float:right;}



.nav-interior .prev {color:#000;text-decoration:none;float:left;}







/* ************************* FOOTER *********************** */



#footer {/*margin:1em 0 0; width:968px;*/ padding:15px; margin:0 auto; 

	background:url(http://ascentia.com.au/wp-content/uploads/2011/01/shadow.jpg) no-repeat;}



#footer p {text-align:center;color:#ccc;}



#footer a {color:#666;}



#footer a:hover {color:#333;}







/* ************************ SLIDESHOW ********************************/



ul#portfolio {padding:0;list-style:none;margin:0 0 1em;overflow:hidden;max-height:435px;}



ul#portfolio li {list-style:none;padding:0;}



ul#portfolio li h4 {margin: 0 0 .5em 0;text-transform:uppercase;padding:0 16px;}



ul#portfolio li img {width:950px;text-align:center;margin:0;height:436px;}







/* **************************** FLOATS & IMAGES ***************************** */



.right { float: right; }



.left { float: left; }



.middle {margin: 0 auto;float:left;}



.clear { clear: both; }



img.centered{display: block;margin-left: auto;margin-right: auto;}



img.alignright{padding: 4px;margin: 3px 0 2px 10px;display: inline;}



img.alignleft{padding: 4px;margin: 3px 10px 2px 0;display: none;}



.alignleft{float: left;}



.alignright{float: right;}



.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}



.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}



.wp-caption img {margin: 0;padding: 0;border: 0 none;}



.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}



.thumbnail {width:310px;height:150px;background:#eee url('images/x.png') no-repeat center;max-width:310px;max-height:150px;overflow:hidden;}







/***************************** ARCHIVE *****************************/



h6.archive-header a{

font-size:2em;margin-bottom:0.75em; color:#00525E;

}



.archive-stack {width:100%; /*height:1em;*/}




/***************************** ETC *****************************/



#filters {clear: both;height: 2em;margin-bottom: 1em;}



#filters li {float: left;margin-right: 2em;}



.prev {}



.next {}



/* remember to define focus styles! */



:focus {outline: 0;}







/***************************** SEARCH *****************************/



#search {float: right;margin:15px 0 0;}



#search #s {background: transparent url('images/search.gif') 0px center no-repeat;color: #666;font-size: 0.9em;margin:0 0 0 10px;padding: 2px 0 2px 17px;width: 100px;}



#search input {border:1px solid #222;}



#search #s:hover {color: #666;}



.search-excerpt {margin: 0;}







/***************** COMMENTS ********************/



h3#comments{margin: 10px 0 0;padding: 20px 10px;background: #f5f5f5;}



h3#comments span.comments-subscribe {float:right;font-size:.7em;margin-left: 3px;padding: 0 0 0 19px;background: url("images/rss.png") no-repeat 0 50%;color:#cccccc;}



h3#respond{margin:15px 40px 15px 40px;padding: 8px 10px;background: #f5f5f5; color:#00525E;}



ol.commentlist{list-style-type: none;margin: 0;padding: 0;border-top: 5px solid #eee;}



ol.commentlist li strong{padding-left:1em;}



ol.commentlist li .comment-entry{margin: -135px 0 0;border-bottom: 5px solid #eee;padding: 5px 150px 0;line-height: 2em;}



ol.commentlist li .avatar{border:1px solid #eee;padding:1em;margin:2em 1em 1em 0;}



#commentform{margin:0px 40px 15px 48px;padding: 30px 150px 6px;border-top: 10px solid #fff;background: #eee;}



.home_text

{

	margin:15px 40px 15px 38px;

	clear:both;

}

.home_text table

{
	margin:0px 0px 0px 8px;
}



.archive

{

	margin:0px 40px 15px 38px;

}

.archive_box{

	float:none;

	clear:both;

}


.imgtfe{

	float:left;

margin:0.5em 1em 1.2em 0;

padding:0;

}


.page_left_content{

	float:left;

	width:225px;	

}



.page_left_content p

{

	color:#00525E;

	font-size:18px;
	
	padding:30px;
	
	font-style:italic;

	/*font-weight:bold;*/

}

.page_left_content ul li
{
	margin:0px 0px 0px 10px; 
	padding:10px 0px; 
	
	line-height:1.5em;
	list-style:circle;
	/*color:#C0504D;*/
	font-size:16px;
}

.custom_header

{

	width:1006px;

	margin:0 auto;

}



.custom_header img{

	height:371px;

	width:1008px;

}



.home_text ul li

{

	list-style:circle;

}



.home_text span

{

	color:#00B050;

	font-style:italic;

}


.menu {font-family:"Netto-OT";
height:30px;
margin-top:-11px;
padding-bottom:15px;
padding-left:0;
padding-right:25px;
padding-top:5px;
text-align:right; z-index:100;}

.home img{
height:15px;
width: auto;
}

.sustainability img{
height: 20px;
    padding-top: 6px;
    width: auto;
}

.about img{
height:15px;
 width: auto;
}

.resources img{
height:15px;
 width: auto;
}

.services img{
height:15px;
 width: auto;
}

.legal img{
height:15px;
 width: auto;
}

.eco img{
height:15px;
 width: auto;
}

.competitive img{
height:15px;
 width: auto;
}

.supply img{
height:15px;
 width: auto;
}

.faq img{
height: 18px;
    padding-top: 6px;
 width: auto;
}

.contact img{
height:15px;
 width: auto;
}

.blog img{
height:21px;
padding-top: 6px;
 width: auto;
}





.menu ul li ul li a, .menu ul li ul li a:visited{/*display:block;*/ text-decoration:none; color:#000; width:158px; height:35px; text-align:center; color:#fff; border:1px solid #EEF0EF; background:#710069; line-height:30px; overflow:hidden;

padding:0 12px;

	display: block; 

	font-size: 16px;

	border-right:solid 1px #CCCCCC;

	/*font-weight:bold;

	font-family:NettoOT-Bold;*/

	text-decoration: none;

	color:#00525E;
}
.menu ul {clear:both;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0;
margin-left:35px;
margin-right:0;
margin-top:0;}
.menu ul li {float:left; position:relative; text-align:left; padding:0 0 0 42px; }
.menu ul li ul {display: none; margin-top:8px; margin-left:8px;}



/* specific to non IE browsers */
.menu ul li a {padding:0 12px;

	display: block; 

	font-size: 20px;

	

	/*font-weight:bold;

	font-family:NettoOT-Bold;*/

	text-decoration: none;

	color:#00525E;}
p{
margin:2px 2px 10px !important;
}
.menu ul li:hover a {padding:0 12px;

	display: block; 

	font-size: 20px;

	

	/*font-weight:bold;

	font-family:NettoOT-Bold;*/

	text-decoration: none;

	color:#00525E;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#E0E2E1; color:#fff; text-align:left;}
.menu ul li:hover ul li:hover a.hide {background:#E0E2E1; color:#000; text-align:left;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {padding:0 12px;
		background:#E0E2E1;
	display: block; 

	font-size: 20px;

	border-right:solid 1px #CCCCCC;

	/*font-weight:bold;

	font-family:NettoOT-Bold;*/
	text-align:left;
	text-decoration: none;

	color:#00525E;}
	
.menu ul li:hover ul li a:hover {background:#E0E2E1; color:#000; text-align:left;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}/* CSS Document */


li.contact a {
	/*color: #fff !important;
	background: #f00;*/
}

.home_text table td {
	font-size: 16px !important;
}

img.ttf {
margin: 0 0 0 250px;
}

h2.archive-header{
font-size: 1.9em;
}

/* WP Curve | Right SideBar */
div.archive-cat {
width: 605px;
float: left;
margin: 0px 40px 15px 38px;
}

h6.widgettitle {
font-size: 1.3em;
margin: 27px 0 15px 0;
}