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

html {		height: 100%;
			background: gray;
			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: 800px;
			height: 92%x;
			border: 5px solid black;
			padding: 5 px;
			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: 590px;
			height: 350px;
			float: right;
			
}


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

p {			font-size: 8pt;
}

.italic {font-style: italic;}

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

h2 {	font-size: 10pt;
}

h3 {		font-size: 10pt;
		font-weight: bold;
		text-align: center;
}

h4 {	font-size: 8pt;
		font-weight: bold;
		text-align: left;
	}

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

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

li {	font-size: 8pt;
}

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: 400px;
			border: none;
			padding: 0px;
}

.navibtm {	position: relative;
			text-align: center;
			clear: left;
			float: left;
			width: 160px;
			height: 100px;
			padding: 0px;
}

.biglink {	text-indent: 10px;
			width: 145px;
			height: 15px;
			background: #dfdbdb;
			
			
		}
		
.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%;
			
		}

.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;
		}

