/* CSS Reset */

* {margin:0; padding:0;}
a{
outline:none;
color:#FFFFFF;
text-decoration:none;
}

a:hover{
outline:none;
color:#999999;
text-decoration:none;
}

body {
	background-color: #000000;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:12px;	
	background:#000000 url(../images/body_bg.jpg) top center no-repeat;
	margin-bottom:50px;
}

#container {
width:960px;
margin:0 auto;
min-height:450px;
}

#header {
height:126px;
width:100%;
}

#header h1{
margin-left:10px;
padding-top:10px;
/*text-indent:-1000px;*/
font:30px Arial;
color:#FFFFFF;
}

/*round corner border*/

.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.jpg) 0 100% no-repeat}
.br {background: url(../images/br.jpg) 100% 100% no-repeat}
.tl {background: url(../images/tl.jpg) 0 0 no-repeat}
.tr {background: url(../images/tr.jpg) 100% 0 no-repeat; padding:5px} 

/*end of round corner border*/

/*nav menu*/
#navigation {
width:560px;
float:right;
margin-top:95px;
}

#navigation a
{
color: #CECECE;
background: url(../images/button_lef.jpg) left top no-repeat;
text-decoration: none;
padding-left: 6px;
font-weight:bold;
font-size:16px;
}

#navigation a span
{
background: url(../images/button_rig.jpg) right top no-repeat;
padding-right: 23px;
padding-left: 17px;
}

#navigation a, #navigation a span
{
display: block;
float: left;
height:31px;
line-height:26px;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none;
outline:none;
}
/* End hide */

#navigation a:hover
{
color: #000000;
background: url(../images/button_lef_hover.jpg) left top no-repeat;
padding-left: 6px;
outline:none;

}

#navigation a:hover span
{
background: url(../images/button_rig_hover.jpg) right top no-repeat;
padding-right: 23px;
padding-left:17 px;
line-height:26px;
}

#navigation .active
{
color: #000000;
background: url(../images/button_lef_hover.jpg) left top no-repeat;
padding-left: 6px
}

#navigation .active span
{
background: url(../images/button_rig_hover.jpg) right top no-repeat;
padding-right: 23px;
padding-left:17px;
line-height:26px;

} 
#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
margin: 0 2px;
list-style:none;
width:130px;
outline:none;
} 
/*end of nav menu*/

#container2{
/*background:url(../img/content_bg.gif) repeat-y top center;*/
background: #000000;
min-height:800px;
margin-bottom:14px;
overflow:hidden;
clear:both;
}


#footer{
clear:both;
color:#999999;
font:Arial;
font-size:12px;
line-height:24px;
text-align:center;
word-spacing:2px;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover{
color:#999999;
}
#footer .footertext a{
color:#999999;
}

#footer .footertext a:hover{
text-decoration:underline;;
}

/*h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #999999;
	margin:0;
	padding:0;
	font-weight:normal;	
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight:normal;		
}*/

p {
	margin: 0px;
	padding: 0px;
}
.content {
	font-family: Arial;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	font-size: 13px;
}

.content a{	
	color: #999999;
	text-decoration: none;	
	font-weight:bold;
}

.flash{
text-align:center;
background:#333333;
}

/*Search Box*/

fieldset.search {
	border: none;
	width: 390px;
	margin: 0 0 0 555px;	
}
.search input, .search button {
	border: none;
	float: left;
	margin-top:13px;
}
.search input.box {
	color: #CCCCCC;
	font-size: 14px;
	width: 340px;
	height: 30px;
	margin-right:5px;
	padding: 5px 5px 0;
	background: url(../images/search-box.gif) no-repeat;
	/*margin-right: 5px;*/
}
/*.search input.box:focus {
	background: #616161 url(../images/search-box.gif) no-repeat left -38px;
	outline: none;
}*/
.search button.btn {
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	margin-top:18px;
	background: url(../images/search_button.jpg) no-repeat top right;
}
/*.search button.btn:hover {
	background: #fbc900 url(../images/search_button.jpg) no-repeat bottom right;
}*/
/*End of search box*/

.beta_logo {
background:url(../images/beta.jpg) top  left no-repeat;
height:55px;
overflow:hidden;
}
.left_column{
float:left;
width:66%;
border-right:1px #333333 solid;
padding:5px;
margin-bottom:30px;

}
.right_column{
float:right;
width:31.5%;
padding:5px;
}
.left_column1{
float:left;
width:15%;
min-height:600px;
padding:5px;
vertical-align:middle;
text-align:center;
}

.right_column1{
float:right;
width:82%;
border-left:1px #333333 solid;
padding:5px;
margin-bottom:30px;
}
.clear{
clear:both;
}
.gallery{
width:100%;
height:235px;
/*min-height:235px;*/
margin-bottom:15px;
text-align:center;
}
.gallery h1{
background:url(../images/heading_bg.jpg) top left repeat-x;
font:Arial;
font-size:19px;
font-weight:bold;
color:#999999;
width:100%;
text-align:center;
padding:5px 0;
height:36px;
}

.browse h1{
background:url(../images/heading_bg.jpg) top left repeat-x;
font:Arial;
font-size:19px;
font-weight:bold;
color:#999999;
width:100%;
text-align:center;
padding:5px 0;
height:36px;
}


#breadcrumbs{
margin:20px 0 0 60px;
float:left;
overflow:hidden;
}
.pagination{
text-align:right;
padding:0 15px;
margin:4px 0;
}

.gallery_browse{
padding:7px;
}

.gallery_browse ul li{
margin:4px;
/*padding:7px;*/
display:inline;
}

/*.gallery_browse ul li span{
text-align:center;
margin:3px auto;
}*/
.gallery_browse ul li a img{
border:8px #262626 solid;
margin-bottom:50px;

}

.gallery_browse ul li a:hover img{
border: 8px solid #404040;
}

.gallery_detail{
padding:10px 0;
}
.htmlcode{
float:left;
overflow:hidden;
}
.gallery_detail ul li {
list-style:none;
background:#999999;
display:inline;
border:1px #333333 solid;
width:350px;
height:150px;
padding:10px;
margin:10px;
}
.gallery_detail img{
border:1px #333333 solid;
}
.gallery_detail ul li iframe{
border:1px #333333 solid;
width:350px;
height:150px;
padding:10px;
margin:10px;
}

.line{
border-bottom:1px #333333 solid;
}

.border{
border:1px #333333 solid;
}

.page {
background-color:#333333;
overflow:hidden;
height:25px;
font-weight:normal;
/*text-align:center;*/
}

.page h2 {
float:left;
background:#666666 url(../images/leftarrow.jpg) 5px center no-repeat;
display:block;
font-size:12px;
height:25px;
line-height:22px;
/*border:1px #666666 solid;*/
padding:0 8px 0 17px;
}

/*.pagedeactive h2 {
background:url(../images/leftarrow_off.jpg) 5px center no-repeat;
}*/
.page h3 {
float:right;
background:#666666 url(../images/rightarrow.jpg) 80px center no-repeat;
display:block;
font-size:12px;
height:25px;
line-height:22px;
/*border:1px #666666 solid;*/
padding:0 17px 0 8px;
}
/*.pagedeactive h3 {
background:url(../images/rightarrow_off.jpg) right center no-repeat;
}*/
.userplace{
padding:10px 0;
margin-top:10px;
border-top:1px #333333 dotted;
border-bottom:1px #333333 dotted;
overflow:hidden;

}
.rating{
float:left;
}
.rating img{
vertical-align:-5px;
}
.downloadlink{
float:right;
}