/************************************************************************/
/******************* Greenfolio StyleSheet *****************************/
/************************************************************************/
/*	
	00. General Settings
	01. Headings & Colours
	02. Header
	03. Home Blog Posts Settings
	04. Content, Home Sidebar
	05. Footer
	06. General Sidebar
	07. Post General Settings
	
	Additional: Common Classes
	
	---------------------------------------------
*/
/************************************************************************/
/************************************************************************/

/*** 00. General Settings ***/
/** ----------------------------------------------------- **/


	
	
	/**************************************/
	/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	width:  980;
	margin: 0 auto; 	
	padding: 60;
	font: normal 73%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	color: #555;
	background: #;
	background-image:url(backgrounds/wood1.jpg);
	background-repeat: repeat;
    background-attachment:fixed;
	text-align: center;		
}


/***********************
	  CONTENT
************************/

/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background:  url() repeat;
}
#content {
	text-align: left;	
	padding: 0;
	background:  url() repeat;
	width: 1084px;
	height: 984px;
	margin: 0 auto;	
}

	
	/***********************
	 HEADER, FOOTER
************************/

#header-content, #header-content-oc, #header-content-sb, #header-content-sd, #content, #footer-content {
	width: 980px;
}

/* header */
#header {
	height: 250px;
	text-align: left;
	background:  url() ;
	background-repeat: repeat-x;
}

/* header_directory */
#header_directorysd {
	height: 70px;
	text-align: left;
	background:  url() ;
	background-repeat: repeat-x;
}

/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 1060px;
	height: 300px;
	padding: 0px 0px 0px 0px; 
	background:  url(headerphotobannerlight.jpg) no-repeat center;
	border: 8px solid #FFF;	
}
#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}

#header-content h1#logo {
	position: absolute;
	top: 10px;
	left: -9px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(logosm.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 
    
    }
    
    
    
    #header-content h1#shopgreen {
	position: absolute;
	top: 100px;
	left: 812px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(shopgreen.png) no-repeat; 
    z-index: 199; 
    display: block;
    display: inline;
    text-indent: -9999px; 
    } 
    
    #header-content h1#shopgreen a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 160px;  
    height: 60px;  
    display: block;
    text-indent: -9999px; 
	
} 


    
    #header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 445px;  
    height: 100px;  
    display: block;
    text-indent: -9999px; 
	
} 

    
    #header-content-oc {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}   #header-content-oc h1#logo {
	position: absolute;
	top: 10px;
	left: -9px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(tgs_logo_folio_oc_g.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 
    
    }
    
     #header-content-oc h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 575px;  
    height: 50px;  
    display: block;
    text-indent: -9999px; 
	
}


    
    #header-content-sb {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}   #header-content-sb h1#logo {
	position: absolute;
	top: 10px;
	left: -9px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(tgs_logo_folio_sb_g.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 
    
    }
    
     #header-content-sb h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 575px;  
    height: 50px;  
    display: block;
    text-indent: -9999px; 
	
}  


    
    #header-content-sd {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}   #header-content-sd h1#logo {
	position: absolute;
	top: 10px;
	left: -9px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(tgs_logo_folio_sd_g.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 
    
    }
    
     #header-content-sd h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 575px;  
    height: 50px;  
    display: block;
    text-indent: -9999px; 
	
}  




     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}





#header-content h1#logo_folio {
	position: absolute;
	top: 56px;
	left: 20px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(tgs_logo_folio.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}

#header-content h1#shopgreen a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 160px;  
    height: 40px;  
    display: block;
    text-indent: -9999px; 
	
} 


#header-content h1#logo_folio a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 475px;  
    height: 50px;  
    display: block;
    text-indent: -9999px; 
	
}  
 

#header-content #slogan {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	
    float: right;

	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 18px; right: 0;
}
#header-content #slogan a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}



#header-content #slogan_beta {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	float: left;
	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_beta a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_beta a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}

#header-content #slogan_about {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	
    float: left;

	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_about a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_about a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}




#header-content #slogan-catagory {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-catagory */
	position: center ;top: 7px; right: 0px;
}
#header-content #slogan-folio {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-folio */
	position: center ;top: 70px; right: 10px;
}
#header-content ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #65944A;
	list-style: none;
	margin: 0; padding: 0;
	left: 0px;
	float: left;
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#header-content li a:hover {
	background: white;
	color: #B0D761;
}
#header-content li a#current  {
	background: none;
	color: #B0D761;

}

/***********************
	  SUB HEADER
************************/



/* Sub-header */
#sub-header-container { height: 55px; margin: 0 auto; padding-top: 26px; }
#sub-header { width: 900px; margin: 0 auto; }
#sub-header h2 { float: left; font-weight: bold; font-size: 30px; height: 31px; padding: 0; margin-right: 30px; letter-spacing: -0.04em; }
#sub-header .meta { float: left; font-weight: bold; font-size: 16px; margin-top: 5px; }
.ie7 #sub-header .meta {  margin-top: 8px; }
.ie8 #sub-header .meta {  margin-top: 6px; }

/* Sub-header Search*/
#sub-header-search { float: right; position: relative; width: 280px; }
#sub-header-search .search { position: absolute; left: 0; top: 0; width: 167px; height: 20px; font-size: 13px; margin: 0; padding: 2px 20px; border: 0; }
.ie8 #sub-header-search .search { padding-top: 2px; padding-bottom: 0; height: 22px; }
.chrome #sub-header-search .search,
.safari #sub-header-search .search { width: 165px; }
#sub-header-search button { position: absolute; right: 0; top: 0; border: 0; font-size: 13px; padding: 3px 13px; cursor: pointer; }
.ie7 #sub-header-search button { padding: 0; width: 73px; }
.ie8 #sub-header-search button { padding: 2px 16px; }
.chrome #sub-header-search button,
.safari #sub-header-search button { top: -2px; }




		/***********************
	  NAVIGATION
************************/
/* main navigation */
/* main navigation */
#main-nav ul {
	position: absolute;  
	font: bolder 1.2em 'Trebuchet MS', sans-serif;
	color: #BOD762;
	list-style: none;
	margin: 0; padding: 0;
	top: 53px;
	left: 480px;
	z-index: 30;
	
}
#main-nav li {
	display: inline;
}
#main-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #B0D762;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#main-nav li a:hover {
	background: none;
	color: #99B3CC;
}
#main-nav li a#current  {
	background: white;
	border: none;
	color: #A7DDEF;
}



/* sub navigation */
#sub-nav ul {
	position: relative; top: 3px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#sub-nav li {
	display: inline;
}
#sub-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#sub-nav li a:hover {
	background: white;
	color: #B0D761;
}
#sub-nav li a#current  {
	background: #FFFFCC;
	color: #B0D761;
}
/* showcase navigation */
/* showcase navigation */

#showcase-nav ul {
	position: relative; top: 70px;
	font:  2.0em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	float: right;
}
#showcase-nav li {
	display: inline;
	
	
}
#showcase-nav li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-nav li a:hover {
	background: white;
	color: #B0D761;
	text-decoration: none;
}
#showcase-nav li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}

/* showcase-folio navigation */

#showcase-nav-folio ul {
	position: absolute; top: 70px; right: 0px;
	font:  2.0em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	float: right;
}
#showcase-nav-folio li {
	display: inline;
	
	
}
#showcase-nav-folio li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-nav-folio li a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}
#showcase-nav-folio li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}

#header-content #slogan {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	
    float: right;

	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 18px; right: 0;
}
#header-content #slogan a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}



#header-content #slogan_beta {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	float: right;
	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_beta a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_beta a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}

#header-content #slogan_betart {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	float: right;
	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_betart a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_betart a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}


#header-content #slogan_about {
	position: absolute;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background: url() no-repeat;
	
    float: left;

	z-index: 19;
	letter-spacing: 2px;
	text-transform: none;
	color: #F88017;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 118px; }
#header-content #slogan_about a {
	
	display: block;
	margin: 0; padding: 0;
	background-color: none;
	text-decoration: none;
	border-right: none;
	text-indent: -9999px; 

}
#header-content #slogan_about a:hover {
	background: none;
	color: #B0D761;
	text-decoration: none;
}




#header-content #slogan-catagory {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-catagory */
	position: center ;top: 7px; right: 0px;
}
#header-content #slogan-folio {
	position: absolute;	
	font: bold 24px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	
	/* change the values of left and top to adjust the position of the slogan-folio */
	position: center ;top: 70px; right: 10px;
}


	/** home featured section headings **/
	#featured-info h3 {	font-size: 2em;	margin-bottom: 25px;}
	#featured-info h3 a { color: #fff; text-decoration: none;}
	#featured-info h3 a:hover:after {content: " →";}
	
		
	/** sidebar headings **/
	#sidebar-home h3, #home-blogposts h3 {	border-bottom: 1px dotted #fff; margin-bottom:1px; padding-bottom:5px}
	#sidebar-home h3 { color: #fff;}
	#sidebar h3 {font-size: 1.7em; border-bottom: 1px #fff; margin-bottom:1px; padding-top:6px; padding-bottom:6px; color: #fff; background-color: #;  }
	
	/** flickr heading **/
	li.flickr h3 {background: url(images/icon-flickr.png) no-repeat 2px 0; padding-left: 38px;}
	
	/** post listing general headings **/
	#posts h4 {margin-bottom: 8px;}
	#posts h4 a {color:#fff; text-decoration: none; text-transform: none;}
	#posts h4 a:hover {text-decoration: underline;}
	
	.portfolio h4 {font-size: 1.8em !important; line-height:1.4em;color: fff}
	
	/** twitter heading **/
	li.twitter h3 {padding-left: 28px; background: url(images/icon-twitter.png) no-repeat ;}

	/** right side wide column headings **/	
	#wide-column h2 {font-size:1.7em; color: fff;caption-sideborder-bottom: 1px solid #fff; margin-bottom:1px; padding-bottom:5px;}
	
	div.the-post p {font-size: 1.3em; color: fff; !important;}
	div.the-post h2, div.the-post h3, div.the-post h4, div.the-post h5 {color: white;margin-bottom:15px; padding-top:5px;}
	div.the-post h3 {font-size: 1.3em; color: fff; !important;}
	div.the-post h4 {font-size: 1.15em !important;}
	div.the-post h5 {font-size: 1em !important;}
	div.the-post p a {background: none;color: #B0D761;text-decoration: none;}
	div.the-post p a:hover {background: none; color: fff; text-decoration: none;}
	
	

	
	div#info h3 { border-bottom: 1px solid #fff; font-size: 1.3em;  padding-bottom: 2px; padding-top: 10px; color: #fff; }
	
	#comments h3, h3#respond-title {font-size:1.4em ; color: #fff;}	

	
/** Container Settings **/
	#container-wrap {width: 100%; height:100%; margin: 0 auto ; position:relative; min-height: 100%; height: auto !important; height: 100%;}
	#container {width: 960px;  padding: 0px 5px; margin: 0 auto; }
	.sub {background:url(images/bg-container-sub.png) repeat-x 0px 50px}
	#container .sub {padding-top: 30px;}
	.push {height:61px;}
		
	
/*** 02. Header ***/





	
	
/*** 03. Home Featured Section ***/
	#featured {	padding-top: 30px; color:#fff}
	
	#featured-info, #home-featured-nav {float: left;}
	#featured-images {float: right;}
	
	#featured-info { width: 455px;	margin-top: 72px;}
	#featured-info p {	margin: 10px 0; color: fff}
	#featured-info p strong{color: #d98f19;}
	
	a#home-read-more-button {background: url(images/bt-home-readmore.png) no-repeat; width:103px; height: 42px; margin-top: 25px;
	display:block; text-indent: -9999px; }
	
	/** featured images**/
	#featured-images {width: 440px; height: 416px; background:url(images/computer.png) no-repeat top center; margin-right:-10px;
	position:relative;}
	#images {margin: 42px 0 0 50px;}
	#images ul li {width: 354px; height: 214px;}
	span.glare {	background: url(images/computer-glare.png) no-repeat; display:block; position: absolute; right: 25px; top: 30px;
	width: 219px; height: 239px; z-index: 9999; }
	
	/** featured slider navigation **/
	ul#home-featured-nav {	background: url(images/bg-homeslider.png) no-repeat; width: 33px; height: 48px; margin-left: 35px; margin-top: 127px;
	 padding-top: 12px; }
	ul#home-featured-nav li {	margin-bottom: 5px;}
	ul#home-featured-nav a {	width: 16px; height: 18px; display: block; text-indent: -9999px; margin: auto;
	filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	ul#home-featured-nav a:hover {filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	ul#home-featured-nav li.next a {	background: url(images/homeslider-arrow-down.png) no-repeat; margin-left: 9px;}
	ul#home-featured-nav li.prev a {	background: url(images/homeslider-arrow-up.png) no-repeat;}
	
	
/*** 04. Content ***/
	#content {font-size: 1.0em;}
		#content p {margin: 15px 0; color: #fff;}
	
/** 04.a - Home Sidebar and Sidebar General **/
	#sidebar-home {width: 435px; float: left;}
		#sidebar-home img.shade, #home-blogposts img.shade, #sidebar img.shade {display: block; height: 20px;}
		#sidebar-home img.shade{width: 435px;}
		#sidebar-home p strong {color: #fff;}
		
		#sidebar-home ul li p:first-child {margin-top: 0px;}
		#sidebar-home ul li, #sidebar ul li { border-bottom: 1px solid #ccc; margin-bottom: 35px; padding-bottom: 3px; }
		#sidebar-home ul li ul li, #sidebar ul li ul li {	border-bottom: none; margin-bottom:0px;}
	
	/** flickr **/
	li.flickr {	position: relative;}
	li.flickr ul li img { border: 1px solid #999; margin: 0 10px 0px 0;  }
	a.bt-flickr {width: 38px; height: 85px; position: absolute; right:10px; top:50px; background: url(images/bt-flickr.png) no-repeat;}
	a.bt-flickr span { display: none;}

	li.sideflickr ul li img {margin-right: 0px;}
	
/** 04.b - Home Blog Posts **/
	#home-blogposts { width: 475px;	float: right; border-bottom:1px solid #ccc; position: relative; padding-bottom: 15px; }
	#home-blogposts img.shade {width: 475px;}
		
	span.date {	color: #999; padding-left: 22px; display: block; background: url(images/icon-date.png) no-repeat; font-size: 0.9em;
	line-height:18px; margin-bottom: 10px; }
	
	img.post-thumb { border: 12px solid white;float: left; margin: 0 12px 12px 0;}
	.portfolio 	img.post-thumb { margin: 0 20px 20px 0;}
	
	
	/** homepage blog posts, testimonials and twitter slider navigation **/
	ul#home-blogposts-nav, ul.testimonials-nav, ul.twitter-nav 
	{width: 43px; height: 20px; padding: 4px 0 0 5px; background: #fff; -moz-border-radius: 10px;
	-webkit-border-radius: 10px; -khtml-border-radius: 10px; position: absolute; right: 0; bottom: -12px; }
	
	ul#home-blogposts-nav li, ul.testimonials-nav li, ul.twitter-nav li {float: left;}
	
	ul#home-blogposts-nav a, ul.testimonials-nav a, ul.twitter-nav a
	{display: block; width: 16px; height: 16px; margin-right: 5px; filter:alpha(opacity=60); -moz-opacity:0.6;	-khtml-opacity: 0.6; opacity: 0.6;}
	
	ul#home-blogposts-nav a:hover, ul.testimonials-nav a:hover, ul.twitter-nav a:hover
	{filter:alpha(opacity=100); -moz-opacity:1;	-khtml-opacity: 1; opacity: 1;}
	
	ul#home-blogposts-nav a span, ul.testimonials-nav a span, ul.twitter-nav a span {display: none;}
	ul#home-blogposts-nav li.prev a, ul.twitter-nav li.prev a {background: url(images/arrow-low-prev.gif) no-repeat;}
	ul#home-blogposts-nav li.next a, ul.twitter-nav li.next a {background: url(images/arrow-low-next.gif) no-repeat;}
	
	ul.testimonials-nav li.next a {background: url(images/arrow-low-down.gif) no-repeat;}
	ul.testimonials-nav li.prev a {background: url(images/arrow-low-up.gif) no-repeat;}
	
	
/*** 05. Footer ***/
	#footer-wrap {background: url(images/bg-footer.gif) #d9dada repeat-x; padding-bottom: 10px; position: relative; }
	#footer {width: 960px; padding: 10px; margin: 0 auto;}
	
	a#monofactor {display: block; width:180px; float: right; color:#999; text-decoration: none; line-height:22px; font-size:0.9em; padding-top: 12px; }
	a#monofactor span {display: inline-block; background: url(images/logo-monofactor.png) no-repeat; width: 104px; height: 22px; text-indent:-9999px}
	
/*** 06. General Sidebar ***/
	#sidebar {	width: 260px; float: left; padding-top: 0px;background-color: #; }
	#sidebar img.shade{width: 250px; height: 20px !important; }
	#sidebar p:first-child {margin-top: 0px;}
	
	#sidebar ul li {padding-bottom: 8px;}
	#sidebar ul li ul {font-size:1.3em;}
	#sidebar ul li a {color: #fff; text-decoration: none;}
	#sidebar ul li a:hover {color: fff}
	
	/** sidebar categories **/
	ul.cats li {width: 120px ; margin-right: 10px; margin-bottom:10px; float:left;}
	ul.cats li a {display:block; color: white; padding:5px; padding-left:18px; background:url() no-repeat 10px 8px; 
	-moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; border:.5px solid 333333;}
	
	/** sidebar alternate link lists **/
	li.alternate-lists ul li {padding: 0 !important;}
	li.alternate-lists ul li a {display: block; background: url(dot.gif) no-repeat 5px 11px; padding: 5px; padding-left: 15px; }
	li.alternate-lists ul li a:hover {color:#995e00 !important; background-image:url(dot-hover.gif); background-color: #f1f1f1; }

	
	/** testimonials and twitter widget **/
	li.testimonials, li.twitter {position: relative; font-size: 0.9em; padding-bottom: 10px !important; }	
	li.testimonials  blockquote p, 	li.twitter p {color: #777 !important;}
	li.testimonials  blockquote  {font-style: italic;  background: url(images/quote.png) no-repeat; padding: 0px 10px 0 20px; }
	
	
	ul.testimonials-nav li {padding: 0px !important; background: none !important;}
	
	
	li.twitter p {margin: 5px 0 !important;}
	li.twitter p.timeago {color: #333 !important;}


/*** 07. Post General Settings **/

	/** wide column **/
	#wide-column {width: 650px; float: right; color: fff; background-color: #373737; }
	
	#wide-column H3 {color: fff; }

	
	div.full-width p {margin-top: 15px !important;}
	#info a {text-decoration: none; border-bottom: 1px solid #999; }
	#info a:hover {color:#fff; text-decoration: none; border-bottom: 1px solid #995e00; }
	#info h4 { text-transform: none;}


	/** 07.a posts general settings **/
	.each-post {border-bottom: 1px solid #ccc; padding: 0px 10px; padding-bottom: 15px; margin-bottom: 30px;}
	.each-post p {margin-top: 0px !important;line-height:1.4em;color: fff; }
	.each-post a.bt {margin-top:10px !important;}
	
	div.blog span.date {float: left !important;}
	div.blog p:first-child {margin-top: 0px !important;}
	
	a.comment-count, a.comment-add {display:inline-block; font-size:0.9em; color:#666; padding-left:20px; background: url(images/icon-comments.png) no-repeat; line-height: 16px; margin-left: 15px; }
	a.comment-count:hover, a.comment-add:hover { color: #333;}
	a.comment-add {background-image:  url(images/icon-comment-add.png) !important;}
	
	div.the-post ul { padding: 5px 10px 20px 25px; }
	div.the-post ul li {line-height: 1.5em; color: fff; list-style-type: disc; list-style-position: inside; }
	div.the-post ul li strong {color: fff;}
	
	div.the-post blockquote {font-style: italic;  background: url(images/quote.png) no-repeat; padding: 10px 10px 10px 20px; padding-bottom: 15px; color: fff; }
	
	/** 07.b post meta **/
	.postmeta {	clear: both; 	line-height:3em;		font-size: 0.9em;	color: #999; 	background: #f7f7f7;	margin-top: 10px;}
	.postmeta a:hover {	text-decoration: none;}
	.postmeta div {	float: left;	}
	.author {display: block; color: #666; float: left; padding: 0 15px 0 30px;	background: url(images/icon-author.gif) no-repeat 10px 8px;	}
	.categories, .tags {padding: 0 15px;}
	.categories {background: #f1f1f1;}
	
	.tags a {color: #927b57;} 
	
	#info {float: right; width: 305px;}
	
	
	/** 07.c comments **/
		
	#comments_wrap h3 {	font-size: 22px;	font-weight: normal;	margin: 0px;	padding-bottom: 20px;	margin-top: 10px;}
	#comments_wrap h3 a, #comments_wrap h3 a:hover {color: #242323;	text-decoration: none;}
	#comments_wrap .get_avatar {color: #a7a7a7; font-size: 10px;letter-spacing: -1px;padding-top: 10px;}
	#comments ol.parent {padding-bottom: 25px}
	#comments ol { margin: 0px;	padding: 0px; padding-left: 100px;}
	#comments ol li {list-style: none;	padding: 0px; margin: 10px 0px;	padding-top: 1px;}
	#comments span.comment-reply {	font-size: 10px;	text-transform: uppercase;}
	#comments .comment_wrap {position: relative; background: #f2f2f2;}
	#comments .single_comment {	padding: 10px;}
	
	#comments .comment-content {	padding: 10px;		background: #fafafa;	}
	
	#comments .comment-content p, .children .comment-content p {padding-bottom: 15px;		color: #666;}
	
	#comments a {color:#333; border-bottom:1px solid #995e00; text-decoration:none}
	#comments a:hover {border-bottom:1px solid #ccc; text-decoration:none}
	
	
	#comments .comment_arrow {	position: absolute;	top: 20px;	left: -11px;}
	#comments .comment_author {	position: absolute;	left: -100px;	width: 100px;	color: #8d8d8d;	font-size: 10px; line-height: 14px;	}
	#comments .comment_author span {display: block;}
	#comments .children {	padding-left: 0px;	border-left: 1px solid #ced0d0;}
	#comments .children li {padding-left: 25px;	background: url(images/comment_li_bg.gif) no-repeat 0px 25px;}
	#comments .children .comment_wrap {	background: #f2f2f2;	border-top: 1px solid #dedede;	border-bottom: 1px solid #dedede;}
	#comments .children .comment_arrow {	display: none;}
	#comments .children .comment_author {	position: absolute;	left: auto;	right: 20px;	bottom: 10px;	width: 200px;	height: 40px;}
	#comments .children .comment_author p {	position: absolute;	right: 40px;	bottom: 10px;	text-align: right;}
	#comments .children .comment_author span {	display: block;}
	#comments .children .comment_author img {	width: 32px;	height: 32px;	float: right;}
	
	/** 07.d comment form **/
	div#respond {padding: 20px 0;}
	div#respond ol li {padding:8px; -moz-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px; background: #f6f6f6; margin-bottom: 10px;
	clear: both; }
	div#respond ol li:hover, 	#respond ol li:focus  {background: #fff !important; }
	
	div#respond ol li label {float: left; padding-left: 15px; color: #666; border-left: 1px solid #ccc; }
	div#respond ol li label.field-title { width:30%; border-left:none !important; padding-left: 0px; }
	
	div#respond ol li label small {font-size: 0.8em; color: 999;}
	
	div#respond ol li.text input {border: none !important; background: none !important; width:420px; line-height: 1.3em; }
	div#respond ol li textarea {border: none !important; background: none !important; width:420px; line-height: 1.6em; }
	
	#work-list ul {display: none;  height: 80px; }
	#work-list ul li {float:left; margin-right:10px}
	#work-list ul li a {display: block; padding: 2px 0 0 2px; background: url(images/bg-avatar.png) no-repeat; width: 68px; height: 68px;}
	
	a#bt-expander {width: 300px; height: 15px; background: url(images/bt-expander.png) no-repeat; display: block; padding-left: 80px; color: #999; font-size: 0.8em; padding-top: 3px; }
	a.expanded,  a#bt-expander:hover { background-position: 0px -18px !important; color: #777; }
	
	/** common classes **/
	.clearfix {	width: 100%; height: 0px; clear: both; display: block;}/* clearfix for floated elements */
	.hidden {display: none;}
	
	.right {float: right;}
	.left {float: left;}
	
	.morespace {padding: 3px 0 !important;}
	.full-width {width: 100% !important;}
	
	
	
	a.bt, a.bt span {display: inline-block; height:22px}
	a.bt {padding-left: 15px; background: url(bt-casual-left.png) no-repeat; color:#000; margin-top: 5px; text-decoration: none; }
	a.bt:hover {color: #fff;}
	a.bt span { background: url(bt-casual-right.png) no-repeat right; padding-right: 25px; line-height:20px}
	a.twitter {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.youtube {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.facebook {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.twitter:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}
	a.youtube:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}
	a.facebook:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}
    a.arrowedbt {background: url(bt-casual-left-arrowed.png) no-repeat;color: fff; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt:hover {color: #B0D761 !important; background: url(bt-casual-left-arrowed-hover.png) no-repeat;}
	a.left-button {background-image: url(bt-casual-left-arrowed-left.png) !important}
	a.left-button:hover {background-image: url(bt-casual-left-arrowed-left-hover.png) !important}
	
/*** 01.a - Headings & Colours **/




	/************** colors *****************/
	#home-blogposts h3, #home-blogposts a, #info a, div.blog p a, .categories a, #comments a:hover {color:fff}
	ul.cats li a:hover, ul.cats li.active a {color:#B0D761 !important; background-color:999; border:0px solid fff;}
	#wide-column h2 {color:fff; font-size: 1.6em}
	#wide-column h2 a{color:fff; font-size: 1em;text-decoration: none; }
	#wide-column h2 a:hover{color:#B0D761; font-size: 1em}
	
	/***********************
	 HEADER, FOOTER
************************/

#header-content, #content, #footer-content {
	width: 1004px;
}

/* header */
#header {
	height: 120px;
	text-align: left;
	background:  url(headerband.jpg) ;
	background-repeat: repeat-x;
	position
}

/***********************
	 HEADER CONTENT
************************/

#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
	
}


#header-content h1#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(logosm.png) no-repeat; 
    z-index: 99; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}

#header-content h1#shopgreen {
	position: absolute;
	top: 3px;
	right: 0px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(shopgreen.png) no-repeat; 
    z-index: 199; 
    display: block;
    display: inline;
    text-indent: -9999px; 

     		
	
	/* change the values of left and top to adjust the position of the logo */
	top: ; left: ;
}



#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 350px;  
    height: 125px;  
    display: block;
    text-indent: -9999px; 
	
} 

#header-content h1#shopgreen a {
	text-decoration: none;
	color: #FFF;
	border: none;
	width: 160px;  
    height: 40px;  
    display: block;
    text-indent: -9999px; 
	
} 
#header-content #slogan {
	color: black;
	position: relative;
	display: inline;
	top: 460px;
	left: 5px;	
	font:  1em 'Trebuchet Ms', Sans-serif;
	background-image:url(sloganbg.jpg) no-repeat;
	background-color: none;
	
    

	z-index: 20;
	letter-spacing: 2px;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	text-indent: 0px; 

	
	
	
	/* change the values of left and top to adjust the position of the slogan */
	
}
#header-content #slogan a {
	
	color: #99B3CC;
	display: inline;
	z-index: 19;
	margin: 0; padding: 0;
	
	text-decoration: none;
	border-right: none;
	text-indent: 0px; 

}
#header-content #slogan a:hover {
	background: none ;
	color: white;
	text-decoration: none;
}



#header-content ul {
	position: relative; top: 0px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #65944A;
	list-style: none;
	margin: 0; padding: 0;
	left: 0px;
	float: left;
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#header-content li a:hover {
	background: white;
	color: #B0D761;
}
#header-content li a#current  {
	background: none;
	color: #B0D761;

}
/* header */
#footer {
	height: 167px;
	text-align: left;
	background:  url(headerbg.png) repeat-x;
}
#thegreenshowcase{
position: absolute;
	top: 56px;
	left: -12px;
	font: bold 5em 'Trebuchet Ms', Sans-serif;
    background: url(greenfolio_no.png) no-repeat;  
    display: block;
    display: inline;
    text-indent: -9999px; 
	
}




/***********************
	  NAVIGATION
************************/
/* main navigation */
#main-nav ul {
	position: absolute;  
	
	font:  1.5em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	top: 20px;
	left: 325px;
	z-index: 30;
	
}

#main-nav-network ul {
	position: absolute;  
	
	font:  1.2em 'Trebuchet MS', sans-serif;
	color: #99B3CC;
	list-style: none;
	margin: 0; padding: 0;
	top: 20px;
	left: 370px;
	z-index: 30;
	
}
#main-nav-network a:hover {
	background: none;
	color: #99B3CC;
}




#main-nav li {
	display: inline;
}
#main-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#main-nav li a:hover {
	background: none;
	color: #99B3CC;
}
#main-nav li a#current  {
	background: white;
	border: none;
	color: #A7DDEF;
}



/***********************
	 SUB NAVIGATION
************************/
#sub-nav ul {
	position: relative; top: 3px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #B0D761;
	list-style: none;
	margin: 0; padding: 0;
	right: 0px;
	float: right;
}
#sub-nav li {
	display: inline;
}
#sub-nav li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#sub-nav li a:hover {
	background: white;
	color: #B0D761;
}
#sub-nav li a#current  {
	background: #FFFFCC;
	color: #B0D761;
}

/***********************
	 SHOWCASE NAVIGATION
************************/


#showcase-nav ul {
	position: absolute; top: 77px;
	right: 0px;
	font:  1.5em 'Trebuchet MS', sans-serif;
	color: white;
	list-style: none;
	margin: 0; padding: 0;
	float: right;
}
#showcase-nav li {
	display: inline;
	
	
}
#showcase-nav li a {
	float: right;
	display: block;
	padding: 3px 12px;	
	color: white;
	background-color: none;
	text-decoration: none;
	border-right: none;
}
#showcase-nav li a:hover {
	background: none;
	color: #99B3CC;
	text-decoration: none;
}
#showcase-nav li a#current  {
	background: #white ;
	
	border-style: none ;
	text-decoration: none;
	color: #B0D761;
}