/* CSS style sheet for Stereo Architects */

body
{
font-family: helvetica, arial;
color: red;
background-color: #FFF;
margin: 0; padding: 0 20%;
overflow: scroll;
}


/* --------------------------------------------- Text --*/


h1 
{
color: red;
font: normal 20pt/12pt helvetica, arial; 
padding: 20px 5px 20px 50px; 
margin: 0 0 10px;
clear: both;
}

h2
{
color: red;
font: normal 15pt helvetica, arial;
}

p 
{
color: #666;
font-size: 10pt; 
margin: 12px 0px 12px 0px;
}

.small
{
font-style: italic;
font-size: 8pt;
}


ul, ol
{
color: #666;
font-size: 10pt; 
margin: 0 0 12px 347px;
padding: 0;
list-style-position: outside;
}

div.txt p, div.txt h2
{
margin: 0 0 12px 327px;
padding: 0;
}

p#footer
{
color: #DDD;
font-size: 8pt;
margin-top: 40px;
}

em
{
font-style: normal;
color: #F00;
}

p em
{
color: #F66;
}


/* --------------------------------------------- Images --*/


img 
{
border: 0;
float: left;
clear: none;
margin: 0;
padding: 0;
background-color: white;
border-right: solid 10px white;
}

div.txt img
{
border-right: 0;
margin-right: 10px;
margin-bottom: 3px;
clear: left;
}

/* --------------------------------------------- DIV's --*/


div#content
{
margin-right: auto; 
margin-left: auto; 
margin-top: 30px; 
margin-bottom: 50px;
width: 600px;
background: #FFF url(img/redline.gif) repeat-x top left;
}

div.txt
{
float: left;
margin: 0 0 5px 0;
padding: 0;
}

div.images
{
float: left;
clear: none;
margin-right: -400px;
}



/* --------------------------------------------- Links & Navigation --*/


a 
{
text-decoration: none;
color: white;
}

div#nav
{
float: right;
width: 253px;
margin: 0;
padding: 1px 7px;
background-color: red;
}


div#nav a
{
display: inline;
font-size: 10pt;
padding: 0 3px 0 0px;
margin: 0;
}

div#nav a:hover 
{
color: red; 
background-color: white;
}

h2 a
{
color: red;

}

h2 a:hover
{
color: white;
background-color: red;
}

p a
{
color: #F66;
border-bottom: dotted 1px #F66;
}

p a:hover
{
color: white;
background-color: #F66;
}