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


body
{ 
  background-image: url(../img/bg.png); 
  background-color:#000000;
  color: #CCCCCC;
  font-family: century gothic, "Helvetica", sans-serif;
  font-size:.95em;
  background-repeat: repeat-x;
}


#constraint
{
  width:950px;
  background: url('../img/constraintbg.png') no-repeat;
  background-position: bottom center;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}


#banner1
{


  /*background: url('../img/banner01.png') no-repeat;
  background-position: left;
  height: 400px;
 margin-left:45px;*/
  width: 800px;
  text-align:left;
 margin-left:-10px;
  margin-top:-10px;

}

#banner2
{

  /*background: url('../img/banner02.png') no-repeat;
  background-position: left;
  width: 900px;
  height: 265px;*/
  text-align:left;
   margin-left:-10px;
  margin-top:-4px;
    margin-bottom:-4px;

}


#main
{
  width:800px;
  background: url('../img/mainbg.png') no-repeat;
  background-position: top right;
  background-color:#343434;
  margin-left: auto;
  margin-right: auto;
  float:left; 
  font-size:12px;
  padding-top:50px;
  margin-left:75px;
  padding-bottom:60px;
}

#links
{
background: url('../img/linkbg.png') no-repeat;
color:#FFFFFF;
width:780px;
height:20px;
padding: 5px 0px 5px 20px;
border-bottom-style:solid;
border-bottom-color: #ff00b1;
margin-left:75px;
margin-top:-5px;	
}



a.text
{
background-color:#000000;
padding:1px 2px 2px 2px;
}

a.top1:link
{
padding: 9px 20px 9px 20px;
background: url('../img/linkshadow02.png') no-repeat;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
}

a.top1:visted
{
padding: 9px 20px 9px 20px;
background: url('../img/linkshadow02.png') no-repeat;
color:#666666;
text-decoration:none;
font-size:11px;
}

a.top1:hover
{
padding: 9px 20px 9px 20px;
background: url('../img/linkshadow02.png') no-repeat;
color:#666666;
text-decoration:none;
font-size:11px;
}

a.top1:active
{
padding: 9px 20px 9px 20px;
background: url('../img/linkshadow02.png') no-repeat;
color:#666666;
text-decoration:none;
font-size:11px;
}


a.top
{
background: url('../img/linkshadow01.png') no-repeat;
background-position: left;
padding: 9px 20px 9px 20px;
text-decoration:none;
color:#666666;
font-size:11px;
}

a.top:visited
{
color:#666666;
text-decoration:none;
}

a.top:hover
{
color:#FFFFFF;
background: url('../img/linkshadow03.png') no-repeat;
text-decoration:none;

}

a.top:active
{
color:#FF00B1;
text-decoration:none;

}



.horizontaldiv
{
text-align:left;
float:left;
color:#CCCCCC;
padding: 0px 55px 20px 55px;
/*border-left:thin dotted #ff00b1;*/
}


h1{
color:#FFFFFF;
font-size: 23px;
font-family: century gothic, verdana, arial, tahoma;
background: url('../img/icon03.png') no-repeat;
padding: 5px 0px 5px 45px;
margin-left:-45px;
height:25px;
background-color:#000000;
width:180px;
}

h2{
color:#FFFFFF;
font-size: 23px;
font-family: century gothic, verdana, arial, tahoma;
background: url('../img/icon01.png') no-repeat;
padding: 5px 0px 5px 45px;
margin: 15px 0px 20px -45px;
height:25px;
background-color:#000000;
width:180px;
}

h3{
color:#FFFFFF;
font-size: 23px;
font-family: century gothic, verdana, arial, tahoma;
background: url('../img/icon02.png') no-repeat;
padding: 5px 0px 5px 45px;
margin: 15px 0px 20px -45px;
height:25px;
background-color:#000000;
width:180px;
}

h4{
color:#FFFFFF;
font-size: 23px;
font-family: century gothic, verdana, arial, tahoma;
background: url('../img/icon04.png') no-repeat;
padding: 5px 0px 5px 45px;
margin: 15px 0px 20px -45px;
height:25px;
background-color:#000000;
width:180px;
}


.black{
background-color:#000000;
padding:5px 20px 0px 0px;
}

 span.horizontaldiv
{
background-color:none;
}

.blue
{
color:#5c99ff;
font-variant:small-caps;
}

.green
{
color:#99ff5c;
font-variant:small-caps;
}

.yellow
{
color:#ffc000;
font-variant:small-caps;
}

.pink
{
color:#ff00b1;
font-variant:small-caps;
}

#bottom
{
background: url('../img/bottombg.jpg') no-repeat;
color:#FFFFFF;
width:780px;
height:25px;
padding: 5px 0px 0px 20px;
margin: -5px 0px -10px 75px;
clear: both;
/*border-top-style:solid;
border-top-color: #ff00b1;*/
}




.thumb
{
height:230px;
border:none;
margin: 0px 15px 15px 0px;
float:left;
}


a.border
{
border:none;
}

a.border:hover
{
border-top-style:solid;
border-top-color: #ff00b1;
}





/*

.verticaldiv
{
text-align:left;
float:left;
margin-left:1em;
margin-right:1em;
padding-right:1em;
padding-top:1em;
width:200px;
color:#CCCCCC;
border-right:1px dotted #999999;
}

.horizontaldiv
{
text-align:left;
float:left;
margin-left:1em;
margin-right:1em;
padding-right:1em;
padding-top:1em;
margin-top:1em;
color:#CCCCCC;
border-top: 1px dotted #999999;
background-color:#B5B5B5; 


body
{
background-color:#818181;
text-align:center; /* horizontal centering for IE Win quirks */
 		 /*margin-top:40px;
 		 background-image: url(imgs/layout.jpg); 
 		
 		font-family:Helvetica, arial, sans-serif;
		font-size:12px;
		color:#999999;
		text-align:center;
}

#links
{

background-color:#B5B5B5; 
width:120px;
position:absolute;
top:450px;
left:380px;
color:#545454;

padding:10px;
z-index:3;
}

.linksbox
{
background-color:#FBFBFB;
color:#080808;
}


#container
{
background-color:#0C0C0C;
width:500px;
position:absolute;
top:200px;
left:450px;
color:#F9F9F9;
z-index:1;
margin-left:80px;
padding-left:10px;
}


#banner
{
height:100px;
width:600px;
position:absolute;
left:450px;
top:100px;
background: #2B2B2B url('../images/mascot.gif') no-repeat fixed 0% 100%; 
padding-left:-10px;
 
}

/*