@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
background-attachment:fixed;
background-image:url(IMG/BG.jpg);
background-color:#CFE7C6;
font-family:Georgia, "Times New Roman", Times, serif;
}

a{
color:#FFF;
text-decoration:underline;
}

a:hover{
color:#343434;
text-decoration:none;
}

@font-face {
    font-family: "Arial Rounded";
	src:url(FONT/arialrounded.ttf);
}
h3 {
    font-family: "Arial Rounded", Arial;
    font-size: 24px;
	margin-bottom:6px;
	color:#FFFFFF;
}

#container{
width:730px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

#navigation{
width:200px;
font-family: "Arial Rounded", Arial;
font-size:16px;
line-height:20px;
float:left;
position:fixed;
}

#navigation a{
color:#FFFFFF;
text-decoration:none;
}

#navigation a:hover{
color:#343434;
text-decoration:none;
}


.project{
margin-left:230px;
width:500px;
float:left;
margin-top:90px;
margin-bottom:35px;
}

.page{
margin-left:230px;
width:500px;
float:left;
margin-top:90px;
margin-bottom:35px;
}

.page p{
font-size:14px;
line-height:18px;
color:#FFFFFF;
}

.page ul{
margin-left:-40px;
font-size:14px;
line-height:18px;
color:#FFFFFF;
list-style:none;
}

#blurb-container{
width:500px;
float:left;
margin-right:15px;
}


#project-blurb{
width:300px;
float:left;
margin-right:20px;
font-size:14px;
line-height:18px;
color:#FFFFFF;
}

#credits-blurb{
width:180px;
float:left;
font-size:12px;
line-height:16px;
color:#FFFFFF;
}

#project-image-slider{
width:500px;
float:left;
margin-right:15px;
margin-top:20px;
margin-bottom:10px;
}

#project-image-slider img{
max-width:500px;
max-height:800px;
margin-bottom:20px;
float:left;
}

#navigation ul{
list-style:none;
margin-left:20px;
}