@charset "utf-8";
@import url("new_files/css/navi.css");
@import url("new_files/css/textStyles.css");
@import url("new_files/css/mailer.css");
img, div { behavior: url(iepngfix.htc) }
html,body {
font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image:url(08/c_img/body_bg_2.jpg);
	background-repeat:repeat-x;
	background-color:#b7b7b7;
	margin: 0 auto;
	padding:0;
	height:auto !important;
	height: 100%;
	min-height: 100%;
	text-align:center;

}

#holder{
height:auto !important;
height: 100%;
width:944px;
margin:0 auto;
min-height: 100%;
}
#cont{
position:relative;
display:table;
border-top:none;
width:944px;
text-align:left;
background-image:url(08/c_img/contentBG.png);
background-repeat:repeat-y;
padding:0 0 20px 0;
margin:0
text-align:center;
}
#dataHolder{
position:relative;
width:904px;
padding:0 0 0 20px;
margin:0;
}
#top {
position:relative;
	height:80px;
	margin:0 0 0 0px;
	padding:0;
	width: 904px;
	background-image:url(08/c_img/logo.jpg)	;
}
#top_lower{
position:relative;
	height:200px;
	margin:0;
	padding:0;
	width: 902px;
	text-align:left;
	}
#clearer{clear:both;}	
#cont_area{
position:relative;
float:left;
margin:20px 10px 20px 20px ;
width:680px;
font:12px/14px Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
}

#left_area{
position:relative;
float:left;
width:170px;
font:11px/14px Arial, Helvetica, sans-serif;
color:#333333;
display:table;
margin:20px 0 0 0;

}
#footer{
display:block;
margin:0;
padding-left:60px;
width:884px;
font:10px/25px Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
height:65px;
background-image:url(08/c_img/footerbg.png)	
}
#case{
width:210px;
height:auto !important;
min-height:310px;
text-align:left;
margin:0 auto;
float:right;
}
#caseArea{
margin:5px 10px 10px 10px;
font:10px Arial, Helvetica, sans-serif;
color:#686868;
}
#caseThumbsArea{
position:relative;
text-align:center;
width: 170px;
margin: 0 auto;
}
#caseThumbsArea img{
margin-bottom:5px;
}
#contactinfo{
width:250px;
margin:10px 20px;
height:55px;
padding:0;
text-align:right;
float:right;
}

#casedataHolder{
float:left;
width:300px;
display:block;
overflow:hidden;
}
#txtarea{
position:relative;
float:left;
width:360px;
padding:0 20px 0 0;
}

#s3slider {
   width: 300px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3slider:hover {border:1px inset #ffffff;}
#s3sliderContent {
   width: 300px; /* important to be same as image width or wider */
   height: 300px;
   position: absolute; /* important */
   top: 0; /* important */
   margin: 0; /* important */
   padding:0;
}

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

.s3sliderImage span {
   position: absolute; /* important */
   font: 10px Arial, Helvetica, sans-serif;
   padding: 3px 15px;
   text-align:left;
   width: 270px;
   height:40px;
   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 */
   

   /*
       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
   */
}
#s3slider .bottom {
bottom:0;
left:0;
}
#s3slider .top {
	top: 0;
	left: 0;
	}
#s3slider .clear {
   clear: both;
}