/**
* 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: #C70909;
	background-position: top	 left!important;
	overflow-y:hidden;

}

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

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

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

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

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

}

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

#menu ul li.section-title, #contact h2 {	
	color:#FF0000;
	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:#fff; color:#FF0000!important;  }

body.section-2 #menu ul#photoworks {display:none; }
body.section-3 #menu ul#Selectedprojects {display:none; }

body.section-2, body.section-3{ background:none!important; background-color:#222!important;}

body.section-2 #menu, body.section-3 #menu {}

#contact {}
#content {
    height: 100%;
    margin: 80px 0 0 180px;
    top: 0;
    color:#fff;
}

.container {
    padding:0;
}

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

#content #text { }
#content #text a {text-decoration:underline;}
#content #text a:hover {text-decoration:none!important;}


#content #text h2 { font-size:13px; color:#ccc!important; margin: 0 0 5px 0; text-decoration:none; letter-spacing:1px; font-weight:normal;}

p {
    margin: 0 0 9px 0;
}

/***HOME*****/
body.section-1 #text{color:#000;}

body.section-1 #menu{display:none;  }
body.section-1 #head{margin-top:200px;  }
body.section-1 #content{overflow:hidden; margin:250px 0 0 20px; color:#000;  }
body.section-1 #content p{ color:#000;  }
body.section-1 #content p a { color:#000; text-decoration:underline; }
body.section-1 #content p a:hover { color:#000; text-decoration:none; }


/****SECTION******/



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

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

#once { clear: left; }