
body {
padding: 0px;
margin: 0px;
background-color: #003452;
}

A:link {color:#ff228a; text-decoration: none;} 
A:visited {color:#ff228a; text-decoration: none;}  
A:hover {color: #24ccea;text-decoration: none;}

.nav_font a:link {color: #a7ff29;}
.nav_font a:visited  {color: #a7ff29;}
.nav_font a:active  {color: #a7ff29;}
.nav_font a:hover  {color: #24ccea;}

#background_wrapper {
background-image: url(http://dystopianlabs.com/images/grad_repeat.jpg);
background-repeat: repeat-x;
background-color: #003452;
}

#nav_strip {
background-color: #064552;
height: 10px;
}

#nav_area {
background-image: url(http://dystopianlabs.com/images/nav_bg.jpg);
background-repeat: no-repeat;
height: 32px;
position: relative;
width: 667px;
border: 0px solid #FFFF00;
left: 50%;
margin-left: -333px; /* half the width of the div */
}

#nav_pos {
position: absolute; 
top: 5px; 
right: 10px;
}

.nav_font {
font-family: "arial";
font-size: 12px;
font-weight: bold;
color: #98f042;
}

img.nav_star {
position: relative;
top: 1px;
margin-right: 5px;
}

#header_img {
background-image: url(http://dystopianlabs.com/images/city_header.jpg);
background-repeat: no-repeat;
height: 372px;
position: relative;
width: 1008px;
border: 0px solid #FFFF00;
left: 50%;
margin-left: -504px; /* half the width of the div */
}

#section_header {
position: absolute; 
bottom: 15px; left: 78px;
font-family: "arial";
font-size: 17px;
color: #4a620f;
font-weight: bold;
}

img.section_star {
position: relative;
top: 3px;
margin-right: 8px;
}

#content_wrapper {
background-image: url(http://dystopianlabs.com/images/body_repeat.jpg);
background-repeat: repeat-y;
position: relative;
width: 932px;
border: 0px solid #FFFF00;
left: 50%;
margin-left: -466px; /* half the width of the div */
}

#content {
padding: 45px 0px 45px 90px;
}

#main_area {
width: 738px; 
background-color: #e6e6e6; 
padding: 13px; 
margin: 10px 0px 35px 0px; 
height: 280px; 
overflow:hidden;
}

.featured {
font-family: "arial";
font-size: 18px;
color: #938989;
font-weight: bold;
}

.content_area {
width: 738px; 
background-color: #e6e6e6; 
padding: 13px; 
margin-bottom: 35px; 
height: auto; 
overflow:hidden;
}

.description_area {
float: right;
display: block;
width: 470px;
}

.thumb {
width: 250px;
height: 150px;
float: left;
border: 0 solid #000000;
}

.title {
font-family: "arial";
font-size: 16px;
color: #4a4a4a;
font-weight: bold;
}

.description {
font-family: "arial";
font-size: 12px;
color: #777777;
line-height: 18px;
}

.description b {
color: #4a4a4a;
}

/* Start About and Contact */

.about_area {
width: 738px; 
background-color: #e6e6e6; 
margin-bottom: 35px;
height: auto; 
overflow:hidden;
border: 0 solid #ff0000;
}

#ouro_wrapper {
float: left; 
border: 0 solid #00ff00; 
padding: 10px 0px 0px 20px;
width: 150px;
}					
					
#link_wrapper {
padding-left: 28px; 
line-height: 10px;
}

.ouro {
width: 75px; 
height: 81px; 
margin: 32px 0px 6px 60px;
}

.email {
color: #4a4a4a;
font-family: "arial";
font-size: 13px;
letter-spacing: 1px;
font-weight: bold;
margin-left: 30px;
}

.about_links {
font-family: "arial";
font-size: 13px;
font-weight: bold;

}

img.about_star {
position: relative;
top: 3px;
margin-right: 13px;
}

.about_description_area {
float: right;
width: 460px;
margin: 40px 45px 40px 0px;
}

.about_font {
font-family: "arial";
font-size: 15px;
color: #777777;
line-height: 25px;
}

/* End About and Contact */



#return {
text-align: center;
color: #ff228a;
font-family: "arial";
font-size: 14px;
font-weight: bold;
margin-bottom: 6px;
}

#copyright {
text-align: center;
color: #4a4a4a;
font-family: "arial";
font-size: 11px;
font-weight: bold;
}

#content_bottom {
background-image: url(http://dystopianlabs.com/images/body_bottom.jpg);
background-repeat: no-repeat;
position: relative;
width: 932px;
height: 33px;
border: 0px solid #FFFF00;
left: 50%;
margin-left: -466px; /* half the width of the div */
}

#bottom_spacer {
height: 150px;
}




/* EASY SLIDER CODE */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:735px;
		height:230px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:725px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:0px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height: 28px;
		border:1px solid #bfbfbf;
		background:#bfbfbf;
		color:#ffffff;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#ffffff;
		color:#938989;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */