#w_gory{
width:780px;
height:484px;
background-color:#fff;
background-image:url('../img/wgory_bg.jpg');
background-repeat:no-repeat;
padding-left:33px;
color:#FFFFFF;

}

#w_gory .menu{
margin-top:95px;
width:200px;
height:350px;

float:left;
text-align:left;

}


#w_gory .menu ul{

margin-top:10px;
margin-left:1px;
padding:0px;
width:95%;
list-style-type: none;
}

#w_gory .menu ul li {
display:block;




	width:95%;
	height:25px;
	

}

#w_gory .menu a {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;

	color: #fdfe02;
	width:95%;
	height:15px;
	padding:5px;
display:block;
}
#w_gory .time  {
	display:block; 
	width:140px; 
	background-color:#000; 
	float:right; 
	text-align:center;
	font-size:10px;
	border-top:1px solid  #fcfe00;


}

#w_gory .menu li a:hover, #w_gory  .menu li .active  {
	
	text-decoration: none;
	background-color:#000;
	color:#deff00;
display:block;
width:95%;
height:15px;


}


#w_gory .body{
margin-top:43px;
margin-left:43px;
width:467px;
height:277px;
float:left;
text-align:left;
}

#w_gory .body h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffffff;
margin:4px;
}

#w_gory .body span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;

}

#w_gory .body_night{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
font-weight:bold;
width:20px;
background-color:#000000;
display:block;
margin-left:15px;
}

#w_gory .body a {
	
	color:#fcfe00;
	text-decoration:underline;

}
#w_gory .body a:hover {
	

	text-decoration:none;

}

#w_gory .weather{
width:65%;
float:left;

}

#w_gory .td1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
border-bottom:1px solid #8daadd;
}

#w_gory .td2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
border-left:1px solid #8daadd;
border-bottom:1px solid #8daadd;
text-align:center;
}
#w_gory .td22{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#5092b2;
border-bottom:1px solid #8daadd;
text-align:center;
}

#w_gory .td3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
border-left:1px solid #8daadd;
border-bottom:1px solid #8daadd;
text-align:center;
}

#w_gory .camera{
width:35%;
float:right;
text-align:right;
}

#w_gory .gallery{
margin-top:40px;
margin-left:43px;
width:467px;
height:82px;

float:left;
}


#w_gory2{
width:780px;
height:256px;
background-color:#fff;
background-image:url('../img/wgory2_bg.jpg');
background-repeat:no-repeat;
padding-left:33px;
color:#FFFFFF;
}

#w_gory2 .map{
margin-top:35px;
width:350px;
height:185px;
border:0px solid #fff;
float:left;
text-align:left;


}

#w_gory2 .video{
margin-top:35px;
margin-left:55px;
width:300px;
height:185px;
border:1px solid #fff;
float:left;
text-align:left;

}


#w_gory2 .td2{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
}
#w_gory2 .td22{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}
.scrollable {


	position:relative;
	overflow:hidden;
	width: 400px;
	height:110px;


}


.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	cursor:pointer;
}

.items div {
	float:left;
	width:400px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 5px 0px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable a{
	float:left;


	

}
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {

	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:35px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ clear:right; margin-right: 0px;

					background:url(../img/right_dark.png) no-repeat; 
					}
a.right:hover 		{ background-position:0px -18px; }
a.right:active 	{ background-position:0px -18px; } 


/* left */
a.left				{ margin-left: 0px; background:url(../img/left_dark.png) no-repeat; } 
a.left:hover  		{ background-position:0px -18px; }
a.left:active  	{ background-position:0px 18px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}