/* CSS Document */

body, html{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#84858A;
}

/*----------CLASSES-----------*/

.clearer{
clear:both;
height:0px;
overflow:hidden;
}

.date{
color:#A3A3A3;
}

.wide{
letter-spacing:3px;
}

.dropdown{
width:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.dropdown2{
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.upload{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:300px;
}

.textArea{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:140px;
height:80px;
}

.textArea2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:380px;
height:300px;
}

.embed{
font-family:"Courier New", Courier, monospace;
font-size:11px;
width:200px;
height:60px;
}

.download{
width:210px;
background-color:#333333;
color:#ffffff;
border:2px solid #bac925;
padding:5px;
margin-bottom:5px;
display:block;
position:relative;
margin-bottom:5px;
}

.downloadTitle{
color:#bad925;
font-weight:bold;
}

.image{
border:1px solid #cccccc;
width:100px;
height:100px;
margin-right:10px;
margin-bottom:10px;
float:left;
}

a.image:{
border:0px;
}

/*----------ID'S-----------*/

#container{
width:480px;
float:left;
padding:10px;
/*border:1px solid #F0F0F0;*/
}

#container a{
color:#5B5B5B;
}

#container a:hover{
text-decoration:none;
}

#nav{
margin-bottom:15px;
width:100%;
padding:0px;
text-align:center;
border-bottom:1px solid #cccccc;
float:left;
}

#nav a{
display:block;
background-color:#E2E2E2;
float:left;
margin-left:2px;
text-decoration:none;
padding:1px 5px 3px 5px;
border-top:2px solid #ffffff;
}

#nav a:hover{
background-color:#E2E2E2;
border-top:2px solid #666666 !important;
}

.current{
border-top:2px solid #E2E2E2 !important;
padding:1px 5px 3px 5px !important;
background-color:#F3F3F3 !important;
}

.spacer{
height:10px;
float:left;
width:100%;
overflow:hidden;
}

#video{
width:440px;
height:329px;
padding-top:50px;
padding-left:40px;
float:left;
background-image:url(../img/player.jpg);
background-repeat:no-repeat;
}

#pearlName{
	position:absolute;
	left: 77px;
	top: 121px;
}

#pearlName h1{
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
color:#bad925;
}

#written-top{
background-image:url(../img/written-top.jpg);
background-repeat:no-repeat;
width:480px;
height:144px;
float:left;
position:relative;
}

#written-bg{
background-image:url(../img/written-bg.jpg);
background-repeat:repeat-y;
width:444px;
float:left;
color:#ffffff;
padding:10px 18px 16px 18px;
font-size:12px;
}

#written-bottom{
background-image:url(../img/written-bottom.jpg);
background-repeat:no-repeat;
width:480px;
height:101px;
float:left;
}

#description{
float:left;
width:470px;
margin-top:10px;
padding-left:10px;
}

#description h1{
font-weight:bold;
font-size:12px;
display:inline;
}

#categories{
width:480px;
float:left;
background-image:url(../img/list-bg.jpg);
background-repeat:repeat-y;
text-align:center;
}

#categories ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#categories ul li{
background-image:url(../img/small-arrow.gif);
background-repeat:no-repeat;
background-position:0px 1px;
padding-left:7px;
}

#mp{
width:155px;
float:left;
padding-right:5px;
}

#vip{
width:150px;
float:left;
padding-right:5px;
padding-left:5px;
}

#other{
width:155px;
float:left;
padding-left:5px;
}

.banner{
border:1px solid #cccccc;
padding:2px;
margin-top:5px;
}

.linktousfield{
width:400px;
height:50px;
margin-top:5px;
padding:4px;
font-size:11px;
margin-bottom:40px;
display:block;
}

.hideSection{
display:none;
}

.displaySection{
display:block;
}