BODY, h1{
     font-family: arial, tahoma, verdana, sans-serif ;
	   font-size: 0.7em;
	   color: #666;
	   margin: 0;
     padding: 0;
	   vertical-align: top;
	   padding: 5px 0px 5px 0px;
     background: #fff3e8 url(../images/bg.gif) repeat-x fixed;	         
}

/* Generic Elements   =============================================== */
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin:  0px;
  padding: 0px;
}

/*  Links   =============================================== */
a:link, a:visited, a:active {
	color: #ccc;
	text-decoration: none;	
}
a:hover	{
	color: #666;
}


img {
	border: 0;
}
h1 {
  display:none;
}
h2 {
  font-weight: bold; 
  color: #003366;
  font-size: 0.9em;
  padding: 0px 0px 0px 0px;
}
h3 {
  color: #003366;
  font-size: 1.1em; 
} 
h4 {
  color: #003366; 
    font-size: 1em; 
}    

.clear {
  clear: both;
}

/*  header    =============================================== */

#header {
padding: 0;
margin: 10px;
width: 900px;
height: 248px;
background: url(../images/header.jpg) top left no-repeat;
}

#header-about {
padding: 0;
margin: 10px;
width: 900px;
height: 248px;
background: url(../images/header-about.jpg) top left no-repeat;
}

#header-services {
padding: 0;
margin: 10px;
width: 900px;
height: 248px;
background: url(../images/header-services.jpg) top left no-repeat;
}

#header-contact {
padding: 0;
margin: 10px;
width: 900px;
height: 248px;
background: url(../images/header-contact.jpg) top left no-repeat;
}

#logo {	
	margin: 10px;
	width: 350px;
}
/*  layout  =============================================== */
		
#main  {
  padding: 0;
  background-color: #fff;
  width: 920px;
  margin: 10px auto;
  border: 1px solid #fff;
}

#right {
  float: right;
  margin: 0 55px 0 0;
}

#content  {
  margin: 60px 0 0 0;
  padding: 0 0 10px 0;
  width: 300px;
 }

 #content ul li  {
  margin: 10px 0 0 10px;
}
 
#spacer {
clear: both;
height: 1px;
}

/* Begin Navigation =============================================== */

#nav {
  width: 320px;
  margin: 0;
  padding: 0px;
}

#nav  ul{
  padding: 0px;
}

#nav  ul li{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  display: block;
  width: 54px;
  height: 25px;
 }

 #nav a {
  display: block;
}
 
 
#nav ul  a:link, #nav ul a:visited, #nav ul  a:active {
	font-weight: normal;
	color: #999;
	text-decoration: none;
}


#nav li:hover a, #nav li  a.current  {  
  color: #000;
}

#nav li.home  {
  border-top: #ff3333 7px solid;
}

#nav li.home:hover  {
   border-top: #cc3333 7px solid;
 
}

#nav li.about {
  border-top: #ffcc00 7px solid;
}

#nav li.about:hover {
   border-top: #ff9900 7px solid;
 }

#nav li.services {
  border-top: #ffff33 7px solid;
}
#nav li.services:hover  {
   border-top: #fff777 7px solid;
 
}

#nav li.contact {
   border-top: #cccc33 7px solid;
}

#nav li.contact:hover  {
   border-top: #99cc33 7px solid;
}

#nav li.blog {
   border-top: #006633 7px solid;
}

#nav li.blog:hover  {
   border-top: #009900 7px solid;
  
}


/* Begin footer  =============================================== */
	
#footer {
width: 920px;
padding: 0;
margin: 0px auto;
color: #999999;
}

#footer_right {
float: right;
text-align: right;
width: 170px;
}