@charset "utf-8";
/******
Kaela Roy
pirateStyles.css
CSS stylings for my single page pirate design :)
******/
*{
	margin: 0;
	padding: 0;
	font-family: arial;
}

body{
	background-color: #1B1445;
}

#wrapper{
	margin: 0;
	padding: 0;
	height: 3255px;
	width: 100%;
	background: url(../images/bgFull.png) repeat-x;
	background-position: -115px;
}

#nav{
	position:fixed;
	top: 0;
	left: 30%;
	width: 507px;
}

#nav2{
	background:url(../images/nav.png) no-repeat bottom;
	width: 507px;
	padding: 15px 0 30px 0;
}

#nav2 li{
	display: inline;
	padding: 0 36px;
	text-align: center;
	font-weight: bold;
}

#tab_img{
	position: relative;
	top: -30px;
	left: 165px;
}

.contactLink, .homeLink{
	color:#000066;
	text-decoration: none;
}

.bioLink, .galleryLink{
	color:#0099FF;
	text-decoration: none;
}

#conhome{
	height: 1524px;
	width: 100%;
	background-image: url(../images/BG1.png);
	background-repeat:no-repeat;
}

#wave{
	height: 201px;
	width: 100%;
	background-image: url(../images/wave.png);
	background-repeat:repeat-x;
	position:absolute;
	top: 1417px;
}

#biogal{
	height: 1600px;
	width: 100%;
	background: url(../images/BG2.png) no-repeat;
	position: absolute;
	top: 1655px;
	background-position: right bottom;
}

/*************** CONTACT ***************/

#contact{
	color: #FFF;
	position: relative;
	padding-top: 125px;
	left: 155px;
	width: 400px;
}

#contact h2{
	margin: 5px 10px;
}

#contact h3{
	margin: 70px;
}

#contact h4{
	margin: 35px 100px;
}

/*************** HOME ***************/

#home{
	position: absolute;
	top: 800px;
	width: 960px;
}

#home h1{
	color: #036;
	position: inherit;
	left: 660px;
	top: 90px;
}

#homeText{
	background: url(../images/bubble1.png) no-repeat;
	color: #036;
	font-size:18px;
	padding:10px;
	position:inherit;
	width: 400px;
	top: 175px;
	left: 570px;
	text-align:center;
}

#home em{
	font-weight: bold;
}

#pointer{
	background: url(../images/bubble2.png) no-repeat;
	position:inherit;
	left:420px;
	top:200px;
	height: 72px;
	width: 60%;
}

/************** BIO ***************/
#bio{
	width:50%;
	position:relative;
	left: 90px;
	color: #FFF;
	padding-top:90px;
}

#bio dl{
	font-size: 13pt;
}

#bio dt{
	margin-bottom: 5px;
}
#bio dd{
	margin-bottom:15px;
}
#bio span{
	font-size: 18pt;
	font-weight: bold;
}
#bio p{
	text-indent: 30px;
}
#bio h2{
	font-size: 12pt;
	font-weight: normal;
}

/************** GALLERY ***************/
#gallery{
	position: absolute;
	bottom: 0;
	height: 600px;
	width: 100%;
}

#pageList{
	position: inherit;
	right: 110px;
	bottom: 70px;
	text-align:right;
	color: #036;
}

#pageList li{
	list-style-type:none;
	padding: 2px 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
}

ul.gallery{
	position:absolute;
	bottom: 65px;
	right:200px;
	width:475px;
	height:60px;
/*	overflow:hidden;
*/}

ul.gallery li{
	margin-right:30px;
	display:inline-block;
	width:68px;
	height:50px;
	margin: 5px;
	cursor:pointer;
/*	position: relative;
*/}

.galleria_container{
	margin-top:75px
}

.galleria_container span{
	position:absolute;
	top:100px;
	margin-left:220px;
	margin-right:10px;
}

.gallery img{margin:0; border:none;}