/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
body{
font-size: 13px;
font-family: 'Shanti', sans-serif;
background: #ffffff;
color:#000000;
margin:0;
}

/* Structure */

#header{
width:280px;
}

#sidebar{
width:210px;
position:absolute;
top:38px;
left:20px;
text-align:center;
}

#sidebar .logo{
width:75px;
height:75px;
background:url(images/logo.png) no-repeat;
background-position: 0 0;
display:block;
margin:0 auto;
}	

#sidebar .logo:hover{
background-position:right top;
}

.section-1 #content{
top:38px;	
}

#content{
position:absolute;
top:15px;
left:280px;
}

#footer{
position:fixed;
bottom:20px;
left:10px;
}

p.links a{
color: #000000;
margin: 0 10px 0 0;
}

p.links a:hover{
color: #000000;
}


/* Headings */

h1{
font-size:26px;
padding:5px 0 20px 0;
margin:5px 0 10px 0px;
font-weight:normal;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
}


/* Paragraphs */

#footer p{
margin:10px;
}

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

/* Links */

a, a:link, a:active, a:visited{
text-decoration: none;
color:#000000;
}

a:hover{
color:#94142c;
}

#content p a{
color:#94142c;
}

#content p a:hover{
color:#000000;
}


/* Navigation */

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

#menu li{
padding:0px;
margin:0 0 5px 0;
}

#menu li a{
color: #000000;
padding:5px;
display:block;
width:200px;
}

#menu li a:hover{
color:#94142c;
}

#menu li.active a{
color:#94142c;
}

p.nav{
margin:0px 0 20px 0;
}

/* Floats */

.left{
float:left;
}

.right{
float:right;
}

#pagenotfound #content{
position:absolute;
top:25px;
left:250px;
}

/*
a:link { 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 {
    width: 215px;
    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;
}


#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; }
*/

.pics img{
margin-bottom:15px;
}

.pics p{
display:none;
}


