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

/* MAIN CONTENT */

html{
	height:100%;
}

body {behavior: url("csshover3.htc");
}

* {
margin: 0;
padding: 0;
}

a {
	color: #000066;
	text-decoration:none;
}

a img {
	border: 0px;
}
a:hover {color: #3366cc;}
a.footer {color: #ffffff;}

p {
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	color:#333333;
}
	

	
body {
	font:14px Arial,Helvetica,sans-serif;
	background-color: #ffffff;
	text-align: center;
	height:100%;
}

#mainwrap {
	text-align:left;
	width:1200px;
	height:850px; 
	background-image:url(images/mainbg.jpg);
	background-repeat:no-repeat;	
	margin:0 auto 0;
	position:relative;
}

#mainwraplg {
	text-align:left;
	width:1200px;
	height:1800px; 
	background-image:url(images/mainlg.jpg);
	background-repeat:no-repeat;	
	margin:0 auto 0;
	position:relative;
}


#border_left {
	width: 20px;
	height: 100%;
	left: 1px;
	top: 0px;
	position: absolute;
	background-image: url(images/border_l.jpg);
	background-repeat: repeat-y;
	z-index: 1;
}

#border_right {
	width:20px;
	height:100%;
	left: 1200px;
	top: 0px;
	position:absolute;
	background-image:url(images/border_r.jpg);
	background-repeat:repeat-y;
	z-index: 1;
}


#logo {
	width: 274px;
	height: 53px;
	left: 163px;
	top: 56px;
	position: absolute;
	background-image: url(images/logo2.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#logotext {
	width: 440px;
	height: 22px;
	left: 165px;
	top: 114px;
	font: 20px Arial,Helvetica,sans-serif;
	font-variant: small-caps;
	color: #333333;
	text-align: left;
	position: absolute;
	z-index: 2;
}

#fb {
	width: 35px;
	height: 35px;
	left: 1004px;
	top: 111px;
	border: none;
	position: absolute;
}

#insta {
	width: 35px;
	height: 35px;
	left: 950px;
	top: 111px;
	border: none;
	position: absolute;
}

#blog {
	width: 41px;
	height: 41px;
	left: 1005px;
	top: 111px;
	border: none;
	position: absolute;
}

#box {
	width: 900px;
	height: 360px;
	left: 154px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}

#boxmeet {
	width: 900px;
	height: 1600px;
	left: 154px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}

#leftpic {
	width: 415px;
	height: 336px;
	left: 192px;
	top: 203px;
	position: absolute;
	background-image: url(images/pic1.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#rightpic {
	width: 431px;
	height: 339px;
	left: 616px;
	top: 200px;
	position: absolute;
	background-image: url(images/pic2.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#copyright {
	width: 274px;
	height: 22px;
	left: 458px;
	top: 822px;
	font: 10px Arial,Helvetica,sans-serif;
	color: #333333;
	text-align: center;
	position: absolute;
	z-index: 2;
}

#copyright2 {
	width: 274px;
	height: 22px;
	left: 458px;
	top: 1750px;
	font: 10px Arial,Helvetica,sans-serif;
	color: #333333;
	text-align: center;
	position: absolute;
	z-index: 2;
}


#granttext {
	width: 413px;
	height: 22px;
	left: 199px;
	top: 521px;
	font: 12px Arial,Helvetica,sans-serif;
	color: #333333;
	font-style: italic;
	text-align: left;
	position: absolute;
	z-index: 2;
}

#actgovtlogo {
	width: 50px;
	height: 50px;
	left: 536px;
	top: 487px;
	position: absolute;

	z-index: 3;
}

#hs_susi {
	width: 150px;
	height: 200px;
	left: 190px;;
	top: 218px;
	position: absolute;
	background-image: url(images/hs_susi.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#susitext {
	width: 650px;
	height: 200px;
	left: 366px;
	top: 218px;
	position: absolute;
	z-index: 2;
}

#hs_cher {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 222px;
	position: absolute;
	background-image: url(images/hs_cher.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#chertext {
	width: 652px;
	height: 200px;
	left: 363px;
	top: 222px;
	position: absolute;
	z-index: 2;
}


#hs_deb {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 452px;
	position: absolute;
	background-image: url(images/hs_deb.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#debtext {
	width: 650px;
	height: 200px;
	left: 363px;
	top: 452px;
	position: absolute;
	z-index: 2;
}


#hs_jade {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 680px;
	position: absolute;
	background-image: url(images/hs_jade.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#jadetext {
	width: 650px;
	height: 200px;
	left: 363px;
	top: 680px;
	position: absolute;
	z-index: 2;
}

#hs_bek {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 915px;
	position: absolute;
	background-image: url(images/hs_bek.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#bektext {
	width: 650px;
	height: 200px;
	left: 363px;
	top: 915px;
	position: absolute;
	z-index: 2;
}

#hs_omary {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 1150px;
	position: absolute;
	background-image: url(images/hs_omary.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#omarytext {
	width: 650px;
	height: 200px;
	left: 363px;
	top: 1150px;
	position: absolute;
	z-index: 2;
}

#hs_emma {
	width: 150px;
	height: 200px;
	left: 188px;
	top: 1375px;
	position: absolute;
	background-image: url(images/hs_emma.jpg);
	background-repeat: no-repeat;
	z-index: 2;
}

#emmatext {
	width: 650px;
	height: 200px;
	left: 363px;
	top: 1375px;
	position: absolute;
	z-index: 2;
}

#boxabout {
	width: 900px;
	height: 500px;
	left: 154px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}

#abouttext {
	width: 819px;
	height: 400px;
	left: 197px;
	top: 220px;
	position: absolute;
	z-index: 2;
}

#galtext {
	width: 819px;
	height: 528px;
	left: 43px;
	top: 34px;
	position: absolute;
	z-index: 2;
}

#boxcontact {
	width: 900px;
	height: 360px;
	left: 155px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}


#context {
	width: 819px;
	height: 200px;
	left: 196px;
	top: 218px;
	position: absolute;
	z-index: 2;
}

#boxgallery {
	width: 900px;
	height: 600px;
	left: 155px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}

#boxblog {
	width: 900px;
	height: 1200px;
	left: 155px;
	top: 187px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
	box-shadow: 0px 0px 10px #666666;
}


#thumbs {
	width: 325px;
	height: 530px;
	left: 20px;
	top: 36px;
	position: absolute;
	background-color: #FFF;
	z-index: 0;
}

.thumbs img {
		height: 60px;
		width: 60px;
		border: 1px solid #ccc;
		padding: 0px;
		margin: 0px 10px 10px 0;
}

.thumbs img:hover {
		border: 1px solid #cc66cc;
		cursor:pointer;
}

#main {
	width: 500px;
	height: 530px;
	left: 380px;
	top: 35px;
	position: absolute;
	background-color: #FFF;
	vertical-align: middle;
	z-index: 0;
}

.preview img {
		border: 1px solid #ccc;
		padding: 0px;
		
	}