/* 
Title:		olympusasset.com screen styles
Author: 	gordon@slickfishstudios.com
*/

html, body { 
	height: 100%;
	width: 100%; 
	margin: 0; 
	padding: 0;

	font-size: 12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #666;
}
body {
	background: #5b6573 url(../images/oam-grad.jpg) repeat-x left top;
}



a:link, a:hover, a:visited, a:active {
	outline: none;
}
.required {
	color: #c00;
}
em {
	color: #0b4d1a; /* green */
}
h1 {
	text-transform: uppercase;
	color: #175c2e;
	font-size: 14px;
}
h2 {
	padding: 5px 0;
	margin: 0;
	text-transform: uppercase;
	color: #175c2e;
	font-size: 12px;
}
.tight {
	padding-bottom: 0px;
	margin: 0;
}
.quote {
	margin: 15px 15px; 
	padding: 10px;
	display: block;
	font-family: Georgia, serif; 
	font-size: 1.35em; 
	font-weight: normal; 
	font-style: italic;
	text-align: left;
	color: #fff;
	line-height: 120%;
	border: 1px solid #ccc;
	background: #4b667f;
}
.green {
	color: #0b4d1a;
}
.grey {
	color: #999;
}
.blue {
	color: #7f9db9;
}
.darkblue {
	color: #4b667f;
}

.script {
	font-family: Georgia, serif; 
	font-size: 1.3em; 
	font-weight: normal; 
	font-style: italic;
}
hr, hr.mini {
	color: #ccc;
	background: #ccc;
	height: 1px; 
	border: 0;
	margin: 15px 0 10px 0;
}
hr.mini {
	margin-right: 150px;
	margin-left: 150px;
	color: #cecece;
	background: #cecece;
}
.clear {
	clear: both;
}
.small {
	font-size: .9em; 
	font-weight: normal;
	text-transform: none;
}
.big {
	font-size: 1.2em; 
}
ul {
	list-style-type: circle;
	color: #7f9db9; /* blue */
}
ul li p {
	color: #4b667f; /* darkblue */
	padding: 4px 0;
	margin: 0;
}
ul.tight li p  {
	padding: 1px 0;
}
a {
	color: #4b667f;
	text-decoration: underline;
}
a:hover {
	color: #0b4d1a;
	text-decoration: underline;
}
a.backtotop {
	color: #7f9db9;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: .85em;
	margin-bottom: 10px;
}
a.backtotop:hover {
	color: #355a7c;
	text-decoration: underline;
}
.right_side {
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
	text-align: right;
}
.flash {
	border: 1px solid #ccc;
	width: 350px;
	height: 290px;
}

/* ***************//*************** */
/* ***************WRAPPERS*************** */
/* wrapper etc */
#wrapper { 
	margin: 0 auto;
	width: 900px;
}
#wrapper-inner { 
	margin: 0 auto;
	width: 100%;
	border: 2px solid #fff;
}
/* ***************BANNER*************** */
#banner {
	width: 100%;
	height: 175px;
	background: #fff url(../images/banner-lighthouse.jpg) no-repeat left top;
	overflow: auto;
}
#banner #logo {
	width: 230px;
	height: 175px; 
	border: 0;
	float: left;
	background: url(../images/oam-logo-web.png) no-repeat left top;
}
#banner #logo img {
	width: 230px;
	height: 175px; 
	border: 0;
	display: block;
}
#banner #breadcrumb {
	width: 475px;
	height: 175px; 
	border: 0;
	float: left;
}
#banner #breadcrumb a {
	color: #9fa0a2;
	font-size: 11px;
	text-decoration: none;
	display: block;
	height: 24px;
	line-height: 24px; 
	margin: 147px 0 0 15px;
	overflow: hidden;
}
#banner #breadcrumb a:hover {
	color: #3c3e44;
	text-decoration: underline;
}
#banner #address {
	width: 170px;
	border: 0;
	float: right;
	color: #828f9b;
	font-size: 11px;
	line-height: 130%;
	text-align: right;
	background: url(../images/address-bkg.png) no-repeat right bottom;
	overflow: hidden;
}
#banner #address div {
	margin: 5px 10px 15px 0;
	padding: 0;
	display: block;
}
#banner #address a {
	color: #828f9b;
	text-decoration: none;
}
#banner #address a:hover {
	color: #23384d;
	text-decoration: none;
}
#banner #address hr {
	color: #bbcfc6;
	background: #bbcfc6;
	padding: 0;
	margin: 4px 0 4px 15px;
	height: 1px;
	border: 0;
}
/* ***************//*************** */

/* *************** container, leftCol & NAV *************** */
#container {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff url(../images/container-bkg.gif) repeat-y left top;
	clear: both;
}
#container_rpt {
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url(../images/container-bkg.gif) repeat-y left top;
	clear: both;
}
#leftCol {
	width: 229px;
	min-height: 440px;
	border-right: 1px solid #d8d8d8;
	background: #bfccdd url(../images/nav-bkg.jpg) repeat-x left top;
	float: left;
}
ul#nav, ul.subnav {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul#nav li {
	padding: 5px 0;
	margin: 0 0 0 12px;
}	
ul#nav a, ul#nav a.current {
	font-weight: bold;
	text-decoration: none;
	color: #505867;
	font-size: 12px;
	text-transform: uppercase;
	background: url(../images/circle-grey.gif) no-repeat left 50%;
	padding-left: 15px;
}
ul#nav a:hover {
	color: #677288;
	background: url(../images/circle-grey-solid.gif) no-repeat left 50%;
}
ul#nav a.current {
	color: #175c2e;
	background: url(../images/circle-current.gif) no-repeat left 50%;
}
ul#nav a.current:hover {
	color: #677288;
	background: url(../images/circle-grey-solid.gif) no-repeat left 50%;
}

#main {
	width: 670px;
	height: 100%;
	overflow: auto;
	background: #fff url(../images/main-bkg.gif) repeat-x left top;
	float: left;
}
#main_rpt {
	width: 670px;
	height: 100%;
	overflow: visible;
	background: #fff url(../images/main-bkg.gif) repeat-x left top;
	float: left;
}
#format {
	padding: 10px 15px;
	margin: 0;
	line-height: 140%;
}

/* *************** client-login, property-search *************** */
#client-login {
	width: 100%;
	padding: 0 0;
	margin: 10px 0;
}
#client-login div {
	padding: 5px 0;
	margin: 0 10px;
	border-top: 1px solid #afb2b6;
	color: #666;
	font-size: 11px;
}
#client-login td {
	color: #333;
}
#client-login input,
#property-search .property-form input,
#property-search select,
#property-search-inner .property-form input,
#property-search-inner select,
#vendor-inner .vendor-form input,
#vendor-inner select,
#login-inner .login-form input 
{
	border: 1px solid #7f9db9;
	height: 18px;
	margin: 2px;
}
#property-search select,
#property-search-inner select,
#vendor-inner select 
{
	height: 22px;	
	outline: none;
}
#client-login .submits input,
#property-search .property-form .submits input,
#property-search-inner .property-form .submits input,
#vendor-inner .vendor-form .submits input, 
#login-inner .login-form .submits input
{
	border: 1px solid #6a849c;
	background: #c7d2dd;	
}
#client-login .submits input  {
	height: 24px;
}
#client-login .submits input:hover,
#property-search .property-form .submits input:hover,
#property-search-inner .property-form .submits input:hover,
#vendor-inner .vendor-form .submits input:hover,  
#login-inner .login-form .submits input:hover 
{
	border: 1px solid #7f9db9;
	background: #d7eafc;
}
#property-search .property-form .submits input,
#property-search-inner .property-form .submits input,
#vendor-inner .vendor-form .submits input, 
#login-inner .login-form .submits input 
{
	margin: 0 0 0 7px;
	height: 22px;
}
#property-search,
#property-search-inner,
#vendor-inner, 
login-inner
{
	width: 640px;
	min-height: 138px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	background: url(../images/property-search-bkg.jpg) no-repeat left top;
	line-height: normal;
}
#property-search-inner,
#vendor-inner, 
#login-inner
{
	background: none;
}
#property-search-inner input[type="checkbox"],
#property-search-inner input[type="radio"]
{
   background: transparent;
   border: 0;
}
#property-search-inner .property-form td b,
#vendor-inner .vendor-form td b, 
#login-inner .login-form td b
{
	text-align: right;
	padding-right: 20px;
	display: block;
}
#property-search h2,
#property-search-inner h2,
#vendor-inner h2, 
#login-inner h2
{
	padding-bottom: 0;
}
#property-search div,
#property-search-inner div,
#vendor-inner div, 
#login-inner div
{
	margin: 0;
	padding: 16px 15px;
	color: #888;
}
#property-search .property-form,
#property-search-inner .property-form,
#vendor-inner .vendor-form, 
#login-inner .login-form
{
	color: #525d71;
	margin: 25px 0 0 0;
	padding: 0;
}
#property-search .property-form,
#property-search-inner .property-form
{
	margin: 0 0 0 0;
}
#vendor-inner .vendor-form, 
#login-inner .login-form
{
	margin: 0px 0 0 0;
}


/* *************** links, info footers *************** */
#links {
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 11px; 
	color: #fff;
	background: #d4dae1;
	border-top: 1px solid #a8abaf;
	border-bottom: 3px solid #297d4c;
	text-align: center;
	text-transform: lowercase;
	clear: both;
}
#links a {
	color: #525d71;
	text-decoration: none;
}	
#links a:hover {
	color: #175c2e;
	text-decoration: underline;
}	
#links a.current {
	color: #175c2e;
	text-decoration: none;
	border-bottom: 2px solid #fff;
}	
#links a.current:hover {
	color: #175c2e;
	text-decoration: none;
	border-bottom: 2px solid #999;
}	


/* *************** INFO *************** */

#info {
	width: 100%;
	font-size: 11px; 
	color: #46607c;
	background: #bbc7d7 url(../images/info-bkg.gif) repeat-x left top;
	text-align: center;
}
#info span {
	line-height: 130%;
	display: block;
	padding: 1em 0;
}
#info a {
	color: #46607c;
	text-decoration: none;
}	
#info a:hover {
	color: #175c2e;
	text-decoration: underline;
}	
/* ***************//*************** */
ul li.pdf, ul li.xls, ul li.doc, ul li.dot, ul li.web  {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-left: -20px;
	background: url(../images/pdf_17x17.jpg) no-repeat left 50%;
}
ul li.xls {
	background: url(../images/xls_17x17.gif) no-repeat left 50%;
}
ul li.doc, ul li.dot {
	background: url(../images/doc_17x17.gif) no-repeat left 50%;
}
ul li.web {
	background: url(../images/web_17x17.gif) no-repeat left 50%;
}

/* ***************//*************** */
#footer { 
	width: 900px;
	clear: both;
	font-size: .80em;
	color: #31363c;
	border: 0;
	margin: 0;
	padding: 0;
}
#footleft { 
	margin: 0px;
	padding: 0;
	width: 30%;
	float: left;
}
#footleft p {
	margin: 0;
	padding: 3px 5px;
}
#footmiddle { 
	float: left;
	margin: 0;
	padding: 0;
	width: 40%;
	display: inline;
	text-align: center;
}
#footmiddle p {
	margin: 0;
	padding-top: 3px;
}
#footright { 
	margin: 0;
	padding: 0;
	width: 30%;
	float: left;
	position: relative;
	text-align: right;
}
#footright p {
	margin: 0;
	padding: 3px 5px;
}
#footer a {
	border-bottom: none;
	color: #31363c;
	text-decoration: none;
	outline: none;
}
#footer a:hover {
	border-bottom: 1px dotted #d1dae6;
	color: #fff;
	text-decoration: none;
}