ÿþ

html {

width: 100%;

height: 100%;

background: #f2f3d0 url(images/bbg1.png) repeat; 

}





  

    body {

        margin:0 auto;

        padding:0;

        border:0;			/* This removes the border around the viewport in old versions of IE */

        width:100%;

        height: 100%;

        background:url(images/bb2.png) no-repeat left top;

       

        text-align:center;



   

		font-size:90%;

    }







#container { 

   margin:0 auto;

   width:900px;  height: 100%;  /* you can use px, em or % */

   text-align:left; 

   

}



#logo { width: 150px; height: 200px; background: url(images/logo.png); z-index: 200; position: absolute; top: 6%; left: 15.5%;

}



#rose {width: 250px; height: 180px; background: url(images/rose1.png); z-index: 200; position: absolute; top: 12%; left: 70%; 

}



#maraion {width: 195px; height: 150px; background: url(images/box2.png); margin: 45px 0 0 0; 

}



.abox {width:370px; height:300px; float: right; margin-left: 30px; margin-top: 40px;  background: url(images/rbox.jpg);padding-left:15px;padding-right:15px;}



.cbox {width:350px; height:300px; float: right; margin-left: 30px; margin-top: 40px;  background: url(images/rbox.jpg);padding-left:15px;padding-right:15px;}





.sbox {width:370px; height:300px; float: right; margin-left: 30px; margin-top: 40px;  background: url(images/sbox.jpg);padding-left:15px;padding-right:15px;}



.link { width: 20px; height: 20px; background: url(images/link.png); float: right; margin-right: 50px; margin-top: -30px

}



.intro {width: 425px; height: 100%; float: left;}



#introvideo {width: 320px; height: 230px; margin-top: 20px; margin-left: 70px; }





	a {

    	color: #cca862;

	}

	a:hover {

		color:#ffffff;

		

	}

    h1, h2, h3 {

        margin:.8em 0 .2em 0;

        padding:0; 

    }

h4 { color: #6c5058; }



    p {

        margin:.4em 0 .8em 0;

        padding:0; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #654b52;

    }



.p5 {margin:.4em 0 .8em 0;

        padding:0; color:#81616a; margin-top: 0px; margin-left: 230px; margin-bottom: 10px;

}



.p1 {margin:.4em 0 .8em 0;

        padding:0; color:#81616a; margin-top: 40px;

}



.p2 { color: #cca862; font-family: "Times New Roman", Times, serif; font-size: 14pt; padding-top: 10px; 

}



.p3 { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #654b52;

}



.p4 {text-align: center; font-size: 10pt; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #654b52;

}



	img {

		margin:10px 0 5px;

	}



/* main menu centered style */















#menu { float: left; margin: 85px 0 0em 97px; }



#nav, #nav ul {float:left;

	width: 800px;

	list-style-type: none;

	line-height: 15pt;

	padding-left: 0px;

	height: 23px;  

    overflow: hidden; 

     

     

      

}



#nav a {

	display: block;

	width: 125px;

	w\idth: 90px;

	text-align: center;

    overflow: hidden; 

     

  

}



	



#nav li {

	float: left;

	padding: 0px;

	width: 115px;

        display: inline; overflow: hidden;

}









	/* Header styles */

    #header {

        clear: both;

        float: left;    

        width:900px;

        height: 220px;

        background: url(images/header2.png);

        z-index: 850; 

    }

	

	#header p,

	#header h1,

	#header h2 {

	    padding:.4em 15px 0 15px;

        margin:0;

	}

	#header ul {

	    clear:left;

	    float:left;

	    width:100%;

	    list-style:none;

	    margin:10px 0 0 0;

	    padding:0;

	}

	#header ul li {

	    display:inline;

	    list-style:none;

	    margin:0;

	    padding:0;

	}

	#header ul li a {

	    display:block;

	    float:left;

	    margin:0 0 0 1px;

	    padding:3px 10px;

	    text-align:center;

	   

	    color: #f2f3d0;

	    text-decoration:none;

	    position:relative;

	    left:15px;

		line-height:1.3em;

	}

	#header ul li a:hover {

	   

		color:#ffffff;

	}

	#header ul li a.active,

	#header ul li a.active:hover {

	    color:#ffffff;

	   

	    font-weight:bold;

	}

	#header ul li a span {

	    display:block;

	}

	/* 'widths' sub menu */

	#layoutdims {

		clear:both;

		background:#eee;

		border-top:4px solid #000;

		margin:0;

		padding:6px 15px !important;

		text-align:right;

	}









	/* column container */

	.colmask {

		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */

	    clear:both;

	    float:left;

        width:100%;			/* width of whole page */

		overflow:hidden;	/* This chops off any overhanging divs */

	}

	/* 1 column full page settings */

	.fullpage { height: 650px; background: #f2f3d0 url(images/mbox.jpg) no-repeat center top; 

	   

	}

	.fullpage .col1 {

        margin:0 15px; 

	}

	/* Footer styles */

	#footer {

        clear:both;

        float:left;

        width:900px;

      

       

		

    }





.bar {background: url(images/bar.png) repeat-x; width: 900px; height: 17px;

}



.f1 {  background: url(images/footer.png); width: 900px; height: 54px;}



    #footer p {

        padding: 15px 0 0 0;

        margin-top:0px;

        font-size: 9pt;

        color: #81616a;

 }



#footer a { color: #81616a;}

#footer a:hover {text-decoration: underline; color: #cca862;}



div.img

  {

  margin:12px;

  border:1px solid #cca862;

  height:auto;

  width:auto;

  float:left;

  text-align:center;

  }

div.img img

  {

  display:inline;

  margin:5px;

  border:1px solid #81616a;

  }

div.img a:hover img

  {

  border:1px solid #ffffff;

  }

div.desc

  {

  text-align:center;

  font-weight:normal;

  width:155px;

  margin:2px;

  color: #81616a;

  }