html, body {
                height: 100%;                                                                   /* Make sure the document takes up the whole window. */
                margin: 0;                                                                      /* Get rid of any default margins, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
                padding: 0;                                                                     /* Get rid of any default padding, which could cause the html and body elements to be larger than the window and trigger scrollbars. */
            }


            div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
                margin-top: -370px;                                                              /* Half the height of div#blueBox. */
                float: left;
            }


            div#blueBox {

                
                width: 100%;
                height: 0px;
                clear: both;

                /*
                 *
                 * Issue: IE4 doesn't allow a negative margin-top.
                 *
                 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
                 * The content will be centered but will crop if the window is not small enough to accommodate it.
                 *
                 */
                position: relative;
                top: -200px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }

body {
 font-family:"trebuchet ms", verdana, sans-serif;
 font-size:0.8em;
 text-align:center;
 background-color:#FFFFFF;
 padding:0px;
 margin:0px;
 color:#777777;
}

img {
 border:0px;
}

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



h1 {
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#656565;
 float: left;
}

h2 {
 margin:0em;
 margin-top:0.3em;
 padding:0em;
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#656565;

}

.devider {
 font-size:0em;
}


#container {

 width:900px;
 margin-left:auto;
 margin-right:auto;
 background-color:#FFFFFF;
}

#menu { 
 width: 900px;
 letter-spacing:2px;
 
}
#menu a.item {
line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#898989;
 float:right;
 padding:0px 0 10px 0;
}
#menu a.item1 {
line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#555555;
 float:right;
 padding:0px 0 10px 0;
}
#menu a.item:hover {

 color:black;
}
#menu a.item1:hover {

color:#43a8c1;
}

#menu a#logo {
 padding: 0px 0 0 0;
 float:left;
}
#menu1 { float: left;
		 }

#menu2 {position:relative;}
#menu3 {position:relative;
		float: right;
		clear: both;
		}
#submenu {
 float:right;
 border:1px solid #FFFFFF;
 background-color:#FFFFFF;
 
}
#submenu a {
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#898989;

}
#submenu a:hover {
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:black;

}
#exif {
 width:40%;
 font-size:90%;
 float:left;
 margin-left:1em;
}


#commentWrap {
height: auto;
 width:40%;
 font-size:90%;
 margin-right:1em;
 text-align:left;
}

.albumWrapper {

	text-align:center;
	float:left;
	/*background:#333;
	border:1px solid #666;*/
	margin:5px;
}
.albumWrapper2 {	
	margin:3px;
	width:83px;
}
.albumWrapper a:link, .albumWrapper a:visited {
	
	display:block;
}
.albumWrapper img {
	border:3px solid #FFF;
	}
.albumTitle {
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#898989;
	padding:2px 5px;
}
.albumTitle a:link, .albumTitle a:visited {
	border:none;
}
#display {
 line-height: 3px; text-align:left;font:9px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#898989;

 width: 900px;
 widows: inherit;
 clear:both;
}



img.thumbs {
 float:left;
 border:1px solid #333333;
 padding:0.2em;
 margin:0.3em 0.3em 0.3em 0.3em;
}

.thumbnails {
 float:left;
 
 margin:1px 1px 1px 1px ; 
}


#footer { position: relative;
		  float: left;}
#footer, #footer a {
 line-height: 3px; text-align:left; font: 8px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#c6c6c6;
 padding: 10px 0 0 0;
 width: 900px;
}

#imageWrap {
 text-align:center;
 padding-top: 5px;
 width: 900px;
 clear:both;
 background-image:url(../images/load.gif);
 background-repeat:no-repeat;
 background-position:center center;
}

#image {

}

#thumbnailwrap {
 width:900px;
 min-height: 615px;
 height:auto;	
 float:left;
}

#details {
 width:165px;
 float:right;
 background-color:#FFFFFF;
 line-height: 3px; text-align:left; font: 8px 'Trebuchet MS';letter-spacing:1px;text-transform:uppercase; color:#c6c6c6;
 padding:1em;
 margin:0px 0px 5px 5px;
}

#text {
 float:left;
}

.mark {
 background-color:#222222;
 color:orange;
}

.tags10 {
 font-size:90%;
}


/* Contact */
.pfc_err {
 border:1px solid red;
 background-color:green;
}

#zepr_p{ 
			
			padding: 0px 0 0 0;
			text-align: left;
		}

		.m_text {   padding-left: 503px; width: 400px;  text-align:justify; font:11px 'Trebuchet MS'; color:#898989;text-transform: none; }
		.m_text_1 {   padding-left: 504px; width: 330px;  text-align:justify; font:11px 'Trebuchet MS'; color:#898989;text-transform: none; }
		.text1 {  text-align:justify; font:10px 'Trebuchet MS';text-transform:uppercase; color:#595959;}
		.text2 {  text-align:justify; font:11px 'Trebuchet MS'; color:#595959;}