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

body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	background: #fff;
}

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

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

a img { border: none; }

#menu {
    margin-top: 20px;
    margin-left: 20px;
    width: 195px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

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

#menu ul li.section-title { }

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

.container {
    padding: 5px 5px 25px 5px;
}

/*added a class to move h3 text up to align with the title*/

#aligntop {
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	margin-top: 29px;
	margin-left: 0px;
	font-weight:lighter;
	margin-bottom:25px;
	padding-left:0px;
	width:550px;
}

/*adding style to move the slideshow text (h4 tag) below the image within the container*/

.container h4 {
	position: absolute;
	top: 560px;
	width: 350px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:0px;
	padding-right:25px;
}

.container h3 {
	font-weight:lighter;
	position: absolute;
	top: 80px;
	width: 350px;
	margin-bottom:0px;
	margin-left: 188px;
	padding-left:0px;
	padding-right:25px;
}

#content p { width: 600px; margin-top: 20px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 13px;
    padding-top:0px;
    margin: 0 0 -10px 0;
    }
h2 { font-size: 12px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

/*body text*/

.details {
    font-size: 12px;
    position: absolute;
	top: 432px;
	width: 600px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 25px;
}

#img-container	{ margin: 0; padding: 0;
    padding-top:22px; }
#img-container p	{ width: 600px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.imgLeft {
  float:left;
  margin:0 11px 0px 0;
  }
  
.blockquote {
  font-size:12px;
  line-height:18px;
  color:#d3d3d3;
  }

/*changed top and bottom positions to keep image nav in below bottom right corner of image while allowing links in body text*/

.nav {
	font:Helvetica, sans-serif;
	font-size:12px;
	font-weight: lighter;
	position: absolute;
	top: 452px;
	bottom: 400px;
	z-index:2;
}