/* universal settings */
* {
	padding: 0;
	margin: 0;
	}

/* re-defined tag settings */		
body { 	
 	
	color: #999;
	background: #ccc; 
	font: 0.9em verdana, sans-serif; 
	line-height: 1.1em;
	}
h1 {
	padding: 40px 10px 0 10px;
	color: #f90;
	font: 2em verdana, sans-serif; 
	font-weight: bold;	
}	
h2 {
	padding: 15px 10px 8px 0;
	color: #fff;
	font: 1em verdana, sans-serif; 
	font-weight: bold;	
	text-align: left; 
}

	
/* main structure */		
#container {
	text-align:left;  
	width: 700px;
	height: 800px; 
	margin: 0 auto;
	position: relative;
    border-left: 1px solid #360;
    border-right: 1px solid #360;

	}
	/* be kind to Opera */
	html>body .content{
	width: 700px;
}

/* title header */
#header {
		background: #ccc url(images/header.jpg) no-repeat top left;
        top: 0px;
        left: 0px;
        margin: 0;
		height: 90px;
        width: 700px;
		padding: 0; 
		border-bottom: 1px solid #333;

/* ie5win bug fix */
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 700px;
        }
	html>body #left {
        width: 700px; 
/* end bug fix */
        }

#header h1 {
	padding: 28px 10px 0 210px;
	color: #390;
	font: 1em verdana, sans-serif; 
	font-weight: bold;	
}

/* main menu */
#nav {
	padding: 28px 10px 0 210px;
	color: #333;
	font: 1em verdana, sans-serif; 
	font-weight: bold;	
}	
#nav ul {
	display: block;
}
#nav li {
	display: inline;
	padding: 0 6px 0 0;
}
#nav li a:link, a:visited {
	font: 0.9em verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333;	
}
#nav li a:hover {
	color: #fff;	
}
#nav li a:active {
	color: #390;	
}
.current {
	font: 0.9em verdana, sans-serif;
	font-weight: bold;
	color: #390;
}

/* content section */
#content {
	background: #ccc url(images/line.jpg) repeat-y top left;
	height: 705px;
}

#content p {
	padding: 20px 10px 10px 160px;
	color: #333;
	line-height: 1.2em;
}

#content h2 {
	padding: 20px 10px 10px 160px;
	color: #360;
	font: 2em verdana, sans-serif; 
	font-weight: bold;
}

#content .userhint {
	font-style: italic;
	font-weight: bold;
	color: #390;
}

#content a:link {
	text-decoration: none;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #333;	
}
#content a:visited {
	text-decoration: none;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #333;	
}
#content a:hover {
	color: #c00;	
	font: 1em verdana, sans-serif;
	font-weight: bold;
}
#content a:active {
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #390;	
}

/* content section */
#services {
	background: #ccc url(images/lined_left.jpg) repeat-y top left;
	height: 705px;
}
#services p {
	padding: 0 10px 10px 160px;
	color: #333;
	font: 0.9em verdana, sans-serif; 
	line-height: 1.2em;
}

#services h2 {
	padding: 14px 10px 10px 160px;
	color: #360;
	font: 2em verdana, sans-serif; 
	font-weight: bold;
}

#services .userhint {
	font-style: italic;
	font-weight: bold;
	color: #390;
}


/* image insets */
#thumbnail_inset {
	font: 0.6em verdana, sans-serif; 
	font-weight: bold;
 	float: right;
 	width: 150px;
 	padding: 7px;
	color: #360;
	text-align: right;
 }
#thumbnail_left {
	font: 0.6em verdana, sans-serif; 
	font-weight: bold;
 	float: left;
	margin-left: 160px;
	margin-top: 14px;
 	padding: 5px;
	color: #360;
	text-align: right;
	margin-right: 0;
 }
.clearboth { 
	clear: both; 
	}
#thumbnail_link {
 	float: right;
	color: #360;
	padding: 200px 8px 0 8px;
 }
	
/* submenu for services */
#submenu {
	position: absolute;
	top: 110px;
	display: block;
	color: #333;
	font: 0.8em verdana, sans-serif; 
	font-weight: bold;	
	padding: 0 0 0 6px;
}
#submenu ul{
	display: block;
	list-style: none;
}
#submenu li{
	display: block;
	list-style: none;
	line-height: 2em;
	padding: 0 0 6px 3px;
}
#submenu li a:link {
	text-decoration: none;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #333;	
}
#submenu li a:visited {
	text-decoration: none;
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #333;	
}
#submenu li a:hover {
	color: #c00;	
	font: 1em verdana, sans-serif;
	font-weight: bold;
}
#submenu li a:active {
	font: 1em verdana, sans-serif;
	font-weight: bold;
	color: #390;	
}
#submenu .title {
	color: #390;
	font: 1.4em verdana, sans-serif; 
	font-weight: bold;
}


/* submenu for services */
#submenu .items {
	display: block;
	color: #360;
	font: 0.9em verdana, sans-serif; 	
	font-weight: bold;
	margin: 8px 0 2px 0;
}
#submenu .items ul{
	display: block;
	list-style: none;

}
#submenu .items li{
	display: block;
	list-style: none;
	line-height: 0.9em;
}


/* footer buttons */
#footer {
	position: absolute;
	bottom: 0;
	height: 87px;
	background: transparent url(images/bottom.jpg)  no-repeat  bottom left;	
	padding: 0 0 0 210px;
	color: #333;
	font: 1em verdana, sans-serif; 
	font-weight: bold;	
}	
#footer ul {
	display: block;
	padding-top: 30px;
}
#footer li {
	display: inline;
	padding: 80px 6px 0 0;
}
#footer li a:link, a:visited {
	font: 0.8em verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333;	
}
#footer li a:hover {
	color: #fff;	
}
#footer li a:active {
	color: #390;	
}