/* html styles */

html
{
	margin:0;
	padding:0;
	height:100%; /* essential*/
	color:#333;
	background-color:#D3D3D3;
	overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
	scrollbar-face-color:#88C3EB;
  scrollbar-highlight-color:white;
  scrollbar-3dlight-color:#94B9E5;
  scrollbar-darkshadow-color:#204DA0;
  scrollbar-shadow-color:gray;
  scrollbar-arrow-color:white;
  scrollbar-track-color:#204DA0;
}

body 
{
	margin:0;
	padding:0;
	height:100%; /* essential*/
	color:#333;
	background-color:#DCDCDC;
	font:85%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	scrollbar-face-color:#88C3EB;
  scrollbar-highlight-color:white;
  scrollbar-3dlight-color:#94B9E5;
  scrollbar-darkshadow-color:#204DA0;
  scrollbar-shadow-color:gray;
  scrollbar-arrow-color:yellow;
  scrollbar-track-color:#204DA0;
}

h1
{
	margin:0.25em 0;
	font:normal 1.3em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:left;
	letter-spacing:1px;
}

p 
{	
	margin:1em 0;
}

a:link,
a:visited 
{
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}

a:focus,
a:hover 
{
	color:#D03900;
	border-bottom:solid 1px #D03900;
}


/* page element styles */

#wrap 
{
	width:600px;
	margin:0 auto;
}

html>body #wrap 
{
	height:100%; /* essential*/
}

#header 
{
	width:600px;
	height:160px;
	color:#111;
	background:#204DA0;
	text-align:center;
}

html>body #header 
{
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}

#contentcontainer
{
	background-color:#f8f8f3;
}

html>body #contentcontainer
{
	height:100%; /* essential*/
}

#contentcontent 
{
	background-color:#f8f8f3;
}

html>body #contentcontent 
{
	padding:165px 10px 6em 10px;
}

#footercontainer 
{
	width:600px;
	height:6em;
	color:#111;
	background:#204DA0;
	text-align:center;
	vertical-align:middle;
}

html>body #footercontainer 
{
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#footercontainer {color:#88C3EB;}

#footercontainer a {color:#88C3EB;}

/* other styles */

.menu
{
	width:100%;
	text-align:center;
	font:normal 1.1em "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	vertical-align:middle;	
}

.menuitem a:link
{
	border:solid 2px black;
  color:black;
  background-color:white;
  font-size:0.80em;
	display:block;
  text-decoration:none;
  vertical-align:middle;
}

.menuitem a:visited
{
	border:solid 2px black;
  color:black;
  background-color:white;
  font-size:0.80em;
	display:block;
  text-decoration:none;
  vertical-align:middle;
}

.menuitem a:hover
{
  color:white;
  background-color:black;
  display:block;
  text-decoration:none;
  font-size:0.80em;
	vertical-align:middle;
}

.menuitemselected
{
	border:solid 2px black;
  color:black;
  background-color:#DCDCDC;
  display:block;
  text-decoration:none;
  font-size:0.80em;
	vertical-align:middle;
}

.contentimage
{
	padding:0.5em;
	margin:0.25em 0;
	float:right;
}

.safecontractorfooter
{
	margin:0.25em;
	float:left;
}

.aboutusimage
{
	margin:5px;
}

.servicesimage
{
	
}

#serviceslist
{
	width:285px;
}

#servicespictures
{
	width:285px;
	float:right;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 110px;
	padding-right: 20px;
}

br {
	clear: left;
}