/* ========================================================================================================= */
/*  RESET CODE
/* ========================================================================================================= */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong {
	font-weight:bold;
}

/* ========================================================================================================= */
/*  MAIN SETTINGS
/* ========================================================================================================= */

body {
	background:#000 url('images/backgrounds/sky.jpg') no-repeat fixed center top;
	color: #111;
	font-weight:normal; 
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px; 
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
	height:100%;
	width:100%;
}			

a:link, a:visited {
	color:#ffffff;
	text-decoration:underline; 
}				

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

p {
	margin-bottom:10px;
}

li {
	margin:0px 0px 10px 0px;
	background-image: url('http://www.poogiebell.net/images/general/bullet.png');
	background-repeat: no-repeat;
	background-position: -0px 0px; 
	padding-left: 35px; 
	min-height:22px;
	margin-left:0px;
	line-height:15px;		
	}
	
ul {
	margin-bottom:15px;
}

/* ========================================================================================================= */
/*  FONTS
/* ========================================================================================================= */

/* ========================================================================================================= */
/*  HEADERS APPLIED TO <H> TAGS IN HTML
/* ========================================================================================================= */

/* ========================================================================================================= */
/*  CONTAINERS
/* ========================================================================================================= */

.outer-wrap {
	position:relative;
	width:100%;
	height:7800px;
	overflow:hidden;
	
}

.wrap-moon {
	width:881px;
	height:1017px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:0;
	background:url('images/backgrounds/moon.png') no-repeat center top;
}

.wrap-clouds {
	width:100%;
	height:1497px;
	background:url('images/backgrounds/clouds.png') no-repeat center top;
	z-index:-100;
	
}

.wrap-hills {
	width:100%;
	height:1119px;
	background:url('images/backgrounds/hills.png') no-repeat center top;
	z-index:-100;
}

.wrap-main {
	position:relative;
	width:100%;
	height:1867px;
	background:url('images/backgrounds/main.png') no-repeat center top;
	z-index:998;
	margin-top:-1390px;
}

.wrap-portfolio {
	position:relative;
	width:100%;
	height:732px;
	background:url('images/backgrounds/portfolio.png') no-repeat center top;
	z-index:998;
	margin-top:-0px;
}

.wrap-seabed {
	position:relative;
	width:100%;
	height:3400px;
	background:url('images/backgrounds/seabed.png') no-repeat center top;
	z-index:888;
	margin-bottom:-50px;
}

.wrap-footer {
	position:relative;
	width:100%;
	height:5000px;
	background:url('images/backgrounds/footer2.png') no-repeat center bottom;
	z-index:-100;
	margin:-1550px 0px 0px 0px;

}

.wrap-to-black {
	background:#000;
	position:absolute;
	width:100%;
	height:2000px;
	top:6600px;
}

.about-text {
	position:absolute;
	color:white;
	width:480px;
	height:180px;
	/*overflow:scroll;*/
	overflow:auto;
	overflow-x:hidden;
	top:3299px;
	left:50%;
	margin-left:-350px;
	margin-right:0px;
	z-index:9999;
	background:transparent;
}

.news {
	position:absolute;
	color:white;
	width:430px;
	height:170px;
	/*overflow:scroll;*/
	overflow:auto;
	overflow-x:hidden;
	top:6550px;
	left:50%;
	margin-left:-310px;
	margin-right:0px;
	z-index:9999;
	background:transparent;
}

.soundcloud {
	position:absolute;
	top:900px;
	left:50%;
	margin-left:-313px;	
	z-index:1000;
	width:425px;
	height:275px;
}

.youtube1 {
	position:absolute;
	top:4870px;
	left:50%;
	margin-left:-325px;	
	z-index:8000;
	width:125px;
	height:106px;	
}	

.youtube2 {
	position:absolute;
	top:4870px;
	left:50%;
	margin-left:-175px;	
	z-index:8000;
	width:125px;
	height:106px;
}	

.youtube3 {
	position:absolute;
	top:4870px;
	left:50%;
	margin-left:-25px;	
	z-index:8000;
	width:125px;
	height:106px;
}	




/* ========================================================================================================= */
/*  MENU
/* ========================================================================================================= */

.gallery-1 {
	position:absolute;
	top:115px;
	width:75px;
	height:30px;
	left:50%;
	margin-left:-215px;
	z-index:9999;
}


.portfolio-1 {
	position:absolute;
	top:115px;
	width:45px;
	height:30px;
	left:50%;
	margin-left:-120px;
	z-index:9999;
}

.video-1 {
	position:absolute;
	top:115px;
	width:55px;
	height:30px;
	left:50%;
	margin-left:-60px;
	z-index:9999;
}

.home-2 {
	position:absolute;
	top:1695px;
	width:60px;
	height:30px;
	left:50%;
	margin-left:-295px;
	z-index:9999;
	
}

.portfolio-2 {
	position:absolute;
	top:1695px;
	width:45px;
	height:30px;
	left:50%;
	margin-left:-120px;
	z-index:9999;
}

.video-2 {
	position:absolute;
	top:1695px;
	width:55px;
	height:30px;
	left:50%;
	margin-left:-60px;
	z-index:9999;
}

.home-3 {
	position:absolute;
	top:3225px;
	width:60px;
	height:30px;
	left:50%;
	margin-left:-295px;
	z-index:9999;
	
}

.gallery-3 {
	position:absolute;
	top:3225px;
	width:75px;
	height:30px;
	left:50%;
	margin-left:-215px;
	z-index:9999;
	
}

.video-3 {
	position:absolute;
	top:3225px;
	width:55px;
	height:30px;
	left:50%;
	margin-left:-60px;
	z-index:9999;
	
}

.home-4 {
	position:absolute;
	top:4830px;
	width:60px;
	height:30px;
	left:50%;
	margin-left:-295px;
	z-index:9999;
	
}

.portfolio-4 {
	position:absolute;
	top:4830px;
	width:45px;
	height:30px;
	left:50%;
	margin-left:-120px;
	z-index:9999;
	
}

.gallery-4 {
	position:absolute;
	top:4830px;
	width:75px;
	height:30px;
	left:50%;
	margin-left:-215px;
	z-index:9999;
	
}

.home-5 {
	position:absolute;
	top:6430px;
	width:60px;
	height:30px;
	left:50%;
	margin-left:-295px;
	z-index:9999;
	
}

.gallery-5 {
	position:absolute;
	top:6430px;
	width:75px;
	height:30px;
	left:50%;
	margin-left:-215px;
	z-index:9999;
	
}

.portfolio-5 {
	position:absolute;
	top:6430px;
	width:45px;
	height:30px;
	left:50%;
	margin-left:-120px;
	z-index:9999;
	
}

.video-5 {
	position:absolute;
	top:6430px;
	width:55px;
	height:25px;
	left:50%;
	margin-left:-60px;
	z-index:9999;
	
}

.graphics {
	position:absolute;
	top:3160px;
	width:90px;
	height:100px;
	left:50%;
	margin-left:-2500px;
	z-index:9999;
	
}

.illustrations {
	position:absolute;
	top:3175px;
	width:90px;
	height:100px;
	left:50%;
	margin-left:-2500px;
	z-index:9999;
	
}

.email {
	position:absolute;
	top:115px;
	width:50px;
	height:30px;
	left:50%;
	margin-left:20px;
	z-index:9999;
}

.email-2 {
	position:absolute;
	top:1695px;
	width:50px;
	height:30px;
	left:50%;
	margin-left:20px;
	z-index:9999;

}

.email-3 {
	position:absolute;
	top:3225px;
	width:50px;
	height:30px;
	left:50%;
	margin-left:20px;
	z-index:9999;

}

.email-4 {
	position:absolute;
	top:4830px;
	width:50px;
	height:30px;
	left:50%;
	margin-left:20px;
	z-index:9999;

}

.email-5 {
	position:absolute;
	top:6520px;
	width:175px;
	height:25px;
	left:50%;
	margin-left:100px;
	z-index:9999;

}

.top {
	position:absolute;
	top:7635px;
	width:200px;
	height:75px;
	left:50%;
	margin-left:-95px;
	z-index:9999;

}

.jamesgarner {
	position:absolute;
	top:7560px;
	width:175px;
	height:30px;
	left:50%;
	margin-left:-10px;
	z-index:9999;
	
}

.patches {
	position:absolute;
	top:7560px;
	width:185px;
	height:30px;
	left:50%;
	margin-left:185px;
	z-index:9999;
	
}

.chris {
	position:absolute;
	top:7560px;
	width:185px;
	height:30px;
	left:50%;
	margin-left:385px;
	z-index:9999;
	
}

.bobby {
	position:absolute;
	top:7590px;
	width:165px;
	height:30px;
	left:50%;
	margin-left:-345px;
	z-index:9999;
	
}

.facebookicon {
	position:absolute;
	top:180px;
	width:44px;
	height:39px;
	left:50%;
	margin-left:135px;
	z-index:9999;
	
}

.twittericon {
	position:absolute;
	top:237px;
	width:43px;
	height:38px;
	left:50%;
	margin-left:135px;
	z-index:9999;
	
}

.scloudicon {
	position:absolute;
	top:290px;
	width:42px;
	height:39px;
	left:50%;
	margin-left:135px;
	z-index:9999;
	
}

.mailicon {
	position:absolute;
	top:345px;
	width:44px;
	height:39px;
	left:50%;
	margin-left:135px;
	z-index:9999;
	
}

.drumcraft {
	position:absolute;
	top:3550px;
	width:70px;
	height:45px;
	left:50%;
	margin-left:-350px;
	z-index:9999;
	
}

.istanbul {
	position:absolute;
	top:3560px;
	width:90px;
	height:30px;
	left:50%;
	margin-left:-265px;
	z-index:9999;
	
}

.poobell12 {
	position:absolute;
	top:6770px;
	width:135px;
	height:30px;
	left:50%;
	margin-left:-180px;
	z-index:9999;
	
}



/* ========================================================================================================= */
/*  ANCHORS
/* ========================================================================================================= */

.anchor-gallery {
	position:absolute;
	top:1570px;
	width:10px;
	height:10px;
	left:0px;
}

.anchor-portfolio {
	position:absolute;
	top:3100px;
	width:10px;
	height:10px;
	left:0px;
}

.anchor-video {
	position:absolute;
	top:4700px;
	width:10px;
	height:10px;
	left:0px;
}

.anchor-credits {
	position:absolute;
	top:6300px;
	width:10px;
	height:10px;
	left:0px;
}


/* ========================================================================================================= */
/*  TEXT
/* ========================================================================================================= */

/* ========================================================================================================= */
/*  IMAGES
/* ========================================================================================================= */


img.video-thumb {
	width:125px;
	margin:0 0 20px 0;
	float:left;
	
	
}

/* ========================================================================================================= */
/*  FORM
/* ========================================================================================================= */

/* ========================================================================================================= */
/*  DATA & TABLES
/* ========================================================================================================= */

/* ========================================================================================================= */
/*  CLEARS & PADS
/* ========================================================================================================= */

.clear1 {
	width:100%;
	height:1px;
	clear:both;
}

.clear10 {
	width:100%;
	height:10px;
	clear:both;
}

.pad10 {
	width:100%;
	height:10px;
}


.clear20 {
	width:100%;
	height:20px;
	clear:both;
}

.pad20 {
	width:100%;
	height:20px;
}


.clear25 {
	width:100%;
	height:25px;
	clear:both;
}

.clear50 {
	width:100%;
	height:50px;
	clear:both;
}

.clear100 {
	width:100%;
	height:100px;
	clear:both;
}

.clear-ve-10000 {
	width:100%;
	clear:both;
}




/* ========================================================================================================= */
/*  IMAGE SCROLLER
/* ========================================================================================================= */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next, #prevBtn2, #nextBtn2, #slider2prev, #slider2next	{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}



#portfolio-content	{
	position:absolute;
	top:1770px;
	left:50%;
	margin-left:-278px;
	clear:both;
	z-index:999;
	width:368px;
	height:250px;
	display:block;
	
	}
	
#portfolio-content-2 {
	position:absolute;
	top:1770px;
	left:50%;
	margin-left:-278px;
	clear:both;
	z-index:999;
	width:368px;
	height:250px;
	display:block;
	}			

/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li	{
	margin:0;
	padding:0;
	list-style:none;
	}


#slider li, #slider2 li					{ 
	/* define width and height of list item (slide)	entire slider area will adjust according to the parameters provided here */ 
	width:368px;
	height:250px;
	overflow:hidden; 
	}	
	
	
	
#prevBtn, #nextBtn,
#prevBtn2, #nextBtn2,
#slider1next, #slider1prev, 
#slider2next, #slider2prev { 
	display:block;
	position:absolute;
	top:103px;
	z-index:1000;
	}	

	
#nextBtn, #slider1next, #slider2next { 
	left:400px;
	}	
	
#prevBtn, #slider1prev, #slider2prev { 
	left:-100px;
	}	


													
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a,	
#slider2next a, #slider2prev a
{  
	display:block;
	position:relative;
	width:60px;
	height:57px;
	
}	









/* ========================================================================================================= */