﻿/* CSS Document */
/*generic styles*/
* {
	margin:0;
	padding:0;
	}
html, body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}
a { 
	text-decoration:none;
	border:0;
	}
a:hover {
	text-decoration:none;
	}
a img{
	border:0;
	display:none;
	}
p {
margin:0 0 0 0;
}
img {
	float:left;
	}
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
text-decoration:none;
color:#f8dd84;
line-height:13px;
font-weight:100;
}

/*divs*/
#main{
	margin:0;
	padding:0;
	height:auto;
	overflow:auto;
	background-image:url(img/bk_main.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#container {
	position:relative;
	width:764px;
	height:auto;
	left:50%;
	margin-left:-382px;
	padding-top:9px;
	overflow:visible;
	}
#header {
	width:764px;
	height:106px;
	}

#header_left_up_corner {
	float:left;
	width:6px;
	height:6px;
	background:url(img/header_left_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#header_up_corner {
	float:left;
	width:752px;
	height:6px;
	background:url(img/header_up_corner.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#header_right_up_corner {
	float:left;
	width:6px;
	height:6px;
	background:url(img/header_right_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#header_left_middle {
	float:left;
	width:3px;
	height:94px;
	background:url(img/header_left_middle.jpg);
	background-position:top;
	background-repeat:repeat-y;
	}
#header_center_middle {
	float:left;
	width:758px;
	height:94px;
	background-color:#FFFFFF;
	}
#header_right_middle {
	float:left;
	width:3px;
	height:94px;
	background:url(img/header_right_middle.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}
	
#header_left_down_corner {
	float:left;
	width:6px;
	height:6px;
	background:url(img/header_left_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#header_down_corner {
	float:left;
	width:752px;
	height:6px;
	background:url(img/header_down_corner.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#header_right_down_corner {
	float:left;
	width:6px;
	height:6px;
	background:url(img/header_right_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
#header_container{
	position:relative;
	margin:3px 6px 3px 6px;
	width:746px;
	height:88px;
	background:url(img/header_container.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
#logo{
	position:absolute;
	left:12px;
	top:8px;
	width:266px;
	height:73px;
	}
a.link_logo {
	float:left;
	width:266px;
	height:73px;
	background:url(img/logo.jpg);
}
#menu{
	position:absolute;
	left:461px;
	top:59px;
	width:267px;
	height:18px;
	}
#menu a{
	float:left;
	}
#menu a.link_about{
	width:67px;
	height:18px;
	background:url(img/link_about.jpg);
	}
#menu a.link_about:hover, a.link_about:focus{
	background:url(img/link_about_selected.jpg);
	}
#menu a.link_about_selected{
	width:67px;
	height:18px;
	background:url(img/link_about_selected.jpg);
	}
#menu a.link_games{
	width:71px;
	height:18px;
	margin-left:19px;
	background:url(img/link_games.jpg);
	}
#menu a.link_games:hover, a.link_games:focus{
	background:url(img/link_games_selected.jpg);
	}
#menu a.link_games_selected{
	width:71px;
	height:18px;
	margin-left:19px;
	background:url(img/link_games_selected.jpg);
	}
#menu a.link_contact{
	width:91px;
	height:18px;
	margin-left:19px;
	background:url(img/link_contact.jpg);
	}
#menu a.link_contact:hover, a.link_contact:focus{
	background:url(img/link_contact_selected.jpg);
	}
#menu a.link_contact_selected{
	width:91px;
	height:18px;
	margin-left:19px;
	background:url(img/link_contact_selected.jpg);
	}
	
#content_container{
	float:left;
	margin:7px 3px 5px 3px;
	width:756px;
	height:auto;
	overflow:visible;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	background-color:#FFFFFF;
	}
#content{
	position:relative;
	margin-left:5px;
	margin-top:5px;
	width:746px;
	height:auto;
	overflow:visible;
	}
#content_left_up_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_left_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#content_up_corner {
	float:left;
	width:728px;
	height:9px;
	background:url(img/content_up_corner.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#content_right_up_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_right_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#content_left_down_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_left_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#content_down_corner {
	float:left;
	width:728px;
	height:9px;
	background:url(img/content_down_corner.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#content_right_down_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_right_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#work_area {
	float:left;
	width:746px;
	height:auto;
	overflow:visible;
	background:url(img/content_bk.jpg);
	background-position:top;
	background-repeat:repeat-y;
	}
#work_area1 {
	float:left;
	width:737px;/*normal 688px- padding*/
	padding-left:9px;
	height:auto;
	overflow:auto;
	}

#home_area0 {
	float:left;
	width:728px;
	height:90px;
}
#home_area1 {
	float:left;
	margin-left:35px;
	margin-top:10px;
	width:650px;
	height:500px;
	background-color:#ededed;
	border-style:solid;
	border-color:#ffcc00;
	border-width:4px;
}


#solarola {
	float:left;
	margin-left:35px;
	margin-top:10px;
	width:590px;
	height:690px;
	background-color:#ededed;
	border-style:solid;
	border-color:#ffcc00;
	border-width:4px;
}

#home_area12 {
	left:764px;
	top:208px;
	position:absolute;
	width:160px;
	height:600px;
}

#home_areaLeft {
	left:-160px;
	top:208px;
	position:absolute;
	width:160px;
	height:600px;
}

#home_area2 {
	float:left;
	margin-left:6px;
	width:716px;
	height:auto;
	overflow:auto;
	padding-top:16px;
}
#home_area2 span{
	float:left;
	clear:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	color:#666666;
	padding-top:14px;
	}

#footer {
	float:left;
	margin-top:5px;
	width:726px;
	height:71px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}
#footer_content {
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:672px;
	height:41px;
	background:url(img/bk_footer.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-left:44px;
	padding-top:20px;
}
#footer_content span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	font-weight:100;
}
#footer_content span.copyright{
	color:#f8dd84;
	margin-right:82px;
	}
#footer_content span.end{
	color:#663300;
	}
#footer_content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	color:#663300;
}
#space_end {
	float:left;
	width:auto;
	height:15px;
	}

#about_area0 {
	float:left;
	width:728px;
	height:auto;
	overflow:visible;
	padding-bottom:54px;
}
#about_area1 {
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:502px;
	height:auto;
	overflow:visible;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}
#about_area2 {
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:492px;
	height:auto;
	overflow:visible;
	padding-bottom:5px;
}
#about_left_up_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_left_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#about_up_corner {
	float:left;
	width:474px;
	height:9px;
	background:url(img/content_up_corner.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#about_right_up_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_right_up_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#about_left_down_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_left_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
#about_down_corner {
	float:left;
	width:474px;
	height:9px;
	background:url(img/content_down_corner.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	}
#about_right_down_corner {
	float:left;
	width:9px;
	height:9px;
	background:url(img/content_right_down_corner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#about_work_area1 {
	float:left;
	width:492px;
	height:auto;
	overflow:visible;
	background:url(img/about_content_bk.jpg);
	background-position:top;
	background-repeat:repeat-y;
	}
#about_work_area2 {
	float:left;
	margin-left:9px;
	width:469px;/*416-padding*/
	height:auto;
	overflow:auto;
	padding-left:5px;
	padding-top:3px;
	}
#about_work_area2 span{
	float:left;
	clear:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	color:#666666;
	padding-top:11px;
	}
#about_work_area2 img.about_img{
	float:left;
	clear:left;
	margin-top:30px;
	}
	
#about_area3 {
	float:right;
	clear:right;
	margin-right:5px;
	margin-top:5px;
	width:188px;/*98-padding*/
	height:auto;
	overflow:visible;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding:5px;
}



#games_area0 {
	float:left;
	width:728px;
	height:auto;
	overflow:visible;
	padding-bottom:38px;
}
#games_area1 {
	margin-left:5px;
	margin-top:5px;
	float:left;
	width:718px;
	height:220px;
}
#games_area2 {
	margin-left:5px;
	margin-top:20px;
	float:left;
	width:718px;
	height:220px;
}
#games_area3 {
	margin-left:5px;
	margin-top:20px;
	float:left;
	width:718px;
	height:220px;
}

div.game_area1 {
	float:left;
	width:208px;/*208-10padding*/
	height:208px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding:5px;
}
#game_area12 {
	position:relative;
	float:left;
	margin-left:18px;
	width:466px;/*420-12padding*/
	height:209px;/*418-9padding*/
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding-left:12px;
	padding-top:9px;
}
#game_area22 {
	position:relative;
	float:left;
	margin-left:18px;
	width:466px;/*420-12padding*/
	height:209px;/*418-9padding*/
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding-left:12px;
	padding-top:9px;
}
#game_area32 {
	position:relative;
	float:left;
	margin-left:18px;
	width:466px;/*420-12padding*/
	height:209px;/*418-9padding*/
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	padding-left:12px;
	padding-top:9px;
}
span.game {
	float:left;
	clear:left;
	width:456px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	color:#666666;
	padding-top:11px;
	}
a.play_game{
	position:absolute;
	right:10px;
	bottom:7px;
	width:126px;
	height:21px;
	background:url(img/link_play_game.jpg);
	}

#contact_area0 {
	float:left;
	width:705px;/*670-23padding*/
	height:auto;
	overflow:visible;
	padding-bottom:93px;
	padding-top:25px;
	padding-left:23px;
}
#contact_area0 span {
	float:left;
	clear:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	text-decoration:none;
	line-height:13px;
	color:#666666;
	margin-top:30px;
	
	}

a.link_game_img1 {
	float:left;
	width:208px;
	height:208px;
	background:url(img/game1.jpg);
	}
a.link_game_img2 {
	float:left;
	width:208px;
	height:208px;
	background:url(img/game2.jpg);
	}
a.link_game_img3 {
	float:left;
	width:208px;
	height:208px;
	background:url(img/game3.jpg);
	}
a.link_game_img4 {
	float:left;
	width:208px;
	height:208px;
	background:url(img/game4.jpg);
	}

#home_area_charge {
	float:left;
	margin-left:105px;
	margin-top:10px;
	width:500px;
	height:600px;
	background-color:#ededed;
	border-style:solid;
	border-color:#ffcc00;
	border-width:4px;
}

#home_area_argue {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:700px;
	height:600px;
	background-color:#ededed;
	border-style:solid;
	border-color:#ffcc00;
	border-width:4px;
}