@charset "UTF-8";



/* Type */
@font-face {
    font-family: 'AvenirLTStd85Heavy';
    src: url('fonts/savenirltstd-heavy-webfont.eot');
    src: url('fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-heavy-webfont.woff') format('woff'),
         url('fonts/avenirltstd-heavy-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLTStd55Roman';
    src: url('fonts/avenirltstd-roman-webfont.eot');
    src: url('fonts/avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-roman-webfont.woff') format('woff'),
         url('fonts/avenirltstd-roman-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {background: #f0eee2; height:100%; overflow-y: scroll; border: none;}

h2 {color: #f9f7ec; font-family: AvenirLTStd85Heavy; margin-bottom: 10px;}

h3 {color: #991320; font-family: AvenirLTStd85Heavy; margin: 20px 0px 10px 0px; font-size: 15px;}

h4 {color: #991320; font-family: AvenirLTStd85Heavy; margin: 30px 0px 5px 0px; font-size: 12px;}

h5 {color: #991320; font-family: AvenirLTStd85Heavy; margin: 5px 0px 10px 0px; font-size: 17px;}

h6 {color: #991320; font-family: AvenirLTStd85Heavy; margin: 5px 0px 5px 0px; font-size: 12px;}

.body {color: #5a4a42; font-family: AvenirLTStd55Roman; font-weight: 400; padding-right: 10px; margin: 10px 0px 10px 0px; font-size: 11px; line-height: 18px;}

p.body a {text-decoration: none; color: #5a4a42;}

p.body a:hover {color: #2b211b}



/* Left Menu */
#menucontainer {
	padding: 0px 5px 0px 0px;
	height: 100%; 
	position: fixed; 
	z-index: 11;	
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */
  	-moz-opacity: 0.9;	/* Mozilla */
  	-khtml-opacity:0.9;	/* Konqueror (Safari 1.1)*/
  	opacity: 0.9;		/* Correct CSS3 */}
	
#menu {
	width: 150px;
	margin-left: -245px;
	padding: 195px 30px 0px 90px;
	height: 100%;
	float: left;
	background-color: #5a4a42;}
  	
#menuarrow {
	display: block;
	width: 20px;
	height: 41px;
	float: left;
	position: relative;
	top: 190px;
	background: url(images/arrow.png)}
	
.list a {color: #f9f7ec; font-family: AvenirLTStd55Roman; font-size: 11px; line-height: 19px; text-decoration: none}

.list a:hover {color: #b7b29a}



/* Container Site */  	
#container {
	max-width: 940px; 
	height: 100%; 
	padding: 10px 0px 0px 10px; 
	margin-left: 120px;
	float: left}




/* Top */ 	
#top {
	width: 100%;
	min-width: 485px;
	float: left;
	margin: 50px 0 50px 0;
	padding: 10 10 1px 10;}

#logo {
	width: 239px;
	height: 67px;
	background: url(images/logo.jpg);
	float: left}

#links {
	padding: 50px 20px 0px 10px;
	float: right;}
	
#links ul {list-style: none}

#links ul li a {padding: 2px 10px; color: #991320; font-family: AvenirLTStd55Roman; font-weight: 500; font-size: 12px; text-decoration: none}

#links ul li a:hover {color: #58040c}

.borderright {border-right: 1px solid #991320; float: left}

.last {float: left;}





/* Thumbnails */ 		
#projects {
	width: 100%;
	float: left;}
	
ul#projects li {
	height: 204px; width: 204px; background: white;
	padding: 5px; margin: 12px 20px 12px 0; float: left;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
 
img.a {position: absolute; left: 5; top: 5; z-index: 10; width: 204px; height: 204px}
 
img.b {position: absolute; left: 5; top: 5; display: block; width: 204px; height: 204px}





/* Project Page */ 
.projectwrap {
	margin-top: 15px;
	min-height: 600px;
	width: 900px; 
	float: left; 
	background-color: white; 
	padding: 20px 10px 0px 20px;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.description {width: 270px; margin-right: 5px; padding: 1px 0px; float: right;}
	
.firstimage {display: inline; float: left; margin: 0px 25px 20px 0px;}

.image {float: left; margin: 0px 0px 20px 0px;}

.caption {float: right; margin: 2px 30px 0px 0px; width: 250px; color: #5a4a42; font-family: AvenirLTStd55Roman; font-weight: 400; font-size: 11px;}





/* About & Contact */ 
#about {
	margin-top: 15px;
	width: 875px; 
	float: left; 
	background-color: white; 
	padding: 20px;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

#me {float: left; width: 294px; margin-right: 25px;}

#me2 {float: left; width: 100%; height: 394px; margin-bottom: 15px; border: none}

#follow {float: left; width: 294px;}

#follow ul {list-style: none}

#follow ul li a {float: left; margin-right: 10px; padding: 6px 5px 3px 5px; background-color: #5a4a42; text-decoration: none; color: #f0eee2; 
	font-family: Avenir; font-weight: 400; font-size: 11px;}

#follow ul li a:hover {background-color: #991320;}

#aboutcontent {float: right; width: 550px;}

.contact {width: 215px; float: left; margin-top: -20px;}

#contact {float: left; width: 200px; margin: 20px 15px 0px 0px;}

#message {float: left; width: 335px; margin-top: 20px;}

.cform {background-color: #f0eee2; width: 185px; border: none; height: 20px; padding: 5px 5px; color: #5a4a42; font-family: Avenir; font-weight: 400; font-size: 11px;}

.mform {background-color: #f0eee2; width: 302px; border: none; height: 67px; padding: 15px 15px; color: #5a4a42; font-family: Avenir; font-weight: 400; font-size: 11px;}

.sform {background-color: #5a4a42; color: #f0eee2; border: none; padding: 5px; float: right;}

.sform:hover {background-color: #991320; color: #f9f7ec; cursor: pointer}




/* Copyright and Back To Top */ 
#copyright {
	width: 800px; 
	padding: 10px 0px 30px 0px;
	margin-left: 130px;
	float: left}

#copyright2 {
	width: 800px; 
	padding: 10px 0px 30px 0px;
	margin-left: 180px;
	float: left}
		
a.anchorLink {color: #5a4a42; font-family: AvenirLTStd55Roman; font-weight: 400; font-size: 10px;
	float: left; background-color: white; display: block; padding: 7px 12px; text-decoration: none;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
	
a.anchorLink:hover {background-color: #991320; color: #f9f7ec}	
		
.copy {color: #5a4a42; text-align: center; font-family: AvenirLTStd55Roman; font-weight: 400; font-size: 10px; margin-top: 5px}

.copy2 {color: #5a4a42; text-align: center; font-family: AvenirLTStd55Roman; font-weight: 400; font-size: 10px; margin-top: 5px; margin-left: 170px;}

.backtop {color: #5a4a42; text-align: center; font-family: AvenirLTStd55Roman; font-weight: 400; font-size: 10px;}