/* CSS Document */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 16px;
 color:#333;
  background-image:url(pics/background.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
#wrapper { 
 margin: 200px auto;
 width: 800px;
 }
 #left{
 width: 400px;
 height: 270px;
 float:left;
 padding: 0;
 }
 #right{
 width: 360px;
 height: 285px;
 float:left;
 padding: 20px;
 }
 #left_two{
 width: 360px;
 height: 230px;
 float:left;
 background: #eee;
 padding: 10px 20px 20px 20px;
 margin: 0 25px 20px 0;
 }
 #right_two{
 width: 360px;
 height: 230px;
 float:left;
  margin: 0 0 20px 0;
 }
 #footer{
 width:780px;
 height: 25px;
 clear: both;
 padding: 10px;
 border-top: 1px solid #ccc;
 font-size: 11px;
 }
 #hr {
height: 0;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ccc;
}
.formfield {
 font-size : 11px;
 font-family: "Verdana", Helvetica, sans-serif;
 padding: 5px;
 color : #666;
 border:1px solid #ccc;
}
 form {
 border: 1px solid #ccc;
 padding: 8px;
 background: #fff;
 font-size: 11px;
 height: 230px;
}
a:focus { -moz-outline-style: none; }/*this avoids having image replacement sections display a dotted outline*/

	#dhtmlgoodies_slideshow{
		width:360px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:0px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 200px;	/* IE 5.x */
		height/* */:/**/200px;	/* Other browsers */
		height: /**/200px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:90px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:5px 0 0 0;
		
		/* CSS HACK */
		height: 90px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/90px;	/* Other browsers */
		height: /**/90px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:30px;
		left:26px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
.tel {
	font-size: larger;
	font-weight: bold;
}