body {
	background-image:url('/guy/images/bg.png');	
	background-color:#191919;	
	margin: 0 auto
	}

#contain{
	width:770px;	
	margin: 0 auto;
	text-align:left;	
}

#logo{
	width:270px;
	height:190px;
	float:left;
	margin-top:10px;
}

#nav {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;    
    height:31px;
    margin-top:90px;
    margin-left:40px;    
    float:left;
}

#nav li {
    list-style:none;
    display:inline;
    text-align:left;    
}

#nav a {
    width:90px;
    color:#666666;
    text-decoration:none;    
    float:left;
    height:31px;     
}

#nav a:hover {     
    background:url('/guy/images/navbg.png') no-repeat;
    color:#FFFFFF;
    height:31px;
    width:90px    
}

#nav a:active {    
    background:url('/guy/images/navbg.png') no-repeat;
    color:#FFFFFF;
    height:31px;
    width:90px
}


#welcome{
	width:770px;
	height:180px;
	float:left;
}

#featured{
	width:770px;
	height:300px;
	background-image:url('/guy/images/featured.png');
	background-repeat: no-repeat;
	float: left
}

.stepcarousel{
position: relative; /*leave this value alone*/
margin:5px;
overflow: scroll; /*leave this value alone*/
width: 760px; /*Width of Carousel Viewer itself*/
height: 290px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 760px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#featured_details{
	width:770px;
	height:65px;
	margin-top:10px;
	margin-bottom:50px;
	float:left;
}

.bottom_page{
	width:250px;
	height:250px;	
	float: left;	
	margin:3px;		
}

.bottom_page p{
	font-family: Arial;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;		
	background-color:#1A1A1A;
	display:block;
	width:180px;
	padding:10px;
	margin:1px;
}

.bottom_page a{
	font-family: Arial;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;		
	background-color:#1A1A1A;
	display:block;
	width:180px;
	height:10px;
	margin:1px;
}

.bottom_page a:hover{
	font-family: Arial;
	font-size:11px;
	color:#0099FF;
	text-decoration:none;	
	background-color:#1A1A1A;
	display:block;
	width:180px;
	height:10px;
	margin:1px;

}

.spacer{
	width:770px;
	height:65px;
	float: left;
}

#left{
	width:180px;
	height:600px;
	float:left;
}

#right{
	width:590px;
	float:left;
}

#right h1{
	font-family: Arial;
	font-size:13px;
	color:#0099FF;
	text-decoration:none;
	margin-top:10px;
	margin-bottom: -15px;	
	background-color:#FFFFFF;
	padding:10px;
	width:45%;
}

#right p{
	font-family: Arial;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	text-indent:6px;
	line-height:150%;
	background-color:#FFFFFF;
	padding:10px;			
}

#left p{
	font-family: Arial;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	text-indent:6px;
	line-height:150%;				
}

#left a{
	text-decoration:none;
}

#totop{
	width:590px;
	float:right;
	text-align:right;
}

#totop a{
	font-family: Arial;
	font-size:11px;
	color:#0099FF;
	text-decoration:none;
	margin-top:10px;			
}