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


html,body{
	height:100%;
}
body{
	background-color:#FFF;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}
/*Standards*/
.box{
	padding:8px;
	display:inline-block;
	min-width:100px;
	background:url(../images/dec.gif) no-repeat bottom left #bababa;
	margin-bottom:20px;
	margin-right:20px;
}
.hover{
	height:160px;
	width:230px;
	overflow:hidden;
}
.hover img{
	margin-top:-160px;
}
.box:hover .hover img{
	margin-top:0;
}
.box h3{
	margin:0;
	padding:6px 0 0 0;
	font-size:1.125em;
	font-weight:100;
}
.box h3 a{
	color:#000;
}
.img{
	padding:8px;
	float:right;
	min-width:100px;
	background:url(../images/dec.gif) no-repeat bottom left #bababa;
	margin:0 20px 4px 20px;
}
h1{
	display:block;
	background:url(../images/dec2.gif) no-repeat bottom left #d9d9d9;
	text-transform:uppercase;
	color:#000;
	font-size:1.125em;
	font-weight:100;
	padding:4px 0 4px 10px;
	clear:both;
}

p{
	padding:0 20px;
	text-indent:20px;
	margin:10px 0;
}
a{
	color:#004eff;
	text-decoration:none;
}
a:hover{
	color:#ff3333;
}
a img{
	border:0;
	text-decoration:none;
}
ul{
	padding-left:50px;
	margin:2px 0;
}
li{
	padding:0 0 12px 0;
}
.little{
	font-size:.8em;
	color:#333;
	font-weight:normal;
}
.little img{
	vertical-align:top;
}
/*Sliders*/
ol#controls{
		margin:6px 0 0 0;
		padding:0;
		height:27px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:27px;
		}
	ol#controls li a{
		float:left;
		border:1px solid #EEE;
		background:#909090;
		color:#222;
		padding:2px 7px;
		text-decoration:none;
		}
	ol#controls li.current a,
	ol#controls li.current a:hover{
		background:#222;
		color:#FFF;
		border-color:#F60;
		}
	ol#controls li a:hover{
		background-color:#7e7e7e;
	}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/*Customs*/
#back{
	width:100%;
	height:800px;
	background:url(../images/transrep.png) repeat-x top;
	text-align:center;
	position:fixed;
	top:0;
	z-index:-10;
}
#back img{
	margin-top:151px;
}
#bar{
	width:100%;
	height:360px;
	margin:auto auto;
	position:fixed;
	top:151px;
	z-index:-20;
}
#annoying{
	width:100%;
	height:800px;
	text-align:center;
	position:fixed;
	top:0;
	z-index:-10;
}
#shadow{
	width:842px;
	height:800px;
	margin:0 auto;
	background:url(../images/border.png) repeat-x top #FFF;
	z-index:-5;
}
#wrapper{
	width:800px;
	margin:0 auto;
	background-color:#FFF;
	padding:0 20px 20px 20px;
	min-height:800px;
}
#container{
   min-height:100%;
   position:relative;
}
#header{
	width:800px;
	height:120px;
	text-align:center;
	font-size:1px;
	color:#FFF;
}
#clear{
	width:700px;
	height:14px;
	display:block;
	margin:0 auto;
	clear:both;
}
#content{
	width:800px;
	min-height:400px;
	margin:6px 0 20px 0;
}
.brent{
	display:block;
	width:404px;
	height:71px;
	margin:0 auto;
	background:url(../images/brent.jpg) center center;
	cursor:pointer;
}
.custom{
	display:block;
	width:310px;
	height:34px;
	margin:0 auto;
	background:url(../images/custom.jpg) center center;
}
#header hr{
	width:320px;
	height:1px;
	margin:0 auto;
}	
#footer{
	width:100%;
	height:20px;
	padding:5px 0;
	background-color:#111;
	border-top:2px solid #00aeff;
	text-align:center;
	color:#FFF;
	position:absolute;
	bottom:0;
}
.box ul{
	 width:784px;
	 height:260px;
	 padding:0;
	 margin:0;
	 list-style-type:none;
	 list-style:none;
 }
.box li{
	 margin:0;
	 padding:0;
 }