* {
	margin: 0;
	padding: 0;
}

body {  
	font: x-small/1.8em Arial, Helvetica, sans-serif;
	color: #fff;
    background: #222 url(../graphix/home_body_background.gif) left top repeat;
}


ul, ol {
    list-style: none;
	}
	
h4 {    
    font-size: medium;
    line-height: 1.3em;
	font-weight: normal;
	}

.clear { clear:both; }

#top {
	float:right;
	margin-right:2.5em;
}

.borderit img{

}

.borderit:hover img{
border: 0.2em solid #ff00c8;
}

.borderit:hover{
color: #ff00c8; /* irrelevant definition to overcome IE bug */
}


#topleft {
	float:left;
	margin-left: 4.8em;
}

#wrapper {
    width: 850px;
    margin-left: 25px auto;
	clear:both;
}


#intro {
    padding-bottom: 10px;
}



#slider {
    width: 850px;
	margin:0 auto;
    position: relative;
	border: 10px solid #000;
	height:100%;
		
}



.scroll {
	/*	white-space:nowrap;*/
	overflow:auto;
	overflow-x:hidden;
	position: relative; 
	min-width: 850px;
    margin: 0 auto;
}


.scrollContainer {
	position: relative;	
	
}

.scrollContainer div.panel {
    padding: 0 1em;
    width: 830px;	
}


.inside {
	padding: 0 2em;
	
}

.inside img {
	display: block;
	margin: 0 0 10px 0;
}

.inside h3 {
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	
	
}

.inside p {
	font-size: 11px;
	color: #ccc;
	width:500px;
}

a {
	color: #999;
	text-decoration: none;
}

a:hover {
	/*border-bottom: 1px solid #999;*/
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(rightshadow.png) repeat-y;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}

.borderme {
	border: 0.1em solid #222;
}




#footer_wrapper {
    position: absolute;
    left: 0em;
    bottom: 0em;
    min-width: 100%;   
    border-top: 0.1em solid #3B3B3C;
    background-color: #151515;
	margin-top: 800px;

	}

#footer {
    width: 89.4em;
    margin: 0em auto;
    padding: 2.5em 0em 0em 0em;
    overflow: auto;
	}

#footer a {
    color: #8C8C8C;
	}

#footer a:hover {
    color: #FFF;
    background-color:  transparent;
	}



#copyright {
    font-size: 1.1em;
    clear: both;
	 color: #ff00c8;
    
	}



#top_menu {
    display: block;
	float: left;
   
	}

#top_menu li {
    float: left;
    margin: 1em 0.6em 0em 0em;
    padding: 0em 0.6em 0em 0em;
    border-right: 0.1em dotted #222;
	}

#top_menu li:last-child {
    padding: 0em;
    border-right: none;
	}

#top_menu a {
    font-size: 1.6em;
	 color: #444;
	}

#top_menu a:hover{
 font-size: 1.7em;
    color: #ff00c8;
	}

#slave_footer {
    float: right;
    width: 28.6em;
    height: 6.2em;
    overflow: hidden;
    margin: -2.5em 0em 0em 0em;
    background-color: #D92F00;
    color: #FFF;
    text-transform: uppercase;
	}

#slave_footer a {
    display: block;
    position: relative;
    bottom: 0.4em;
    width: 28.6em;
    height: 6.6em;
    margin: 0em;
    background: url(../graphix/footer.jpg) left top no-repeat;
    color: #FFF;
	}

#slave_footer a:hover {
    color: #FFF;
	}
	
ul#menuback {
	margin-top:0.8em;
	list-style: none;
	background: url(menu-bg.jpg);
	width: 480px;
	overflow: auto;	
	float: right;
	
}

ul#menuback li.shutter {
	width: 160px;
	height: 80px;
	display: block;
	float: left;
}

ul#menuback li#shutter1 {
	background: url(shutter11.jpg) no-repeat; 
}
ul#menuback li#shutter2 {
	background: url(shutter12.jpg) no-repeat; 
}
ul#menuback li#shutter3 {
	background: url(shutter13.jpg) no-repeat; 
}

a.link {
   width: 160px;
   height: 80px;
   display: block;
   background: url(window.png) no-repeat bottom center;
   text-indent: -9999px;
  
}