body
{
	background-color: #fff;
	margin: 20px;
	padding:0;

}

/* the container */
div#everything
{
	border-width: 8px 8px 0 8px;
	border-color: #000;
	border-style: solid;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 12px;
    min-width:720px;
	max-width:900px;
	text-align: justify;
}

/* header */

div#everything table tr td
{
font-size: 12px;
}

div#header
{
	background-color: #000;
}

/* navigation elements */
div#nav
{
    position: absolute;
	left: 668px;
	top: 174px;
	
}


div#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

div#nav ul li
{
	list-style-type: none;
	background-color: #eee;
	width: 70px;
	text-align: center;
	padding: 3px 3px 3px 0;
	margin: 0 0 3px 0;
}
div#nav ul li#nav1
{
	background-color:#AD8997;

 
}
div#nav ul li#nav2
{
	background-color:#BBEFB9;
    
}
div#nav ul li#nav4
{
	background-color:#F3C56E;
    
}
div#nav ul li#nav5
{
	background-color:#E3CDE2;
    
}
div#nav ul li#nav6
{
	background-color:#76A374;
    
}
div#nav ul li#nav7
{
	background-color:#889ED0;
    
}
div#nav ul li#nav8
{
	background-color:#F4F5AD;
    
}
div#nav ul li#nav9
{
	background-color:#fea9cb;
    
}

div#nav ul li a
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
div#nav ul li a:hover
{
	color: #3333E1;
}


/* main - this has the background in it */
div#main
{
	background-image: url(photos/webCompany.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 63px 0 0 9px;
	height:420px;
	}
	
	
body#idServices div#main
{
	background-image: url(photos/webServices.jpg);
	background-color: #408CEA;
}
body#idPartners div#main
{
	background-image: url(photos/webPartners.jpg);
	background-color: #3F6596;
}
body#idQuote div#main
{
	background-image: url(photos/webQuote.jpg);
	background-color: #646663;
}
body#idContact div#main
{
	background-image: url(photos/webContact.jpg);
	background-color: #8C9A5F;
}
body#idHome div#main
{
	background-image: url(photos/webHome.jpg);
	background-color: #7D6C4E;
}
body#idFAQs div#main
{
	background-image: url(photos/webFaqs.jpg);
	background-color: #7D6C4E;
}
body#idAboutus div#main
{
	background-image: url(photos/webAboutus.jpg);
	background-color: #7D6C4E; 
}



/* content */

div#content
{
	min-height: 360px;
	height:360px;
	width: 580px;
	margin: 0 0 30px 19px;
	padding: 10px;
	font-family: verdana, sans-serif;
	background-image: url(images/transparent.gif);
	overflow: auto;
	z-index: 100;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width: 600px;
    margin: 0 0 0px 0;
	
}


div#content h1
{
	font-family: 'arial narrow', arial, sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	margin: 0 1em 1em 11px;
	}
	
div#content h3
{
	font-family: 'arial narrow', arial, sans-serif;
	font-size: 15px;
	text-transform: capitalize;
}
div#content img#highlight 
{ 
  	float: right;
  	width: 120px;
	height: 100px;
    margin: 500px 0 5px 0; 
}

div#content p
{
    margin: 0 1em 1em 11px;
	line-height: 1.5em;
/*	background-image: url(images/transparent.gif);*/
}


/* footer */
div#footer
{
	margin: 0;
	padding: 2px;
	background-color: #000;
	color: #fff;
	text-align: center;
}

div#footer p
{
	margin: 0;
}

ul#servicesList
{

}

ul#servicesList li
{
	font-size: 14px;
	text-align: right;
	list-style-type: none;
	margin-bottom: 10px;
	width: 130px;
}	

ul#servicesList li.here 
, ul#servicesList li.here a
{
	background-color: #ccc;
	color: #c00 !important;
}
	
ul#servicesList li a
{
	color: black;
	text-decoration: none;
}

ul#servicesList li a:hover
{
	color: blue;
	text-decoration: none;
}

div.partner
{
	width: 280px;
	float: left;
	text-align: center;
	height: 150px;
	padding: 0;
	margin: 0 10px 0 0;
	border-bottom: 1px dashed #006699;
}

div#content div.partner h3
{
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#servicesPics div
{
	border: 1px solid #666;
	background-color: #eee;
	float: left;
	padding: 10px;
	margin: 0 10px 10px 0;
	width: 150px;
	text-align: center;
	vertical-align: middle;
	min-height: 90px;
	height: 90px;
	overflow: hidden;
    voice-family: "\"}\""; 
    voice-family:inherit;
	min-height: 110px;
	height: 110px;
}

div#servicesPics div img
{
	vertical-align: middle;
}

div#servicesPics div a
{
	border: 1px solid #eee;
}

div#servicesPics div a:hover
{

}
div#servicesPics div a img
{
	border: none;

}

body#idAboutus div#content div
{
/*	border: 1px solid red; */
	margin: 0 0 50px 0;
}