/* ----------------------------------------------
	Template Name : Jungleland
	Template Code : S-0030
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : August 31, 2009
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	font: 14px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #000; 
	margin: 0; padding: 0; 
	background: #FFF url(../images/bg.gif) repeat-x;
	text-align: center;
}

/* links */
a:link, a:visited { 
	text-decoration: none;
	color: #751111;	
}
a:hover { color: #ccc; }
a:link.more, a:visited.more {
	float: left;	
	margin-top: 20px;	
	margin-right: 5px;
	padding: 3px 5px 4px 5px;
	border: 1px solid #E7871C;
	background-color: #E27304; 
	text-transform: lowercase;
	font-weight: bold;
	text-decoration: none;	
	color: #fff;		
}
a:hover.more {	
	border: 1px solid #5A9223;
	background-color: #143a0f; 
}

/* headers */
h1, h2, h3, h4 {
	font: bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #000;
	margin: 10px 20px 7px 20px;	 
}
h1 { font-size: 2.9em; font-weight: bold; letter-spacing: -2px; }
h2 { font-size: 2.8em; font-weight: bold; letter-spacing: -2px;}
h3 { font-size: 1.5em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; }
h4 { font-size: 1.7em; }
h5 { font-size: 1.5em; font-weight: bold; letter-spacing: -0.3px; line-height:30px; margin-left:10px ;}
/* Lists */
ul, ol {
	margin: auto;
	padding: 0 20px;
}
ul { list-style: disc; }
ol { list-style: decimal; }

dt {
  font-weight: bold;
  color: #6f892c;
}
dd {
  padding-left: 20px; 
}

p, dl { margin: 10px 0px; }

img.float-right {	margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }

code {
  	margin: 3px 0;
  	padding: 20px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
  	/* white-space: pre; */
  	border: 1px solid #251a14;
	background-color: #130d0a; 
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #555;
}
blockquote {
	margin: 10px 20px;
 	padding: 15px 15px 15px 32px;  
   border: 1px solid #251a14;
	background: #130d0a url(../images/quote.gif) no-repeat 12px 12px;
	font-weight: normal;
	font-size: 17px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Verdana, Geneva, sans-serif;
	
}
strong {	font-weight: bold; }

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 20px;
	
}
table.center {
	margin-left:auto; 
	margin-right:auto;
	
}

tr { background: none; }
th, td {
	text-align: left;			
	border-width: 1px;
  	border-style: dotted;
}
th {
	background-color: #45561B; 
	padding: .8em 1em;	
  	border-color: #647C28 #586A22 #43511A #5A6F23;	
	font-weight: bold;
	color: #fff;
}
td {
	border-color: #000;
	padding: .7em 1em;	
}	
/* end - table */

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrap {
	width: 940px;
	margin: 0 auto;
	text-align: left;	
}
/* header */
#header {
	position: relative;
	margin: 0 auto 2px auto;
	height: 60px;			
	
}

/*  navigation  */
#header #nav {
	position: absolute;
	left: 1px;
	top: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 60px;
	width: 900px;
}
#header #nav ul {	
	float: left;	
	margin: 0;	padding: 0;		
	width: 100%;	
	list-style: none;	
}
#header #nav ul li {
	float: left;
	margin: 0; padding: 0 0 0 5px;			
}
#header #nav ul li a:link,
#header #nav ul li a:visited {
	float: left;
	margin: 0;
	padding: 30px 15px 17px 11px;	
	font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	text-transform: lowercase;			
	color: #FFF;
}
#header #nav ul li a:hover, 
#header #nav ul li a:active {
	border: none;
	color: #000;		
}
#header #nav ul li#current { 
	background: url(../images/left-nav-bg.gif) no-repeat;			
}
#header #nav ul li#current a {	
	background: url(../images/right-nav-bg.gif) no-repeat right top;
	color: #000;		
}

/* Content */
#content-wrap {
	clear: both;	
	width: 940px;
	margin: 5px 0 0 0; padding: 0;
				
}
#content {
	float: left;
	width: 920px;
	margin-left: 10px;		
	padding-bottom: 40px;
	display: inline;		
}
/* Main */

#main {
	clear: both;
	float: left;
	width: 940px;
	margin: 0 auto;
	
}


#main .logo01 {	
	padding-bottom: 350px;	
	background: #fff url("../images/logo-top01.jpg") no-repeat;
}
#main .logo02 {	
	padding-bottom: 350px;	
	background: #fff url("../images/logo-top02.jpg") no-repeat;
}
#main .logo03 {	

	padding-bottom: 350px;	
	background: #fff url("../images/logo-top03.jpg") no-repeat;
}
#main .logo04 {	
	padding-bottom: 350px;	
	background: #fff url("../images/logo-top04.jpg") no-repeat;
}
#main .logo05 {	

	padding-bottom: 350px;	
	background: #fff url("../images/logo-top05.jpg") no-repeat;
}
#main .logo06 {	

	padding-bottom: 350px;	
	background: #fff url("../images/logo-top06.jpg") no-repeat;
}
#main .block {
	margin-top:-80px;	
	display: block;


	
}

#main .intro-block {
	margin:0 auto;
	text-align:left;
	text-decoration: none;
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 150%;	
	color: #000;		
}

#main img {	
	margin: 10px 10px 10px 10px;
	padding: 2px;	
	background-color: #150e0b;
   border: 1px solid #261b15;
	display: inline;
}

#main h3 {
	color: #6f892c;
	border-bottom: 1px solid #29201c;
	margin-top: 15px;
}
#main h3 a { color: #f0e8e8; }
#main h4 { color: #6f892c; margin-left:0; }

/*
#main .gallery-block strong {
	font-size:12px;
	font-weight: bold;
	line-height:8px;
	color: #751111;
	text-transform:uppercase;
}
#main .gallery-text {
	padding:5px;
	margin:5px 5px 5px 5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;	
	font-size:15px;
	line-height:15px;
	color: #435016;
	background:#fff;
	border: 1px solid #000;

}




#main .block .blk-top h4 {
	margin: 0 5px;	
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;	
	font-size: 1.4em;	
	font-weight: normal;
	line-height: 125%;
	color: #6f892c;	
}

#main .block .blk-top p {
	padding: 2px 0 3px 0;
	margin: 0 3px;
	font-size: 11px;
	color: #b5b5b5;
}
#main .block .blk-top p a:link,
#main .block .blk-top p a:visited {
	color: #b5b5b5;		
}

#main .block .blk-content { width: 100%; }
#main .block .blk-content p {	margin: 5px; }

#main .odd { margin-left: 15px; }
#main .even { margin-left: 40px; }
*/

#main .awards-list ul {
	list-style: none;
	text-align:left;
	padding: 5;	
	display:inline;
}


#main .awards-list strong {
	border: 1px solid #6f892c;	
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	
}
#main .awards-list ul li { 
border-top: 2px solid #6f892c;
	display: block;
	margin-left:50px;
	margin-top:-20px;
	padding: 15px 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
}
#main .awards-list ul li a {
	display: blovk;
	width: 98%;
	margin-left: 0;
	padding: 5px 0;
	border: none;
	line-height: 2em; 	
	color: #fff; 		
}

#main-outer .awards-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-size: .95em;	
}

#main-outer .awards-list ul li a:hover,
#main-outer .awards-list ul li a:hover span {
	color: #fff;	
}
#main .projects-list ul {
	margin:auto 0;
	list-style: none;
	text-align:left;
	display:inline;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

#main .projects-list ul li { 
width:700px;
border-top: 2px solid #6f892c;
	display: block;
	margin-left:0px;
	margin-top:0px;
	padding:0 0 15px 40px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
}
#main .projects-list ul li a {
	display: inline;
	border: none;	
	color: #6f892c;	
	font-weight: bold;
}
#main .clients-list ul {
	display:inline;
	list-style: none;
	text-align:left;
	margin:auto 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

#main .clients-list ul li { 
border-top: 2px solid #6f892c;
	display: block;
	margin-left:40px;
	margin-top:5px;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}
#main .clients-list ul li a {
	display: inline;
	border: none;	
	color: #6f892c;	
	font-weight: bold;
}

/* Index image set  */

#home {
	width: 670px;	
	float: left;	
	padding-top: 5px;			
}
#home h3 {
	color: #6f892c
	border-bottom: 1px solid #29201c;
	margin-top: 15px;
}
#home h3 a { color: #f0e8e8; }
#home h4 { color: #6f892c; }
#home .block {
	float: left;	
	width: 275px;
	margin-top: 10px;
	padding-bottom: 15px;	
	display: inline;	
}
#home .block img {	
	margin: 0 0 20px 0;
	padding: 2px;	
	background-color: #150e0b;
   border: 1px solid #261b15;
	display: block;
}
#home .block .blk-top {
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 2px;
	border-bottom: 1px solid #29201c;	
}
#home .block .blk-top h4 {
	margin: 0 5px;	
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;	
	font-size: 1.4em;	
	font-weight: normal;
	line-height: 125%;
	color: #6f892c;	
}


#home .block .blk-top p {
	padding: 2px 0 3px 0;
	margin: 0 3px;
	font-size: 11px;
	color: #b5b5b5;
}
#home .block .blk-top p a:link,
#home .block .blk-top p a:visited {
	color: #b5b5b5;		
}

#home .block .blk-content { width: 100%; }
#home .block .blk-content p {	margin: 5px; }

#home .odd { margin-left: 15px; }

#home .even { margin-left: 40px; }

/* sidebar */
#sidebar {
	float: right;
	width: 230px;	
	padding-top: 50px;
		background: #e8f3e9
	
}
#sidebar h3 {
	margin: 10px 0 15px 10px;	
	color: #f0e8e8;
}
#sidebar img {	
	margin: 0 0 20px 0;
	padding: 2px;	
	background-color: #150e0b;
   border: 1px solid #261b15;
	display: block;
}

/* footer */
#footer {
	float: left;
	width: 100%;
	text-align: center;
	background: url(../images/footer-bg.png) repeat-x;	
}
#footer-outer {
	clear: both;
	width: 940px;		
	margin: 0 auto;
	font-size: 1em;

	text-align: left;	
}
#footer-wrap {
	float: left;
	width: 920px;
	margin-left: 10px;	
	padding-top: 20px;	
	display: inline;
	
}
#footer-wrap h3 {
	margin-bottom: 15px;
	font-size: 1.6em;		
	font-weight: bold;	
	color: #000;
}
#footer-wrap .col-a {
	width: 225px;
	float: left;
	display: inline;
}
#footer-wrap .col-b {
	width: 225px;
	float: right;	
	display: inline;
}


/* footer-list */
#footer-outer .footer-list ul {
	list-style: none;
	margin-left: 20px;	
	padding: 0;	
	border-top: 1px solid #29201c; 
}
#footer-outer .footer-list ul li { border-bottom: 1px solid #29201c; }
#footer-outer .footer-list ul li a {
	display: block;
	width: 98%;
	margin-left: 0;
	padding: 5px 0;
	border: none;
	line-height: 2em; 	
	color: #fff; 		
}

#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .95em;	
}

#footer-outer .footer-list ul li a:hover,
#footer-outer .footer-list ul li a:hover span {
	color: #751111;	
}

/* footer-bottom */
#footer-bottom {
	float: left;	
	width: 100%;
	margin: 10px auto 5px auto;	
	font-family: Verdana, Geneva, sans-serif;			
}
#footer-bottom .bottom-left {	float: left; }		
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;	
}
#footer-bottom a.back-to-top {
	background: url(../images/arrow-up.gif) no-repeat right center;
	padding-right: 20px;
}


/* pagenavigation */
.navigation {
	margin: 10px 20px; padding: 0;
	width: 560px;	
}
.navigation a:link,
.navigation a:visited {
	float: left;
	display: block;
	margin: 10px 10px 0 0;
	padding: 5px 7px;
	border: 1px solid #E7871C;
	background-color: #E27304; 
	text-transform: lowercase;
	text-decoration: none;	
	font-weight: bold;
	color: #fff;		
}
.navigation a:hover {
	border: 1px solid #5A9223;
	background-color: #4C7B1E;
}

/* thumbnails */
p.thumbs { 
	margin:auto 0px;
	padding: 0px 0px 0 0px; 	
	
}
/*
.thumbs img { 
	position: relative;
	margin:10px;
	padding: 2px;	
	background: #150e0b;
   border: 1px solid #261b15;
}*/
.thumbs img:hover	{ border: 1px solid #453025; }
.thumbs a:hover { background-color: transparent; border: none }

/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }

/* clearing */
.fix { 
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden; 
}
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: " "; 
}