@charset "utf-8";
/* CSS Document */
body {
	margin: auto 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#252525;
}
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
a {
	color:#03F;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#nav-wrapper {
	height:20px;
	width:100%;
	background:url(images/nav-bg.png) repeat-x bottom;
	margin:auto;
}
#nav {
	width:903px;
	margin:auto;
	font-weight:bold;
	font-size:12px;
	padding:10px 0px 0px 0px;
}
#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav li {
	float:left;
	margin:0px 40px 0px 0px;
	padding:0px;
}
#menu {
	float:right;
}
#nav a {
	color:#595959;
	text-decoration:none;
}
#nav a:hover {
	color:#03F;
}
/*global*/
img {
	border:0px;
}
#header-wrapper {
	margin:auto;
	width:665px;
}
#header {
	width:665px;
	float:left;
	margin-top:20px;
	background:url(images/logo.png) no-repeat;
	height:202px;
	margin-bottom:20px;
}


#optin {
	float:left;
	width:210px;
}
#optin .head {
	background:url(images/sidebar-head.png);
	width:293px;
	float:left;
	height:192px;
}
#optin .body {
	width:219px;
	float:left;
	padding-left:7px;
	padding-right:7px;
	background:url(images/sidebar-bg.png) repeat-y;
	margin-left:30px;
	padding-bottom:10px;
}
#optin .bottom {
	width:233px;
	float:left;
	height:2px;
	background:url(images/sidebar-bottom.png) no-repeat;
	margin-left:30px;
	margin-bottom:10px;
}
#optin .input-text {
	width:120px;
	border: 1px solid #CCC;
	padding:5px;
}
#container {
	width:656px;
	margin:auto;

}


#container p {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
.input-text {
	width:210px;
	border: 1px solid #CCC;
	padding:5px;
}
.textarea {
	font-size:14px;
	width:210px;
	height:100px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding:5px;
}
#footer-wrapper {
	background:url(images/footer-bg.png) repeat-x #0b0b0b;
	float:left;
	width:100%;
	clear:both;
	padding-bottom:20px;
	margin-top:10px;
}
#footer {
	width:656px;
	margin:auto;
	color:#9c9c9c;
	padding-top:15px;
	text-align:center;
}
#footer img {
	float:left;
}
#footer .comment {
	float:left;
	width:170px;
	margin-left:10px;
}
#footer .horz-line {
	width:100%;
	background:url(images/horz-line.png) repeat-x;
	height:3px;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}
#footer h2 {
	color:#FFF;
}
#footer-text {
	width:903px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	clear:both;
}
#footer a {
	color:#FFF;
}
#footer a:hover {
	text-decoration:underline;
}
#container-wrapper {
	position:absolute;
	left:0px;
	width:100%;
	background:url(images/container-bg.png) repeat-x center;
	height:564px;
	top:330px;
	z-index:-10;
}
#container-wrapper2 {
	position:absolute;
	left:0px;
	width:100%;
	background:url(images/container-bg.png) repeat-x center;
	height:564px;
	top:160px;
	z-index:-10;
}

#fullcontent {
	float:left;
	width:596px;
	min-height:552px;
	background:url(images/container.png) no-repeat;
	padding:40px 30px 30px 30px;
	
}
#sidebar {
	margin-top:30px;
	float:left;
	width:240px;
	padding:10px;
}
#ul-no {
	list-style:decimal;
}
#ul-no li {
	margin-bottom:20px;
}
#ul-square {
	list-style:square;
}
#ul-square li {
	margin-bottom:20px;
}

.photo {
	float:left;
	margin-right:10px;
}
.highlight {
	color:#FFF;
}
.success {
	color:#007ce6;
}
.tip {
	font-size:10px;
	font-style:italic;
	color:#666;
}
#gallery {
	margin:0px;
	padding:0px;
	float:left;
}
#ads {
	float:left;
	margin-left:30px;
}
.adsphoto {
	padding:3px;
	border:1px solid #d5d5d5;
	background:#FFF;
	margin-bottom:10px;
}
#ads-header {
	float:left;
	width:263px;
	clear:both;
	text-align:right;
	background:url(images/rotator-head.png) no-repeat right;
	height:22px;
}
.error {
	float:left;
	padding:10px 20px 5px 20px;
	background:#fff2f2;
	border:1px solid #ffe4e4;
}
.small {
	font-size:12px;
	font-style:italic;
	color:#060;
}



/*smp*/
#center-wrapper{
	width:545px;
	margin:auto;
	
}

#box{
	width:505px;
	float:left;
	background:#def1ff;
	
	padding:20px;
}

.borderdash{	
border:3px dashed #b0d5f1;
}
.borderline{	
border:3px solid #b0d5f1;
}

.centertext{
	text-align:center;
}


.button {
    border: 5px solid #F00;
    background: #ccf;
}
.button:hover {
    border: 5px solid #0C0;
    background: #eef;
}