/*
********************************************************* DEFINE PAGE LAYOUT
*/

html {		height: 100%;
			background-color: #c8d8fa;
			text-align: center;
			margin: 0 auto;
	  }

body {		margin: 0 auto;
			font-family: Verdana, Arial, serif;
			font-size: 80%;
			padding: 10px;
			text-align: center;
	}

.imgnoborder { border: 0px solid black; }

/*
************************************************************** Box in page
*/

.page {		position: static;
			margin: 0 auto;
			width: 768px;
			height: 500px;
			border: 1px solid black;
			padding: 10px;
			background: white;
			text-align: center;
}


/*
**************************************************************** Container holds everything below links bar
*/

.container {	
			clear: both;
			text-align: left;
			padding-left: 10px;
			padding-right: 10px;
			overflow: auto;
			}



.content {	position: relative;
			width: 520px;
			height: 350px;
			float: right;
			border: 0px solid black;
}


.logo {		float: left;
			padding: 5px;
			padding-left: 20px;
			padding-right: 40px;
			padding-bottom: 20px;
}

p {			font-size: 75%;
}

.italic {font-style: italic;}

h1 {		padding-top: 40px;
			font-family: Verdana, Arial, serif;
			font-weight: bold;
			font-size: 90%;
			text-align: center;
			color: #000000;
			text-decoration: none;
		}

h2 {	font-size: 80%;
}

h3 {		font-size: 80%;
		font-weight: bold;
		text-align: center;
}

h4 {	font-size: 80%;
		font-weight: bold;
		text-align: left;
	}

.form { font-family: Verdana; 
			font-size: 8pt }

a   { 	color: #000080; 
		text-decoration: underline;
	}

li {	font-size: 80%;
}

a:hover {	color: #FF0000;
			text-decoration: none;
	}

.pic_locator {
		position: relative;
		float: right;
		top: 0px;
		right: 5px;
		padding-left: 10px;
		padding-bottom: 10px;
		}
		
.imgborder {
		border: 1px solid black;
	}

.icons { padding: 5px; 
		font-size: 10%;
	}

.client {
		position: static;
		float: left;
		width: 160px;
		height: 160px;
		text-align: center;
		font-size: 75%;
}

/*
**************************************************************** PORTFOLIO BOX
*/


.clientbox {
		position: static;
		text-align: center;
		float: left;
		width: 170px;
		height: 240px;
		border: 0px solid black;
}

/*
**************************************************************** NAVIGATOR MENU
*/

.clientlogin { 
		font-size: 100%;
		font-family: Verdana, Serif;
}

.navitop {	position: relative;
			float: left;
			width: 160px;
			height: 250px;
			border: 1px dotted black;
			padding: 5px;
}

.navibtm {	position: relative;
			text-align: center;
			clear: left;
			float: left;
			width: 160px;
			height: 100px;
			border-left: 1px dotted black;
			border-right: 1px dotted black;
			border-bottom: 1px dotted black;
			padding: 5px;
}

.biglink {	text-indent: 10px;
			width: 145px;
			height: 15px;
			background: #dfdbdb;
			border: 1px solid white;
		}
		
.biglink a {font-weight: bold;
			font-size: 80%;
			color: black;
			text-decoration: none;
		}

.biglink a:hover {
			color: blue;
		}

.sublink {	text-indent: 20px;
			width: 145px;
			height: 15px;
			background: #e8e8e8;
			font-weight: none;
			font-size: 80%;
			border: 1px solid white;
		}

.sublink a { 
			font-weight: bold;
			text-decoration: none;
			font-size: 100%;
			color: black;
		}

.sublink a:hover {
			color: blue;
		}

.subsub {	text-indent: 30px;
			width: 145px;
			height: 15px;
			background: #efefef;
			font-weight: none;
			font-size: 80%;
			border: 1px solid white;
		}

/*
********************************************************************** TOP BAR BUTTONS
*/

.toplinkbtn {
			position: static;
			float: left;
			height: 20px;
			width: 105px;
			background-image: url('../img/btnfade.gif');
			padding: 2px;
			color: white;
			overflow: hidden;
			font-size: 80%;
			border-left: 1px solid black;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
}

.toplinkbtn2 { 
			position: static;
			float: left;
			height: 20px;
			width: 105px;
			background-image: url('../img/btnfade.gif');
			padding: 2px;
			color: white;
			font-size: 80%;
			border: 1px solid black;
			overflow: hidden;
}

.toplinkbtn a {
		color: white; 
		text-decoration: none;
}

.toplinkbtn a:hover {
			color: white; 
			text-decoration: underline;
}

.toplinkbtn2 a {
		color: white; 
		text-decoration: none;
}

.toplinkbtn2 a:hover {
			color: white; 
			text-decoration: underline;
}