@charset "UTF-8";
/* CSS Document */
body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	background:url('imgTarget/body.png') top center no-repeat;
}
a {text-decoration:none; color:#222;}
a:hover {text-decoration:underline;}
#wrapper {
	width: 1008px;
	margin:0 auto;
	position:relative;
}
#leftWrapper {background:url('imgTarget/leftShadow.png') top left  repeat-y;}
#rightWrapper {background:url('imgTarget/rightShadow.png') top right repeat-y;}
#logo {width: 166px; height: 170px; margin:0 auto; z-index:1;}
#logo a {display:block; text-indent:-9999px; background:url('imgTarget/logo.png') center center no-repeat; width: 166px; height: 170px; margin:0 auto; z-index:1; position:absolute;}
#page {margin: 0 4px; background:white; padding-bottom:50px;}
#content {padding-top:35px;}
#nav {background:#222 url('imgTarget/navLeft.png') top left no-repeat; z-index:0; margin-top:-50px; position:relative; height:33px;}
#nav a {color:white; line-height:33px; font-size:11px; padding:0 15px; text-transform:uppercase;}
#nav .inner {background:url('imgTarget/navRight.png') top right no-repeat;}
#footer {background:url('imgTarget/footer.png') bottom center no-repeat; min-height:50px; width:1008px; margin:0 auto 10px; font-size:11px; color:white;}
#footer .inner {background:#222 url('imgTarget/navLeft.png') top left no-repeat; height:33px; line-height:33px;}
#footer .inner .right {background:url('imgTarget/navRight.png') top right no-repeat; float:right; display:inline; padding:0 15px 0 0;}
#footer .inner .left {float:left; display:inline; padding:0 0 0 15px;}
#footer a {color:white;}
.byline {text-align:right; color:#222; margin-top:30px; width: 960px; margin:0 auto; font-size:11px;}
.byline a {color:#222;}
#header .info {
	font-size:12px;
	padding:47px 10px 0;
	position:absolute;
	width:250px;
	top: 0;
	left: 25px;
}
/*
	structure 
*/
.main {width:550px; float:left; display:inline; position:relative; margin: 0 40px 0 0;}
.side {width:370px; float:left; display:inline; position:relative; margin: 0;}
.box {margin-bottom:15px;}
/*
	.text class (site typho)
*/ 
.text {padding: 0 10px; line-height:18px;}
.text h1 {font-weight:100; margin:20px 0 10px; font-size:28px; line-height:36px;}
.text h2 {margin: 36px 0 18px; font-weight:900; font-size:24px; line-height:36px;}
.text h3 {margin:18px 0 9px; font-weight:900; font-size:18px;}
.text h4 {margin: 9px 0; font-weight:900; font-size:14px;}
.text strong {font-weight:900;}
.text p {font-size: 12px; margin:0 0 9px;}
.text li {font-size: 12px; margin:0; list-style: circle;}
.text ul, 
.text ol {padding:0 20px; margin: 9px 0 9px;}
.text td {font-size:12px; padding:2px 6px 2px 0;}

/*
	div with rounded corner
*/
.rounded { position:relative}
.rounded .corner {position:absolute; height: 5px; width: 5px; display:block; z-index:100;}
.tl	{top:0; left:0; background:url('imgTarget/tl.png');}
.tr {top:0; right:0; background:url('imgTarget/tr.png');}
.br	{bottom:0; right:0; background:url('imgTarget/br.png');}
.bl	{bottom:0; left:0; background:url('imgTarget/bl.png');}

/*
	specials 
*/
#startpage_promo, 
#startpage_promo .container,
#startpage_gallery {height: 204px;}

#startpage_gallery .imagecontainer {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
}
#startpage_gallery img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

/* #startpage_gallery img, */
#startpage_promo {overflow:hidden;}
#startpage_promo .header {background:url('imgTarget/black_80.png'); text-align:center; font-size:12px; font-weight:bold; line-height:50px; color:white;}

#submenu,
#startpage_featured {background:#f3f3f3; padding: 0 0 10px;}
#startpage_featured .header {font-size:22px; font-weight:100; padding:8px 10px 0; line-height:36px; margin:0 0 8px;}
#startpage_featured .text h2 {color:#8d783c; font-size:16px; font-weight:bold; border-top: 1px solid #ccc; padding: 10px 0 0; margin:0;}
#startpage_featured a {font-weight:bold; font-size:11px;}

#submenu ul {padding:10px;}
#submenu li {font-size:13px;}
#submenu a {display:block; padding:4px 6px;}
#submenu .odd  a {background-color:#f8f8f8;}
#submenu .even  a {background-color:#dedede;}

#book-form {background-color:#e0c989;}
#book-form form {padding:0 15px 15px;}
#submenu h1,
#book-form h1 {font-size:18px; font-weight:bold; text-align:left; padding:20px 14px 10px;}
#book-form label {font-size:12px;}
#book-form textarea,
#book-form input {float:right; border:2px solid #897439; padding:2px; width:230px;}
#book-form textarea {height: 80px;}
#book-form li {clear:both; margin:5px 0; overflow: hidden; }
#book-form li.button {overflow:hidden; padding:5px 0;}
#book-form li.button input {border:none; margin:2px; background: #897439; border: 2px solid #333; color: white; font-size:13px; width:auto; padding-left: 10px; padding-right: 10px; cursor: pointer;}

#book-form p.success,
#book-form p.error {
	color:green;
	font-size:12px;
	margin:0 15px 15px;
}
#book-form p.error {
	color:red;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 370px;
	height: 204px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}