/*	[ Reset ]                                                       */<!-- -->
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*	background: transparent;*/ /*Note by Brian: will break IE 7 layout*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*	[ Basic HTML ]                                                  */<!-- -->
body {
	color:#000;
	margin:0;
	font-size:11px;
	background:#ffffff url('images/loading.gif') no-repeat center center;
}
a { color:#000; text-decoration:none;}
a:hover { 
	color:#ffffff; 
	text-decoration:none;

}

.alignleft { float:left; }
.alignright { float:right; }
.aligncenter,div.aligncenter{
	display: block;
   margin-left: auto;
   margin-right: auto;
}
.clear { clear:both; }

/*	[ Layout ]                                                      */<!-- -->

#container{
	margin:0;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;		
}
#panel{
	/*overflow:hidden;*/
	height:59px;
	margin:0;
	padding:0px 15px 0 15px;
	border-bottom:2px #666666 dotted;
	background:#ffffff url("images/repeat.jpg") repeat-x left top;
}

#logo{
	float:left;
	display:block;
	width:210px;
	height:58px;
	margin:0px 20px 0 0;
	padding:0;
	background:#ffffff url("images/logo.jpg") no-repeat left top;
}

#mainthemes{
	position:relative;
	float:left;
	/*width:250px;*/
	height:35px;
	line-height:20px;
	margin:5px 20px 0 0;
}

#subthemes{
	position:relative;
	float:left;
	/*width:150px;*/
	height:35px;
	line-height:20px;
	margin:5px 20px 0 0;
}
#colorthemes{
	position:relative;
	float:left;
	/*width:150px;*/
	height:35px;
	line-height:20px;
	margin:5px 20px 0 0;
}
#themeinfo{
	position:relative;
	float:left;
	/*width:280px;*/
	line-height:15px;
	margin:10px 5px 0 0;
}
#themeinfo a:hover{
		text-shadow:#000 0px 0px 2px, #000 1px 1px 4px,#000 1px 1px 8px;
		
}

.info{
	position:relative;
	display:block;
	height:20px;
	background:url(images/info.png) no-repeat 0 0;
	padding:0px 0 0 25px;
	margin:0px 0 5px 0;
}
.download{
	position:relative;
	display:block;
	height:20px;
	background:url(images/download.png) no-repeat 0 0;
	padding:0 0 0 25px;
	margin:0;
}
.thetext{
	padding-left:5px;
	color:#ffffff;
	text-shadow:#000 0px 0px 2px, #000 1px 1px 4px,#000 1px 1px 8px;
}
#close{
	position:absolute;
	top:28px;
	right:30px;
	height:30px;
	width:30px;
	background:url(images/close.png) no-repeat 5px 5px;
}
#close:hover{
	cursor:pointer;
	background:url(images/close.png) no-repeat 6px 6px;
	
}