/* CSS Document */


body {
	background: #333333;
}
#shell {
	position: absolute;
	top:0px;
	left:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: 16px;
	font-weight: 100;
	width: 100%;
	height: 600px;
	z-index: 10;
}
a:link {
	font-family: Georgia;
	color: 6F1200;
	text-decoration: underline;
}
a:visited {
	font-family:  Georgia;
	color: 6F1200;
	text-decoration: underline;
}
a:hover {
	font-family:  Georgia;
	color: 6F1200;
	text-decoration: underline;
}
a:active {
	font-family:  Georgia;
	color: 6F1200;
	text-decoration: underline;
}
h1{
	font-size:18px;
	font-style: italic;
	font-weight: 100;
}
#main {
	position:absolute;
	top: 0px;
	width: 200px;
	height: 100%;
	left: 200px;
	border-right-style: solid;
	border-right-width: thin;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #AA933D;
	color: 6F1200;
	padding-top: 70px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 12;
}
#cd1 {
	position:absolute;
	top: 0px;
	width: 185px;
	height: 100%;
	left: 200px;
	border-right-style: solid;
	border-right-width: thin;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #AA933D;
	color: 6F1200;
	padding-top: 250px;
	padding-left: 20px;
	padding-right: 5px;
	z-index: 12;
	background-image: url(../images/bg_cloud.jpg);
	background-repeat: no-repeat;
}
#pictures {
	position:absolute;
	top: 0px;
	width: 300px;
	height: 100%;
	left: 440px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 5px;
	z-index: 12;
	background-repeat: no-repeat;
}

#cd2 {
	position:absolute;
	top: 0px;
	width: 185px;
	height: 100%;
	left: 440px;
	border-right-style: solid;
	border-right-width: thin;
	border-left-style: solid;
	border-left-width: thin;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #AA933D;
	color: #000000;
	padding-top: 250px;
	padding-left: 20px;
	padding-right: 5px;
	z-index: 12;
	background-image: url(../images/bg_hula.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
#cd2 a {
	color:000000;
}
#cd2 a:link {
	color:000000;
}
#cd2 a:hover {
	color:000000;
}
#cd2 a:active {
	color:000000;
}
#cd2 a:visited {
	color:000000;
}
#video {
	position:absolute;
	top: 0px;
	width: 510px;
	left: 200px;
	background-color: #000000;
	color: #6F1200;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 14;
	height: 600px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	text-align: center;
}
#videonav a {
	color: #AA933D;
}
#videonav a:link {
	color: #AA933D;
}
#videonav a:hover {
	color: #AA933D;
}
#videonav a:active {
	color: #AA933D;
}
#videonav a:visited {
	color: #AA933D;
}
#videonav {
	position: relative;
	top: 20px;
	background-color: #000000;
	color: #AA933D;
	padding:2px;
}
#album {
	position:absolute;
	top: 70px;
	width: 400px;
	height: 100%;
	left: 200px;
	z-index:11;
}
#girl {
	position:absolute;
	top:0px;
	left:0px;
	background: #000000 url(../images/hulagirl.jpg) no-repeat right bottom;
	height: 460px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	width: 100%;
	height: 600px;
	z-index: 1;
}
#nogirl {
	position:absolute;
	top:0px;
	left:0px;
	background: #000000;
	height: 460px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	width: 100%;
	height: 600px;
	z-index: 1;
}
#movie {
	border-left: thin solid #B09642;
	border-right: thick solid #B09642;
	border-top: thin solid #B09642;
	border-bottom: thick solid #B09642;
	position: absolute;
	height: 480px;
	width: 720px;
	left: 140px;
	top:40px;
	z-index:2;
}