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

body {
	font-size: 12px;
	font-family: Helvetica, arial, Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }
a
{
text-decoration:none;
}
a:hover
{
text-decoration: underline; 
}

a img { border: none; }

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

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

#menu.section-title
{
padding:0;
margin:0;
}

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

.container {
    padding: 0;
margin: 20px 0 0 20px;
}

#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: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

/* BEGIN CUSTOM CSS */
.header-img
{
margin-bottom:50px;
}
.nav
{
margin:0 0 0 30px;
}
.nav-ul
{
padding:0;
margin:0;
}
.section-title
{
cursor:pointer;
}
.hidden-nav
{
display:none;
color:#999;
}
.sub-nav, .active
{
font-size:20px;
line-height:80%;
font-weight:bold;
margin:0 0 0 12px;
}
.sub-nav a
{
color:#000;
}
.active a
{
color:#999;
}
.sub-nav a:hover, .active a:hover
{
color:#999;
text-decoration:none;
}
.contact-info
{
padding:44px 0 0 50px;
font-size:14px;
}
.about-sarah
{
padding:0 0 0 50px;
font-size:14px;
text-align:justify;
margin-top:-90px;
}
.about-sarah h2
{
color:#000;
font-size:25px;
padding:0;
margin:0;
}
.contact-info a
{
color:#777;
}
.contact-info a:hover
{
color:#444;
text-decoration:none;
}
.contact-info h5
{
padding:0 0 15px 0;
font-size:16px;
font-weight:bold;
}
.contact-info h6
{
font-weight:normal;
position:absolute;
bottom:5px;
right:10px;
color:#999;
font-size:12px;
text-align:right;
}