/* 	Using Meyer's Reset.   */
		
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

html {
	width:100%;
	height:100%;
	overflow:auto;
}

body {
	background-image:none;
        background-color: #537db8;
	margin: 0 auto;
	font: normal 10pt/13pt "Trebuchet MS", Lucida Grande, Lucida Console, Helvetica, Arial, sans-serif;
	text-align:center;
	color: #152443;
	width: 100%;
	height:100%;
}
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End of Meyer Reset */

.footnote {
    font-size: .7em;
    font-style: italic;
}

.footnote sup {
    font-size: 1.1em;
    font-style: normal;
    }

h1 {
	font:normal 2em/1.6em "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-weight: bold;
	font-size: 1.6em;
}

h3, .nav-container ul li a {
	font-weight: bold;
	font-size: 1.1em;
	color: #152443;		
}

h4 {
	font-size: 1em;
	font-weight:normal;
}

h5 {
	font-size: .9em;
	text-transform: uppercase;
}

h6 {
	font-size: .8em;
}

a {
	text-decoration:none;
}

em {
	font-weight:bold;
	font-style: italic;
}

p {
	padding: 0 0 9px;	
}

p, .central-content li {
	line-height: 1.4em;
}

button {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    }

input, label, textarea {
    margin-left: 4px;
    }

.hide {
	display:none;
}

.show {
	display:block;
}

.container {
	background: url(../images/hd-bg.jpg) top left repeat-x #fff;
	text-align:center;
	padding: 12px 0 0;
}
.hd-container, .nav-container, .main-container {
	width: 90%;
	min-width: 922px;
	margin: 0 auto;
	text-align:left;
	position:relative;
}

.hd-container, .nav-container, .main-container {
	background-color: #fff;
        position:relative;
}

.ft-container {
	background-color: #537db8;
        position:relative;
}


.hd-container h1 {
	background: url(../images/ecr_logo_small.jpg) top left no-repeat transparent;
	width: 213px;
	height: 57px;
	margin: 10px 0 5px;
}
	.hd-container h1 p {
	text-indent: -10000px;
	}


.nav-container {
	border: 1px solid #ccd5e3;
	background-color: #fff;
	padding: 1px;
}

.nav-container ul {
	background: url(../images/nav-bg-off.jpg) bottom left repeat-x #f3f7f9;
	border-left: 1px solid #ccd5e3;
	border-right: 1px solid #ccd5e3;
	border-top: 1px solid #ccd5e3;
}

.nav-container ul li {
	float:left;
}
		
.nav-container ul li a {
	background: url(../images/nav-bg-off.jpg) bottom left repeat-x #f3f7f9;
	text-align:center;
	padding: 7px 0;
	text-decoration:none;
	display:block;
}

.nav-container ul li a:hover, body.home .nav-container ul li.home a,
 body.screening .nav-container ul li.screening a,  body.determination .nav-container ul li.determination a,
 body.finder .nav-container ul li.finder a,  body.security .nav-container ul li.security a, 
 body.experience .nav-container ul li.experience a, body.contact .nav-container ul li.contact a,  
 body.website-login .nav-container ul li.login a,
 body.consulting .nav-container ul li.consulting a{
	background: url(../images/nav-bg-on.jpg) bottom left repeat-x #fff;
	color: #537DB8;
}
	
.nav-container li.home {
	width: 64px;		
}
.nav-container li.screening {
	width: 130px;	
}
.nav-container li.determination {
	width: 180px;	
}
.nav-container li.finder {
	width: 70px;	
}
.nav-container li.security {
	width: 84px;	
}
.nav-container li.experience {
	width: 100px;	
}
.nav-container li.consulting {
        width: 96px;
        }
.nav-container li.contact {
	width: 94px;	
}
.nav-container li.login {
	width: 64px;	
} 

.main-container {
	border-left: 1px solid #ccd5e3;
	border-right: 1px solid #ccd5e3;
	padding: 1px;	
	background-color: #f5f5f5;
}
.central-content {
	float:left;
	width: 70%;
	background-color: #fff;
	min-height: 500px;
        position:relative;
}

.central-content p {
    position:relative;
}

.login-panel p {
    z-index: 10000;
}
	.central-content h1 {
		font-style: italic;
		background-color: #537db8;
		color: #fff;
		padding: .35em 0 .15em 20px;	
	}
	
	.central-content div {
		padding: 0 10px 20px 20px;	
	}
	
        body.home .central-content div {
          padding-top:15px;
        }
        
	.central-content a {
		text-decoration:underline;
		color: #537DB8;
	}
	
	.central-content a:visited {
		color: #666;
	}
	
	.central-content a:hover {
		color: #996600;		
	}
	
	.central-content ol, .central-content ul {
		margin-left: 20px;
		margin-bottom: 10px;
	}
	
	.central-content h3, .sidebar-content h3 {
		text-transform: uppercase;
		font-weight: bold;
		padding-top: 13px;
		padding-bottom: 5px;
		}

	.sidebar-content {
		float:right;
		width: 29.9%;	
	}
	
		.sidebar-content div {
			padding: 0 15px 10px;
			color: #666;   	
		}
                
                    .screening .sidebar-content div, .finder .sidebar-content div, .determination .sidebar-content div {
                      padding: 0;
                    } 
                
                    .sidebar-content div div {
                      padding: 0;
                      text-align:center;
                      margin: 5px 0 3px;
                    }
                        .sidebar-content div div a {
                            display:block;
                            border: 2px solid #e3e3e3;
                            height: 161px;
                            width: 269px;
                            margin: 0 auto;
                        }
                        
                            .sidebar-content div div a:hover {
                                border-color:#81A8DA;
                            }
                    
		.sidebar-content h5 {
			background-color: #81A8DA;
			color: #fff;
			text-align:center;
			padding: .9em 10px .85em;
		}
		.sidebar-content h3 {
			color: #444;
			text-align: center;
		}
		    
		.sidebar-content input {
			height: 20px;
			margin-bottom: 5px;
			float:right;
			width: 77%;
			}    
			
		.sidebar-content label {
			text-transform:uppercase;
			padding-right: 5px;
			float:left;
			width: 16%;
			display:block;
			padding-top: 3px;
		}
		
		.sidebar-content button {
			margin-left: 21%;
		}
    
body.finder h6 {
    margin-top: 40px;
}

/* LOGIN STUFF */

.login-container {
    text-align: left;
    position:relative;
    padding-left: 0 !important;
    }
    
.login-panel {
    padding: 10px !important;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    position:relative;
    }

.section-details  h2 {
    font-family: Palatino, "Palatino Linotype", Geneva, Times, 'Times New Roman', serif;
    }
.login-panel label {
    font-size: .9em;
    text-transform: uppercase
    }

.login-panel .bill {
    font-style:italic;
    }

.login-panel div {
    padding: 10px;
    background-color: #f1f1f1;
    position:relative;
    }

.central-content input, .central-content select {
    width: 250px;
    height: 24px;
    }
    
input, select, textarea {
    border: 1px solid #999;
    background-color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    } 

textarea {
	width: 250px;
}       

.login-panel .button-login {
    width: 102px;
    height: 32px;
    cursor: pointer;
    border-width: 0;
    
    }
    
/* END OF LOGIN STUFF */


.ft-content {
	padding-top: 10px;
	position:relative;
	z-index: 120;
}

	.ft-content p {
		color: #fff;
	}
	
	.ft-content a {
		color: #ffff99;
	}
		.ft-content a:hover {
			text-decoration:underline;
		}
			
.ft-image {
	right: 0;
	background: url(../images/ft-boat.png) top right no-repeat transparent;
	width: 408px;
	height: 186px;
	margin-top: -158px;
	position:relative;
	z-index: 100;
	width: 100%;	
}


/** Real Clearfix **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.error {
	border: 1px solid #c33;
	background-color: #edd;
}

#requestSent, #requestFailed {
	margin-top: 10px;
	text-align: center;
}
#requestSent {
	color: #0D5B00;
}
#requestFailed {
	color: #5B0000;
}

.siteseal {
    position:absolute; 
    right: 0;
    }
    .siteseal img {
        margin-bottom: -5px;
        }


.captcha {
	padding: 0px;
}

span.captcha div {
	padding: 0px;
	margin: 0px;
	width: auto;
}

span.captcha table {
	width: 318px;
	padding: 0px;
	margin: 0px;
}

span.captcha div a {
	display: inline;
	height: 1px;
	margin: 0px;
	width: 1px;
}