#allcontent {
  width:             800px;
  padding-top:       5px;
  padding-bottom:    5px;
  background-color:  #F0F0F0;
  margin-left:       auto;
  margin-right:      auto;
  background-image:  url(images/logo.gif);
  background-repeat: no-repeat;
}

body {
  background-color: #333333;
  font-family:      Arial, Helvetica, san-serif;
  font-size:        14px;
  line-height:      1.6em;
  margin:           0px;
}

#header {
  background-color: #333333;
  width:			540px;
  font-size:		24px;
  padding:			10px;
  margin:		20px 100px 20px 100px;
}

.nav {
  width:800px;
  height:50px;
  padding:0px;
  margin:80px 0px 0px 0px;
  background:url(images/backdrop.gif)
}

.nav li {
  float:left;
  width:125px;
  height:50px;
  display:inline;
  padding:0px;
  margin:0px 0px 0px 50px;
}

li.home {
  background:url(images/nav-home.png) top left no-repeat; 
}
li.home:hover {
  background:url(images/nav-homeHover.png) top left no-repeat;
}

li.about {
  background:url(images/nav-about.png) top left no-repeat;
}

li.about:hover {
  background:url(images/nav-aboutHover.png) top left no-repeat;
}

li.services {
  background:url(images/nav-services.png) top left no-repeat;
}

li.services:hover {
  background:url(images/nav-servicesHover.png) top left no-repeat;
}

li.contact {
  background:url(images/nav-contact.png) top left no-repeat;
}

li.contact:hover {
  background:url(images/nav-contactHover.png) top left no-repeat;
}

.nav li a {
  display:block;
  padding:15px 0px 0px 50px;
  color:#000; font-size:18px;
  font-family:arial;
  height:35px;
  text-decoration:none;
}

.nav li a:hover {
  color:#000099;
}

#about {
	background-color: #333333;
	color:            #efe5d0;
	width:			  760px;
    font-size:        16px;
	padding:          10px;
	margin:           10px;
}

#contact {
	background-color: #333333;
	color:            #efe5d0;
	width:			  300px;
	float:			  left;
}

#contactarea {
	background-color: #333333;
	color:            #efe5d0;
	width:			  300px;
	margin-top:		  70px;
	margin-bottom:	  80px;
	margin-left:      450px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

#about_frame {
	background-color: #333333;
	color:            #efe5d0;
	width:			  380px;
	height:			  180px;
    font-size:        16px;
	padding:          5px;
	margin:           5px;
	float:			  left;
}

#services_frame {
	background-color: #333333;
	color:            #efe5d0;
	width:			  380px;
	height:			  180px;
    font-size:        16px;
	padding:          5px;
	margin:           25px 5px 5px 400px;
}

#footer {
	background-color: #333333;
	color:            #efe5d0;
	text-align:       center;
	padding:          10px;
	margin:           10px 10px 0px 10px;
	font-size:        12px;
	clear:            both;
}

h1 {
	font-size:        20px;
	color:			#999999;
}

h2 {
	font-size:		18px;
	color:			#0066FF;
}

h3 {
	font-size:		16px;
	margin-top:     50px;
}

h2.text {
  background-image:url(images/texth2.gif);
}

ul.framelist {
  float: left;
  width: 28em;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
li.framelist {
  float: left;
  width: 14em;
  margin: 0;
  padding: 0;
}

ul.linklist {
  color:#0066FF;
  text-decoration: none;
}

li.linklist {
	color:#FFFFFF;
	list-style-type: square;
	margin-top: 8px;
}

li.linklist a:link {
  color:#FFFFFF;
  text-decoration: none;
  list-style-type: none;
}

#about_frame a:link, #services_frame a:link {
	font-size:12px;
	text-decoration:none;
	color:#0066FF;
  }
  
#about_frame a:visited, #services_frame a:visited{
	font-size:12px;
	text-decoration:none;
	color:#000066;
  }

#about_frame a:active, #services_frame a:active {
  font-size:12px;
  text-decoration:none;
  color:#0066FF;
 }

#about_frame a:hover, #services_frame a:hover {
  font-size:12px;
  text-decoration:none;
  color:#000066;
  }
  
img.floatLeft { 
    float: left; 
    margin: 5px; 
}

img.floatRight { 
    float: right; 
    margin: -30px 5px 5px 5px; 
}