/* CSS Document */
body {
	margin: 0px; padding:0;
	font-family:"century Gothic", Arial, sans-serif;
	color:#666666;
}

h1 {
font-size:20px;
color:#97C3EB
}
h2 {
font-size:14px;
color:#555555;
}

p {
font-size:12px;
color:#555555;
}
#mainContainer {width: 978px; padding-left:10px; margin:0 auto; margin-top:65px; position:relative}
#containWrapper {width:958px; height: 537px; padding-top:50px; border: solid 1px #cccccc}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}
#containWrapperShowit {width:958px; height: 650px; align: center; padding-bottom:20px; padding-top:20px; border: solid 1px #cccccc}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

/*height="590" width="610"*/
.slideShowShowit {width: 710px; height:610px; margin:10px auto; background-color:#ffffff}
.slideShowFrame {width: 706px; height:488px; margin:0 auto}
.slideShowFrameOthers {width: 846px; height:456px; margin:0 auto}
#logo {width:248px; height:60px; position:absolute; top:-33px; left:710px;}
#footer {width: 980px; text-align:center; height:60px; line-height:60px; font-size:12px; font-weight:normal; color:#999999; font-family: 'Century Gothic', Georgia, serif}


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 492px;
padding-right:20px;
height: 470px;
float:left;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: #FFFFFF;
margin: 0.3em auto;
outline:none;
}

/*..............Slideshows starts here....................*/

div.flashgallery{
		width:800px;
		margin:0 auto;
	}
	div.flashgallery ul.flashBox{
		margin:0px;
		padding:0px;
		clear:left;
		list-style:none;
		float:left;
		width:800px;
		height:200px;
	}
	div.flashgallery ul.flashBox li{
		margin:0px;
		padding:0px;
		width:260px;
		height:160px;
	}
	div.flashgallery ul.flashBox li h3.title{
		color:#868686;
		font-family:Kozuka Gothic Pro, Tw Cen MT, Arial,;
		font-size:13pt;
		font-weight:normal;
		margin:0px; 
		padding:0px;
		padding-bottom:10px;
		
	}
	div.flashgallery ul.flashBox li div{margin:0; padding:0;}
	
	div.flashgallery ul.flashBox li.first{
		float:left;
		padding-left:40px;
		padding-bottom:100px;
	}
	div.flashgallery ul.flashBox li.sec{
		float:right;
		padding-right:40px;
		padding-bottom:100px;
	}
	
	div.flashgallery ul.flashBox li.third{
		float:left;
		padding-left:40px;

	}
	
	
	
	/*..............Slideshows end here....................*/