/* CSS Document */

body {
	background: url(../images/backGrad.gif) #FAE733 repeat-x;
	margin: 0 auto;
}

#siteBox {
	width: 769px;
	margin: 0 auto;
	padding: 0;
}

#siteBox p {
	margin: 5px 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}

#headBox {
	width: 769px;
	height: 124px;
	padding: 0;
}

#leftTop {
	width: 540px;
	float: left;
}

#leftTop h1 {
	width: 540px;
	height: 124px;
	background: url(../images/headTitle.gif) center top;
	text-indent: -2000px;
	display: block;
	margin: 0;
	padding: 0;
}

#leftContainer {
	width: 769px;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background: #CE6C14 url(../images/redTop.gif) top no-repeat;
}

#headBox p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #993300;
	margin: 0;
	padding: 0;
}

#leftBox {
	width: 769px;
	float: left;
}

#rightBox {
	width: 228px;
	margin: 0; padding: 0;
	float: right;
}

#rightBox p {
	margin: 0 0 10px 0;
	text-align: center;
}

.borderThis {
	border: 2px #FFFFFF solid;
}

#navBox {
	width: 162px;
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
}

#navBox p {
	margin: 0;
	padding: 0;
}

.navBoxImg {
	padding: 0;
	margin: 0;
	float: left;
}

#redBoxRed {
	width: 360px;
	background-color: #FFFFC3;
	border: 2px solid #FFFFFF;
	float: left;
	margin: 10px 0 0 0;
	padding: 5px;
}

#redBoxRed h1 {
	font: 21px Arial, Helvetica, sans-serif;
	color: #993300;
	margin: 5px 0;
}

#redBoxRed p {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 5px 0;
	text-align:left;
}

#rightSide {
	width: 228px;
	float: left;
	display:block;
	padding: 129px 0 0 0;
}

#rightSide p {
	margin: 0 0 7px 0;
	text-align: center;
}

/* s3 Slider Styles */

#s3slider {
   margin: 40px 0 0 0;
   width: 162px; /* important to be same as image width */
   height: 172px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
}

#s3sliderContent {
   width: 162px; /* important to be same as image width or wider */
   position: inherit; /* important */
   top: -15px; /* important */
   left: -40px;
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
	position: absolute;
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 374px;
	filter: alpha(opacity=70);
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7;
	color: #fff;
	display: none;
	top: 0;
	visibility: visible;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.offerBox {
	width: 184px;
	margin: 5px 0 0 0;
	float: left;
}

.offerBox2 {
	width: 184px;
	margin: 5px 0 0 6px;
	float: left;
}