@charset "utf-8";

* {
		margin: 0;
		padding: 0;
	}

body {
		font:62.5%/1.5 Helvetica, Tahoma, Arial, Verdana, sans-serif;
		color:#45555F;
		text-align: center;
		background: #E0E6E9;
	}
	
a img {
		border: none;
	}
	
ul {
		list-style: none;
	}
	
blockquote {
		margin-top: 20px;
	}
cite {
		color: #7BBBBE;
		display: block;
		margin: 8px 0 15px 0;
		font-style: normal;
	}
	
table {
		border: none;
		margin: 5px 0 20px 0;
	}
table td {
		vertical-align: top;
		padding: 3px;	
	}
tr.on td {
		background: #f6f6f6;	
	}
	
#container {
		width: 760px;
		background: #fff;
		margin: 30px auto 0 auto;
		text-align: left;
		padding: 10px 10px 20px 10px;
		w\idth: 740px;
	}

#head {
		height: 241px;
		text-align: left;
		margin-bottom: 32px;
	}

#content {
		margin-left: 175px;
		margin-right: 196px;
		font-size: 1.2em;
	}

#sidebarL {
		float: left;
		width: 145px;
		font-size: 1.2em;
	}

#sidebarR {
		float: right;
		width: 166px;
	}

#foot {
		clear: both;
		margin: 0 auto 0 auto;
		width: 750px;
		padding: 5px 0 20px 0;
		text-align: left;
	}
	
	

	
/* [+] -- HEAD -------------------------------- */


	
#home #head {
		background: transparent url(../images/head-home-boat.jpg) no-repeat top right;
	}
#cave #head {
		background: transparent url(../images/head-cave.jpg) no-repeat top right;
	}
#mountain #head {
		background: transparent url(../images/head-mountains.jpg) no-repeat top right;
	}
#tree #head {
		background: transparent url(../images/head-tree.jpg) no-repeat top right;
	}
#forest #head {
		background: transparent url(../images/head-forest.jpg) no-repeat top right;
	}
#sea #head {
		background: transparent url(../images/head-sea-2.jpg) no-repeat top right;
	}
#seaII #head {
		background: transparent url(../images/head-sea.jpg) no-repeat top right;
	}
#snow #head {
		background: transparent url(../images/head-snow.jpg) no-repeat top right;
	}
#sand #head {
		background: transparent url(../images/head-sand.jpg) no-repeat top right;
	}


	
/* [+] -- CONTENT -------------------------------- */

#tree h2 {
		border-top: 1px solid #B4BDC5;
		padding-top: 20px;
		margin-top: 20px;
		}
	
#tree #first {
		border: none;
		padding-top: 0;
		margin-top: 0;
		}
		
#content ol {
		margin: 0 0 15px 20px;
		}
		

/* [+] -- SIDEBAR -------------------------------- */

#sidebarL ul li {
		border-bottom: 1px solid #B3BDC5;
		padding: 6px 5px 6px 0;
	}
#sidebarL ul li#last {
		border: none;
	}
	
#sidebarL ul li ul li {
		border-bottom: none;
		padding: 0 5px 0 10px;
	}

#sidebarR {
		color: #6F787F;
	}
	
#callme {
		font-size: 1.7em;
		text-align: center;
		margin: 20px 0;
	}

/* [+] -- FOOT -------------------------------- */


	
/* [+] -- PAGE SPECIFIC -------------------------------- */





/* [+] -- FORMS -------------------------------- */

fieldset {
		border: none;
	}
legend {
		display: none;
	}
#content form p {
		margin: 6px 0;
		clear: both;
	}
label {
		width: 11em;
		float: left;
		text-align: left;
		margin-right: 1em;
		display: block
	}
input {
		width: 200px;
		border: 1px outset #ccc;
	}
textarea {
		width: 200px;
		height: 5em;
		border: 1px outset #ccc;
	}
button {
		border: 2px outset #ccc;
		background: #fff;
		display: block;
		margin: 15px 0 0 145px;
		font-size: 12px;
		text-align: center;
		color: #45555F;
		text-transform: uppercase;
	}


/* [+] -- FONTS -------------------------------- */

p {
		margin-bottom: 15px;
	}
	
h1 {
		font-size: 240%;
		font-weight: normal;
		letter-spacing: 0.0005em;
	}
	
h2 {
		font-size: 110%;
	}

	
/* [+] -- LINKS -------------------------------- */

a {
		color: #45555F;
	}

a:link {
		color: #45555F;
		text-decoration: underline;
	}
a:visited {
		text-decoration: none;
	}
a:hover, #sidebarL .active a {
		color: #7BBBBE;
		text-decoration: none;
	}
a:active {
		text-decoration: none;
	}

#sidebarL a, #foot a, #content ul li a {
		text-decoration: none;
	}



/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
	
.top {
		text-align: right;
		margin: 10px 0;
	}
.top span {
		font-size: 70%;
	}
		
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearFix, #bodyWrap {display: block;}
/* End hide from IE-mac */

.photo {
		padding: 7px;;
		border: 1px solid #ADB8C1;
		margin: 0 0 10px 10px;
		float: right;
	}