body{ 
background-image: url('images/bluegradient.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Helvetica, Arial, Sans Serif;
font-size: 12px;
}

.nav li {display:inline;
background-color:#C53D21;
}

.nav h2 {color:#ffffff;}

.nav ul {
width:100%;
padding:0;
margin:0;
list-style-type:none;}

.nav a{
float:left;
width:160px;
text-decoration:none;
text-align: center;
color:white;
font-size:16px;
background-color:#C53D21;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 3px;}

.nav a:hover {background-color:#ff3300;}

h2{
color:#C53D21;}

h4{
font-weight: normal;
font-size:12px;
color:#C53D21;}

a{
font-weight: normal;
font-size:12px;
color:#C53D21;
text-decoration: none;}


.main{ 
width:800px;
margin-left: auto;
margin-right: auto;
background-color:#effefe; 
border: 2px solid #78D1EE;} 

.header{ 
margin-top: 40px;
margin-bottom: 20px;}

.nav{ }

.content{ 
clear:left;
padding: 20px;}

.text{
width:440px;
padding-left:20px;
padding-right:20px;
background-color:#effefe;
float:left;}

.photos{ 
width:232px;
padding-left:20px;
padding-right:20px;
background-color:#effefe;
float:right; clear: none;}

.photos img{
padding-top: 10px;
padding-bottom: 10px;}

.footer{
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
clear: both;}