@charset "utf-8";
/* CSS Document */
<style type="text/css">



body {
	background-color:#d3d3d3;
	overflow:hidden;
}

body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color:#760a2a;
	overflow:auto;
}

.transparent {

	/* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;


}

.logo1 {

	margin-top: 5px;
	top: 0%;
	left: 50%;
	margin-left: -402.5px;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	position: relative;
	z-index:99;
	
}

.logo2 {

	margin-top: 5px;
	top: 0%;
	left: 50%;
	margin-left: -0px;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	position: relative;
	z-index:99;
	
}

.logo3 {

	margin-top: 5px;
	top: 0%;
	left: 50%;
	margin-left:0px;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	position: relative;
	z-index:99;
	
}

.logo4 {

	margin-top: 5px;
	top: 0%;
	left: 50%;
	margin-left:0px;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	position: relative;
	z-index:99;
	
}

.polaroid {

	
	padding: 5px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	position: relative;
	z-index:99;
}

.iframe {

	color: #003366;
	text-align:justify;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 275px;
	margin-left: -115px;
	width: 420px;
	height:1000px;
	z-index:15;
	
}

.boxex4 {

	margin-top: 258px;
	margin-left: -185px;
	width: 569px;
	height:615px;
	background-color: #760a2a;
	position: absolute;
	top: 0%;
	left: 50%;
	z-index:5;
}

.boxex3 {
	margin-top: 258px;
	margin-left: -386px;
	width: 198px;
	height:615px;
	background-color: #c29ca7;
	position: absolute;
	top: 0%;
	left: 50%;
	z-index:4;
	
}

.boxex2 {

	margin-top: 254px;
	background-color: #760a2a;
	position: absolute;
	width: 778px;
	height: 625px;
	top: 0%;
	left: 50%;
	margin-left: -390px;
	z-index:3;
}

.boxex {

	background-color: #c29ca7;
	position: absolute;
	width: 800px;
	height: 895px;
	top: 0%;
	left: 50%;
	margin-left: -400px;
	z-index:1;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.left {
	
	
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -469px;
	margin-top: px;
	z-index:2;
}

.right {

	
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: 399px;
	margin-top: px;
	z-index:2;
}

.top {

	
	width: 800px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -400px;
	margin-top: 0px;
	z-index:2;
}

.gradient {
		color: #760a2a;
		height:500px;
		padding: 0px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#760a2a), to(#c29ca7));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #760a2a, #c29ca7);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#760a2a, endColorstr=#c29ca7);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#760a2a, endColorstr=#760a2a#c29ca7)";
	}	

.box {

	position: absolute;
	top: 50%;
	left: 50%;

}

.background {

	position: absolute;
	left: 50%;
	margin-top: 350px;
	margin-left: -75px;
	z-index:1;

}

.background2 {

	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -346.75px;
	z-index:2;

}

.background3 {

	/* Set the width dynamically depending on the width of the browser window */
	HEIGHT:100%;
	/* dont enlarge the image more, than its initial resolution */
	max-width:1980px;
	max-height:1200px;
	/* Set the height dynamically depending on the image's current width, keeping the aspect ratio */
	width:auto;
	
}

.headgrad {
	
	width:800px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -400px;
	margin-top: -75px;
	z-index:1;
	
}

.headertext {
	
	width:700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: absolute;
	top: 0%;
	margin-top: 180px;
	z-index:100;
		
}

.header {
	
	width:860px;
	height:120px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -430px;
	margin-top: 140px;
	z-index:100;
	
	
}

.djheader {

	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: 150px;
	margin-top: 70px;
	z-index:2;
	
}

.demoheader {

	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: 150px;
	margin-top: 115px;
	z-index:2;
	
}

.frame {
	
	
	
	position:absolute;
	top: 0%;
	left: 50%;
	margin-left: -395px; 
	margin-top: 235px;
	z-index:20;
	width: 790PX;
	
}

.navigation {
	
	color: #ffffff;
	list-style-type: none;
	
	font-size:18px;
	text-align:right;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 260px;
	margin-left: -423px;
	width: 200px;
	height:auto;
	z-index:50;
}

.button {
	
	list-style-type: none;
	font-size:12px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 310px;
	margin-left: -350px;
	width: 200px;
	text-align:right;
	z-index:14;
}
	
.text {

	overflow:auto;
	color: #ffffff;
	text-align:justify;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 260px;
	margin-left: -180px;
	width: 550px;
	height:590px;
	z-index:99;
	padding-bottom:25px;
	padding-right:10px;
	padding-left:5px;
	
}

.texttable {
	
	text-align:justify;
	position: absolute;
	left: 50%;
	margin-top: 210px;
	margin-left: -240px;
	height: 600px;
	width: 700px;
	z-index:6;
	
}

.laws {
	
	text-align:justify;
	position: absolute;
	left: 50%;
	margin-top: 375px;
	margin-left: -115px;
	width: 370px;
	z-index:6;
	
}

.items {
	position:absolute;
	left: 50%;
	margin-top: -10px;
	margin-left: -210px;
	width: 700px;
	z-index: 6;
	
	
}

.footer {
	
	text-align:center;
	position: relative;
	margin: -7.5em auto 0 auto;
	top: 93%;
	left: 50%;
	z-index:8;
	width: 480px;
	margin-left: -240px;
	color: #333
	
}

.googleinput {
	
	text-align:justify;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 625px;
	margin-left: -115px;
	width: 400px;
	z-index:9;
	
}

.title {
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -115px;
	margin-top: 175px;
	z-index:20;
	font-size: 36px;
	width:420;
}

.pop {
	
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -180px;
	margin-top: 500px;
	z-index:100;
	
}

.googlemaps	{

	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
	background-color:ccccff;
	
}

.center {

	text-align:center;
	
}

.facebook {

}
	
-->
</style>