/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font:  .95em Arial, sans-serif;
	letter-spacing: .5px;
	line-height: 140%;
	background:#fbfbfb;
	height:100%;
	text-overflow: ellipsis;
}

a:link { text-decoration: none; color: #333;}
a:active { text-decoration: none; color: #333; }
a:visited { text-decoration: none; color: #669; }
a:hover{ text-decoration: underline; color: #333;}

a img { border: none;
	border-radius:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
 }
#content img {
	max-width:700px;
	width: expression(Math.min(parseInt(this.offsetWidth), 700 ) + "px");
	border-radius:3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
	}
	
img {
	border-radius:3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
}
	
object, embed {
	margin:20px 0;

	}	

#s1 {
	min-height:100%;
	}
iframe {
	border:0 !important;
	}
#menu {
    width:180px;
    float:left;
	padding:10px 0 10px 10px;
	background-color: #fff;
	border:1px #fff solid;
	border-top:0;
	margin-top:15px;
	font-size:0.7em;
	line-height:1.5em;
	letter-spacing:0.1em;
	overflow:hidden;
	min-height:400px;
	
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-box-shadow: 1px 0px 6px #666;  
	-moz-box-shadow: 1px 0px 6px #666;  
	box-shadow: 1px 0px 6px #666;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
}

.shadow {
	text-shadow: 0px 0px 2px #e5e5e5;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
	}

#menu ul {
	list-style: none;
	margin: 10px 20px 5px 0;
	width:160px;
	display:block;
}


#wrapper {
	width:720px;
	margin-left:240px;
	}

#menuWrapper {
	

	z-index:100;
	background:#fff;
	min-height:430px;
	width:220px;
	display:inline;

	}

		
#hider a {
	text-decoration:none;
	cursor:pointer;
	display:block;
	text-shadow: 0px 0px 6px #666;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
	}
#hider a:hover {
	text-decoration:none;
	cursor:pointer;
	text-shadow: 0px 0px 6px #040;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
	}
	
#footer {
	text-align:center;
	position:fixed;
	bottom:10px;
	right:10px;
	background:#fff;
	padding:6px 10px;
	font-size:10px !important;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px #999;  
	-moz-box-shadow: 0px 0px 6px #999;  
	box-shadow: 0px 0px 6px #999;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
	}

#content {
    margin: 0;
    padding: 15px 0 0 10px;
    top: 0;
    width:720px;
    z-index:0;  

}

#menu .container {
    padding: 5px 5px 25px 5px;
    }
    
#index-thumbs {
	
}    

#content .container {
    padding: 5px 15px 25px 35px;
    width:720px;
    min-height:700px;

	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	behaviour: url(/ndxz-studio/site/phc-lf-2/PIE.htc);
    }

#content p { 
	width: 570px; 
	word-wrap:break-word;
	padding-bottom: 10px; 

	}
#content a {
	font-weight:bold;
	}	
	
#content ul {
	list-style:none;
	}
	
.container .cl {
	width:100%;
	margin-bottom:50px;
	height:1px;}
p {
    margin: 0 0 9px 0;
}
.section-title {
	border-bottom:1px #e5e5e5 solid;
	font-weight:bold;
	margin-bottom:3px;
	}
	

.overviewPic {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:10px 5px 10px 5px;
	text-align:center;

}

.overviewPic img {
	display:inline-block;
	vertical-align:middle;
}

h1 { font-size: 32px; font-family:Helvetica, Arial, sans-serif;color:#666569;width:700px;line-height:26px;letter-spacing:-1px;text-shadow: 0px 1px 1px #fff;}
h2 { font-size: 28px; font-family:Arial, sans-serif;color:666569}
h3 { font-size: 24px; font-family:Helvetica,Arial, sans-serif;line-height:26px;color:#666569;	text-shadow: 0px 1px 1px #fff;letter-spacing:-1px;}
h4 { font-size: 12px; font-family:Arial, sans-serif;}

#img-container	{ margin: 0 auto; padding: 0; background-color: none; text-align:left; width:100%; display:inline;height:100%; }
#img-container p	{ width: 700px; margin-top: 20px; margin-bottom:5px !important; padding-bottom:5px; background-color: none;}

.pic {
	padding-top:10px;
	cursor:pointer;
	}

#d-thumbs {
	padding-top:10px;
	cursor:pointer;
}


#once { clear: left; }


/* Captify */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

#column {
	-moz-column-count: 2; 
	-moz-column-gap: 5em; 
	
	-webkit-column-count: 2; 
	-webkit-column-gap: 5em; 

}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:100%;}
#flickr_badge_wrapper {padding:10px 0 10px 0; }
.flickr_badge_image {margin:0 20px 20px 0; float:left;}
.flickr_badge_image img {border: 0px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}