/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
RESET DEFAULTS TO ZERO
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	* {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		text-decoration: none;
		outline: none;
		}



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
SET BASE TEXT SIZE AND CENTRE PAGE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

	body {
		background: #868f9b url(links/background1.gif) repeat-y 50% 0; /* This centres the background 50% from the left and 0 px from the top */
		padding: 0px;
		margin: 0 auto; /* This bit makes the container center in the browser window. */
		font-size: 62.5%;		
		text-align: center; /* HACK to fix IE6 and previous versions of IE not recognising Margins Auto */
		}

	#container {
		width: 55%;
		min-width: 700px;
		max-width: 1000px;
		margin: 0 auto; /* This bit makes the container center in the browser window */
		padding: 0;
		text-align: left; /* HACK to fix IE6 and previous versions of IE not recognising Margins Auto */
		}

	#header {
		width: 100%;
		height: 3%;
		margin: 10% 0 0 0; 
		}
		
	#header img {
		width: 250px;
		float: right;
		}
		

	#page_title {
		margin: 0 0 0 20%;
		}

	#page_title h1 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		font-weight: normal;
		color: #FFF;
		font-size: 1.6em;
		list-style: none;
		margin: 0;
		padding: 0;
		}





	#content {
		margin: 2.5% 0 0 0; 
		padding: 0;
		width: 80%;
		height: 55%;
		float: right;
		}
		
			
	#content_left {
		width: 65%;
		float: left;
		}
				
	#content_right {
		width: 20%;
		text-aligh: left;
		float: right;
		}
	
	#content_right img {
		width: 100%;
		margin: 0 0 10% 0;
		}

	#content_right h4 {
		clear: both;
		
		}


	.large {
		width: 80%;
		float: right;
		}
		
	.large_por_photo {
		width: 60%;
		float: left;
		border: #000 1px solid;
		}
		
	.large_lan_photo {
		width: 100%;
		float: left;
		border: #000 1px solid;
		}







	
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
SIDEBAR
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
	
	

	#sidebar {
		width: 17%;
		margin: 2.5% 0 0 0;
		padding: 0;
		float: left;
		}
	
	#sidebar ul {

		text-align: right;
		margin: 0.5% 2% 0 0;
		padding: 0;
		}
	
	#sidebar li, p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #FFF;
		font-size: 1em;
		list-style: none;
		padding: 0 0 1% 0;
		margin: 0;
		}
		
	#sidebar a {
		color: #FFF;
		text-decoration: none;
		}
		
	#sidebar a.active, #sidebar a:hover {
		color: #000;
		}



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
TYPOGRAPHY
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/



	p {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #000;
		font-size: 1.1em;
		list-style: none;
		padding: 0 0 3% 0;
		margin: 0;
		line-height: 125%;
		}
		
	.white {
		color: #FFF;
		}
	
	.blue {
		color: #aebac9;
		}
	
	
	
	h1 {
		font-family: Georgia, serif;
		color: #FFF;
		font-size: 1.6em;
		list-style: none;
		padding: 0 0 1% 0;
		margin: 0;
		}
		
	h2 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #FFF;
		font-size: 1.4em;
		font-weight: normal;
		list-style: none;
		padding: 0 0 1% 0;
		margin: 0;
		}
		
	h3 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #d9d9d9;
		font-size: 1.6em;
		list-style: none;
		padding: 0 0 4% 0;
		margin: 0;
		line-height: 120%;
		font-weight: normal;
		}	
	

	h4 {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #FFF;
		font-size: 1.2em;
		list-style: none;
		padding: 0 0 10% 0;
		margin: 0;
		font-weight: normal;
		}


	#photo_set a {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		color: #aebac9;
		text-decoration: none;
		}
		
	#photo_set a:hover {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		color: #000;
		}



	#web_links a {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		color: #FFF;
		text-decoration: none;
		}
		
	#web_links a:hover {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		font-size: 1.1em;
		color: #000;
		}




/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
PHOTO SQUARE BUTTONS
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	#photo_nav {
		margin: 8% 0 0 0;
		}

	#photo_nav_buttons {
		float: right;
		margin: 35% 0 0 0;
		width: 40%;
		}		

		
	.photo_nav_img {
		width: 1.1em;
		height: 1.1em;
		margin: 0 0 8% 8%;
		float: right;
		}
		
		
		
		


/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
PORTFOLIO TRIP INDEX
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/


	#photo_set dl {
		margin: 0 0 3% 0;
		padding: 2% 4% 2% 2%;
		background-color: #6c747e;
		float: left;
		}	

	#photo_set img {
		float: left;
		margin: 0 0 1% 0;
		width: 20%;
		}

	#photo_set dd {
		float: right;
		padding: 0;
		width: 75%;
		}
		
	



/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
GUESTBOOK - MANUAL ENTRY
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/		

	#guestbook {
		width: 100%;
		margin: 0;
		padding: 0;
		}
			
	#guestbook dl {
		margin: 0 0 4% 0;
		padding: 2% 6% 2% 3%;
		background-color: #6c747e;
		}
		
	#guestbook dt {
		width: 76%;
		margin: 0 0 1% 0;
		}
		
	#guestbook h2 {
		font-size: 1.4em;
		}

	#guestbook p.blue {
		margin: 0 0 3% 0;
		padding: 0 0 1.5% 0;
		border-bottom: #000 1px dotted;

		}
		
		
/* 
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
HIDE EMAIL ADDRESS CODE (http://csarven.ca/hiding-email-addresses)
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/		

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }