@charset "UTF-8";
/* CSS Document */


/*--------------------PAGE LAYOUT SETTINGS------------------*/
body {font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;color:#666666;font-weight:100;background:url(../images/bg1.png); margin:0px;}

h1 {font-size: 45px;color:#333333;font-family: 'Reenie Beanie', cursive;color:#0066CC;font-weight:100;}
h2 {font-size: 35px;color:#333333;font-family: 'Reenie Beanie', cursive;color:#0066CC;font-weight:100;}
h3 {font-size: 26px;color:#333333;font-family: 'Reenie Beanie', cursive;margin-bottom:5px;color:#0066CC;font-weight:100;}
h4 {font-size: 21px;color:#333333;}

p{margin:0px}

.page-wrapper{position:absolute;height:2500px;width:900px;background:none;margin-left:50%; left:-460px;padding:10px;}

.header-container{ position:absolute;left:0px;top:0px;height:150px;width:920px;background:none;color:white;}
	.page-title{ position:absolute;left:10px;margin-top:30px;height:50px;width:200px;color:black;background:none;}
	.sub-title { position:absolute;left:0px;margin-top:0px;height:20px;width:100%;color:white;font-size:10px;}	

/*----navbar settings*----*/
.nav-bar{  position:absolute;left:0px;top:95px;height:30px;width:900px; }
		#nav {position:absolute;margin:0px;padding:0;width:auto;}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {float:left; display:block; width:90px; background:none; position:relative;z-index:500; margin:5px;list-style:none;}
		
		/* this is the parent menu */
		#nav li a {display:block; padding:2px;font-weight:; font-family: 'Reenie Beanie', cursive; height:20px;width:80px;text-decoration:none; color:white; text-align:center; color:#333333;font-size:26px;list-style:none;}
		
		#nav li .dropbox {display:block; padding:2px;font-weight:;  height:20px;width:80px;background:;text-decoration:none; color:#333;text-align:left; font-size:20px;list-style:none;}
		

		#nav li a:hover {color:black;background:none;left:0px;height:20px;width:80px;}
	
		/* you can make a different style for default selected value */
		#nav a.selected {color:#09F;height:20px;}
	
		/* submenu, it's hidden by default */
		#nav ul {position:absolute; left:0; width:200px;height:200px;display:none; margin:0px 0px 0px 0px; padding:0; list-style:none;background:#FFFFFF;font-size:12px;border:1px solid #333;
			-webkit-box-shadow:0px 2px 3px #333333;list-style:none;}
		
		#nav ul li {
			width:150px; 
			float:left; 
	
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {display:block;  height:15px;padding: 8px 5px; color:#000;}
	
		
		#nav ul a:hover {}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {margin:0 0 0 -2px;}
	


.content-wrapper{position:absolute;top:130px;height:2500px;width:900px;background:white;-webkit-box-shadow:1px 1px 3px #999999;
border-radius:5px;}




	#gallery-container{width:100%;height:300px;background:url(../images/CIMG2227.jpg);background-size:contain;border-top-left-radius:5px;border-top-right-radius:5px;}
	.intro{ text-align:center;font-size:16px; margin:0px 40px 0px 40px;}
	.main-content{ position:absolute;height:auto;width:600px;display:block;background:none;text-align:left; padding-left:40px; }
	

		.text1{width:600px;padding-top:20px;}

		.main-content #img1{ float:right;margin:60px 0px 10px 15px; }
		.main-content #img2{ float:left;margin:60px 20px 0px 0px; }
		.main-content .google-ads{float:centre;margin:40px 0px 0px 0px; }
	.right-content{position:absolute;left: 700px;height:1000px;width:160px;display:block;margin:60px 0px 0px 0px}
	
.footer{
	position:absolute;top:2700px;background:black;height:200px;width:100%;}
		#copyright{position:absolute;width:auto;height:auto;padding:5px;right:0px; color:#999;
		bottom:0px;}
		#footer-title{position:absolute;width:auto;height:auto;padding:5px;right:0px;}