* { font-size: 100.01%; }
html { font-size: 100%; }
body{
	margin:0;
	text-align: center;
	color:#8d7646;
	font:14px Arial,sans-serif;
	background:#ece8ca url(/templates/spotlets/images/bg.gif) repeat-x;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#8d7646;
}
a:hover{text-decoration:underline;}
input{
	font:11px Arial,sans-serif;
	vertical-align:middle;
}
form{
	margin:0;
	padding:0;
	border:none;
}
.main{
	margin:3px auto;
	width:962px;
	position:relative;
	padding-top:38px;
	text-align: left;
}
.block-holder {
	clear:both;
	width:100%;
	overflow:hidden;
}
/*header*/
#header{
	height:125px;
	position:absolute;
	top:0;
	left:0;
	width:958px;
	background:url(/templates/spotlets/images/header-bg.gif) no-repeat 0 0;
	padding-right:4px;
}
.holder{width:100%;}
.holder:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}
/*tabs*/
.tabs{
	margin:13px 0 0 0;
	list-style:none;
	float:left;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	padding:0 0 0 1px;
	height:25px;
}
.tabs li{float:left;}
.tabs a{
	padding-top:5px;
	display:block;
	text-align:center;
	background:url(/templates/spotlets/images/tab.gif) no-repeat;
	width:122px;
}
.tabs a:hover,
.tabs a.active{
	background-position:0 100%;
	text-decoration:none;
}
/*form*/
.form{
	float: right;
	padding:0 14px 0 10px;
	margin-right: -3px;
}
.text{
	width:150px;
	padding:1px 2px 3px;
	margin-top:1px;
}
.form input{
	border:1px solid #7F9DB9;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:14px;
	margin:7px 5px 0 0;
	padding:3px 0 2px 6px;
	width:155px;
	}

#header input {
	float:left;
	width:150px;
	font:12px/14px Arial, Helvetica, sans-serif;
	margin:7px 5px 0 0;
	padding:3px 0 2px 6px;
	border:1px solid #7f9db9;
}
/*nav-sub*/
.nav-sub{
	float:right;
	margin:0;
	padding:13px 0 0 0;
	font-size:12px;
	padding-right: 10px;
	height: 25px;
}
.nav-sub li{
	display:inline;
	list-style:none;
	background:url(/templates/spotlets/images/nav-sub-separator.gif) no-repeat 0 2px;
	padding:0 6px 0 8px;
}
.nav-sub li:first-child{background:none;}
/*logo*/
.logo{
	background:url(/templates/spotlets/images/logo.gif) no-repeat;
	width:144px;
	height:47px;
	text-indent:-9999px;
	float:left;
	margin:25px 0 0 50px;
}
.logo a{
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
}
/*navigation*/
#nav{
	margin:0;
	padding:0 0 0 207px;
	list-style:none;
	float:right;
	background:url(/templates/spotlets/images/nav-coner.gif) no-repeat;
	font-weight:normal;
	font-size:14px;
	display:block;
}
#nav li{
	float:left;
	background:url(/templates/spotlets/images/nav-separator.gif) no-repeat 0 1px;
	padding:0 1px;
	position:relative;
}
#nav li a{
	background:url(/templates/spotlets/images/nav-bg.gif) repeat-x 0 0;
	float:left;
	padding:53px 15px 3px;
	line-height:30px;
	display:block;
}
#nav li ul{
	position:absolute;
	top: -999em;
	margin:0;
	padding:0;
	width:134px;
	float:none;
	font-weight:normal;
	list-style:none;
	background:url(/templates/spotlets/images/drop-down-bg.png);
}
#nav li:hover ul{
	display: table;
}
#nav li li{
	float:none;
	background:url(/templates/spotlets/images/drop-down-line.gif) no-repeat 4px 100%;
	height:37px;
	text-align:center;
	vertical-align:top;
	padding:0;
}
#nav li ul li a{
	float:none;
	background:none;
	padding:0;
	text-align:center;
	color:#fff;
	line-height:36px;
}
#nav li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
#nav li:hover a,
#nav li.hover a,
#nav li.active a,
#nav li.sfHover a {
	text-decoration:none;
	background-position:0 100%;
	color:#fff;
}
* html #nav li.hover a {
	overflow:visible;
	height:1%;
}
#nav li:hover ul li:hover a,
#nav li.hover ul li.hover a,
#nav li ul li a:hover {
	background:#f4f1d9;
	color:#8d7646;
}

#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			86px;
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			175px;
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			175px;
	top:			0;
}


/*content*/
.content{
	padding:92px 0 10px 4px;
	background:url(/templates/spotlets/images/content-bg.png) repeat-y;
	overflow:hidden;
	width:957px;
}
/*main-column*/
#main-column{
	float:left;
	width:722px;
	padding-left:10px;
}
.flash{
	background:url(/templates/spotlets/images/flash-border.gif) no-repeat; 
	padding:4px 0 2px 4px;
}
.flash img{display:block;}

#main-column .inform-block{
	background:url(/templates/spotlets/images/main-border.gif) repeat-y;
	width:719px;
	margin-left:3px;
	position:relative;
}
.inform-block .top{
	overflow:hidden;
	width:100%;
	background:url(/templates/spotlets/images/main-bottom-bg.gif) no-repeat;
	padding-bottom:28px;
}
.inform-block .bottom{
	background: url(/templates/spotlets/images/main-bottom.gif) no-repeat 0 100%;
	padding-bottom:49px;
	width:717px;
}
.spotlets,
.webspot{
	float:left;
	width:356px;
	padding:36px 0 0 2px;
}
.spotlets img,
.webspot img{
	float:left;
	display:block;
	margin: 0 10px 15px 10px;
}
.webspot img{
	padding:17px 20px 20px 16px;
	}
	
.spotlets img{
	padding:0px 20px 25px 16px;
}
.spotlets div,
.webspot div{
	margin:0;
	padding:12px 15px 0 0;
	font-size:12px;
	line-height:17px;
}
.spotlets div p,
.webspot div p{margin:0;}
.inform-block .free,
.inform-block .mo{
	font-size:18px;
	font-weight:normal;
	position:absolute;
	bottom:7px;
	width:114px;
	height:30px;
	color:#fff;
	text-align:center;
	padding-top:6px;
}
* html .inform-block .free,
* html .inform-block .mo {bottom: 6px;}
.free{
	left:228px;
	background:url(/templates/spotlets/images/free.jpg) no-repeat;
}
.mo{
	right:19px;
	background:url(/templates/spotlets/images/button-webspot.jpg)
}
.free span{
	background:url(/templates/spotlets/images/free-separator.gif) no-repeat 100% 7px;
	padding-right:11px;
}
.mo span{
	background:url(/templates/spotlets/images/webspot-separator.gif) no-repeat 100% 7px;
	padding-right:11px;
}
a.free:hover,
a.mo:hover{text-decoration:none;}
/*sidebar*/
#sidebar{
	float:right;
	width:220px;
	background:url(/templates/spotlets/images/sidebar-bottom-bg.gif) repeat-y 0 0;
	font-size:24px;
	line-height:1em;
	font-weight:normal;
	color:#fff;
	margin-right: 3px;
}
#sidebar p{margin:0; line-height: 1.03em;}
#sidebar img{
	display:block;
	padding-left:7px;
}
.block-top{background:url(/templates/spotlets/images/sidebar-top.gif) no-repeat;}
.block-bottom div{padding:8px 21px;}
#sidebar .first-p{
	padding:10px 21px 25px;
}
.block-bottom{
	background:url(/templates/spotlets/images/sidebar-bottom.gif) no-repeat 0 100%;
	padding:10px 0;
	min-height:583px;
}
* html .block-bottom{height:583px;}
.block-bottom span{
	font-size:1.3em;
	line-height:1em;
	color:#e8e216;
}
/*footer*/
#footer{
	font-size:12px;
	padding-bottom:15px;
	background:#ece8ca;
	width: 962px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#footer ul{
	background:url(/templates/spotlets/images/footer-bg.gif) repeat-x;
	height:27px;
	list-style:none;
	font-size:14px;
	text-align:center;
	margin:0 4px 30px;
	padding:10px 0 0 0;
}
#footer ul li{
	display:inline;
	padding:0 16px;
}
#footer p{
	margin:0;
	text-align:center;
}
#footer span{
	text-align:center;
	display:block;
	font-size:12px;
	padding-top:15px;
	line-height:14px;
}
/*INNERPAGE*/
.innerpage{color:#7d6332;}
.innerpage #main-column{
	width:570px;
	float:right;
	padding:0 ;
}
#main-column img{display:block;}
.feature-image img {
	background: url(/templates/spotlets/images/feature-image-border.gif) no-repeat;
	padding: 4px 0 4px 4px; 
}
.caption{
	margin:0;
	text-align:right;
	font-size:10px;
	line-height:14px;
	color:#57492b;
}
.imagecaption{
	margin:3;
	text-align:right;
	font-size:10px;
	line-height:14px;
	color:#8d7646;
	padding-right:5px;
}
.block-left{
	float:left;
	overflow:hidden;
	width:760px;
	padding-left:9px;
}
/*main-column*/
.block-text{background:url(/templates/spotlets/images/block-text-bg.gif) repeat-y;}
.block-text .bottom{background:url(/templates/spotlets/images/block-text-botom.gif) no-repeat 0 100%;}
.block-text .top{
	background:url(/templates/spotlets/images/block-text-top.gif) no-repeat;
	padding:16px 33px 45px 20px;
	min-height:364px;
}
* html .block-text .top {
	overflow:visible;
	height:364px;
}
.block-text h1{
	margin:0;
	font:normal 24px Arial, sans-serif;
	color:#ff6b00;
	margin-bottom:6px;
}
.block-text h2{
	margin:0;
	font:normal 1.2em/0.5em Arial, sans-serif;
	color:#bac600;
	margin-bottom:18px;
}
.block-text p{
	margin:0;
	font-size:14px;
	line-height:1.5em;
	margin-bottom:18px;
}
/*sidebar*/
.block-left #sidebar{
	background:url(/templates/spotlets/images/sidebar-bg.gif) repeat-y;
	width:187px;
	float:left;
}
.block-left #sidebar .bottom{
	background: url(/templates/spotlets/images/inner-sidebar-bottom.gif) no-repeat 0 100%;
	padding-bottom:7px;
	min-height:602px;
}
* html #sidebar .bottom{height:602px;}
.heading{
	background:url(/templates/spotlets/images/sub-menu-top.gif) no-repeat;
	padding-left:4px;
}
.block-left #sidebar h3{
	margin:0;
	font:normal 18px/14px Arial, sans-serif;
	color:#73623d;
	background:url(/templates/spotlets/images/sub-menu-line.gif) no-repeat 0 100%;
	text-align:center;
	padding:14px 0;
}
.sub-menu-shade{
	background:url(/templates/spotlets/images/sub-menu-shade.gif) no-repeat 0 100%;
	margin-left:4px;
	padding-bottom:296px;
}
.sub-menu{
	margin:0;
	padding:0;
	list-style:none;
	font:16px/32px Arial,sans-serif;
}
.sub-menu li{
	background:url(/templates/spotlets/images/sub-menu-line.gif) no-repeat 0 100%;
	height:32px;
	vertical-align:top;
	padding-bottom:2px;
}
.sub-menu li a{
	background:url(/templates/spotlets/images/sub-menu-li.gif) repeat-x 0 0;
	display:block;
	color:#776846;
	text-align:center;
	width:179px;
}
.sub-menu li a:hover,li.active a{
	background-position:0 100%;
	color:#fff6d8;
	font-weight:normal;
	text-decoration:none;
}
/*sidebar-right*/
#sidebar-right{
	float:right;
	background:url(/templates/spotlets/images/sidebar-right-bg.png) repeat-y;
	width:187px;
}
#sidebar-right .bottom{background: url(/templates/spotlets/images/sidebar-right-bottom.gif) no-repeat 1px 100%;}
#sidebar-right .top{
		background:url(/templates/spotlets/images/sidebar-right-top.gif) no-repeat 1px 0;
		min-height:610px;
		padding: 4px;
}
* html #sidebar-right .top{height:610px;}