/*the following prepared style rules determine colors, fonts, layout, and text wrap around the image in the content area*/

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 margin: 10%;
 background-color: #3C4138;
 }

h1 {
 font-size: 2em;
 }

#container {
 width: 800px;
 background: #FFF;
 margin: 0 0 0 1em;
 }

#content {
 position:relative;
 margin: 0 2em 2em 15em;
 background-color: #FFFFFF;
 }

#content img {
 float: none;
 clear:both;
 margin-right: 3px;
 margin-bottom: 3px;
 }
    
#nav {
  width: 150px;
  float:left;
  margin-right:3em;
}

#nav ul  {
 width: 150px;
 }

#siteName {
 width: 800px;
 }

#siteName h1 {
 font-style: italic;
 color: #D0B26F;
 text-align: right;
 background-image: url('360bridge.jpg'); 
 padding: 120px 0 0;
 letter-spacing:1em 2px;
 }
 
h2 {
 font-size: 1.7em;
 }
 
h3 {
 font-size: 1.5em;
 }
  
#pageName {
  margin: 0;
  font-size: 1.2em;
  font-variant: small-caps;
  color: #D0B26F;
  letter-spacing: 0.4em;
  border-bottom: 1px dotted #D0B26F;
  text-align:right;
 }
 
.feature{
  background:url('yellowgradient.gif') repeat-y right;
  border-right: 1 px solid #666;
  border-bottom: 1 px solid #666;
  padding-left: 1em;
}

.clearer {
 clear:both;
}
/*start writing the new style below this comment*/