@charset "utf-8";
/* CSS Document */
body
{
background-image:url(img/bggradient.gif);
background-repeat:repeat-x;
}
#wrapper {
	margin:auto;
	width:960px;
	height:1034px;
	border:1px solid #000;
	background-color:#FFFFFF; 
	-moz-box-shadow: 10px 10px 5px #888;
} 
}
#bigheader {
	margin:auto;
	width:960px;
	height:254px;
	border:1px solid #000;
	background-color:#570f13;
}
#main {
	margin:left;
	width:960px;
	height:750px;
	background-image:url(img/maingradient.png); background-repeat: no-repeat;
	border:thin solid black;
	position:relative;
	font:Arial, Helvetica, sans-serif: color:#000;
}

#menu {
position: relative;
margin-left: 140px;
padding: 0px;
height: 58px;
display:inline-block;
color:#000000;
} 

#menu li {
background: url(http://www.twincitylufkin.com/img/Buttons.gif) 0 0 no-repeat;
height: 58px;
display:inline-block;
list-style: none;
margin-left:-5px;
color:#000000;
}
#menu a {
height: 58px;
display: block;
list-style:none;
} 

#menu li.home{
	width:83px;
	height:58px;
}

#menu li.home:hover{
	background-position:0px -58px;
}

#menu li.services{
	width:80px;
	height:58px;
	background-position:-75px 0px;
}

#menu li.services:hover{
	background-position:-75px -58px;
}
#menu li.location{
	width:80px;
	background-position:-143px 0px;
}

#menu li.location:hover{
	background-position:-143px -58px;
}
#menu li.testamonials{
	width:95px;
	background-position:-218px 0px;
}

#menu li.testamonials:hover{
	background-position:-218px -58px;
}
#menu li.pre{
	width:160px;
	background-position:-310px 0px;
}

#menu li.pre:hover{
	background-position:-310px -58px;
}
#menu li.aboutus{
	width:70px;
	background-position:-465px 0px;
}

#menu li.aboutus:hover{
	background-position:-465px -58px;
}
#menu li.contact{
	width:100px;
	background-position:-530px 0px;
}

#menu li.contact:hover{
	background-position:-530px -58px;
}
#s3slider {
   width: 960px; /* important to be same as image width */
   height: 244px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
	margin-left:-25px;
}

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

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

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   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.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 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;
}