@charset "UTF-8";
/* CSS Document */
html{
margin-bottom:50px;
}
body{
font-family:Helvetica, Arial, sans-serif;
color:#41191B;
background-color:#F0EAEA;
padding-bottom:50px;
margin:0px;

}

a{
outline:none;
text-decoration:none;
color:#C3343E;
}

a:visited{
outline:none;
text-decoration:none;
color:#C3343E;
}


div#about li{
margin:0;
padding:0;
list-style:none;
}

div#contact li{
list-style:none;
}

div#contact-blurb{
font-size:14px;
width:240px;
padding-right:10px;
overflow:auto;
float:left;
}

input{
background-color:#F0EAEA;
border: solid 1px #41191B;
width:245px;
}

button{
border: solid 1px #41191B;
  color: #FFF;
  background-color: #C3343E;
  font-weight: bold;

}

textarea{
background-color:#F0EAEA;
border: solid 1px #41191B;
font-family:Helvetica, sans-serif;
font-size:12px;
width:250px;
height:75px;
}

div#contact-form{
color:#41191B;
height:300px;
background-repeat:no-repeat;
background-image:url(img/images/contactbubble.jpg);
width:295px;
padding-top:10px;
padding-left:15px;

float:left;
}

div#contact-form li{
list-style-image:url(img/images/arrow.jpg);
list-style-position:inside;

}


div#bold{
color:#41191B;
}


div#page{
margin:0 auto;
width:850px;
background-color:#F0EAEA;
padding-bottom:50px;
margin-bottom:50px;

}

div#header{
height:160px;
background-repeat:no-repeat;
background-image:url(img/images/logo.png);
}

div#header a{
text-indent:-9999px;
display:block;
width:350px;
height:130px;
}

div#menu{
background-color:#F0EAEA;
width:215px;
float:left;
}

p{
margin:0;
padding:0;
}

p#links{
}


div#portfolio a{
text-indent:-9999px;
height:34px;
display:block;
background-image:url(img/images/portfolio.jpg);
color:#00CC00;
}
div#portfolio a:hover{
background-image:url(img/images/portfolio-hover.jpg);
}


div#about{
height:34px;
}

div#about a{
text-indent:-999px;
height:34px;
display:block;
background-image:url(img/images/about.jpg);
color:#00CC00;
}
div#about a:hover{
background-image:url(img/images/about-hover.jpg);
}


div#contact{
height:34px;

}

div#p-content ul{
list-style-image:url(img/images/arrow.jpg);

list-style-position:inside;
text-align:right;
margin:0;
padding:7px 25px 0px 10px;
}
div#p-content li{
padding-bottom:5px;
}

li.category{
list-style:none;
list-style-image:none;
color:#F0EAEA;
border-bottom: 2px dashed #D6999D ;
margin-top:10px;
margin-bottom:10px;

}

div#p-content a{
text-decoration:none;
color:#41191B;
}

div#p-content a:hover{
color:#F0EAEA;
}


div#contact a{
text-indent:-999px;
height:34px;
display:block;
background-image:url(img/images/contact.jpg);
color:#00CC00;
}
div#contact a:hover{
background-image:url(img/images/contact-hover.jpg);
}


div#portfolio{
height:34px;
background-image:url(img/images/portfolio-hover.jpg);
}

div#p-top{
height:8px;
background-image:url(img/images/p-top.png);
}

div#p-content{
background-image:url(img/images/p-mid.png);
background-repeat:repeat-y;

}
div#p-bottom{
background-image:url(img/images/p-bottom.png);
height:19px;
}


div#content{
	z-index:0;
width:610px;
background-color:#D3BFC0;
float:left;

}

div#content-mid{
margin:0 25px 0 25px;
text-indent:0px;
line-height:20px;
}

div#content-mid p{
padding-bottom:10px;
}

div#next{
z-index: 1000;
background-color:#be5c62;
border:5px solid #313146;
position:absolute;
left:495px;
height:100px;
top:33%;
width:50px;
}

div#next a{
height:100px;
background-image:url(img/images/next-over.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
display:block;
}

div#next a:hover{

background-color: #d6999e;
background-image:url(img/images/next.jpg);

}

div#prev{
z-index:100;
background-color:#be5c62;
border:5px solid #313146;

position:absolute;
left:5px;
height:100px;
top:33%;
width:50px;
}

div#prev a{
height:100px;
background-image:url(img/images/prev-hover.jpg);
background-repeat:no-repeat;
background-position:center;
text-indent:-9999px;
display:block;
}

div#prev a:hover{
background-color: #d6999e;
background-image:url(img/images/prev.jpg);

}



div#content-top{
height:25px;
background-image:url(img/images/content-top.png);
}
div#content-bottom{
clear:both;
height:25px;
background-image:url(img/images/content-bottom.png);
}

div#vimeo-sd{
	z-index:0;
text-indent:0px;
background-color:#313146;
padding:10px 80px 10px 80px;
margin:0px 0px 0px 0px;
}

div#vimeo-hd{
	z-index:0;
text-indent:0px;
background-color:#313146;
padding:10px 10px 10px 10px;
margin:0 0px 0 0px;
}

div#image-1{
z-index:0;
}

div#content-image{
z-index:10;
position:relative;
text-indent:0px;
background-color:#313146;
padding:10px 10px 10px 10px;
margin:0 0px 0 0px;
}

div#index-image{
margin:0;
padding:0;
position:relative;
left:-25px;
top:0px;
}

div#name-container{
position:relative;

margin:0px;
background-color:#313146;
font-size:24px;
color:#D3BFC0;
padding:0px 15px 0px 10px;
text-indent:0px;
display:inline;
background-image:url(img/images/titlecurve.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}

div#name-container p{
text-indent:0px;
display:inline;
position:relative;
top:6px;
margin:0px;
padding:0px;
line-height:0px;

}




div#desc{

margin-top:25px;
font-size:12px;
}


div#desc ul{
text-indent:0px;
list-style-image:url(img/images/arrow2.jpg);
list-style-position:inside;
text-align:left;
margin:0;
padding:7px 25px 0px 10px;
}

div#control-bar{
margin:0px;
padding:0px;
position:relative;
}
div#link{
font-size:14px;
text-align:left;
}
div#link a{
margin-left:5px;
outline:none;
text-decoration:none;

color:#BE5C62;
}
div#link a:hover{
outline:none;
text-decoration:none;

color:#313146;
}

div#toggle1 a{
height:25px;
width:25px;
background-image:url(img/images/ribbon.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:-2px;
}

div#toggle2 a{
z-index:0;
height:25px;
width:25px;
background-image:url(img/images/ribbon.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:23px;
}

div#toggle3 a{
height:25px;
width:25px;
background-image:url(img/images/ribbon.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:48px;
}

div#toggle4 a{
height:25px;
width:25px;
background-image:url(img/images/ribbon.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:73px;
}

div#toggle5 a{
height:25px;
width:25px;
background-image:url(img/images/ribbon.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:98px;
}

div#toggle1-active a{
height:25px;
width:25px;
background-image:url(img/images/ribbon-blue.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:-2px;
}

div#toggle2-active a{
height:25px;
width:25px;
background-image:url(img/images/ribbon-blue.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:23px;
}

div#toggle3-active a{
height:25px;
width:25px;
background-image:url(img/images/ribbon-blue.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:48px;
}

div#toggle4-active a{
height:25px;
width:25px;
background-image:url(img/images/ribbon-blue.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:73px;
}

div#toggle5-active a{
height:25px;
width:25px;
background-image:url(img/images/ribbon-blue.jpg);
text-indent:-9999px;
position:absolute;
top:0px;
right:98px;
}