body, html { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; background: #7BC536 url(../images/bg_body.jpg) 0 -25px repeat-x; }
#container { width: 780px; height: 620px; position: relative; }
#header {  position: absolute; top: 15px; left: 45px; width: 180px; text-align: center; }
#nav { width: 180px; height: 550px; position: absolute; top: 70px; left: 45px; }
	#nav ul { margin: 0; padding: 0; list-style: none; border-top: 1px dashed #999; }
	#nav ul li { margin: 0; padding: 0; list-style: none; }
	#nav ul li a.active { color: #8BC53F; font-weight: bold; }
	#nav ul li a { color: #666; text-decoration: none; padding: 12px 0 12px 0; display: block; text-align: center; border-bottom: 1px dashed #999; text-transform: uppercase; }
	#nav ul li a:hover { color: #8BC53F; }
	#nav ul li ul { border-top: none; border-bottom: 1px dashed #999; padding: 13px 0 8px 0; font-size: 11px; }
	#nav ul li ul li a { text-align: right; padding: 0 20px 0 0; margin: 0 0 7px 0; border-bottom: none; }
#content { width: 480px; height: 560px; position: absolute; top: 60px; right: 30px; }
	#content h1 { color: #8BC53F; font-size: 20px; margin: 0 0 15px 0; padding: 0; font-weight: normal; letter-spacing: 1px; }
	#content p { margin: 0 0 10px 0; padding: 0; line-height: 150%; }
	#content p.about { line-height: 180%; text-align: justify; }
	#content a { color: #8BC53F; text-decoration: none; }
	#content a:hover { color: #8BC53F; text-decoration: underline; }
		#contact-info { float: left; width: 160px; }
		#contact-form { float: right; width: 300px; }
			#contact-form label { display: block; padding: 0 0 3px 0; font-weight: bold; }
			#contact-form .input-text { font-family: Arial; font-size: 12px; color: #999; padding: 3px; border: 1px solid #D4D4D4; background: #FFF; margin: 0 0 10px 0; width: 300px; }
			#contact-form .input-button { background: #8BC53F; color: #FFF; font-family: Arial; font-size: 12px; display: block; padding: 5px; border: 1px solid #8BC53F; cursor: pointer; }
			#contact-form form { margin: 0; padding: 0; }
#swf, #intro { position: absolute; left: 0; bottom: -35px; }
#footer { position: absolute; bottom: 0px; right: 20px; color: #FFF; }

.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-project .jcarousel-container { margin: 15px 0 0 0;  }
.jcarousel-skin-project .jcarousel-container-horizontal { width: 405px; padding: 0px 40px 0px 45px; }
.jcarousel-skin-project .jcarousel-clip-horizontal { width: 405px; height: 75px; }
.jcarousel-skin-project .jcarousel-item { width: 35px; height: 35px; }
.jcarousel-skin-project .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-project .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-project .jcarousel-next-horizontal { position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-project .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-project .jcarousel-next-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-project .jcarousel-next-disabled-horizontal,
.jcarousel-skin-project .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-project .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
.jcarousel-skin-project .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-project .jcarousel-prev-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-project .jcarousel-prev-horizontal:active { background-position: -64px 0; }
.jcarousel-skin-project .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-project .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-project .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

#project-info { margin: 0; width: 480px; background: #FFF; border-left: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; }
	#project-info h2 { width: 250px; margin: 0; padding: 10px 0 5px 20px; font-size: 14px; margin: -40px 0 0 0; line-height: 140%; }
	#project-info p { margin: 0; padding: 5px 20px 10px 20px; color: #999; font-size: 11px; }
#tooltip { position:absolute; border:1px solid #8BC53F; background:#8BC53F; padding:2px 5px; color:#FFF; display:none; }

/*preload classes*/ 
.ldrgif { width: 440px; height: 300px; background: #F8F8F8; text-align: center; vertical-align: center; }
	.ldrgif .inner { padding: 130px 0 0 0; }
.svw { height: 300px; background: #fff;} 
.svw ul {position: relative; left: -999em;}
 
/*core classes*/ 
#wsv-wrapper { width: 460px; padding: 20px 0 10px 20px; background: #FFF; border: 1px solid #F1F1F1; }
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
float: right;
margin: 0; 
padding: 5px 0 0 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
color: #666 !important;
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
color: #CCC !important; 
}