@charset "utf-8";
/* master reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; } 
fieldset,img {  border:0; } 
ol,ul { list-style:none; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 

a:link {color:#0099FF;text-decoration:none}     /* unvisited link */
a:visited {color: #0099FF;text-decoration:none}  /* visited link */
a:hover {color:#ff6600; text-decoration:none}   /* mouse over link */
a:active {color: #ff6600;text-decoration:none}  /* visited link */


body {font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(Images/body-bg.jpg) repeat-x top #fff;	margin: 0;	padding: 0;	text-align: center; color: #333;}
.clear{ clear:both;}
p{padding:5px 10px;}
h2{ font-family:"monotype Corsiva", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; padding:0 5px 7px 5px; float:left; }
h3{font-size:15px; font-weight:bold; margin-left:5px;}
span.Hightlight{text-align:center; background:#e5e5e5; display:block;}
ol {list-style:decimal;}
ol li{margin-left:25px; padding:5px;}
ul.hints li{margin-left:25px; padding:2px;}
#container {margin: 0 auto;text-align: left; background:url(Images/mailContainer-bg.png) top center no-repeat; background-position:0 135px; width:1200px; padding-bottom:25px;}
#header {height:130px;width:1200px; margin:0 auto; background:url(Images/head.jpg) no-repeat top center;}
#header h1 {height:125px; width:333px;text-indent:-5000px; float:left; }


#mainContent { width:920px;margin:20px auto;}

.Box900{ width:920px; float:left; margin:5px 0;background:url(Images/container-body.png) repeat-y;}
.Box900-cap{height:125px; background:url(Images/container-cap.png) no-repeat top;}
.Box900-body{background:url(Images/container-cap.png) no-repeat top; padding:20px 20px 5px 27px; z-index:10;}
.Box900-boot{height:53px; background:url(Images/container-boot.png) no-repeat bottom; margin-top:-10px; z-index:1;}


#hero { padding:2px; margin:0 auto; border:1px #CCC solid;}
#page { padding:10px 0; margin:0 auto; width:900px;}
#hero img{margin:0 auto; display:block;}

ul.Mini-Gallery  li{float:left; width:120px;}
ul.Mini-Gallery  li img{background-color:#FFF; padding:5px; border:#e5e5e5 1px solid;}

ul.Mini-Hero  li{float:left; width:225px;}
ul.Mini-Hero  li img{background:url(Images/frame-small.png) no-repeat center top; padding:16px 20px; width:160px;}

ul.Mini-Menu{width:500px; float:right;}
ul.Mini-Menu li{float:left; width:125px;}
ul.Mini-Menu li a, ul.Mini-MenuAbout li a{font-size:13px; font-weight:bold;}

ul.Mini-MenuAbout{width:550px; float:right;}
ul.Mini-MenuAbout li{float:left; padding-right:30px;}

#footer {min-height:200px;	background:#013C98 url(Images/footer-bg.png) top repeat-x; color:#FFF;}
#footer p {	padding: 25px 0;}
#footer .footer-menu{ padding-top:25px; font-size:11px; }
#footer .footer-menu a{color:#FFF;}
/* Menu */
#lava {
	float:left;
	margin-top:50px;
	position:relative;
	text-align:center;
	width:740px;
	height:40px;
}
#lava ul {/* remove the list style and spaces*/
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	/* position absolute so that z-index can be defined */
		position:absolute;
	/* center the menu, depend on the width of you menu*/
		left:180px;
	top:0;
	/* should be higher than #box */
		z-index:100;
	width: 570px;
}	
#lava ul li {		
		/* give some spaces between the list items */
		margin:0 15px;
		_margin:0 10px;
		/* display the list item in single row */
		float:left;
		line-height:36px;}	
#lava #box {		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 	left:0; top:0; 		
		/* should be lower than the list menu */
		z-index:50; 
		/* image of the right rounded corner */
		background:url(Images/tail.gif) no-repeat right center; height:36px;		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-10px;}	
#lava #box .head {
		/* image of the left rounded corner */
		background:url(Images/head.gif) no-repeat 0 0; height:36px;
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;}
	
#lava ul li a{color:#FFF; font-size:13px; font-weight:bold;}

/* Contact ------------------------------------------------------------------------------------------ */

form{
	padding:20px; margin-left:100px;	
}
input{
	padding:5px;
	border:#ccc 1px solid;
	width:300px;
}
select{	
	padding:5px;
	border:#ccc 1px solid;
	width:310px;}
	
textarea{
	padding:5px;
	border:#ccc 1px solid;
	width:300px;
	height:100px;
}
input.submit{
	width:125px;
	height:30px;
	text-align:center;
	
}
input.formbox-mini{width:50px; padding:2px; margin:2px;}
input.checkBox{width:60px; border:0;}

/* Gallery -------------------------------------------------------------------------------------------*/
#gallery {
		background:none;
		padding: 10px;
		margin-left:40px;
	}
	#gallery ul { list-style: none; padding:5px 20px; }
	#gallery ul li { display: inline;  }
	#gallery ul img { background:#FFF; padding:5px; border:#CCC 1px solid; margin:15px;	}
	#gallery ul a:hover img { background:#FFF; padding:5px; border:#CCC 1px solid;	}  
	#gallery ul a:hover {opacity:0.6; filter:alpha(opacity=60) }