/*
	Client: Oasis Human Relations
	Author: Lee Turver
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Calibri; color: #004897; font-size: 10pt; }
img { border:0; }

 html, body { height: 100%; }
 
* {
	margin:0px auto;
}

ul { color: #000; list-style-type: dot; margin-left: 20px; padding-left: 15px; }
li { padding-left: 10px; }

div#gap {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -300px;
	float: left;
}

div#home {
	width: 100%;
	height: 300x;
	position: relative;
	top: -300px;	
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
}

div#main {
	width: 900px;
	height: 600px;
	margin: 0 auto;
}

div#navigation {
	width: 855px;
	height: 60px;
	margin: 0 auto;

}
	
	div#navigation div.item {
		width: 120px;
		float: left;
		border-right: 2px solid #fff;
	}
	
	div#navigation div.item_num {
		font-size: 18pt;
		width: 120px;
		text-align: center;
	}
	
	div#navigation div.item_num a {
		font-size: 18pt;
		text-align: center;
	}
	
	div#navigation div.selected, div#navigation a.selected {
		color: #ffffff!important;
	}
	
	div#navigation div.selected, div#navigation div.selected a {
		color: #ffffff!important;
	}
	
	div#navigation h1, div#navigation a {
		font-size: 10pt;
		text-align: center;
		text-decoration: none;
		color: #004897;
	}
	

div#main_container {
	width: 100%;
	height: 80%;
	min-height: 475px;
	padding-top: 0px;
	padding-bottom: 30px;
	float: left;
}
	
	div#main_container div#content_container {
		width: 80%;
		height: 100%;
		margin-left: 30px;
		background: url('../images/trans1_1.png') repeat;
		overflow: auto;
		overflow-x: hidden;
		border: 1px solid #fff;
		float: left;
		position: relative;
	}
	
	div#main_container div#content_container p {
		padding-right: 30px;
		padding-left: 30px;
		margin-left: 50px;
	}
	
	div#main_container div#content_container ul#hover-links{
		color: #068888;
		list-style-type: square;
	}
	div#main_container div#content_container ul#hover-links li{
		padding-left: 2px;
		padding-bottom: 3px;
	}
	div#main_container div#content_container ul#hover-links a{
		color: #068888;
		font-weight: bold;
		text-decoration: none;
	}
	div#main_container div#content_container ul#hover-links a:hover{
		color: #003366;
	}	
	
	
	div#main_container div#content_container a.norm{
		color: #068888;
		font-weight: bold;
		text-decoration: none;
	}
	div#main_container div#content_container a.norm:hover{
		color: #003366;
	}
	
	div.big_right {
		width: 525px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background: #068888;
		color: #fff;
		border: 1px solid #fff;
		z-index: 100;
	}
	
	div.big_content h2 {
		padding: 50px;
		margin-bottom: 50px;
	}
	
	div.big_right h2, div.big_right p, div.big_right ul, div.big_right li{
		color: #ffffff!important;
	}
	
	div.big_right li.square {
		font-weight: bold;
		list-style-type: square;
		margin-left: 35px;
		padding-left: 0px;
	}
	div.big_right li.square2 {
		font-weight: normal;
		list-style-type: square;
		margin-left: 35px;
		padding-left: 0px;
		padding-bottom: 3px;
	}
	div.big_right li.square3 {
		font-weight: normal;
		list-style-type: square;
		margin-left: 35px;
		padding-left: 0px;
		padding-bottom: 5px;
	}
	
	
	
	div.big_right2 {
		color: #fff;
		border: 1px solid #fff;
		width: 500px; height: 100%; position: absolute; top: 0; right: 0; background: #068888;		
	}
	
	div.big_right2 h2, div.big_right2 p, div.big_right2 ul, div.big_right2 li{
		color: #ffffff!important;
	}
	
	div.big_right2 li.square {
		font-weight: bold;
		list-style-type: square;
		margin-left: 35px;
		padding-left: 0px;
	}
	
	div#main_container div#content_container div.developer {
		background: #003366;
		margin-left: 10px;
		width: 100%;
		border: 1px solid #fff;
		padding: 10px;
		clear: both;
	}
		
		div#main_container div#content_container div#inner_right {
			width: 250px;
			background: #003366;
			color: #fff;
			float: right;
		}
	
	div#main_container div#content_container div.developer h1 {
		color: #fff;
	}
			
			div#main_container div#content_container ul.developers {
				color: #fff;
				list-style-type: none;
				text-align: right;
			}
			div#main_container div#content_container ul.developers li {
				padding-top: 1px;
				padding-bottom: 1px;
			}
			div#main_container div#content_container ul.developers a{
				text-decoration: none;
				color: #fff;		
			}
			div#main_container div#content_container ul.developers li a:hover{
				font-weight: bold;
				color: #0485ba;
			}
			
			div#main_container div#content_container a.col_link {
				text-decoration: none;
				color: #fff;	
			}
			div#main_container div#content_container a.col_link:hover {
				font-weight: bold;
				color: #0485ba;
			}
		
			div#inner_right p {
				margin: 0;
				padding-top: 10px;
				color: #ffffff!important;		
				text-align: right;
			}
	
		div#main_container div#content_container h1{
			color: #004897;
			font-family:  Verdana, Arial, Helvetica, Calibri;
			font-size: 26pt;
			padding-left: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
			margin: 0;
		}
		
		div#main_container div#content_container h2{
			color: #004897;
			font-family: Verdana, Arial, Helvetica, Calibri;
			font-size: 14pt;
			padding-left: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin: 0;
		}
		div#main_container div.big_right h2{
			color: #004897;
			font-family: Verdana, Arial, Helvetica, Calibri;
			font-size: 14pt;
			padding-left: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin: 0;
		}
		
		div#main_container div#content_container h3{
			color: #004897;
			font-family: Verdana, Arial, Helvetica, Calibri;
			font-size: 12pt;
			padding-left: 20px;
			padding-top: 10px;
			padding-bottom: 10px;
			margin: 0;
		}
		
		div#main_container div#content_container h4{
			color: #004897;
			font-family: Verdana, Arial, Helvetica, Calibri;
			font-size: 11pt;
			padding-left: 20px;
			padding-top: 3px;
			padding-bottom: 3px;
			margin: 0;
		}
		
		div#main_container div#content_container h4 a{
			color: #004897;
			text-decoration: none;
			border-bottom: 1px dashed #004897;
		}		
		
		div#main_container div#content_container h5{
			color: #004897;
			font-family: Helvetica, Calibri, Arial;
			font-size: 10pt;
			padding-left: 20px;
			padding-top: 3px;
			padding-bottom: 3px;
			margin: 0;
		}
		
		div#main_container div#content_container h5 a{
			color: #004897;
			text-decoration: none;
		}		
		
		div#main_container div#content_container p{
			margin: 0;
			padding-left: 20px;
			padding-bottom: 20px;
			color: #000;
			padding-right: 10px;			
		}
		
		div#main_container div.big_right p{
			margin: 0;
			padding-left: 20px;
			padding-bottom: 20px;
			color: #000;
			padding-right: 10px;			
		}
		
		div#main_container div#content_container div.border{
			margin-left: 20px;
			margin-right: 25px;
			padding: 10px;
			border: 1px solid #fff;
			background: #fff;
		}
		
	div#main_container div#content_right {
		width: 20%;
		max-width: 130px;
		height: 100%;	
		float: left;
		position: relative;
	}
	div#main_container div#content_right div.quote {
		color: #ffffff;
		font-style: italic;
		font-family: Verdana, Arial, Helvetica, Calibri;
		font-size: 9pt;
		text-align: center;
		font-weight: bold;
	}
	
div#title_services {
	width: 225px; 
	height: 30px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_our-services.png') top left no-repeat;
}
div#title_introduction{
	width: 655px; 
	height: 35px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_introduction.png') top left no-repeat;
}
div#title_benefits{
	width: 130px; 
	height: 30px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_benefits.png') top left no-repeat;
}
div#title_who-for{
	width: 555px; 
	height: 30px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_who-for.png') top left no-repeat;
}
div#title_who-by{
	width: 145px; 
	height: 35px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_who-by.png') top left no-repeat;
}
div#title_how-we-work{
	width: 225px; 
	height: 30px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_how-we-work.png') top left no-repeat;
}
div#title_contact-us{
	width: 170px; 
	height: 35px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_contact-us.png') top left no-repeat;
}
div#title_map{
	width: 285px; 
	height: 35px; 
	position: absolute; 
	left: 20px; 
	top: 35px;
	background: url('../images/title_map.png') top left no-repeat;
}
	
	div#title_services h1, div#title_introduction h1, div#title_benefits h1, div#title_who-for h1, div#title_who-by h1, div#title_how-we-work h1, div#title_contact-us h1, div#title_map h1 {
		text-indent: -10000px;
	}
	
div#padder {
	width: 100%;
	height: 85px;
	float: left;
	clear: both;
}

ul#contact_us li {
	margin-top: 5px;
}

ul#clients_say {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul#clients_say li {
	padding-left: 0;
	margin-left: 20px;
	padding-top: 5px;
	
}

.profilepic {
	background: #e9e9e9; 
	padding: 4px; 
	float: left; 
	margin-left: 15px; 
	margin-right: 15px; 
	color:#000; 
	font-size: 9pt; 
	text-align: center;
	margin-bottom: 15px;
}