* { margin: 0; padding: 0; border: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  }

html { background: url(../images/bg.jpg) center; }
body { background: url(../images/bg_top.jpg) repeat-x top center; }
html, body { height: 100%;	min-height: 100%; }

input[type=text], input[type=password], textarea { border: 1px solid #e5e5e5; }

.clear { clear: both; }

#container {
	position:relative;
	/* min-height: 100%; */
}

#wrapper { 
	position: relative; 
	width: 974px;
	margin: auto;
}

#header {
	padding: 15px 20px 0px 20px;
}

#header #nav {
	position: absolute;
	top: 55px;
	right: 20px;
}

#header #nav ul { list-style: none; float: right; }
#header #nav li { list-style: none; float: left; }
#header #nav li#first { border-right: 1px solid #fff; }
#header #nav li a { display: block; padding: 0 10px; text-decoration: none; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; letter-spacing: 1px; }
#header #nav li a:hover { color: #4949bd; }
#header #nav li.select a { color: #4949bd; }

#content_top {
	background: url(../images/paperback_top.png) no-repeat;
	height: 22px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 13px;
	background: url(../images/footer_best.png) no-repeat center;
}

#footer .content {
	width: 974px;
	margin: 10px auto 0;
	padding: 10px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
}

#content {
	position: relative;
	background: url(../images/paperback_mid.png) repeat-y;
	padding: 10px 27px;
	min-height: 300px;
}

#content { color: #444448; letter-spacing: 0.5px; }
#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #171515; letter-spacing: 1.5px; }
#content h1, #content p { padding-bottom: 10px; }

ul#sites ul, ul#sites li { list-style: none; }
ul#sites li { float: left; padding: 5px 2px; text-align:center; height: 230px; }
ul#sites li h2 { padding-bottom: 5px; color: #171515; }
ul#sites li a { display: block; border: 1px solid #fff; }
ul#sites li a:hover { border: 1px solid #c2c2c2; }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}



/* fieldstyle */

.fieldstyle { padding: 20px 0; line-height: 12px; }

.fieldstyle label { 
	display: inline-block; 
	width: 100px;
	padding-top: 6px;
	vertical-align: top;
	color: #000;
}
.fieldstyle label.content { width: auto; padding-right: 10px; }

.fieldstyle form p { padding: 0; margin-bottom: 5px; }

.fieldstyle input[type="text"], .fieldstyle textarea {
	vertical-align: top;
	display: inline-block; 
	width: 350px; 
	padding: 5px 7px;
	margin-right: 5px;
	background: #fcfcfc;
	border: 1px solid #c2c2c2;
	letter-spacing: 1px;
	outline: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.10) 0 0 8px;
}

.fieldstyle textarea {
	max-width: 350px; 
	height: 140px;
}


.fieldstyle input:hover, .fieldstyle textarea:hover,
.fieldstyle input:focus, .fieldstyle textarea:focus, .fieldstyle button:hover {
 border-color:  #c9c9c9;
 -moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
 -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
}


.fieldstyle input[type="text"]:hover, .fieldstyle textarea:hover { background-color: #fcfcfc; border: 1px solid #636363; }
.fieldstyle input[type="text"]:focus, .fieldstyle textarea:focus { background-color: #fff; border: 1px solid #444448; }

.fieldstyle input[type="text"].error, .fieldstyle textarea.error { background-color: #ffc2c2; border: 1px solid #b20202; }
.fieldstyle input[type="text"].error:focus, .fieldstyle textarea.error:focus { border: 1px solid #444448; }

.fieldstyle button { 
	padding: 5px 10px; 
	margin-left: 100px; 
	background: #c2c2c2; 
	border: 1px solid #c3c3c3; 
	color: #363636; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
  -webkit-box-shadow: rgba(0,0,0,0.15) 0 0 8px;
	cursor: pointer;
}
.fieldstyle button:hover { background: #3e3e3e; color: #ffffff; border: 1px solid #c2c2c2; }

.fieldstyle span.error { 
	padding-top: 0px; 
	display: inline-block; 
	background: url(../images/cross.png) no-repeat bottom; 
	width: 16px; 
	height: 21px;
	cursor: help;
}