/* CSS Document */



#header ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	width:100%;
	height:36px;
	margin:0 auto;
	position:relative;
	padding:0 24 0 0;
	font-family:Arial, Helvetica, sans-serif;
}


#header p.topDiv{
	width:2px;
	height:85px;
	display:block;
	background:url(images/top_div.gif) 0 0 no-repeat;
	position:absolute;
	left:450px;
	top:0px;
}

#header ul.nav{
	width:750px;
	height:35px;
	background:url(../images/nav_div.gif) left top no-repeat;
	padding:0 0 0 2px;
	position:absolute;
	left:0px;
	top:0px;
}
#header ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(../images/nav_div.gif) right top no-repeat;
	height:35px;
}
#header ul.nav li a{
	display:block;
	background:url(../images/nav_bg.gif) 0 0 repeat-x #010101;
	padding:0 18px;
	font-size:11px;
	font-weight:bold;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul.nav li a:hover{
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #B4BFAE;
	color:#434446;
}
#header ul.nav li a.hover{
	display:block;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #B4BFAE;
	padding:0 18px;
	font-size:11px;
	font-weight:bold;
	line-height:35px;
	color:#434446;
	text-decoration:none;
	text-transform:uppercase;
}
#header ul.nav li.noImg{
	background-image:none;
}
#header img.logo{
	position:absolute;
	left:0;
	top:155px;
	width:265px;
	height:69px;
}
#header p.topTxt{
	display:block;
	font-size:11px;
	line-height:21px;
	color:#fff;
	background-color:inherit;
	width:350px;
	position:absolute;
	left:0;
	top:250px;
	text-transform:uppercase;
}
#header ul.menu{
	width:458px;
	height:82px;
	position:absolute;
	left:0;
	top:310px;
}
#header ul.menu li{
	float:left;
	margin:0 14px 0 0;
}
#header ul.menu li a.blog{
	display:block;
	height:11px;
	width:77px;
	background:url(images/blog.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.blog:hover{
	background:url(images/blog_hover.gif) 0 0 no-repeat;
	color:#00FF00;

}
#header ul.menu li a.photos{
	display:block;
	height:11px;
	width:77px;
	background:url(images/photos.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.photos:hover{
	background:url(images/photos_hover.gif) 0 0 no-repeat;
	color:#00FF00;

}
#header ul.menu li a.videos{
	display:block;
	height:11px;
	width:77px;
	background:url(images/videos.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.videos:hover{
	background:url(images/videos_hover.gif) 0 0 no-repeat;
	color:#00FF00;

}
#header ul.menu li a.games{
	display:block;
	height:11px;
	width:77px;
	background:url(images/games.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.games:hover{
	background:url(images/games_hover.gif) 0 0 no-repeat;
	color:#00FF00;

}

#header ul.menu li a.musics{
	display:block;
	height:11px;
	width:77px;
	background:url(images/musics.gif) 0 0 no-repeat;
	padding:71px 0 0 0;
	font-size:11px;
	line-height:11px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}
#header ul.menu li a.musics:hover{
	background:url(images/musics_hover.gif) 0 0 no-repeat;
	color:#00FF00;
}




input.login{
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#EDEFE0;
	text-align:center;
	float:right;
	padding-bottom:2px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}

input.search{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:50px;
	height:21px;
	font:bold 10px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#EDEFE0;
	text-align:left;
	float:right;
	padding-bottom:2px;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}

input.signup{
	background:url(images/signup.gif) 0 0 no-repeat;
	width:59px;
	height:19px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#EDEFE0;
	text-align:center;
	float:left;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}
/*------------------------------------------------right-------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
	height:127px;
}
#footer{
	width:633px;
	height:127px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:633px;
	position:absolute;
	left:0;
	top:22px;
}
#footer ul li{
	float:left;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	position:absolute;
	left:196px;
	top:65px;
	color:#B0D44E;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:20px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:248px;
	top:61px;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:55px;
	height:18px;
	font:bold 10px/18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
	left:309px;
	top:61px;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
#footer p.design{
	display:block;
	width:300px;
	height:16px;
	padding:2px;
	position:absolute;
	left:225px;
	top:91px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-transform:uppercase;
}
#footer p.design a.link{
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4DCDFD;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#FF7C00;
}
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------Email--------------------*/

.linkpopupemail {
	position: relative;
	font-size:10px;
	line-height:19px;
	padding:0 0 0 10px;
	color: #1D859B;
	width:180px;
	height:16px;
}

.linkpopupemail span {
 background-color: #ccc;
 border: 1px solid #000;
 display: block;
 left: 0;
 padding: .25em;
 position: absolute;
 top: -1.75em;
}

.linkpopupemail:link span,
.linkpopupemail:visited span {
 visibility: hidden;
}

.linkpopupemail:hover span,
.linkpopupemail:focus span,
.linkpopupemail:active span {
	color: #000;
	text-decoration: none;
	visibility: visible;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
/*------------------------------------------------Email--------------------*/