/* CSS Document */

* {margin: 0px; padding: 0px;}

/************************************* Main Structure *************************/
body {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 75%;
	color:#ffffff;
	text-align: center;
}
#container {
	padding: 0px;
	margin: 0 auto;	
	width: 896px;
}
#top {
	background:url(../images/top.gif) repeat-y;
	height: 55px;
}
#header {
	background:url(../images/header.gif) no-repeat;
	height: 177px;
	width: 896px;
	text-align: left;
}
#search{
	position: relative;
	top:50px;
	left:260px;
}
#search2{
	position: relative;
	top:50px;
	left:240px;
}
#wrap {
	padding:0px;
	clear: both;
}
#events {
	background:url(../images/events.gif) no-repeat;
	width:231px;
	height: 288px;
	float:left;
}
#main{
	background:url(../images/sgs.jpg) no-repeat;
	position: relative;
	left:0px;
	background-color:#666666;
	width: 516px;
	height: 288px;
	float:left;
}
#main-ie{
	position: absolute;
	left:231px;
	background-color:#666666;
	width: 516px;
	height: 288px;
	float:left;
	clear:left;
}
#nav{
	position: relative;
	left:747px;
	background:url(../images/nav.gif) no-repeat;
	width: 150px;
	height: 288px;
}
#navmenu{
	position: relative;
	top:-270px;
	left:-5px;
	width: 150px;
	height: 288px;
	z-index:3;
}

#menus{
	position: relative;
	top:0px;
	background:url(../images/menus.gif) no-repeat;
	width: 896px;
	height: 167px;
	float:left;
	clear:left;
}
#menu-1{
	position: relative;
	left:98px;
	top:13px;
	width:125px;
	float:left;
	padding: 0;
}
#menu-2{	
	position: relative;
	left:104px;
	top:11px;
	width:125px;
	float:left;
	padding:2px;
}
#menu-3{	
	position: relative;
	left:105px;
	top:11px;
	width:125px;
	float:left;
	padding:2px;
}
#menu-4{	
	position: relative;
	left:105px;
	top:11px;
	width:125px;
	float:left;
	padding:2px;
}
#menu-5{	
	position: relative;
	left:108px;
	top:11px;
	width:125px;
	float:left;
	padding:2px;
}
#menu-6{	
	position: relative;
	left:109px;
	top:11px;
	width:125px;
	float:left;
	padding:2px;
}
#footer {	
	position: relative;
	top:-2px;
	background:url(../images/footer.gif) repeat-y;
	width:983px;
	height:155px;
	float:left;
}

/******************************* Text and formatting *******************************/
p {
   margin-bottom: 15px;
   margin-top: 15px;
}			 
a:link {color: #000000; text-decoration: none;}     /* unvisited link */
a:visited {color: #000000; text-decoration: none;}  /* visited link */
a:hover {color: #000000; text-decoration: none;}   /* mouse over link */
a:active {color: #000000; text-decoration: none;}   /* selected link */

a.white:link {color:#ffffff; font-weight: bold; font-size: 120%;}
a.white:visited {color:#ffffff; font-weight: bold; font-size: 120%;}
a.white:hover {color:#ffffff; font-weight: bold; font-size: 120%;}
a.white:active {color:#ffffff; font-weight: bold; font-size: 120%;}



/*************************product slider styles*********************/

 /* web css */
#web {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 516px; /* important */
	height: 288px; /* important */
	margin: 0;
	background: #000000;
	text-align:left;
}

#web_content {
	position: relative;
	top: 0;
	margin-left: 0px;
}

#web_content
#web_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#web_content {
	width: 13058px;
}

#web ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
}

#web ul li img {
	display: block;
}

#web ul li.web_item {
	overflow:hidden;
	width:516px; /* important */
	height:288px; /* important */
	background: #000000;
}


#web_frame {
	position: relative;
	text-align:left;
	top:-25px;
	left:380px;
	width:200px;
	z-index:2;
}

#web_frame ul li {
	margin: 0px;
}

#web_frame ul li img{
	border: 0px solid #999;
	padding: 0px;
}

#web_frame ul li img:hover {
	border: 2px solid #ffffff;
}

/* Catalog items */

.web_item h3
{
	margin-top: 10px;
}


.web_item p.date
{
	float:right;
	background-color: #bbb;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	color:#fff;
}

.web_item .image
{
	margin: 2px;
}

.web_item .image img
{
	border: 1px solid #999;
	padding: 2px;
}


.web_item .thumbnails
{
	margin: 10px 2px 2px 2px;
}

#web_content .web_item .thumbnails img
{
	border: 1px solid #999;
	padding: 2px;
	display:inline;
}