/* ----------------------------------------------
	Template Name : Jungleland
	Template Code : S-0030
	Version : 1.0   
	Author : Erwin Aligam
	Author URL : http://www.styleshout.com/ 
	Last Date Modified : August 31, 2009

	Editor : VERSION JAPAN
	Editor URL : http://www.versionjapan.com/ 
 ------------------------------------------------ */

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body {
	margin: 0; padding: 0; 
	background: #fff url(../images/bg.gif) repeat-x;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
/* header */
#header {
	font: 13px/150% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #555; 
	width: 940px;
	position: relative;
	margin: 0 auto 20px auto;
	height: 60px;	
}

/*  navigation  */
#header #nav {
	position: absolute;
	left: 15px;	top: 0px;		
	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 {
	float: left;
	margin: 0;
	padding: 30px 15px 17px 11px;	
	font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	text-decoration: underline;
	color: #d2dee7;
}
#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-decoration: underline;
	color: #d2dee7;
}
#header #nav ul li a:hover {
	border: none;
	text-decoration: none;
	color: #fff;		
}
#header #nav ul li a:active {
	border: none;
	color: #fff;		
}
#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: #789;		
}

/* footer */
#footer {
	font: 12px/150% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	float: left;
	color: #000; 
	width: 100%;
	text-align: center;
	background: url(../images/footer-bg.png) repeat-x;	
}

/* footer headers */
#footer h3 {
	font: bold 1.7em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	color: #000;
	line-height: 120%;
	text-transform: none;
	border-bottom: none;
	margin: 10px 20px 7px 20px;	 
}
#footer h3 { 
	font-size: 2.1em; font-weight: bold; letter-spacing: -1px; padding-top: 5px; 
}

/* footer Lists */
#footer ul, ol {
	font: 13px/150% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin: 10px 20px;
	padding: 0 20px;
}
#footer ul { list-style: disc; }
#footer ol { list-style: decimal; }

#footer p, dl { 
	font: 12px/150% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	margin: 10px 20px; 
}

/* footer images */
#footer img {
}
#footer img.float-right { margin: 5px 0px 10px 10px; }
#footer img.float-left { margin: 5px 10px 10px 0px; }

/* footer links */
#footer a:link { 
	color: #d2dee7;	
	text-decoration: underlined;
}
#footer a:visited { 
	color: #d2dee7;	
	text-decoration: underlined;
}
#footer a:hover { 
	color: #fff; 
	text-decoration: none;
}
#footer-outer {
	clear: both;
	width: 940px;		
	margin: 0 auto;
	font-size: .9em;		
	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: #fff;
}
#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: #d2dee7; 		
}
#footer-outer .footer-list ul li .email {
	background: url(../images/email.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li .rssfeed {
	background: url(../images/feed-icon14.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li .twitter {
	background: url(../images/twitter.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: .95em;	
}
#footer-outer .footer-list ul li a:hover {
	color: #fff;	
}
#footer-outer .footer-list ul li a:hover span {
	color: #fff;	
}

/* footer-bottom */
#footer-bottom {
	float: left;	
	width: 100%;
	margin: 30px auto 15px auto;	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, 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;
}

/* 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: " "; 
}