body {
	margin:auto  !important;
	width:auto  !important;
        height:100%;
        width:100%;
        min-height:100%; 
        min-width:100%; 
	background: #000000 url(images/backimage.jpg) no-repeat top center;
    background-attachment: fixed;
}
 a
{
  color: #000000;
}
a:hover
{
  color: #ffffff;

}
a.date:link { color: #ADBAC5; text-decoration: none; }
a.date:visited { color: #ADBAC5; text-decoration: none; }
a.date:hover { color: #BAD0E3; text-decoration: none; }

#loginbox
{
	position:absolute;
	right:30px;
	top:30px;
}

.login_text {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
}
a.login_text:link { color: #FFFFFF; text-decoration: none; display:block}
a.login_text:visited { color: #C4C4C4; text-decoration: none;}
a.login_text:hover { color: #C4C4C4; text-decoration: ;}


.div_class_bg {
	padding: 4px;
	height: 24px;
	width: 179px;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial;
	border: 0px;
	font-weight: bold;
	background: url(images/div_top_bg.jpg);
}

.div_bg {
	padding: 4px;
	height: 24px;
	width: 179px;
	font-size: 11px;
	color: #9C9C9CF;
	font-family: Arial;
	border: 0px;
	background: url(images/div_bg.jpg);
}
a.div_bg_link:link { color: #ADADAD; text-decoration: none }
a.div_bg_link:visited { color: #A6A6A6; text-decoration: none }
a.div_bg_link:hover { color: #C7C7C7; text-decoration: none }

.shoutbox {
	padding: 1px;
	height: 24px;
	width: 179px;
	font-size: 11px;
	color: #9C9C9CF;
	font-family: Arial;
	border: 0px;
	background: #505050 url(images/div_sb_bg.jpg) no-repeat;
}

.shout {
	font-size: 11px;
	color: #9D9D9D;
	font-family: Arial;
}
a.shout:link { color: #C7C7C7; text-decoration: none }
a.shout:visited { color: #C7C7C7; text-decoration: none }
a.shout:hover { color: #CFCFCF; text-decoration: none }

.shout_date {
	font-size: 9px;
	color: #9D9D9D;
	font-family: Arial;
}
.featured {
	font-size: 11px;
	color: #9D9D9D;
	font-family: Arial;
}

.featured_sub {
	font-size: 15px;
	color: #E5E5E5;
	font-family: Arial;
}
a.featured_sub:link { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.featured_sub:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.featured_sub:hover { color: #CFCFCF; text-decoration: none; font-weight: bold; }

.latest_news {
	font-size: 13px;
	color: #707070;
	font-family: Arial;
}
a.latest_news:link { color: #004B94; text-decoration: none; font-weight: bold; font-size: 16px; }
a.latest_news:visited { color: #004B94; text-decoration: none; font-weight: bold; font-size: 16px; }
a.latest_news:hover { color: #4A6F94; text-decoration: underline; font-weight: bold; font-size: 16px; }

.latest_sub {
	font-size: 12px;
	color: #004B94;
	font-family: Arial;
	font-weight: bold;
}
.featured_list {
	font-size: 10px;
	color: #D4D4D4;
	font-family: Arial;
}
a.featured_list:link { color: #D4D4D4; text-decoration: none; font-size: 11px; }
a.featured_list:visited { color: #D4D4D4; text-decoration: none; font-size: 11px; }
a.featured_list:hover { color: #EDEDED; text-decoration: none; font-size: 11px; }

.nowplaying {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
}
.rating_large {
	font-size: 12px;
	color: #004B94;
	font-family: Arial;
	font-weight: bold;
}
a.rating:link { color: #707070; text-decoration: none; font-size: 11px; font-family: Arial; }
a.rating:visited { color: #707070; text-decoration: none; font-size: 11px; font-family: Arial; }
a.rating:hover { color: #000000; text-decoration: none; font-size: 11px; font-family: Arial; }

.rating_small {
	font-size: 10px;
	color: #6A6A6A;
	font-family: Arial;
}
.poll {
	font-size: 11px;
	color: #707070;
	font-family: Arial;
        font-weigh: bold;
}
a.poll:link { color: #707070; text-decoration: none; font-size: 11px; }
a.poll:visited { color: #707070; text-decoration: none; font-size: 11px; }
a.poll:hover { color: #707070; text-decoration: underline; font-size: 11px; }

.pollimg {
	border: 1px solid #C8C8C8;
}
.pollimg_p {
	border: 1px solid #C8C8C8;
}
.footer {
	font-size: 15px;
	color: #566575;
	font-family: Arial;
        margin:0
}
a.footer:link { color: #919FB0; text-decoration: none; font-size: 11px; font-weight: bold; }
a.footer:visited { color: #919FB0; text-decoration: none; font-size: 11px; font-weight: bold; }
a.footer:hover { color: #566575; text-decoration: underline; font-size: 11px; font-weight: bold; }

 #footcom {
background:url('/images/footcom.png') repeat-x;
width: 100%;
height: 350px;
z-index:-1;
left:0px;
right:0px;
position:absolute;
}

 #selector2 {
background:url('/images/selector2.png') repeat;
width: 972px;
height: 25px;
z-index:-1;
position:absolute;
}

 #selector {
background:url('/images/selector.png') repeat;
width: 972px;
height: 200px;
z-index:-1;
position:absolute;
}
 #BBS {
background:url('/images/BBS.png') no-repeat;
height:120px;
width:250px;
position:absolute;
z-index:-1;
}

.footerb {
	font-size: 11px;
	color: #5F7691;
	font-family: Arial;
}
.footerc {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial;
}
a.footerc:link { color: #949494; text-decoration: none; }
a.footerc:visited { color: #949494; text-decoration: none; }
a.footerc:hover { color: #727272; text-decoration: none; }

.texthuge { 
	font-size: 20px;
	color: #165794;
	font-family: Arial;
	font-weight: Bold;
	text-decoration: none;
}
.breadcrumb { 
	font-size: 11px;
	color: #6A6A6A;
	font-family: Arial;
}
a.breadcrumb:link { color: #6A6A6A; text-decoration: none; }
a.breadcrumb:visited { color: #6A6A6A; text-decoration: none; }
a.breadcrumb:hover { color: #2C5C87; text-decoration: none; }

.content { 
	font-size: 11px;
	color: #666666;
	font-family: Arial;
	font-weight: none;
	text-decoration: none;
}
a.content:link { color: #666666; text-decoration: underline; }
a.content:visited { color: #666666; text-decoration: underline; }
a.content:hover { color: #777777; text-decoration: none; }

.content_error { 
	font-size: 11px;
	color: #E50000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

.divtitle {
	font-size: 12px;
	color: #004B94;
	font-family: Arial;
	font-weight: bold;
}
.adsplit {
	width: 100%;
	padding: 5px;
}
.ads {
	background: url(images/featured_bg2.jpg);
	font-size: 10px;
	color: #E5E5E5;
	font-family: Arial;
	font-weight: bold;
}
a.adsplit:link { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.adsplit:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.adsplit:hover { color: #CFCFCF; text-decoration: none; font-weight: bold; }

.contentlight { 
	font-size: 11px;
	color: #8A8A8A;
	font-family: Arial;
	text-decoration: none;
}
a.contentlight:link { color: #7B7B7B; text-decoration: none; }
a.contentlight:visited { color: #7B7B7B; text-decoration: none; }
a.contentlight:hover { color: #000000; text-decoration: underline; }

.fieldset {
	padding: 0px;
	margin: 0px;
	border: 1px solid #C0C0C0;
}

.fieldset2 {
	padding: 0px;
	margin: 0px;
	border: 1px outset #FFFFFF;
	background: #FFFFFF;
}

a.fieldset2_link:link { color: #004B94; text-decoration: none; font-size: 11px; }
a.fieldset2_link:visited { color: #004B94; text-decoration: none; font-size: 11px; }
a.fieldset2_link:hover { color: #000000; text-decoration: underline; font-size: 11px; }

.game_nav_title {
	font-size: 18px;
	color: #004F9A;
	font-family: Arial;
	font-weight: bold;
}

a.game_nav_title:link { color: #1497c7; text-decoration: none; }
a.game_nav_title:visited { color: #1497c7; text-decoration: none; }
a.game_nav_title:hover { color: #191919; text-decoration: none; }

.game_nav {
	font-size: 13px;
	color: #191919;
	font-family: Arial;
        font-weight: bold;
}
a.game_nav:link { color: #49c8f7; text-decoration: none; }
a.game_nav:visited { color: #1497c7; text-decoration: none; }
a.game_nav:hover { color: #1497c7; text-decoration: none; }

.comment {
	font-size: 11px;
	color: #707070;
	font-family: Arial;
}
a.comment:link { color: #004B94; text-decoration: underline; font-size: 12px; }
a.comment:visited { color: #004B94; text-decoration: underline; font-size: 12px; }
a.comment:hover { color: #004B94; text-decoration: underline; font-size: 12px; }

.headertitle {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;

}



#div { 
background:url('/images/gamescom.png') repeat; 
height:145px; 
width:100%; 
position:absolute;
z-index:-1;
}


#logo { 
background:url('/images/logo.png') no-repeat; 
height:145px; 
width:96%; 
position:absolute;
left:10px;
top:0px;
z-index:-1;
}

#log0 { 
background:url('/images/log0.png') no-repeat; 
height:135px; 
width:100%; 
position:absolute;
z-index:-1;
}

#Line1 { 
	background:url('/images/Line1.png') left top repeat-x; 
	height:25px; 
	width:100%; 
	position:absolute;
	z-index:1;
}



.headertitle_small {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial;
	text-decoration: none;
}

.right {
	font-size: 11px;
	color: #707070;
	font-family: Arial;
        margin:0
}
a.right:link { color: #28577F; text-decoration: none; font-size: 11px; font-family: Arial; }
a.right:visited { color: #28577F; text-decoration: none; font-size: 11px; font-family: Arial; }
a.right:hover { color: #25415B; text-decoration: underline; font-size: 11px; font-family: Arial; }

.spacer {
	height: 2px;
	padding: 0px;
	margin: 0px;
}

.file_input {
	padding: 2px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	border: 1px solid #A8B4B8;
	background: #F3FDFF url(images/input_bg.jpg);
}

.input {
	padding: 2px;
	height: 18px;
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	border: 1px solid #A8B4B8;
	background: #F3FDFF url(images/input_bg.jpg);
	width: 158px; height: 18px;
}

.dropdown {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	border: 1px solid #A8B4B8;
	background: #F3FDFF;
}

.signature {
	font-size: 11px;
	color: #707070;
	font-family: Arial;
}
.padding1 { 
	border: 0px;
	margin: 0px;
	padding: 1px;
}
.padding2 { 
	margin: 0px;
	border: 0px;
	padding: 2px;
}
.padding3 { 
	margin: 0px;
	border: 0px;
	padding: 3px;
}
.padding5 {
	margin: 0px; 
	border: 0px;
	padding: 5px;
}
.padding10 { 
	margin: 0px;
	border: 0px;
	padding: 10px;
}
.textarea_class, .textbox_class {
	padding: 5px;
	width: 100%;
	background: #F3FDFF;
	scrollbar-face-color: F3FDFF;
	scrollbar-highlight-color: F3FDFF;
	scrollbar-3dlight-color: F3FDFF;
	scrollbar-darkshadow-color: F3FDFF;
	scrollbar-shadow-color: F3FDFF;
	scrollbar-arrow-color: 000000;
	scrollbar-track-color: F3FDFF;
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	border: 1px solid #A8B4B8;
	background: #F3FDFF;
}

.browse {
	font-family: Arial;
	font-size: 11px;
	color: #7E7E7E;
}
a.browse:link { color: #165993; text-decoration: underline }
a.browse:visited { color: #165993; text-decoration: underline }
a.browse:hover { color: #165993; text-decoration: none }

.hr {
	border: 0;
	color: #CFCFCF;
	background-color: #CFCFCF;
	height: 1px;
}

.release_red { 
	font-size: 11px;
	color: #DC0000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

.quote { 
	padding: 10px;
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	border: 1px dashed #C0C0C0;
	background: #FFFFFF;
}
.search {
	padding: 4px;
	font-size: 11px;
	color: #666666;
	font-family: Arial;
	border: 0px;
	background: url(images/search.jpg);
	width: 170px;
}


        
}

.frontendpopup {
	width: 100%;
	border: 0px;
	padding: 3px;
	background: #FFFFFF;
}

.error {
	font-size: 12px;
	color: red;
	font-family: Arial;
	font-weight: bold;
	padding: 5px;
}
.select { 
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	width: 145px;
}
.adrepeat {
	background: #FFFFFF url(images/adbg.jpg) repeat-x top left;
	align: center;
}

.tablereg { 
	border-collapse: collapse;
	border-width: 0px;
	spacing: 0px;
	border: 0px;
}
.tdreg { 
	border-collapse: collapse;
	padding: 0px;
	border-width: 0px;
	border: 0px;
	spacing: 0px;
}
.featured { 
	font-size: 11px;
	color: #868686;
	font-family: Arial;
}
.pagenav { 
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
}

.texthuger {
	font-size: 50px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

.content_large { 
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
.content_large_bright { 
	font-size: 12px;
	color: #0077CC;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
.forumthread { 
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

a.forumthread:visited { color: #787878; }
a.forumthread:hover { color: #000000; }
a.forumthread:link { color: #28577F; }

.forumjump { 
	font-size: 10px;
	color: #8A8A8A;
	font-family: Arial;
}
.slideshow { 
	font-size: 11px;
	color: #8A8A8A;
	font-family: Arial;
}
.slideshowb { 
	font-size: 11px;
	color: #CDCDCD;
	font-family: Arial;
}
.popupmessage { 
	padding: 10px;
	border: 1px dashed #DADADA;
	background: #F8F8F8;
}

a.latest:hover { color: #767676; text-decoration: none }
a.content_large:hover { color: #656565; text-decoration: none }
a.content:hover { color: #656565; text-decoration: none }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
.main_image {
    width: 598px;
    height: 456px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
desc").show(); //Show Banner
$(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
#s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
.main_image  {
    width: 598px;
    height: 456px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}

.image_thumb  {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/




.opt { 
	opacity: 0.5; 
	filter:alpha(opacity=50);
}


#wizzard_box
{
	
}

	#wizzard_box h2
	{
		font-size:14px;
		padding:5px;
		padding-bottom:0px;
		padding-top:0px;
	}
	
	#wizzard_box div
	{
		padding:5px;
		font-size:12px;
		padding-top:0px;
		padding-bottom:10px;
	}
	
	#wizzard_box div a:hover
	{
		text-decoration:none;
		color:#333;
	}

 .sharebuttons{
    width:200px;
    height:100px;

}


/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 14px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(images/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 700px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}



/* remove the list style */
#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:100px; 
		background:#ccc; 
		position:relative;
		z-index:500; 
		margin:0 1px;
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		padding:8px 5px 0 5px; 
		font-weight:700;  
		height:23px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
		color:#333;
	}

	#nav li a:hover {
		color:#fff;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:100px; 
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}



#search{
    width: 100px;
    height: 24px;
    margin: 15px 0 0 16px;
    float: left;
    background: url('mainmenu.png') no-repeat left bottom;
}

#search:hover{
    background-position: -150px bottom;
}

#search-q{
    margin: 3px 0 0 3px;
    width: 70px;
    color: #fff;
    border: 0;
    float: left;
    background-color: transparent;
    font-weight: bold;
}

.search-b{
    width: 24px;
    height: 24px;
    float: right;
    border: 0;
    background-color: transparent;
}

.search-b:hover{
    background: url('mainmenu.png') no-repeat right bottom;
    cursor: pointer;
}


#searchp-q{
    width: 400px;   
    font-size: 1.5em; 
    color: #0066cc;
    font-weight: bold;
}

.lenta {
background:#636363 no-repeat;
height:18px;
align: center;
width:100%;
}

.lenta a {
text-decoration:none;
color:#fff;
	align: center;
font-size:11px;
line-height:20px;
}