@charset "utf-8";

	
.toppannel{
	background-image:url(images/toppanel.png);
	background-repeat:repeat;
	width:100%;
	top:0px;
	height:75px;
	position:fixed;
	z-index:30;
}
.bottompanel{
	bottom:0px;
	height:53px;
	width:100%;
	background-repeat:repeat;
	background-image:url(images/bottompanel.jpg);
	position:fixed;
	z-index:200;
	float:right;
}

/* CSS Document */

.nav {
	position: fixed;
	height: 46px;
	left: 176px;
	top: 25px;
	z-index: 99;
	width:720px;
}
.logo {
	z-index:100;
	position:fixed;
	top:32px;
}
.homegallery{
	font-family:Verdana, Geneva, sans-serif;
	position:fixed;
	top:0px;
	width:100%;
}







a {
			color: #09f;
		}
		a:hover {
			text-decoration: none;
		}
		#back_to_camera {
			background: rgba(255,255,255,.9);
			clear: both;
			display: block;
			height: 40px;
			line-height: 40px;
			padding: 20px;
			position: relative;
			z-index: 1;
		}
		.fluid_container {
			bottom: 0;
			height: 100%;
			left: 0;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 0;
		}
		#camera_wrap_4 {
			bottom: 0;
			height: 100%;
			left: 0;
			margin-bottom: 0!important;
			position: fixed;
			right: 0;
			top: 0;
		}
		.camera_bar {
			z-index: 2;
		}
		.camera_thumbs {
			margin-top: -100px;
			position: relative;
			z-index: 1;
		}
		.camera_thumbs_cont {
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
		.camera_overlayer {
			opacity: 0;
		}

.welcometext {
	position: absolute;
	z-index: 49;
	left: 1%;
	top: 327px;
}
.textwrapper {
	width:100%;
	margin-top:350px;
	float:left;
	z-index:2;
}
.textbox {
	width:30%;
	padding:20px;
	height:100%;
	float:left;
	z-index:3;
	overflow:auto;
}
.porttextbgblock {
			width:290px;
			height:30px;
			background-image:url(images/textbg.png);
			background-repeat:repeat;
			position:relative;
			bottom:0px;
			z-index:0;
		}
		.porttextbgblock2 {
			width:290px;
			height:50px;
			background-image:url(images/textbg.png);
			background-repeat:repeat;
			position:relative;
			bottom:0px;
			z-index:0;
		}
		.porttextbgblockl {
			color:#FFF;
			float:left;
			height:30px;
			padding:5px;
		}
		.porttextbgblockr {
			color:#FFF;
			float:right;
			height:30px;
			padding:5px;
		}
		
		.portblock {
			width:290px;
			height:220px;
			float:left;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:bold;
			border-style:solid;
			border-width:1px;
			border-color:#005aff;
			margin:10px;
			
		}
		.portblock .more {
		display:none;
		}
		.portblock:hover .more {
		display:block;
		position:relative;
		z-index:48;
		left:0px;
		top:-30px;
		width:290px;
		height:220px;
		background-image:url(images/textbg.png);
		}
		
		.porttexthead {
			font-family:Verdana, Geneva, sans-serif;
			font-size:16px;
			font-weight:bold;
			color:#FFF;
			z-index:99;
		}
		.porttextbody1 {
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FFF;
			float:left;
			z-index:99;
		}
		.porttextbody2 {
			font-family:Verdana, Geneva, sans-serif;
			font-size:12px;
			font-weight:normal;
			color:#FFF;
			float:left;
			z-index:99;
		}
		
		
		
		
		
.imgbox {
	padding:20px;
	z-index:3;
	margin:5px;
	width:100%;
	height:auto;
	float:right;
}
.imgboxabout {
	padding:20px;
	z-index:3;
	margin-top:80px;
	width:100%;
	height:auto;
}
.imgwrapper {
	width:100%;
	margin-top:350px;
	overflow:auto;
	z-index:2;
	padding:30px;
}
.category {
	width:100%;
	padding:10px;
}
.boldtext {
	color:#0079df; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold; 
	font-size:14px;
}
.bodytext {
	color:#333; 
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal; 
	font-size:12px;
}



 #cover {
            display:        none;
            position:       absolute;
            left:           0px;
            top:            0px;
            width:          100%;
            height:         100%;
            background:     gray;
            filter:         alpha(Opacity = 50);
            opacity:        0.5;
            -moz-opacity:   0.5;
            -khtml-opacity: 0.5;
        }

        #dialog {
            display:    none;
            left:       100px;
            top:        100px;
            width:      80%;
            height:     auto;
            position:   absolute;
            z-index:    100;
            background: white;
            padding:    2px;
            font:       10pt tahoma;
            border:     1px solid gray;
        }
		  #dialog2 {
            display:    none;
            left:       100px;
            top:        100px;
            width:      80%;
            height:     auto;
            position:   absolute;
            z-index:    100;
            background: white;
            padding:    2px;
            font:       10pt tahoma;
            border:     1px solid gray;
        }
		#dialog3 {
            display:    none;
            left:       100px;
            top:        100px;
            width:      80%;
            height:     auto;
            position:   absolute;
            z-index:    100;
            background: white;
            padding:    2px;
            font:       10pt tahoma;
            border:     1px solid gray;
        }
		#dialog4 {
            display:    none;
            left:       100px;
            top:        100px;
            width:      80%;
            height:     80%;
            position:   absolute;
            z-index:    100;
            background: white;
            padding:    2px;
            font:       10pt tahoma;
            border:     1px solid gray;
        }