/* CSS Document */

html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/* overflow:hidden; */
	font-family:Helvetica, Arial, sans-serif;
	color:#58585a;
	font-size:12px;
	
}
body{
	background-image:url(../media/bg_right_stripes.gif);
	background-repeat:repeat-x;
	
	}
p{
	margin: 5px;
	line-height:16px;
}

h1{
	margin: 5px;
	font-size:16px;
}

a:link {
	color: #ffffff;
	
	font-weight: none;
	cursor:pointer;
}

.tmb{
	position:relative;
	float:left;
	width:123px;
	height:96px;
	overflow:hidden;

}

img{
	border:0;

}
.masque{
	position:absolute;
	background-color:transparant;
	width:123px;
	height:96px;
	margin: 0px;
	display:none;
	bottom:0;
	font-family:Helvetica, Arial, sans-serif;
	color:#58585a;
	font-size:12px;
	overflow:hidden;
}

.masque_over{
	position:absolute;
	display:block;
	width:123px;
	height:100px;
	bottom:0;
}
		


#bg_nav{
	position:absolute;
	z-index: 100;
	top:50px;
	left:50px;
	width:242px;
	display: inline;
}

#bg_right{
	position:absolute;
	z-index: 100;
	top:0;
	left:695px;
	height:435px;
	background-image:url(../media/bg_scroll.gif);
	background-repeat:repeat-x;
	width: 105px;
}

#content_white{
	position:absolute;
	z-index: 0;
	top:0;
	left:0px;
	width:800px;
	height:435px;
	background-color:#FFF;
	
}

#main_nav_bg{
	position:absolute;
	z-index:100;
	width:243px;
	top:33px;
	left:50px;
	text-align:center;
	height: 11px;
	background-image:url(../media/bg_scroll.gif);
}

#main_left_bg{
	position:absolute;
	z-index:99;
	width:243px;
	top:0;
	left:50px;
	text-align:center;
	height: 100%;
	background-image:url(../media/bg_scroll.gif);
	}

#main_nav{
	position:absolute;
	z-index:200;
	width:243px;
	top:28px;
	left:51px;
	text-align:center;
	height: 14px;
}

#main_nav ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#main_nav ul li{
padding: 3px 0 3px 0;
width: 81px;
float:left;

}


#main_nav a:link {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  background:#ffffff;
padding:0 3px 0 3px;
  
  }

#main_nav a:visited {
  color: #666666;
  text-decoration: none;
  font-weight: bold;
   background:#ffffff;
  padding:0 3px 0 3px;

  }

#main_nav a:hover {
  color: #e9ad30;
  text-decoration: none;
  font-weight: bold;
  font-size:13px;
  text-transform:uppercase;
padding:0 3px 0 3px;
  }

#main_nav a:active,
#main_nav a.main_select {
  color: #e9ad30;
  text-decoration: none;
  font-weight: bold;
  font-size:13px;
  text-transform:uppercase;
  padding:0 3px 0 3px;
  }


#sub_nav{
	position:absolute;
	z-index:200;
	width:100%;
	top:241px;
	left:0;
}



#sub_nav ul{
	list-style:none;
	margin:0 0 0 50px;
	padding:0;
	background:#ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}

#sub_nav ul li {
	padding: 3px 0 3px 0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#sub_nav  a:link {
	color: #666666;
	text-decoration: none;
	font-weight: none;
	display:block;
}

#sub_nav  a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: none;
}

#sub_nav  a:hover {
	color: #e9ad30;
	text-decoration: none;
	font-weight: none;
}

#sub_nav  a:active, #sub_nav a.sub_select {
	color: #e9ad30;
	text-decoration: none;
	font-weight: none;
}

/* Div's for regular txt and images */

#main{
	position:absolute;
	z-index:300;
	background-color:#666666;
}


#topcontent{
	position:absolute;
	z-index:300;
	top:50px;
	left:300px;
	width:492px;
	height:384px;
	color:#FFFFFF;
	background-color:#ffffff;
}

		.stndtxt{
			position:absolute;
			top:0;
			left:0;
			height:382px;
			background-color:#666666;
		
		
		}
		
		.one{
			position:absolute;
			top:0;
			left:0;
			width:240px;
			background-color:#666666; 
			height:382px;
		
		}
		
		.two{
			position:absolute;
			top:0;
			left:250px;
			width:240px;
			background-color:#666666;
			height:382px;
		
		}
		
		.two_t{
			position:absolute;
			top:0;
			left:250px;
			width:240px;
			height:186px;
			background-color:#666666;
		
		
		}
		
		.two_b{
			position:absolute;
			top:196px;
			left:250px;
			width:240px;
			height:186px;
			background-color:#666666;
		
		}

#bottomcontent{
	position:absolute;
	z-index:300;
	top:444px;
	left:300px;
	width:492px;
	background-color:#ffffff;
}

#bottomcontent a{
	color:#666666;
}

/* Div's for portfolio txt and images */


#portfolio_visual{
	position:absolute;
	z-index:300;
	top:0px;
	left:300px;
	width:492px;
	height:384px;
	background-color:#666666;
}

#portfolio_tmbs{
	position:absolute;
	z-index:300;
	top:444px;
	left:300px;
	width:492px;
	background-color:#ffffff;
}

#portfolio_txt{
	position:absolute;
	z-index:300;
	top:564px;
	left:300px;
	width:492px;
	background-color:#ffffff;
}


		.slideshow { position: relative; background: #ffffff; width: 490px; height: 384px;  }
		.slideshow img { position: absolute; top: 0px; left: 0px; z-index: 200; background: #fff; }
		ul.recentlist { position: absolute; top: -12px; right: -34px; list-style: none; z-index: 200; }
		ul.recentlist li { margin: 0; padding: 0; display: inline; }
		ul.recentlist li a, ul.recentlist li a:visited { display: block;  background: #cf8529; padding: 4px 8px; margin-right: 1px; color: #ffffff; text-decoration: none; cursor: pointer; }
		ul.recentlist li a:hover, ul.recentlist li a:visited:hover { background: #cf8529; color:#666666; }
		ul.recentlist li a.current { background: #ffffff; color: #666666; background:#cf8529; }
