/* `Default
----------------------------------------------------------------------------------------------------*/

html {
	background: #152e44 url('../img/bg-body.png') repeat;
	color: #cce5fb;
}
body {
}

/* `Header
----------------------------------------------------------------------------------------------------*/
.wrapperhead {
	background: transparent url('../img/bg-headwrap.png') repeat-x 0 70px;
	float:left;
	width: 100%;
}

#header {
	background: url('../img/bg-header.png') no-repeat center 70px;
}
#header h1 {
	background: url('../img/logo-3131alabama.png') no-repeat 0 0;
	height: 196px;
	margin: 29px auto 0;
	text-indent: -999em;
	width: 410px;
}


/* `Main
----------------------------------------------------------------------------------------------------*/

#main {
	background: url('../img/bg-content.png') no-repeat center top;
	padding: 40px 0;
}
	#main .grid_6 {
		background: url('../img/bg-slider.png') no-repeat left top;
		float: right;
		padding: 10px;
	}
	#main h2 {
		background: url('../img/bg-ornament.png') no-repeat center bottom;
		color: #e0dac3;
		font-family: "Times New Roman", Georgia, serif;
		font-style: italic;
		font-weight: normal;
		font-size: 30px;
		padding-bottom: 25px;
		text-align: center;
	}

a#contact {
	background: url('../img/btn-contact.png') no-repeat center bottom;
	border: 0 none;
	cursor: pointer;
	display: block;
	outline: 0 none;
	height: 65px;
	text-indent: -999em;
	width: 228px;
}
a#contact:hover {background-position: 0 -65px;}
a#contact:active {background-position: 0 -130px;}

/* `Footer
----------------------------------------------------------------------------------------------------*/
.wrapperfoot {
	background: transparent url('../img/bg-footwrap.png') repeat-x 0 0;
	float:left;
	width: 100%;
}

#footer {
	padding-top: 30px;
	text-align: center;
}

#footer p {
margin-bottom: 5px;
}

/* `Slider
----------------------------------------------------------------------------------------------------*/

#slider {
   width: 440px; /* important to be same as image width */
   height: 330px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#sliderContent {
   width: 440px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
	#sliderContent li {list-style: none; margin: 0;}

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

.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 440px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -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; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       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;
}