body {margin:0; background:#091F12; padding:5px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;

	background: #313131;

	}
	
#container {width:506px; margin:8px auto;}
	
body.leapdemo #container {

	width:666px;
	
	}
	
body.online_portfolio #container {

	width:742px;
	
	}

#slideshow_header {

	height: 63px;
	margin: 0px;
	padding: 0px;
	background: url(../images/slideshow_header_bg.jpg) no-repeat;
	padding: 5px 9px 0 0;

	}
	
#slideshow_header a {

	color:#555;
	font-size: 8px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2em;
	margin-left: 345px;
	
	}

body.leapdemo #slideshow_header a {

	margin-left: 507px;
	
	}

body.online_portfolio #slideshow_header a {

	margin-left: 595px;
	
	}

#slideshow_header h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing:0.2em;
	line-height: 17px;
	margin-left: 230px;
	color:#4f6d17;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	
	}

#slideshow_header h1 .title {

	
	color:#686868;
	font-size: 13px;
	font-weight: normal;
	display: block;
	
	}

#slideshow_header a:hover {

	color:red;

	}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:8px auto; display:none;}
		
body.online_portfolio #wrapper {

	width:auto; 
	
		}
		
#object_wrapper {

	width:479px; 
	height: auto;
	margin:8px auto;
	padding: 12px; 
	position:relative;
	border:1px solid #555; 
	
	}
		
body.leapdemo #object_wrapper {

	width:auto;
	
	}
		
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #CCC; background:#000;

	height: 600px;
	width:auto; 
	padding:5px 2px;

	}
		
body.online_portfolio #fullsize {

	height: 590px;
	padding:2px;
	
	}
	
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);
	
	background: #4F6D17;
	opacity:.90; 
	filter:alpha(opacity=90);

	}
		
body.online_portfolio #information {

	 width:736px;
	
	}
	
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);

	height: 600px;

	}
	
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}

body.online_portfolio #slidearea {

	width:666px; 
	
	}


#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


	
#footer {

	padding: 10px 0;
	color: #555;
	height: 60px;
	font-size: 8px;
	letter-spacing: .16em;
	text-transform: uppercase;
	}

.clear {

	clear: both;

	}