@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
line-height: 1.5em;
background: #0a4936;
background-image:url(img/greenbg.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}


#maincontainer{
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #0a4936;
background-image:url(img/woodbg.jpg);
width: 100%;
height:273px;
margin: 0 auto;
}


/*---------TOP NAVIGATION----------*/


#hlist ul {
margin: 160px 0px 0px -200px;
list-style-type: none;
border-style:none;
float:right;
width:500px;
padding:0;
position:relative;

}

#hlist ul li { 
display: inline; 
}

/*----------------------------------------HEADER------------------------------------------------*/

#header { 
height:270px;
width: 900px;
padding: 0 0 0 0;
margin: 0 auto;
}

#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
padding: 12px 0 0px 10px;
color:white;
}

#header h1 a {
color: white;
text-decoration: none;
}

#header h1 a:hover {
color: #57626a;
text-decoration: none;
}

#header h2 {
color: #eee;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;

/*line-height: 12px;*/
}

/*---------------------------------------END HEADER---------------------------------------------*/

#contentwrapper{
float: left;
width: 100%;
}

#holder{
	width: 900px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
}

/*---------------------------------------Center Column---------------------------------------------*/

#contentcolumn {
margin: 0 250px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
line-height: 1.5em;
text-align:justify;
}

#contentcolumn a {
	color:#FFFF66;
	text-decoration:underline;
}

#contentcolumn a:hover {
	color:red;
	text-decoration:underline;
}

#contentcolumn ul {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;

}


/*---------------------------------------LEFT Column---------------------------------------------*/
#leftcolumn{
float: left;
width: 250px; /*Width of left column in pixel*/
margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/

}


/*---------------------------------------RIGHT Column---------------------------------------------*/
#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
}

#john{
position:relative;
z-index:3;
}

#catch{
position:relative;
top: -15px;
left: 13px;
z-index:2;
}

#inout{
position:relative;
top: -45px;
z-index:1;
}

#film{
position:relative;
z-index:2;
}

#dogs{
position:relative;
top: -15px;
z-index:1;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
font-size: 12px;
padding-top:40px;
}

#footer a{
color:#FFFF66;
	text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;

}

#footer a:hover{
color: red;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*---------------------------------------BIO LEFT Column---------------------------------------------*/
#bioleftcolumn{
float: left;
width: 400px; /*Width of left column in pixel*/
margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}

#biorightcolumn ul {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
}


/*---------------------------------------BIO RIGHT Column---------------------------------------------*/
#biorightcolumn{
float: left;
width: 475px;
margin-left: 0px;
font-size:14px;
text-align:justify;
}

.rightinnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
margin-left: 20px;
}

#biorightcolumn h2{
	font-size:20px;
	font-weight:bold;
}


#biorightcolumn a {
	color:#FFFF66;
	text-decoration:underline;
}

#biorightcolumn a:hover {
	color:red;
	text-decoration:underline;
}

#biorightcolumn ul {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;

}