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

/** Master page styles **/

body {
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 11px;
color:#ccc;
background-color:#000;
}
#container{
	position:relative;
	width:1166px;
	margin-left:auto;
	margin-right:auto;
	}	
#logocontainer{
	position:relative;
	top:21px;
	margin-left:auto;
	margin-right:auto;
	width:212px;
	height:165px;
	}
#menucontainer{
	position:absolute;
	top:55px;
	left:620px;
	width:300px;
	}
#navcontainerleft{
	position:absolute;
	top:114px;
	left:168px;
	width:300px;
	height:30px;
	}
#navcontainerright{
	position:absolute;
	top:114px;
	left:692px;
	width:300px;
	height:30px;
	}
#contenttop {
	position:relative;
	top:0px;
	width:1166px;
  	height:197px;
	background-image:url(../images/mainbg_01.jpg);
}
#contentbot {
	position:relative;
	float:left;
	top:0px;
	width:1166px;
  	height:550px;
	background-image:url(../images/mainbg_02.jpg);
}
#content1right {
	float: right;
	position:relative;
	top:0px;
	width:288x;
  	height:505px;
}
#topnav {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:8px;
	width : 922px;
	height : 28px;
	}
#bottomnav {
	position:absolute;
	top:685px;
	width: 1166px;
	height: 28px;
	text-align:center;
	color:#834900;
	}
#footer {
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	top:710px;
	width : 922px;
	height : 18px;
	text-align:center;
	color:#648e8f;
	}
p.copyright {
	text-align:center;
	color:#575757;
	}

/** Home page styles **/

#homecontainer{
	position:absolute;
	top:199px;
	left:171px;
	width:835px;
	height:473px;
	
	}
#experience{
	position:absolute;
	top:110px;
	left:20px;
	width:600px;
	}
#hometext{
	position:absolute;
	top:180px;
	left:22px;
	width:280px;
	height:73px;
	font-size:12px;
	}
#homevideo{
	position:absolute;
	top:180px;
	left: 320px;
	width:500px;
	height:280px;
}

/** About page styles **/

#aboutcontainer{
	position:absolute;
	top:199px;
	left:171px;
	width:835px;
	height:473px;
	}
#about{
	position:absolute;
	top:110px;
	left:20px;
	width:365px;
	height:27px;
	}
#abouttext{
	position:absolute;
	top:150px;
	left:22px;
	width:365px;
	height:73px;
	}
#abouttext p{
	padding-top:20px;
	}
	
/** Listen page styles **/

#listencontainer{
	position:absolute;
	top:199px;
	left:171px;
	width:835px;
	height:473px;
	}
#player{
	position:absolute;
	top:125px;
	left:20px;
	width:365px;
	height:300px;
	}
#listen{
	position:absolute;
	top:60px;
	left:20px;
	width:365px;
	height:27px;
	}
#listentext{
	position:absolute;
	top:125px;
	left:320px;
	width:365px;
	height:73px;
	font-size:10px;
	}

/** Gallery page styles **/

#gallerycontainer{
	position:absolute;
	top:199px;
	left:171px;
	width:835px;
	height:473px;
	}
#gallery{
	position:absolute;
	top:70px;
	left:20px;
	width:365px;
	height:27px;
	}
#gallerytext{
	position:absolute;
	top:130px;
	left:20px;
	width:790px;
	height:290px;
	}
#gallerytext p{
	padding-top:20px;
	}
	
/** Contact page styles **/

#contactcontainer{
	position:absolute;
	top:199px;
	left:171px;
	width:835px;
	height:473px;
	background-image:url(../images/home/homebg.jpg);
	background-position:bottom;
	}
#contact{
	position:absolute;
	top:170px;
	left:20px;
	width:365px;
	height:27px;
	}
#contacttext{
	position:absolute;
	top:210px;
	left:22px;
	width:365px;
	height:73px;
	}
#contacttext p{
	padding-top:20px;
	}
	
/** Placeholder Page	**/

#logocontainer2{
	position:relative;
	top:100px;
	margin-left:auto;
	margin-right:auto;
	width:212px;
	height:165px;
	text-align:center;
	color:#999;
	}

/** Headers **/
h1{
	font-size:24px;
	color:#999;
}

/** Site links **/

a:link {color: #834900; text-decoration: none}
a:visited {color: #834900; text-decoration: none}
a:hover {color: #834900; text-decoration: underline}
a:active {color: #834900}

.class1 a:link {color: #3b8283; text-decoration: none}
.class1 a:visited {color: #3b8283; text-decoration: none}
.class1 a:active {color: #3b8283; text-decoration: underline}
.class1 a:hover {color: #80aaab; text-decoration: underline}

.class2 a:link {color: #fff; text-decoration: none}
.class2 a:visited {color: #fff; text-decoration: none}
.class2 a:active {color: #ff; text-decoration: underline}
.class2 a:hover {color: #66bbaa; text-decoration: underline}