﻿/* CSS Document */


	body
	{
		padding: 0;
		margin: 0;
		background-image:url('images/bg_big.jpg');
		background-repeat:no-repeat;
		background-position: top center;
		background-color: #6093d5;
		text-align:center;	
	}
	
	#contents	
	{
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right:auto;
		margin-left:auto;
		width: 1020px;
		padding: 0px;
		background-color: #FFF;
		background-image:url('images/main_bg.jpg');
		background-repeat:repeat-Y;
		text-align: left;
		z-index:1;
	}
	
	h1	
	{
		color: #fff;
		font-family: Calibri, Arial, Helvetica;
		font-size: 1.5em;
	}
	
	p	
	{
		color: #333;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}
	
	.code
	{
		color: #339;
		background-color: transparent;
		font-family: times, serif;
		font-size: 0.9em;
		padding-left: 40px;
	}

#main_top	
	{
		width: 1020px;
		padding: 0px;
		background-image:url('images/main_top.jpg');
		background-repeat:no-repeat;
		height: 800px;
			
	}

#menu
	{
	margin-top: 32px;
	margin-left:138px;
	margin-bottom:auto;
	width: 750px;
	padding: 0px;
	position:absolute;
	z-index:3;
	
}



#menu a{	color:#CCC;
		text-decoration:none;
}
#menu a:hover{
	color:#2f96ff;
	text-decoration:none;
}
#menu a:active{
	color:#2f96ff;
	text-decoration:none;
}
	
.menutext{
	font-family:Calibri, Verdana, sans-serif;
	font-size:.85em;
	color:#fff;
}

#container_banner
	{
		margin-top: 79px;
		margin-bottom:auto;
		margin-left:65px;
		width: 890px;
		height: 112px;
		padding: 0px;
		position:absolute;
		z-index:3;
	}
	
#container_toptext
	{
		margin-top: 226px;
		margin-bottom:auto;
		margin-left:73px;
		width: 760px;
		height: 40px;
		position:absolute;
		z-index:3;
		font-family:Calibri, Verdana, sans-serif;
		font-size:.80em;
		color:#000;
	}

#container_maintext
	{
		margin-top: 226px;
		margin-bottom:auto;
		margin-left:73px;
		width: 600px;
		height: 100%;
		position:absolute;
		z-index:3;
		font-family:Arial, Verdana, sans-serif;
		font-size:.80em;
		color:#000;
		line-height: 1.6em;
	}

#collumn_main
	{
		margin-top: 218px;
		margin-bottom:auto;
		margin-left:746px;
		width: 216px;
		height: 540px;
		position:absolute;
		z-index:3;
	}

#container_gallery
	{
		margin-top: 257px;
		margin-bottom:auto;
		margin-left:58px;
		width: 906px;
		height: 542px;
		padding: 0px;
		position:absolute;
		z-index:3;
		background-image:url('images/gallery_back.png');
		background-repeat:no-repeat;
	}
	
#container_description
	{
		margin-top: 798px;
		margin-bottom:auto;
		margin-left:58px;
		width: 906px;
		height: 117px;
		padding: 0px;
		position:absolute;
		z-index:2;
		background-image:url('images/description_back.png');
		background-repeat:no-repeat;
	}

#container_contact
	{
		margin-top: 257px;
		margin-bottom:auto;
		margin-left:112px;
		width: 656px;
		height: 433px;
		padding: 0px;
		position:absolute;
		z-index:3;
		background-repeat:no-repeat;
	}

#infoshadow
	{
		margin-top: 260px;
		margin-bottom:auto;
		margin-left:66px;
		width: 888px;
		height: 526px;
		padding: 0px;
		background-color: #000;
		position:absolute;
	}


#footer
	{
		margin-top: 0px;
		margin-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		width: 1020px;
		height:47px;
		padding: 0px;
		background-image:url('images/main_bottom.jpg');
		font-family:arial;
		font-size:11px;
		color:#eee;
		line-height:16px;
		text-align:center;

	}


a{
	color:#ccc;
	text-decoration:none;
}
a:hover{
	color:#2f96ff;
	text-decoration:none;
}


 /* begin gallery styling */
#jgal {
	list-style: none;
	width: 550px;
	position:relative;
	display: block;
	height: 516px;
}
#jgal li { opacity: 1; float: left; display: block; width: 45px; height: 45px; background-position: 50% 50%; cursor: pointer;  border: 1px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 80px; left: 300px; display: none; border: 3px solid #fff; outline: 1px solid #ddd;  cursor: auto; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: 1 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

.imagelist{
	width: 98px;
	border:dotted;
	border-width:0px;
	border-color:#FF0;
	position:absolute;
	left:792px;
}

.art{
	vertical-align:top;
	text-align:center;
	padding-top:12px;
}

.high{
	vertical-align:top;
	height:28px;
}

.listimg{
	padding: 2px;
	vertical-align:top;
	width:70px;
	height: 45px;
}

.listimg img{
	text-align:center;
	padding:0px;
	border:1px solid #333;
	opacity: 1;
	cursor: pointer;
}

.listimg img:hover{
	opacity: 1;
}

.prevnext{
	cursor: pointer;
}

.featurebox{
	padding-left:0px;
	padding-right:0px;
}

#featured{
	margin-left:12px;
	margin-top:0px;
}


.featuredescription{
	width: 500px;
	padding:20px;
	margin: 0 0 0 0;
	text-align:left;
	font-family:Calibri, Verdana, sans-serif;
	font-size:.8em;
	color:#FFF;
}

.featurewebdescription{
	width: 660px;
	padding:20px;
	margin: 0 0 0 0;
	text-align:left;
	font-family:Calibri, Verdana, sans-serif;
	font-size:.8em;
	color:#FFF;
}

.featuredetails{
	width: 200px;
	padding:20px;
	left:600px;
	top:0px;
	text-align:left;
	font-family:Calibri, Verdana, sans-serif;
	font-size:.8em;
	color:#FFF;
	position:absolute;
}

.featuremeta{
	width: 200px;
	padding:20px;
	left:80px;
	top:0px;
	position:absolute;
}

.featuretitle{
	color:#2f96ff;
}


[if IE]>
.ie_layout {
  height: 0;
  he\ight: auto;
  zoom: 1;
}
<![endif]â€“>