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

body {font-family: "Trebuchet MS", Skia, "Lucida Sans Unicode", sans-serif;
      font-size: 16px;
	  color:#aaaaaa;
	  background-color:#111111;
	  padding:0px;
	  margin:0px;
	  
	  }

h1 {

font-size: 24px;
color:#ffffff;
font-weight:normal;

}
h2,h3,h4,h5,h6{
color:#ffffff;
font-weight:normal;
}

h2,h3,h4,h5,h6,pre,ul,li{
padding:0px;
margin:0px;
}
img, a{
border:none;
outline:none;

}
pre{
font-size: 14px;
font-family: "Trebuchet MS", Skia, "Lucida Sans Unicode", sans-serif;
font-weight:bold;
}

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

}
a:hover{
color:#cc00cc;

}

p{
	text-align: justify;
}

#top_ad {
display: block;
text-align: center;
width: 100%;
}

#header{
	height:72px;
	background: url(../images/header_bg.jpg) repeat-x;
	line-height:72px;
	
	
	margin-bottom:0px;
	

}
#logo{
float:left;
margin-left:20px;
color:#ffffff;
margin-top:15px;
}
#navigation{
float:right;

}


#navigation li{
float:left;
list-style:none;

}
#navigation li a{


padding-left:10px;
padding-right:10px;

margin-right:10px;
line-height:100px;


}






/* Navigation colors*/
a.nav1:link, a.nav1:visited, a.nav2:link, a.nav2:visited, a.nav3:link, a.nav3:visited, a.nav4:link, a.nav4:visited, a.nav5:link, a.nav5:visited{

	color: #FFFFFF;
	text-decoration: none;

}
a.nav1:hover, #active_nav1{
color:#ff6600;

}

a.nav2:hover, #active_nav2{
color:#00cc00;

}

a.nav3:hover, #active_nav3{
color:#3377ff;

}

a.nav4:hover, #active_nav4{
color:#cc00cc;

}
a.nav5:hover, #active_nav5{
color:#ff3300;

}
/*text areas*/
#text_holder{
clear:both;
width:900px;

margin-left:auto;
margin-right:auto;
border-top: 1px solid #404040;



}
#left_column{
width:555px;
float:left;
margin-right:50px;
margin-top:20px;

}
#right_column{
width:270px;
float:left;
margin-top:20px;

}
#right_column p{
font-size:12px;
}
#footer{
width:900px;
clear:both;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
font-size:18px;
text-decoration:none;
}

.smalltext{font-size:12px;}
.article{
margin-bottom:10px;
padding-bottom:20px;
border-bottom:1px solid #404040;
}

/*color picker*/


#color_holder{
margin-top:60px;
width:900px;

margin-left:auto;
margin-right:auto;
margin-bottom:20px;


}



div#wheel {
width: 553px; height: 257px;}

#wheel_bg{
/*border:1px #cccccc solid;*/
padding:10px;
float:left;

 

}

#demo{
float:left;
margin-left:10px;

/*border:1px #cccccc solid;*/
padding:10px;
margin-bottom:10px;
width:285px;



}

.demo_form{
width:100px;

float:left;


}
input{
border:none;
background:#111111;
color:#FFFFFF;
font-family: "Trebuchet MS", Skia, "Lucida Sans Unicode", sans-serif;

}
#demoa, #demob, #democ{
width:185px;
float:left;



height:76px;

}
#demoa, #demob{
margin-bottom:15px;
}
/*div#demoa, div#demob, div#democ {

 
   padding-top: 15px; 
   font-size: 14px; font-family: serif;
   margin-bottom:5px;
   }*/ 


div#pickset {
float:left;
width:404px;
padding:10px;
/*border:1px #cccccc solid;*/


   font-size: 14px; }
div#picks {



}
div#picka, div#pickb, div#pickc, div#pickd, div#picke, div#pickf, div#pickg, div#pickh {
   float:left;width: 180px; height: 38px; padding: 10px;
   margin:1px;   
   }

div#notes {position:absolute; visibility:visible; top:650px;
    left:50px; padding-top: 30px; font-size: 12px; width: 270px;}

div#instructs {
     position:absolute; visibility:visible; top:80px;
     left:50px;  padding-bottom: 30px; width: 270px;}

div#showhide {
float:left;
     padding:10px;
/*border:1px #cccccc solid;*/
 width: 178px;
 color:#ffffff;
 font-size:12px;
 margin-left:10px;
 height:240px;
 }
div#fulllist {
float:left;
height:240px;

width:225px;
overflow:auto;
   padding:10px;
  
/*border:1px #cccccc solid;*/
margin-bottom:20px;
margin-left:10px;
line-height:14px;
	 
     
     font-size: 12px; color:#ffffff;} 

div#showhide span {text-decoration: underline;}


.btxt {color: #000000;}
.wtxt {color: #ffffff;}

#legal_ul
{
margin-left:25px;
}