/*
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/


.left															{ float: left}
.right															{ float: right}
.clear															{ clear:both; line-height:1px}
#topbar															{ background:#333333; height:7px; width:1020px; margin:0 auto}
#space															{ height:5px}
#space1															{ height:20px}
#sep															{ height:3px; width:1000px; background:#1699ba}
#footerbar														{ width:1020px; height:30px; background:#363636; margin:0 auto}
#exploreimg														{ position:absolute}
input 															{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:2px }


.wraper															{ background:#FFFFFF; width:1020px; margin:0 auto; -webkit-box-shadow: 0 0 64px rgba(0, 0, 0, 0.6) -moz-box-shadow: 0 0 64px rgba(0, 0, 0, 0.6); box-shadow: 0 0 64px rgba(0, 0, 0, 0.6);}
.wraper .container												{ width:1000px; margin:0 10px;}
.wraper .container .header										{ width:1000px;}
.wraper .container .menubar										{ background:#333333; width:1000px; height:28px}
.wraper .container .explore										{ background:url(../images/explorebg.jpg) repeat-x; height:16px; padding-top:4px}
.wraper .container .explore1									{ background:url(../images/explorebg.jpg) repeat-x; height:23px;}
.wraper .container .mainmatter									{ width:1000px; float:left}
.wraper .container .mainmatter .content							{ width:740px; padding-right:10px; position:absolute}
.wraper .container .mainmatter .rightmatter						{ width:250px; float:right; border:0px black color}
.wraper .container .mainmatter .rightmatter .box1				{ width:246px; border-top:4px solid #333333; border-left:1px solid #333333; height:350px}
.wraper .container .mainmatter .rightmatter .box2				{ width:246px; border-top:4px solid #333333; border-left:1px solid #333333; height:1600px} 
.wraper .container .mainmatter .rightmatter .box3				{ width:246px; border-top:4px solid #333333; border-left:1px solid #333333; height:128px}
.wraper .container .mainmatter .rightmatter .box4				{ width:246px; border-top:4px solid #333333; border-left:1px solid #333333; height:93px}
.wraper .container .footer										{ width:1000px;}



#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 8px 18px;
	background: #333333;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #148fa9}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}