* {
	margin:	 0;
	padding: 0;}
ul, li { list-style-type: none;}
a, a:link, a:hover, a:visited, a:active {
	color: #000;
	cursor: pointer;}

a { text-decoration: underline;}
a:hover { text-decoration: none;}

p {color: #353535}
.p2 {padding-bottom: 25px; font-size: 14px;}
em {color: #000; font-style: italic; font-weight: bold;}

.bold {font-weight: bold;}
.caps {text-transform: uppercase;}
.small {font-size: 13px;}

strong {font-weight: bold;}
	
.color1 {color: #000000;}
.color2 {color: #4A2C14;}
.capColor1 {text-transform: uppercase; color: #85621d;}

.left {float: left;}
.right {float: right;}

.hide {display: none;}
.clearFix {
	display: block;
	width: 1px;
	height: 1px;
	clear: both;}
.offscreen {
	position: absolute;
	left: -9997px;}
img {border: 0;}

#logo { /* Used for the logo */
	position: relative;
	top: 19px;
	left: 1px;
	z-index: 0;
	width: 255px;
	height: 51px;}
h1 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 47px;}
h2 { /* Used for main headings */
	font-size: 22px;
	margin-bottom: 10px;}
h3 { /* Used for secondary headings */
	color: #85621d;
	padding-bottom:5px;
	padding-top: 10px;}
h4 { /* Used for section headings ex. form headings */
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #85621d;
	padding-bottom:3px;
	text-transform: uppercase;
	border-top: 1px #d4d4d4 solid;
	padding-top: 10px;}
	#content-main h3 a, #content-main h4 a {
		color: #85621d;}
h5 {
	font-size: 14px;
	padding-top: 12px;
	padding-bottom: 3px;
	text-transform: uppercase;}
h6 { /* Used for alert or urgent headings */
	background-color: #5a3922;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 4px 13px 2px 13px;
	margin-bottom: 10px;
	display: block;
	text-align: center;
	letter-spacing: 2px;}
	#content-main h6 a, #content-main h4 a {
		color: #85621d;}

/*--------------- The CSS that's required for Transparent PNG's ---------------*/
/*Background PNG images can't be tiled. This is a limitation of the IE filter. Padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.*/
a, h1, #logo { behavior: url(css/iepngfix.htc) }

/*-------------------------- BUTTON/LINKS STYLES --------------------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;}
a.button {
    background: transparent url(../images/global/bg_button_a.gif) no-repeat scroll top right;
	color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;}
	a.button:hover {
	    background: transparent url(../images/global/bg_button_a.gif) no-repeat scroll top right;}
a.button span {
    background: transparent url(../images/global/bg_button_span.gif) no-repeat;
	color: #fff;
    display: block;
    line-height: 14px;
    padding: 6px 0 6px 18px;}
a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */}
a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 6px 18px; /* push text down 1px */}
a.download {
	background: transparent url(../images/global/btn_dnload2.gif) no-repeat scroll left 3px;
	padding-left:20px;
	color:#85621d;
    font: normal bold 12px arial, sans-serif;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;}
	
/*-------------------------- LIST STYLES --------------------------*/
.bul1, .bul2 {
	color: #353535;}
.bul1, .bul1 li{
	list-style-type:none;}
.bul1 {
	margin: 0 auto 14px auto;}
.bul1 li {
	background:transparent url(../images/global/bullet1.gif) no-repeat scroll left 5px;
	margin-bottom:5px;
	padding-left:20px;}
.bul2 {
	margin-bottom:.8em;
	padding-left:13px;}
.bul2 li {
	list-style-type:disc;
	margin-bottom:5px;}
.highlights {
		margin-bottom: 15px;}
.highlights li {
	padding-bottom:1.1em;
	background-color:#FFFFB0;
	padding-left:8px;
	padding-right:8px;
	margin-top:5px;}

/*-------------------------- GENERAL LAYOUT STYLES --------------------------*/
body {
	background: #fbfbed url(../images/global/background.jpg) repeat-x scroll center top;
	font: normal normal 13px/21px "Georgia", Times, serif;
	color: #353535;}
#container {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;}
#header {
	padding-bottom: 44px;
	position: relative;}
	#header li {
		zoom: 1; /*--- Fix padding for IE 7 so that border on hover works ---*/}
	#nav-main {
		position: absolute;
		top:41px;
		left: 290px;}
		#nav-main li {
			float: left;
			margin-right: 7px;}
		.nav-browse {
			background: url(../images/global/nav-browse.gif) no-repeat top left;
			width: 117px;
			height: 27px;
			display: block;}
			a.nav-browse:hover {
			background: url(../images/global/nav-browse.gif) no-repeat top right;}
		.nav-register {
			background: url(../images/global/nav-register.gif) no-repeat top left;
			width: 84px;
			height: 27px;
			display: block;}
			a.nav-register:hover {
			background: url(../images/global/nav-register.gif) no-repeat top right;}
		.nav-contest {
			background: url(../images/global/nav-contest.gif) no-repeat top left;
			width: 110px;
			height: 27px;
			display: block;}
			a.nav-contest:hover {
			background: url(../images/global/nav-contest.gif) no-repeat top right;}
		.nav-book {
			background: url(../images/global/nav-book.gif) no-repeat top left;
			width: 92px;
			height: 27px;
			display: block;}
			a.nav-book:hover {
			background: url(../images/global/nav-book.gif) no-repeat top right;}
		.nav-twitter {
			background: url(../images/global/nav-twitter.gif) no-repeat top left;
			width: 38px;
			height: 27px;
			display: block;}
			a.nav-twitter:hover {
			background: url(../images/global/nav-twitter.gif) no-repeat top right;}
		.nav-facebook {
			background: url(../images/global/nav-facebook.gif) no-repeat top left;
			width: 38px;
			height: 27px;
			display: block;}
			a.nav-facebook:hover {
			background: url(../images/global/nav-facebook.gif) no-repeat top right;}
			
	.user {
		text-align: right;
		position: absolute;
		top: 7px;
		right: 0px;
		width: 65%;}
#top-block, #bottom-block { background-color: #FCDE72; text-align: center; height: 90px; margin-bottom: 6px;}
#top-block a {
	display: block;
	width: 960px;
	height: 90px;}
	#top-block a:hover {}
#bottom-block a {
		display: block;
		text-align: center;
		width: 960px;
		height: 90px;}
		#bottom-block a:hover {}
#google-block {
	text-align: center;
	width: 100%;
	border-bottom: 1px #f2bd3d solid;}
#footer {
	float: right;
	margin: 10px 0 30px 0;
	color: #583a23;}
	
/*-------------------------- BROWSE BAR STYLES --------------------------*/
#browse-bar1 {
	overflow: hidden;
	padding-top: 16px;}
#browse-bar2 {
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 16px;
	clear: both;}
.pages {
	float: left;}
	.pages li{
		float: left;
		padding-right: 5px;
		padding-top: 1px;}
	.pages a {
		background: url(../images/global/browseButn.png) no-repeat 0 0;
		padding: 1px 0 2px 0;
		display: block;
		text-align: center;
		width: 24px;
		color: #fff;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;}
	.pages a:hover {
		color: #fff;
		background: url(../images/global/browseButn-over.png) no-repeat 0 0;}
	.pages a.selected {
		background: url(../images/global/browseButn-over.png) no-repeat 0 0;}
.browse-by {
	float: left;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;}
#google-bar {
	float: right;}
	
/*-------------------------- CONTENT STYLES --------------------------*/
#content {
	margin-top: 17px;
	position: relative;
	zoom: 1;}
	.cont-bkgd {
		background: url(../images/global/cont-bkgd.jpg) left top repeat-x;
		min-height: 200px;}
	.cont-bkgd2 {
		background: url(../images/global/cont-bkgd2.jpg) left top repeat-x;
		min-height: 200px;}

#content-main {
	float: left;
	width: 730px;
	font: normal normal 15px/22px "Georgia", Times, serif;
	color: #68462b;
	background-color: #fff;
	padding: 30px;
	min-height: 740px;}
#content-main p {
	padding-bottom:.8em;}
#content-main p a {
	color: #353535;}
#content-main .link-txt {
	background: #FFFFB0;
	text-decoration: none;}
	#content-main a.link-txt:hover {
		background: #f0e9a0;
		text-decoration: none;}
#content-main .left {
	padding: 0 19px 10px 0;}
#content-main .right {
	padding: 0 0 10px 10px;}
#content-main .alert { /* Reset to match alert class when in Main Content */
	padding-bottom: 5px;}
.alert {
	background-color:#ffc2aa;
	padding: 5px 16px;
	margin-top:5px;
	/*border-top: 1px dotted #ff5555;*/
	border-left: 3px solid #ff5555;
	font-weight: bold;}
#content-main .alert2 { /* Reset to match alert class when in Main Content */
	padding-bottom: 1px;}
.alert2 {
	font: normal normal 12px/21px Arial, Helvetica, sans-serif;
	color: #ff5555;
	padding-left: 18px;
	margin: 8px 0;
	background: url(../images/global/caution-icon.gif) 0 1px no-repeat;
	font-weight: bold;
	line-height: 15px;}
.alert3 {
	font-size: 12px;
	color: #ff5555;
	padding: 0 12px;
	font-weight: bold;}
#content-main input {
	line-height:18px;}
#content-main2 {
	float: left;
	width: 900px;
	font: normal normal 15px/22px "Georgia", Times, serif;
	color: #68462b;
	background-color: #fff;
	padding: 30px;
	min-height: 700px;}
	
/*-------------------------- CONTENT SIDE STYLES --------------------------*/
#content-side {
	float: right;
	right: 0px;
	top: 0px;
	zoom: 1;}
	#content-side li {
		margin-bottom: 10px;}
	.block-small {
		display: block;
		width: 125px;
		height: 125px;}
		a.block-small:hover {}
	
/*-------------------------- GALLERY STYLES --------------------------*/
#gallery {
	float: left;
	margin-top: 0px;
	width: 808px;}
	#gallery p {
		line-height: 25px;}
.bb-001 {
	background-color: none;
	padding: 0;
	margin: 0 0 16px 0;}
#gallery ul li {
	float: left;
	width: 182px;
	padding:0 19px 21px 0;
	position: relative;}
	#gallery ul div {
		background-color: #eec56a;
		margin-bottom: 3px;
		overflow: hidden;
		zoom: 1;
		padding: 5px 0 2px 0;}
		#gallery ul div.bb-001 {
			background-color: none;
			padding: 0;
			margin: 0;}
	#stars {
		padding-left: 5px;
		display: block;
		float: left;
		width: 97px;
		height: 16px;
		position: relative;
		left: 7px;
		top: 1px;}
		.stars-0-0 {
			background: url(../images/global/stars-0-0.gif) no-repeat 0 0;}
		.stars-0-5 {
			background: url(../images/global/stars-0-5.gif) no-repeat 0 0;}
		.stars-1-0 {
			background: url(../images/global/stars-1-0.gif) no-repeat 0 0;}
		.stars-1-5 {
			background: url(../images/global/stars-1-5.gif) no-repeat 0 0;}
		.stars-2-0 {
			background: url(../images/global/stars-2-0.gif) no-repeat 0 0;}
		.stars-2-5 {
			background: url(../images/global/stars-2-5.gif) no-repeat 0 0;}
		.stars-3-0 {
			background: url(../images/global/stars-3-0.gif) no-repeat 0 0;}
		.stars-3-5 {
			background: url(../images/global/stars-3-5.gif) no-repeat 0 0;}
		.stars-4-0 {
			background: url(../images/global/stars-4-0.gif) no-repeat 0 0;}
		.stars-4-5 {
			background: url(../images/global/stars-4-5.gif) no-repeat 0 0;}
		.stars-5-0 {
			background: url(../images/global/stars-5-0.gif) no-repeat 0 0;}
	.comments {
		color: #432813;
		font: bold normal 10px/10px Arial, Helvetica, sans-serif;
		display: block;
		float: right;
		width: 28px;
		height: 21px;
		padding-right: 8px;
		background: url(../images/global/comment.gif) no-repeat;
		text-align: center;}
		.comments a {
			color: #4a2c14;
			text-decoration: none;
			padding: 3px 2px 4px 2px;
			display: block;}
			
/*-------------------------- DETAIL PAGE STYLES --------------------------*/
.comment {
	border-top: 1px #d4d4d4 solid;
	position: relative;
	padding-top: 12px;
	margin-bottom: 30px;
	overflow: auto;
	zoom: 1;}
.big-logo {
	float: left;
	margin-bottom: 40px;
	border: #000 1px solid;}
#logo-info {
	position: relative;
	float: right;
	width: 340px;
	padding: 0 0px 40px 0;}
	#logo-info h3 {
		padding-top: 18px;
		padding-bottom: 5px;}
	#logo-info li {
		padding-top: 8px;}
.comment-info {
	float: left;}
	.comment h5 {
		width: 190px;
		font: bold 14px/18px Arial, Helvetica, sans-serif;
		padding-top:0px;}
	.comment h6 {
		width: 190px;
		font: normal normal 14px/18px Arial, Helvetica, sans-serif;
		color: #68462B;
		background-color: #fff;
		text-transform: none;
		padding: 0;
		margin-bottom: 0px;
		display: block;
		text-align: left;
		letter-spacing: 0;}
.comment-graphs {
	width: 540px;
	left: 210px;
	float: right;}
.prevNext {
	float: left;}
	.prevNext li {
		float: left;
		padding-right: 6px;
		padding-top: 1px;}
	.prevNext a {
		background: url(../images/detail/prevNextButn.png) no-repeat 0 0;
		padding: 1px 0 2px 0;
		display: block;
		text-align: center;
		width: 80px;
		color: #fff;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;}
	.prevNext a:hover {
		color: #fff;
		background: url(../images/detail/prevNextButn-over.png) no-repeat 0 0;}
	.prevNext a.selected {
		background: url(../images/detail/prevNextButn-over.png) no-repeat 0 0;}
		
/*-------------------------- STAR STYLES --------------------------*/
#starblock {
	background-color: #EEC56A;
	overflow: auto;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	padding: 6px 12px 1px 12px;
	zoom: 1;}
.rateavg {
	display: block;
	float: left;
	width: 132px;
	height: 23px;
	position: relative;
	top: 3px;}
.starTab {
	position: absolute;
	top: -18px;
	left: 0px;
	width: 262px;
	height: 18px;
	background: url(../images/detail/star-tab.gif) no-repeat 0 0;}
.starTab-login {
	position: absolute;
	top: -18px;
	left: 0px;
	width: 262px;
	height: 18px;
	background: url(../images/detail/star-tab-login.gif) no-repeat 0 0;}
.starTab-rated {
	position: absolute;
	top: -18px;
	left: 0px;
	width: 262px;
	height: 18px;
	background: url(../images/detail/star-tab-rated.gif) no-repeat 0 0;}
#starblock p {
	height: 20px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	padding-bottom: 0;}
	.average {
		color: #4A2C14;}
	.click-star {
		font-size: 10px;
		color: #4A2C14;
		padding-left: 5px;}
.comment-num {
	display: block;
	float: right;
	width: 40px;
	height: 29px;
	background: url(../images/detail/comment-big.gif) no-repeat;
	color: #4a2c14;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 4px;}
	.comment-num a {
		text-decoration: none;}
.StarClass {
    width: 23px;
    height: 23px;
    margin: 3px 3px 0 0;
    padding: 0px;}
.FilledClass {
    background-image: url(../images/detail/FilledStar.png);}
.EmptyClass {
    background-image: url(../images/detail/EmptyStar.png);}
.WaitingClass {
    background-image: url(../images/detail/SavedStar.png);}
.question {font-family:Tahoma; font-weight:bold; font-size:medium; width:600px;}

/*-------------------------- ACCOUNT PAGE STYLES --------------------------*/
#nameBlock {
	margin-bottom: 18px;
	margin-right: 23px;
	font-size: 15px;
	padding: 8px;
	background: #EEC56A url(../images/account/icon-user.gif) 12px center no-repeat;}
	#nameBlock p {
		padding-left: 35px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;}
.deleteLogo {
	width: 84px;
	height: 20px;
	position: absolute;
	top: 145px;
	left: 98px;
	background: url(../images/account/deleteLogoBtn.gif) no-repeat 0 0;}
	a.deleteLogo:hover {
		background: url(../images/account/deleteLogoBtn.gif) no-repeat top right;}
#edit-account {
	margin: 0 290px 40px 0;}
	
/*-------------------------- CONTEST PAGE STYLES --------------------------*/
.graphSection {
	padding: 20px 0 20px 0;}
.graphSection li {
	border-top: 1px #d4d4d4 solid;
	margin-top: 20px;
	padding-top: 15px;}
	.graphSection img {
		float: left;
		margin: 0 20px 10px 0;}
	.graphSection h3 {
		padding-top: 0px;
		display: inline; /* ie fix for getting text-indent margin/padding right */}
		
/*-------------------------- OTHER FORM STYLES --------------------------*/
#form-main {}
	.form-width1 {
		margin: 0 0 40px 0;}
	.form-width2 {
		margin: 0 290px 40px 0;}
	#form-main textarea {
		width: 100%;}
	#form-main p {
		padding-top: 12px;
		padding-bottom: 4px;}
	.checkbox {
		margin-right: 8px;}
.label1 input { /* input buttons stacked next to each other */
	margin: 8px 5px 5px 0;}
.label2 { /* input buttons on single line */
	display: block;
	margin: 12px 5px 5px 0;}
#textfield {
	font-size: 15px;
	margin-bottom: 5px;}
	#add-comment p {
		padding-top: 12px;}
input {
	}
		
/*-------------------------- UPLOAD LOGO STYLES --------------------------*/
.body2 {
		background: #fbfbed url(../images/global/background.jpg) repeat-x scroll 1000px top;
		font: normal normal 13px/21px "Georgia", Times, serif;
		color: #353535;
		margin: 30px;
		width: 588px;}
#uploadform {}
	#uploadform table td {
		padding: 8px 25px 8px 0;
		vertical-align: top;}
	.logodesc textarea {
		width: 100%;
		height: 60px;}
	.logofonts textarea {
		width: 100%;
		height: 24px;
		margin-top: 8px;}
	#uploadform label{}
	#uploadform .file {
		/*font-size: 1em;
		padding: 2px;
		width: 100%;*/}
	#uploadform .checkboxline {
		margin-top: 10px;
		margin-bottom: 5px;	
		display: block;}
	.submitbtn input {
		margin-top: 5px;}
.fieldbox {
	background-color: #FFFFB0;
	padding: 12px 21px 22px 21px;
	margin-top: 15px;}
.lowreslogo {
	float: left;
	width: 45%;}
.hireslogo {
	float: right;
	width: 45%;}
fieldset {
	border: 0px;}
		
/*-------------------------- UPLOAD LOGO STYLES --------------------------*/
.btn-noaccnt a:hover {
	background-position:right top;}
.btn-noaccnt a {
	background:transparent url(../images/account/noaccnt-bttn.jpg) no-repeat scroll left top;}
.btn-noaccnt a {
	display: block;
	position: absolute;
	float: right;
	height: 173px;
	width: 325px;
	top: 130px;
	right: 200px;}