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

body {
	font-size: x-small;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Trebuchet, Helvetica, Arial, sans-serif;
	background: #fff;
	overflow-y:hidden;
	
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

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

a img { border: none; }
#head { position: fixed; top: 20px; left:20px; height:20px; width: 100%; clear
}
#head #title {background:#000; border:1px solid #000; position:relative; float:left; padding:1px 2px; width: 146px; margin-right:10px;}
#title a {color:#fff; display:block;}
#and { position:relative; float:left; padding:1px 6px; color:#fff;}
#head #section {border:1px dashed #000;  position:relative; float:left; width:85px;}
#head #section:hover { border:1px solid #000;}
#section a {color:#000; display:block; padding:1px 2px;}
#section a:hover {color:#FF0000; background:#000; text-decoration:none;}

body.section-2 .architecture, body.section-3 .photography {color:#000; border:1px solid #fff; background:#fff;}
body.section-2 .architecture a, body.section-3 .photography a {color:#000!important;}
body.section-2 .architecture a:hover, body.section-3 .photography a:hover {color:#FF0000!important; text-decoration:none;}

#menu {
    width: 150px;
    overflow: auto;
    line-height:13px;
    top: 20px;
	left: 20px;
    position: fixed;
    border-top: 1px solid #000;
    color:#000;
    overflow:hidden;

}

#menu ul {
	list-style: none;
	margin: 0 0 5px 0;
	padding:0;
}

#menu ul li.section-title, #contact h2 {	
	color:#999;
	font-size: xx-small!important;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
 }
#menu ul li { padding-bottom:1px;}
#menu a { display:block; text-decoration:none; padding:1px; }
#menu a:hover { background:#000; color:#fff!important;  }

#content {
    height: 100%;
    margin: 0 0 0 180px;
    top: 0;
}

#content .container { margin-top: 21px; }
.container {
    padding:0;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}


h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 50; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }