/* Getting the new tags to behave */
video {display:block;}
source {display:block;}
section {display:block;}
progress {display:block;}
output {display:block;}
nav {display:block;}
meter {display:block;}
keygen {display:block;}
hgroup {display:block;}
header {display:block;}
footer {display:block;}
figure {display:block;}
figcaption {display:block;}
embed {display:block;}
details {display:block;}
datalist {display:block;}
command {display:block;}
canvas {display:block;}
audio {display:block;}
aside {display:block;}
article {display:block;}
time {display:inline;}

summary {display:inline;}

ruby {display:inline;}

rt {display:inline;}

rp {display:inline;}

mark {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body { 	 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#818181;
	min-width:980px;
	height:100%;
	background: url(../images/body-tail.gif) 50% 50%;
}
.main {
	width:980px; 	
	margin:0 auto;
	font-size:0.75em;
	line-height:1.6em;
}

a {
	color:#ffffb3;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}
.clear {
	clear:both; 
	width:100%; 
	line-height:0; 
	font-size:0;
	height:0;
	padding:0;
	margin:0;
}
.wrapper {
	width:100%; 
	overflow:hidden;
	position:relative;
}

p {
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 18px 0;
	text-shadow: 1px 1px 1px #000;
}
	.p1 {padding:17px 0 18px 0;}
	.p2 {padding:19px 0 18px 0;}
		#page5 form .p2 {padding:3px 0 6px 0;}
	.p3 {padding:0 0 15px 0;}
		#page5 .p3 {padding:0 0 16px 0;}
	.p4 {padding:0 0 9px 0;}
	.p5 {padding:18px 0 0 0;}
	.p6 {padding:0;}
	.color-1 {color:#fbfbfb;}
	.color-2 {color:#ffffb3;}
.fright {float:right;}
.fleft {float:left;}
strong {
	color:#fbfbfb;
	font-weight:normal;
}
.alignright {text-align: right;}

/*********************************lists**********************************/
.list-1 li {
	display:block;
	line-height:30px;
}
	.list-1 li a {
		color:#ffffb3;
		font-size:12px;
		background:url(../images/marker-1.gif) no-repeat 0 4px;
		padding:0 0 0 16px;
	}
ul.extra {
	margin:-6px 0 0 0;
}
/*********************************boxes**********************************/
.img-indent {
	float:left;
	margin:22px 21px 0 0;
}
.img-indent-2 {
	float:left;
	margin:6px 20px 0 0;
}
.img-indent-bot {
	margin:0 0 18px 0;
}
	#page4 .img-indent-bot {
		margin:22px 0 18px 0;
	}
.img-indent-bot-2 {
	margin:0 0 22px 0;
}
.box-1 {
	background:url(../images/box-1-tail.gif) repeat-x;
	box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	padding:19px 22px 18px 22px;
	overflow:hidden;
}
	#page6 .box-1 {
		background:url(../images/box-1-extra-tail.gif) repeat-x;
		padding:19px 22px 17px 22px;
		}
	.box-1 .date {
		color:#36b3ce;
		display:block;
		font-size:12px;
		text-align:right;
		padding:0 3px 0 0;
		margin:-5px 0 0 0;
	}
	.box-1-border {
		background: url(../images/box-1-separator.gif) no-repeat right 16px;
		padding:0 16px 0 0;
	}
	.box-1 p {
		color:#ebebeb;
		padding:0 0 0 14px;
	}
	.box-1 .button-1 {
		background:url(../images/button-1-bg.png) no-repeat 0 0;
		display:block;
		width:75px;
		height:75px;
		overflow:hidden;
		margin:-2px 0 0 0;
	}
		.box-1 .button-1:hover {
			background:url(../images/button-1-bg.png) no-repeat 0 -77px;
		}
	.box-1 .button-3 {
		background:url(../images/button-3-bg.png) no-repeat 0 0;
		display:block;
		width:36px;
		height:36px;
		overflow:hidden;
		margin:-2px 0 0 0;
	}
		.box-1 .button-3:hover {
			background:url(../images/button-3-bg.png) no-repeat 0 -36px;
		}
	.box-1 h4 a:hover {
		color:#fff;
		text-decoration:none;
	}
.box-2 {
	background:url(../images/box-2-tail.gif) repeat-x;
	overflow:hidden;
	padding:18px 0 10px 0;
	box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	margin:0 0 5px 0;
	min-height:108px;
}
	.box-2 .forum-info-1 {
		padding:6px 0 0 50px;
		background:url(../images/forum-info-1-bg.gif) no-repeat 0 15px;
	}
	.box-2 .forum-info-2 {
		padding:6px 0 0 50px;
		background:url(../images/forum-info-2-bg.gif) no-repeat 0 15px;
	}
.img-box {
	background:url(../images/img-box-tail.png);
	padding:1px;
	float:left;
}
	.img-box img {
		background:#272727;
		padding:7px;
	}
	#page4 .img-box a:hover img {
		background:#434343;
	}
/*********************************indents**********************************/
.padding-1 {padding:19px 0 0 0;}
	#page7 .padding-1 {padding:49px 0 0 0;}
	#page6 .padding-1 {padding:49px 0 0 0;}
	#page5 .padding-1 {padding:49px 0 0 0;}
	#page4 .padding-1 {padding:49px 0 0 0;}
	#page3 .padding-1 {padding:49px 0 0 0;}
	#page2 .padding-1 {padding:49px 0 0 0;}
.padding-2 {padding-left:18px;}
	#page2 .padding-2 {padding:38px 0 0 0;}
	#page5 .padding-2 {padding:20px 0 0 0;}
	#page4 .padding-2 {padding:20px 0 0 0;}
	#page6 .padding-2 {padding:10px 0 0 0;}
.padding-3 {padding-right:26px;}
	#page6 .padding-3 {padding:0 0 0 38px;}
.padding-4 {padding:0 10px;}
	#page6 .padding-4 {padding:0 0 0 20px;}
.padding-5 {padding-bottom:31px;}
	#page3 .padding-5 {padding-bottom:39px;}
.padding-6 {padding:8px 0 0 0;}
	#page3 .padding-6 {padding:22px 0 15px 0;}
	#page5 .padding-6 {padding:16px 0 0 0;}
	#page7 .padding-6 {padding:18px 0 0 0;}
.padding-7 {padding:0 0 22px 0;}
/*********************************other**********************************/
.hr {
	height:2px;
	background:url(../images/hr-line-tail.gif);
}
#top-slider {
	box-shadow:0 4px 6px #181818;
	-moz-box-shadow:0 4px 6px #181818;
	-webkit-box-shadow:0 4px 6px #181818;
	min-height:214px;
}
blockquote {
	background:url(../images/blockquote-bg.gif);
	margin:22px 0 0 0;
	min-height:174px;
	position:relative;
}
	blockquote .inner {
		padding:25px 35px 10px 67px;
		font-style:italic;
		font-size:12px;
		line-height:18px;
	}
	blockquote .caption {
		position:absolute;
		bottom:2px;
		left:66px;
		font-size:12px;
		line-height:18px;
		color:#fbfbfb;
	}
.photo-number {
	font-size:12px;
	line-height:18px;
	padding:5px 0 0 0;
}
.price {
	color: #ffffb3;
	font-size: 12px;
	line-height: 22px;
	display: block;
	padding: 2px 0 4px 0;
}
.post {
	overflow:hidden;
	padding:0 0 4px 0;
}
.post-link-1 {
	background:url(../images/marker-2.gif) no-repeat 0 0;
	padding:0 0 0 31px;
	color:#ffffb3;
	margin:0 25px 0 0;
}
.post-link-2 {
	background:url(../images/marker-3.gif) no-repeat 0 0;
	padding:0 0 0 30px;
	color:#ffffb3;
}
	.post-link-2:hover {
		color:#fbfbfb; 
		text-decoration:none;
	}
	.post-link-1:hover {
		color:#fbfbfb; 
		text-decoration:none;
	}
.forum-header {
	padding:18px 0 0 0;
	overflow:hidden;
}
.forum-row {
	overflow:hidden;
	padding:20px 0 4px 0;
}
.forum-topic p {
	padding:0 0 18px 43px;
}
.forum-topic p.theme {
	padding:0 0 8px 0;
}	
	.forum-topic p.theme a {
		color:#fbfbfb;
		background: url(../images/forum-topic-marker.gif) no-repeat 1px 2px;
		padding:0 0 0 43px;
	}
	.forum-topic p.theme a:hover {
		color:#ffffb3;
		text-decoration:none;
		background: url(../images/forum-topic-marker.gif) no-repeat 1px -16px;
	}
/*********************************slider**********************************/
#faded { margin:0 auto; }
.padding-2 ul.pagination {display:block;}
ul.pagination {
	list-style:none; 
	padding:3px 5px 0 5px; 
	margin:0; 
	overflow:hidden; 
	float:left;
	display:none;
}
ul.pagination li {float:left; line-height:18px;}
*+html ul.pagination li {float:left; line-height:18px; padding:3px 0 0 0;}
ul.pagination li a {
	padding:2px 6px 2px 7px; 
	text-shadow: 1px 1px 1px #000;
	font-size:12px;
	color:#818181;
}
ul.pagination li a:hover {text-decoration:none; color:#fbfbfb;}
ul.pagination li.current a {color:#fbfbfb;}
#faded { width:100%; }
#page4 #faded .slider {
	overflow:hidden;
	height:708px;
}
#page5 #faded .slider {
	overflow:hidden;
	height:681px;
}
a { outline:0; border:0; }
#faded .slider li {
	padding:0 0 21px 0;
}
	#page4 #faded .slider li {
		padding:0 0 8px 0;
	}
.prev {
	float:left;
	background:url(../images/prev-arrow.gif) no-repeat 0 0;
	padding:3px 0 5px 34px;
	margin:0 5px 0 0;
}
.next {
	float:left;
	background:url(../images/next-arrow.gif) no-repeat right 0;
	padding:3px 34px 5px 0;
	margin:0 0 0 9px;
}
/*********************************header*************************************/
header {
	background:url(../images/main-tail.gif) 50% 50%;
	position:relative;
	z-index:10;
}
	.header-bg {background:url(../images/header-tail.gif) repeat-x;}
	header .inner {
		padding:46px 5px 28px 5px;
	}
	header h1 {float:left;}
	header h1 a {
		display:block;
		font-size:36px;
		line-height:44px;
		color:#fff;
		font-family: 'Lobster', cursive;
		letter-spacing:-1px;
	}
		header h1 a:hover {text-decoration:none;}
	
	header .slogan {
		float:left;
		color:#676767;
		font-size:12px;
		line-height:18px;
		padding:18px 0 0 23px;
	}
/*********************************navigation**********************************/
header nav {
	float:right;
	padding:9px 0 0 0;
}
.sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			135px;
	height:auto;
	background:url(../images/sub-nav-tail.png);
	padding:10px 0 7px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
} 
.sf-menu li {
	float:left;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/nav-tail.gif) repeat-x 0 0;
	margin:0 0 0 1px;
}
.sfHover {
	z-index:10;
	box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
}
.sf-menu a {
	font-size:15px;
	line-height:20px;
	display:block;
	padding:7px 16px 9px 16px;
	color:#676767;
	text-decoration:none;
}
		.sf-menu a.active {
			color:#fff;
		}
		.sf-menu a:hover {
			color:#fff;
		}
		.sf-menu li.sfHover a {
			color:#fff;
		}
		.sf-menu li.active {
					background:url(../images/nav-tail.gif) repeat-x 0 -36px;
					box-shadow:0 0 2px #000;
					-moz-box-shadow:0 0 2px #000;
					-webkit-box-shadow:0 0 2px #000;
		}
		.sf-menu li:hover {
					background:url(../images/nav-tail.gif) repeat-x 0 -36px;
					box-shadow:0 0 2px #000;
					-moz-box-shadow:0 0 2px #000;
					-webkit-box-shadow:0 0 2px #000;
		}
		.sf-menu li.sfHover {
					background:url(../images/nav-tail.gif) repeat-x 0 -36px;
					box-shadow:0 0 2px #000;
					-moz-box-shadow:0 0 2px #000;
					-webkit-box-shadow:0 0 2px #000;
		}
.sf-menu ul li {
	display:block;
	line-height:30px;
	padding:0 0 0 14px;
	float:none;
	background:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
        .sf-menu li li:hover {
					background:url(../images/nav-tail.gif) repeat-x 0 -36px;
					box-shadow:none;
					-moz-box-shadow:none;
					-webkit-box-shadow:none;
					background:none;
		}
	 	.sf-menu li.sfHover ul li a {
			padding:0;
			display:inline;
			font-size:12px;
			color:#7c7c7c;
			background:none;
			box-shadow:none;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
		}
		.sf-menu li.sfHover ul li a:hover {
			color:#ffffb3;
		}
.sf-menu li.sfHover ul {
	left:			-1px;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
.sf-menu li:hover ul {
	left:			-1px;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li:hover li ul {
	top:			-999em;
}
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover li ul {
	top:			-999em;
}
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li li:hover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-sub-indicator {
	display:none;
}

/*********************************headers*************************************/
#content .box-1 h3 {
	color:#f4f4f4;
	font-size:36px;
	line-height:44px;
	padding:0;
}
#content .box-1 h4 {
	color:#ffffb3;
	font-size:18px;
	line-height:22px;
	background:url(../images/marker-1.gif) no-repeat 0 22px;
	padding:14px 0 0 15px;
}
	#page6 #content .box-1 h4 {
		padding:0 0 0 15px;
		background:url(../images/marker-1.gif) no-repeat 0 8px;
		margin:-6px 0 0 0;
	}
	#page6 #content .forum-header h4 {
		color:#fbfbfb;
		padding:0 0 1px 0;
		margin:0 0 -1px 0;
	}
#content h3 {
	color:#f4f4f4;
	font-size:24px;
	line-height:30px;
	padding:0 0 12px 0;
}
	#content h3.hp-1 {padding:0 0 22px 0;}
	#content h3.hp-2 {padding:0 0 28px 0;}
#content h4 {
	color:#ffffb3;
	font-size:18px;
	line-height:24px;
	padding:0 0 19px 0;
	font-weight:normal;
}
	#content h4.hp-1 {padding:0 0 14px 0;}
/*********************************content*************************************/	
#content {
	padding:0 0 53px 0;
	position:relative;
	z-index:5;
	background:url(../images/main-tail.gif) 50% 50%;
}
	#page2 #content {padding:0 0 55px 0;}
	#page3 #content {padding:0 0 31px 0;}
	#page4 #content {padding:0 0 42px 0;}
	#page5 #content {padding:0 0 42px 0;}
	#page6 #content {padding:0 0 49px 0;}
	#page7 #content {padding:0 0 33px 0;}
	
.slider-img {
	box-shadow:0 4px 6px #181818;
	-moz-box-shadow:0 4px 6px #181818;
	-webkit-box-shadow:0 4px 6px #181818;
}
#content article.a1 {padding:22px 0 0 0;}
#content article.a2 {padding:23px 0 0 0;}

#page1 .buttons {padding:11px 0 14px 0; overflow:hidden;}
#page1 .a2 .buttons {padding:7px 0 0 0; overflow:hidden;}
#page2 .buttons {padding:12px 0 0 0; overflow:hidden;}
#page4 .buttons {padding:12px 0 16px 0; overflow:hidden;}
.button-2 {
	color:#ffffb3;
	font-size:12px;
	line-height:16px;
	padding:5px 16px 7px 16px;
	background:url(../images/button-2-tail.gif);
	border:1px solid #191919;
	text-transform:capitalize;
	display:inline-block;
}
	.button-2:hover {
		text-decoration:none;
		color:#fff;
		background:url(../images/button-2-tail.gif) 0 -28px;
	}
/****************************forms************************/
#sort-form {
	width:239px;
	margin:-2px;
}
#sort-form label {
	font-size:12px;
	line-height:18px;
	padding:4px 2px 0 0;
}
#login-form {
	padding:17px 0 11px 0;
	overflow:hidden;
	width:386px;
}
	#login-form input {
		padding: 0 0 0 10px;
		width:150px;
		height:24px;
		display:block;
		float:left;
		background:#272727;
		border:1px solid #343434;
		color:#818181;
		margin:0 8px 0 0;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#login-form input.pass {margin:0;}
#community-form {
	padding:7px 0 0 0;
}
form.jqtransformdone label{
	display: block;
	float:left;
	width:46px;
	padding-top:3px;
	cursor:default !important;
}
form.jqtransformdone div.row{
	clear:both;
	height:40px;
}
.row-2 {
	overflow:hidden;
	padding:4px 0 24px 0;
}
.form-extra {
	padding:4px 0 0 0;
}
	.form-extra a {
		color:#ffffb3;
		font-size:12px;
	}
		#community-form a:hover {
			color:#fbfbfb;
			text-decoration:none;
		}
.form-btns {
	float:left;
	padding:0 0 0 6px;
	margin:-2px 0 0 0;
}
	.form-btns .button-2 {
		padding:5px 15px 7px 15px;
		cursor:pointer;
	}
/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(../images/input_left.gif) no-repeat left top;
	height: 26px;
	padding: 0px;
	float:left;
	width:223px !important;
}

.jqTransformInputInner {
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 26px;
	margin:0px 0px 0px 0;
	overflow:hidden;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: middle;
	color:#818181;	
	border: none;
	padding: 4px 0px 3px 6px;
	margin: 0px;
	background:transparent;
	float:left;
	outline:none;
	width:217px !important;
}


.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}
/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width:188px !important;
	position:relative;
	height: 28px;
	background: url(../images/select_left.gif) no-repeat top left;
	float:left;
	z-index:20;
}
	#page5 .jqTransformSelectWrapper {
		margin:0 20px 0 0;
		width:140px !important;
	}
.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 10px;
	overflow: hidden;
	cursor:pointer;
}
	#page4 .jqTransformSelectWrapper div span {
		padding:4px 0 0 10px;
	}
.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 28px;
	height: 28px;
	background: url(../images/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	top: 28px;
	left: 0px;
	list-style: none;
	background-color: #272727;
	border: solid 1px #454545;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	z-index:100;
	width:185px !important;
}
	#page5 .jqTransformSelectWrapper ul {
		width:137px !important;
	}
.jqTransformSelectWrapper ul a {
	display: block;
	padding: 2px 3px 2px 10px;
	text-decoration: none;
	color:#818181;
	background-color: #272727;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #464646;
	color: #818181;
}

.jqTransformSelectWrapper ul a.selected:hover {
	background:#555;
	color: #818181;
}

.jqTransformSelectWrapper ul a:hover {
	background:#555;
	color: #818181;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}
/****************************footer************************/
footer {
	font-size:12px;
	line-height:18px;
}	
	footer .inner {
		padding:25px 20px 24px 20px;
	}
	footer strong {
		font-weight:normal;
		color:#fbfbfb;
		font-size:12px;
	}
	footer a {
		color:#ffffb3;
		font-size:12px;
	}
.Italic {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: large;
	color: #FFFFB3;
	font-style: italic;
}