@import url(reset.css);

/* =globals
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	background:url('../images/bg/body.gif') top center no-repeat #ebcb7b;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	}

a { outline:none;}


h1, h2, h3, p {
	padding: 10px;
	}	
	
ul {
	padding: 10px 10px 10px 25px;
	}
	
iframe {
	overflow: hidden;
	border: 1px solid #efefef;
	width: 463px;
	height: 260px;
	}



/* =containers 
--------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 770px;
	}
	
#container {
	margin-top: 145px;
	margin-left: 125px;
	width: 620px;
	background: url('../images/bg/canvas.gif') repeat-y 0 0;
	}
	
/* =masthead
-------------------------------------------*/	

#logo {
	position: relative;
	z-index: 1000;
	left: 60px;
	top: 50px;
	margin-bottom: -260px;
	height: 200px;                /*-----EDIT THIS IF LOGO SIZE CHANGES-------*/
	width: 145px;                 /*-----EDIT THIS IF LOGO SIZE CHANGES-------*/
	background: url('../images/logos/endless_logo.png') no-repeat;
	}
	
#logo h1, #logotype h2, #logotype p {
	display: none;
	}
	
	
#logotype {
	position: relative;
	top: 120px;
	left: 200px;
	z-index: 1000;
	height: 65px;
	width: 245px;
	background: url('../images/logos/endless_logotype.png') no-repeat;
	}
	
	
/* =navigation
--------------------------------------------*/
#sidenav {
	position: relative;     /* auto float to positon in docflow */
	margin-bottom: -75px;   /* force top position  */
	margin-left: -11px;     /* force left position */
	height: 90px;
	width: 67px;
	top: 196px;
	left: 678px;
	background: url('../images/bg/side_nav.gif') no-repeat;
	}
	
	
	#sidenav a {
		color: #fff;
		text-decoration: none;
		}
		
	#sidenav ul {
		margin-left: -15px;
		list-style: none;
		}
		
	#sidenav ul li {
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #fff;
		line-height: 20px;
		}

#nav {
	position: relative;
	top: -35px;
	height: 35px;
	background: url('../images/bg/header_nav.gif') no-repeat;
	}
	
	
	#nav a {
		color: #fff;
		text-decoration: none;
		}
	
	#nav ul {
		padding-top: 4px;
		padding-left: 40px;
		list-style: none;
		}
	
	#nav ul li {
		float: left;
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #fff;
		}
		
	#nav ul li.item1 {
		padding-left: 82px;
		}
		
	#nav ul li.item2 {
		padding-left: 20px;
		}
		
	#nav ul li.item3 {
		padding-left: 22px;
		}
		
	#nav ul li.item4 {
		padding-left: 23px;
		}
		
	#nav ul li.item5 {
		padding-left: 25px;
		}
		
/* =content 
--------------------------------------------*/


	
#flash {
	margin-top: -35px;
	margin-left: 13px;
	width: 515px;
	height: 318px;
	background: url('../images/bg/flash.jpg') no-repeat;
	}
	
#flashcontent {
	position: relative;
	top: 28px;
	margin-left: 26px;
	width: 463px;
	height: 260px;
	}

#content {
	position: relative;  /* ie6 needs this positioned instead of using margins */
	z-index: 1;
	left: 13px;
	float: left;
	clear: both;
	width: 515px;	
	}
	
#main {
	margin-top: 13px;
	margin-bottom: 13px;
	width: 515px;
	float: left;
	background: #976b3c url('../images/bg/main_top.gif') no-repeat top;
	}
	
	#main a {
		color: #fff;
		font-style: italic;
		font-weight: bold;		
		text-decoration: underline;
		}
	
	#main p {
		display: block;
		}
		
	#main h1 {
		font-size: 	18px;
		}
		
	#main h2 {
		font-size: 	14px;
		font-weight: bold;
		font-style: italic;
		}
		
	#main h5 {
		font-size: 	10px;
		font-style: italic;
		color: #CCCCCC;
		}
		
	#main h6 {
		background: url('../images/bg/main_bottom.jpg') no-repeat bottom;
		display: block;
		float: left;
		clear: both;
		}
				
#main2 {
	margin-top: 13px;
	margin-bottom: 13px;
	width: 515px;
	float: left;
	background: #f5e3f9 url('../images/bg/main2_top.gif') no-repeat top;
	}
	
	#main2 a {
		color: #333;
		font-style: italic;
		font-weight: bold;		
		text-decoration: underline;
		}
	
	#main2 p {
		display: block;
		color: #333;
		background: url('../images/bg/main2_bottom.gif') no-repeat bottom;
		}
		
	#main2 h1 {
	font-size: 	18px;
	color: #333;
		}
		
	#main.noflash {
		margin-top: -25px;
		}
	
	#main.noflash .photo{
	float: left;
	padding-top: 5px;
	padding-right: 5px;
		}

.vlog {
	clear: both;
	margin: 10px 0 30px 10px;
	}
	
	
.vlogphotos {
	float: left;
	background: url(../images/bg_photos.png) no-repeat;
	padding: 15px 25px 20px 16px;
	}
		
.flashcenter {
	margin-left: 25px;
	}	
	
#rightcol_main {    /*contact page sticky*/
	float: right;
	margin-top: 20px;
	height: 235px;
	width: 266px;
	background: url('../images/bg/contact_info.jpg') no-repeat;	
	}	
	
	#rightcol_main a { color: #b07e1b; 
		}
	
	#rightcol_main p {
		padding-top: 35px;
		padding-left: 38px;
		width: 216px;
		height: 195px;
		color: #333;
		}


#sub {
	float: left;
	clear: both;
	width: 515px;
	color: #333;
	}

#leftcol {
	float: left;
	width: 285px;
	background: #f5e3f9 url('../images/bg/leftcol_top.gif') no-repeat top;
	}
	
	#leftcol p {
		font: normal .8em "Century Gothic", Arial, Helvetica, sans-serif;
		}	
		
	#leftcol p.furtherinfo {		
		font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;
		float: right;
		}
		
	#leftcol p, #leftcol ul {
		font: italic 12px "Century Gothic", Arial, Helvetica, sans-serif;
		}	
		
	#leftcol #floatlink {
		background: url('../images/bg/leftcol_bottom.gif') no-repeat bottom;
		}	
		
	#leftcol #floatlink a {
		display: block;     /*span parent*/
		margin-left: 120px;  /*fake float*/
		height: 30px;       /*fake padding*/		
		font: italic 12px "Century Gothic", Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-indent: 20px;
		color: #b1781b;
		background: url('../images/misc/arrow.gif') no-repeat 0 4px;
		}

#rightcol {
	margin-left: 13px;
	float: left;
	width: 215px;
	background: #f5e3f9 url('../images/bg/rightcol_top.gif') no-repeat top;
	}
	
	#rightcol cite {
		display: block;     /*span parent*/
		padding-bottom: 15px;	
		padding-right: 15px;
		font: italic 12px "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: right;
		text-indent: 20px;
		color: #b1781b;
		background: url('../images/bg/rightcol_bottom.gif') no-repeat bottom;
		}

	#rightcol p {
		display: block;
		font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif;		
		}	
		
		
#contact #rightcol {
	margin-left: 13px;
	float: left;
	width: 215px;
	background: #f5e3f9 url('../images/bg/rightcol_top_reg.gif') no-repeat top;
	}
	
#contact #rightcol cite {
		display: block;     /*span parent*/
		padding-bottom: 15px;	
		padding-right: 15px;
		font: italic 12px "Century Gothic", Arial, Helvetica, sans-serif;
		text-align: right;
		text-indent: 20px;
		color: #b1781b;
		background: url('../images/bg/rightcol_bottom_reg.gif') no-repeat bottom;
		}
		
#clearfix {
	clear: both;
	}
	
/* =footer 
--------------------------------------------*/
#footer {
	margin-bottom: 25px;
	margin-left: 125px;
	height: 60px;	
	width: 620px;
	background: url('../images/bg/footer.gif') no-repeat;
	}
	
	#footer a {
		color: #fff;
		}
	
	#footer p {
		padding-top: 22px;
		padding-left: 25px;
		font-size: 12px;
		font-style: italic;
		}
		
	#footer p.credits {  /*this won't float so using positioning instead*/
		position: relative;
		left: -90px;
		top: -46px;
		text-align: right;
		}

/* =form
--------------------------------------------*/
input, textarea {
	width: 200px;
	}
	
.btn {
	width: 60px;
	}