/* CSS Document */


body {
bgcolor:#FFF;
color:#333333;
font-family:sans-serif;
list-style-image : url(images/arrow.gif);
}
h1{
font-size:90%;
font-weight:100;
margin-bottom:20px;
padding-top:2px;
border:1px solid #FFFFFF;
}

h2{
font-weight:bold;
font-size:80%;
color:#6c4d3e;
letter-spacing:10px;
border-top:1px solid #333333;
padding-top:5px;
margin-top:80px;
}

h3{
font-weight:bold;
font-size:80%;
color:#333333;
border-bottom:1px dashed #6c4d3e;
margin-top:35px;
}

h4{
font-weight:bold;
font-size:80%;
color:#666666;
border-bottom:1px dotted #999999;
margin-top:15px;

}

.footer{
font-size:80%;
color:#333333;
border-top:1px solid #6c4d3e;
text-align:right;
margin-bottom:135px;
}

.top{
font-size:10px;
font-weight:normal;
text-align:right;
}



p {
font-size:80%;
line-height:130%;
}
li{
font-size:80%;
line-height:110%;
padding-bottom:10px;
}

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

a.menu {color:#000; font-weight:bold; font-size:80%; height:80px; width:80px;}
a.menu:link {color:#000;}
a.menu:visited {color:#000;}
a.menu:hover {color:#fff; text-decoration:none;}


#content{
width:700px;
margin-left:auto;
margin-right:auto;
}

#top_menu{
text-align:right;
font-size:80%;
}

#large{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/1.jpg);
background-repeat:no-repeat;

}

#large_rendered{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/rendered.jpg);
background-repeat:no-repeat;

}
#large_listened{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/listened.jpg);
background-repeat:no-repeat;

}

#large_combined{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/combined.jpg);
background-repeat:no-repeat;

}

#large_captured{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/captured.jpg);
background-repeat:no-repeat;

}
#large_unintended{
border:1px solid #333333;
height:170px;
padding:10px;
padding-top:50px;
background-image:url(images/unintended_2.jpg);
background-repeat:no-repeat;

}


#small{
float:right;
border:1px solid #6c4d3e;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
background-image:url(images/2.jpg);
background-repeat:no-repeat;
}
#small:hover{
background-image:url(images/3.jpg);
background-repeat:no-repeat;
border:1px solid #fff;
}

#small3{
float:right;
border:1px solid #6c4d3e;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
background-image:url(images/5.jpg);
background-repeat:no-repeat;
}
#small3:hover{
background-image:url(images/4.jpg);
background-repeat:no-repeat;
border:1px solid #fff;
}

#small2{
float:right;
border:1px solid #6c4d3e;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
background-image:url(images/6b.jpg);
background-repeat:no-repeat;
}
#small2:hover{
background-image:url(images/7b.jpg);
background-repeat:no-repeat;
border:1px solid #fff;
}

#small4{
float:right;
border:1px solid #6c4d3e;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
background-image:url(images/8b.jpg);
background-repeat:no-repeat;
}
#small4:hover{
background-image:url(images/11b.jpg);
background-repeat:no-repeat;
border:1px solid #fff;
}

#small5{
float:right;
border:1px solid #6c4d3e;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
background-image:url(images/10b.jpg);
background-repeat:no-repeat;
}
#small5:hover{
background-image:url(images/9b.jpg);
background-repeat:no-repeat;
border:1px solid #fff;
}


#small-home{
float:right;
height:75px;
width:75px;
margin-right:20px;
text-align:center;
border:1px solid #fff;

}
#small-home:hover{
float:right;
border:1px solid #000;
height:75px;
width:75px;
margin-right:20px;
background-color:#6c4d3e;
border:1px solid #fff;
}

#content_chunk{
width:700px;

}

#image_chunk{
width:525px;
float:right;
}


#text{
width:168px;

}

#in-text500{
width:510px;
margin-left:8px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text125{
width:125px;
margin-left:10px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text125b{
width:122px;
margin-left:6px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text375{
width:375px;
margin-left:9px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text250{
width:252px;
margin-left:6px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#phantom250{
width:252px;
margin-left:6px;
float:right;
margin-bottom:10px;
}

#in-text700{
width:700px;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text80{
width:80px;
height:80px;
margin-left:4px;
float:right;
border:1px solid #333333;
margin-bottom:10px;
}

#in-text801{
width:80px;
height:80px;
margin-left:5px;
float:right;
border:1px solid #333333;
margin-bottom:5px;
}

.highlight{
color:#6c4d3e;
}

.page{
color:#999999;
}


.black{
color:#000;
font-size:120%;
}