/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#c2cbff;
	font-size:12px;
	line-height: 20px;
	margin:0 auto;
	background-color:#3357a2;
	background-repeat: repeat-x;
	background-position: top center;
	font-family:  Arial, Helvetica Neue, Helvetica, sans-serif;
}

a {
	color:#83B769;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:20px; color: #FFF; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; }

h2 { font-size:14px; margin: 30px 0 0 0; padding: 20px 0 0 0; color: #FFF; border-top: 1px solid #575EC9; text-transform: uppercase;}

h2 a {
	color: #FFF;
	text-decoration: none;
}

h2 a:hover {
	color: #FFF;
	text-decoration: underline;
}

h3 { font-size:12px; }

/* ---- class settings ----------------------- */


h2.heading { font-size:14px; margin: 0 0 0 0; padding: 5px 0 5px 0; color: #FFF; text-transform: uppercase; font-weight: bold; border-top: none;}


.img_top {
	position: absolute;
	top: 0;
	left: 0;
}

.img_btm {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hidden-text {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     text-indent: -2000em;
}

#content_sub p.large_text {
	font-size: 18px;
	line-height: 28px;
	padding: 10px 0;
	color: #FFF;
	border-top: 1px solid #575EC9;
	border-bottom: 1px solid #575EC9;
	margin: 10px 0;
}

/* ---
    min-height:400px;
    height:auto !important;
    height:400px;
--- */

.footer_fade {
	margin: 10px 0 0 0;
	color: #a7c0f9;
}

.flag {
	margin: 0 0 10px 0;
}

.dividerLine {
	width: 630px;
	margin: 10px 0;
	border-bottom: 1px solid #575EC9;
}

.service_text {
	font-size: 11px;
	margin:0;
	float: left;
}

.addthis_default_style {
	float: left;
	background-image: url(images/bg_add-this.gif);
	background-repeat: no-repeat;
	padding:2px 0;
	margin-right: 10px;
}

.addthis_default_style a {
	color: #666;	
}

.photo {
	border: 4px solid #FFF;
}

.example_pic {
	float: left;
}

.port-shot {
	width: 33%;
	float: left;
	text-align: center;
}

.port-shot h3 {
	 margin: 10px 0 0 0; 
	 padding:0;
	 line-height: 14px;
}

.link2 a {
font-weight:normal;
}

.link2  {
font-weight:normal;
}


.zeekeeForm {  }
	
	.zeekeeForm .textfield {
		background-color: #110F2F;
		border: 1px solid #374493;	
		color: #a7c0f9;	
		font-family: Arial, Helvetica, sans-serif;

	}
	
	.zeekeeForm .wide {
		width: 840px;
		height: 30px;
		font-size: 18px;
		padding: 5px;
	}
	
		.zeekeeForm .short {
		width: 400px;
		height: 30px;
		font-size: 18px;
		padding: 5px;
	}
	
	.zeekeeForm .textarea {
			
			width: 400px;
			height: 200px;
			font-size: 12px;
			padding: 5px;
	}
	
	.zeekeeForm .colLeft {
	float: left; width: 440px;	
	}

.zeekeeForm .colRight {
float: left; width: 420px;	
}
	
	.zeekeeForm h3 {
		padding: 0;
		margin: 10px 0 0 0;	
	}
	
	.zeekeeForm h3.demphasize {
		font-weight: normal;
		font-style: italic;	
	}
	
	.zeekeeForm .button {
		background-color: #3357A3;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3C64AA), to(#252F77));
		width: 400px;
		height: 40px;
		font-size: 18px;
		text-align:center;
		-moz-border-radius: 5px; -webkit-border-radius: 5px;
		border: 1px solid #4D81D4;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		text-shadow: #000 1px 1px 0;
		

	}



/* ---- layout settings ----------------------- */


#bg_dark {
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	background-color: #181446;
	background-repeat: repeat-x;
	background-position: top center;
	background-image:url(images/bg_body.jpg);
}

#main_container {
	position:relative;
	margin:0 auto;
	width:924px;
	height:auto;
	color: #c2cbff;
	padding: 2px 0 0 0;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:163px;
}

#logo {
	position:relative;
	top:4px;
	/*left:17px;*/
	width:283px;
	height:119px;
	background-repeat: no-repeat;
	background-image: url(images/bg_logo.jpg);
}

#flash {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:330px;
	background-repeat: no-repeat;
	background-image: url(images/bg_flash.jpg);
}

#employment {
	position:relative;
	top:0;
	right:0;
	float: right;
	width:166px;
	height:28px;
}

/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:44px;
	/*margin: 27px 0 0 0;*/
}

#side_nav {
	position:relative;
	top:0;
	left:0;
	width:189px;
	height:391px;
}

#nav_sub {
	position:absolute;
	top:0;
	left:0;
	width:710px;
	height:auto;
}

#nav_drop {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:auto;
}

/* ---- end nav id settings -------------------------- */

#main {
	position:relative;
	top:0;
	left:0;
	width:904px;
	height:auto;
	padding: 0 20px 0 7px;
}

#main-repeat {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:auto;
	background-repeat: repeat-y;
	background-image: url(images/bg_main-repeat2.jpg);
}

#main-repeat-sub {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:auto;
	background-repeat: repeat-y;
	background-image: url(images/bg_main-repeat-sub.jpg);
}

#main_sub {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:auto;
	background-repeat: no-repeat;
	background-image: url(images/bg_main-sub.jpg);
}

#main-repeat-port {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:auto;
	background-repeat: repeat-y;
	background-image: url(images/bg_main-repeat-port.jpg);
}

#main_port {
	position:relative;
	top:0;
	left:0;
	width:924px;
	height:auto;
	background-repeat: no-repeat;
	background-image: url(images/bg_main-port.jpg);
}

/* ---- start main content settings -------------- */

#content_main {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:340px;
	height:auto;
	line-height: 17px;
	padding: 20px 10px 10px 20px;
}

#content_sub {
	position:relative;
	top:0;
	left:0;
	width:870px;
	height:auto;
	padding: 23px 0 10px 28px;
}

#content_sub_wide {
	position:relative;
	top:0;
	left:0;
	width:850px;
	height:auto;
	padding: 33px 0 30px 28px;
}

#content_sub-small {
	position:relative;
	top:0;
	left:0;
	width:870px;
	height:auto;
	padding: 23px 0 10px 28px;
}

#content_sub p {
	font-size: 12px;
	line-height: 20px;
}

#content_sub-l {
	position:relative;
	top:0;
	left:0;
	width:480px;
	height:auto;
	float: left;
	padding: 10px 0 0 0;
}

#content_sub-about {
	position:relative;
	top:0;
	left:0;
	width:610px;
	height:auto;
	float: left;
	padding: 10px 0 0 0;
	
}

#content_sub-contact {
	position:relative;
	top:0;
	left:0;
	width:466px;
	height:auto;
	float: left;
	padding: 10px 0 0 0;
	
}

#sidebar_sub {
	position:relative;
	top:0;
	left:0;
	width:364px;
	padding: 30px 0 0 0;
	height:auto;
	float: right;
}

#sidebar_sub-about {
	position:relative;
	top:0;
	left:0;
	width:198px;
	padding: 20px;
	height:auto;
	float: right;
	color: #FFF;
	background: url(images/bg_sidebar-about.jpg) top left no-repeat;
}


#sidebar_sub-contact {
	position:relative;
	top:0;
	left:0;
	width:342px;
	padding: 20px;
	height:auto;
	float: right;
	color: #FFF;
	background: url(images/bg_side-contact.jpg) top right no-repeat;
}


#blue-back {
	position:relative;
	top:0;
	left:0;
	width:481px;
	height:315px;
	padding: 8px 0 0 23px;
	background-repeat: no-repeat;
	background-image: url(images/bg_side.jpg);
}

#flash_container {
	position:relative;
	top:0;
	left:0;
	width:450px;
	height:298px;
	border: 3px solid #000;
	padding: 1px;
}

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#content_left {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:189px;
	height:auto;
padding:0 0 80px 0;
}

#content_right {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:336px;
	height:auto;
}

#quotes {
	position:relative;
	top:0;
	left:0;
	width:276px;
	height:173px;
	color: #fff;
	padding: 65px 20px 0 40px;
	background-repeat: no-repeat;
	background-image: url(images/bg_quotes.jpg);
}

#quotes2 {
	position:relative;
	top:0;
	left:0;
	width:336px;
	height:238px;
}

#call-to-action {
	background: url("images/bg_footer.gif") left bottom no-repeat;
	padding: 70px 20px 20px 20px;
	width: 830px;
	height: 20px;
	clear: both;
}

#call-to-action-small {
	background: url("images/bg_call-to-action.gif") center bottom no-repeat;
	padding: 15px 20px 0 20px;
	margin: 10px 6px 0 8px;
	width: 310px;
	height: 75px;
}


/* ---- end side bar content settings ---------------- */

#zeekee {
	position:absolute;
	top:-131px;
	right:37px;
	width:269px;
	height:315px;
	/*width:209px;
	height:315px;*/
}

#footer_repeat {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	clear:both;
	color: #fff;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-image: url(images/bg_footer-repeat.jpg);
}

#footer_repeat-sub {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	clear:both;
	color: #fff;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-image: url(images/bg_footer-repeat-sub.jpg);
}


#footer_repeat-port {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:auto;
	clear:both;
	color: #fff;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-image: url(images/bg_footer-repeat-port.jpg);
}

#footer {
	position:relative;
	top:0;
	left:13px;
	clear:both;
	width:920px;
	height:120px;
	margin: 0 auto;
	padding: 40px 0 0 30px;
	background-repeat: no-repeat;
	background-image: url(images/bg_footer.jpg);
}


#footer-port {
	position:relative;
	top:0;
	left:13px;
	clear:both;
	width:930px;
	height:120px;
	margin: 0 auto;
	padding: 60px 0 0 20px;
	background-repeat: no-repeat;
	background-image: url(images/bg_footer-port.jpg);
}

#footer a, #footer-sub a {
	color: #a7c0f9;
	text-decoration:none;
}

#footer a:hover, #footer-sub a:hover {
	text-decoration:underline;
}

#footer-sub {
	position:relative;
	top:0;
	left:13px;
	clear:both;
	width:930px;
	height:140px;
	margin: 0 auto;
	padding: 40px 0 0 20px;
	background-repeat: no-repeat;
	background-image: url(images/bg_footer-sub.jpg);
}
/* ---- start navigation settings -------------------------- */
 
#nav a {
	position:relative;
	float:left;
	height:44px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/nav.jpg);
}

a#nav_01 {
	width:94px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0 -44px;
}

.active_01 {
	background-position: 0 -44px !important;
}

a#nav_02 {
	width:96px;
	background-position:-94px 0;
}

a:hover#nav_02{
	background-position:-94px -44px;
}

.active_02 {
	background-position:-94px -44px !important;
}

a#nav_03 {
	width:110px;
	background-position:-190px 0;
}

a:hover#nav_03{
	background-position:-190px -44px;
}

.active_03 {
	background-position:-190px -44px !important;
}

a#nav_04 {
	width:187px;
	background-position:-300px 0;
}

a:hover#nav_04{
	background-position:-300px -44px;
}

.active_04 {
	background-position:-300px -44px !important;
}

a#nav_05 {
	width:128px;
	background-position:-487px 0;
}

a:hover#nav_05{
	background-position:-487px -44px;
}

.active_05 {
	background-position:-487px -44px !important;
}

a#nav_06 {
	width:171px;
	background-position:-615px 0;
}

a:hover#nav_06{
	background-position:-615px -44px;
}

.active_06 {
	background-position:-615px -44px !important;
}

a#nav_07 {
	width:138px;
	background-position:-786px 0;
}

a:hover#nav_07{
	background-position:-786px -44px;
}

.active_07 {
	background-position:-786px -44px !important;
}

/* ---- start side navigation settings -------------------------- */
 
#side_nav a {
	position:relative;
	float:left;
	width:189px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/side_nav3.jpg);
}

a#side_nav_01 {
	height:54px;
	background-position:0 0;
}

a:hover#side_nav_01{
	background-position: -189px 0;
}

.side_active_01 {
	background-position: -189px 0 !important;
}




a#side_nav_02 {
	height:34px;
	background-position: 0 -54px;
}

a:hover#side_nav_02{
	background-position: -189px -54px;
}

.side_active_02 {
	background-position: -189px -54px !important;
}



a#side_nav_03 {
	height:34px;
	background-position: 0 -88px;
}

a:hover#side_nav_03{
	background-position: -189px -88px;
}

.side_active_03 {
	background-position: -189px -88px !important;
}



a#side_nav_04 {
	height:38px;
	background-position: 0 -122px;
}

a:hover#side_nav_04{
	background-position: -189px -122px;
}

.side_active_04 {
	background-position: -189px -122px !important;
}




a#side_nav_05 {
	height:48px;
	background-position: 0 -160px;
}

a:hover#side_nav_05{
	background-position: -189px -160px;
}

.side_active_05 {
	background-position: -189px -160px !important;
}




a#side_nav_06 {
	height:48px;
	background-position: 0 -208px;
}

a:hover#side_nav_06{
	background-position: -189px -208px;
}

.side_active_06 {
	background-position: -189px -208px !important;
}




a#side_nav_07 {
	height:48px;
	background-position: 0 -256px;
}

a:hover#side_nav_07{
	background-position: -189px -265px;
}

.side_active_07 {
	background-position: -189px -256px !important;
}




a#side_nav_08 {
	height:45px;
	background-position: 0 -304px;
}

a:hover#side_nav_08{
	background-position: -189px -304px;
}

.side_active_08 {
	background-position: -189px -304px !important;
}




a#side_nav_09 {
	height:42px;
	background-position: 0 -349px;
}

a:hover#side_nav_09{
	background-position: -189px -349px;
}

.side_active_09 {
	background-position: -189px -349px !important;
}

/*------------------logo settings-----------------------------*/

#logo a {
	position:relative;
	float:left;
	height:90px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/img_logo.jpg);
}

a#logo_01 {
	width:266px;
	background-position:0 0;
}

a:hover#logo_01{
	background-position: 0 -90px;
}

.logo_01 {
	background-position: 0 -90px !important;
}

/* ---- start nav drop settings -------------------------- */

#nav_sub a {
	display:block;
	color:#000;
	padding:0;
	font-size:14px;
	text-decoration:none;
}

#nav_sub a:hover {
}

#L1, #L2, #L3, #L4,
#L5, #L6, #L7, #L8,
#L9 {
	position:absolute;
	visibility:hidden;
	height:auto;
}

#L1 { width:710px; left:198px; }
#L2 { width:710px; left:198px; }
#L3 { width:710px; left:198px; }
#L4 { width:710px; left:198px; }
#L5 { width:710px; left:198px; }
#L6 { width:710px; left:198px; }
#L7 { width:710px; left:198px; }
#L8 { width:710px; left:198px; }
#L9 { width:710px; left:198px; }

#L1 a, #L2 a, #L3 a, #L4 a,
#L5 a, #L6 a, #L7 a, #L8 a,
#L9 a {
	color: #fff;
}


#L1 a:hover, #L2 a:hover, #L3 a:hover, #L4 a:hover,
#L5 a:hover, #L6 a:hover, #L7 a:hover, #L8 a:hover,
#L9 a:hover {
	text-decoration: underline;
}

.show {
	position:absolute !important;
	visibility:visible !important;
}

.hide {
	position:absolute !important;
	visibility:hidden !important;
}

/* ---- start nav drop settings -------------------------- */

#nav_drop a {
	display:block;
	color:#fff;
	padding:10px 5px;
	font-size:12px;
	line-height: 16px;
	border-bottom: 1px solid #6A99DD;
	text-decoration:none;
	background-image: url(images/bg_subnav.jpg);
	text-align: center;
	background-repeat: repeat-x;
}

#nav_drop a:hover {
	background-color: #27377e;
	background-image: url(images/bg_subnav-over.jpg);
	background-repeat: repeat-x;
}

#N1, #N2 {
	position:absolute;
	visibility:hidden;
	height:auto;
	background-color: #394c9a;
	border-left: 1px solid #6A99DD;
	border-right: 1px solid #6A99DD;
}

#N1 { width:109px; left:189px; top: 159px; }
#N2 { width:187px; left:299px; top: 159px; }

#N1S, #N2S {
	position:absolute;
	visibility:hidden;
	height:auto;
	background-color: #394c9a;
	border-left: 1px solid #6A99DD;
	border-right: 1px solid #6A99DD;
}

#N1S { width:109px; left:189px; top: -8px; }
#N2S { width:187px; left:299px; top: -8px; }




.zeekeeTip {
	position:relative;
	top:0;
	left:-20px;
	width:200px;
	height:100px;
	float: right;
	color: #fff;
	padding: 100px 169px 132px 25px;
	margin: 10px 20px 0 0;
	background-image:url(http://www.zeekeeinteractive.com/images/zeekee-tip-clark.gif);
	background-repeat: no-repeat;
}

.zeekeeTip a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.zeekeeTip a:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}


.caution {
	position: absolute;
	bottom: 20px;
	left: 0;
	background-image: url(/images/caution.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 86px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="/images/caution.png");
}

.caution2 {
	position: absolute;
	top: 20px;
	left: 0;
	background-image: url(/images/caution2.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 86px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop", src="/images/caution2.png");
}

#contentLeft {
	position:relative;
	top:0;
	left:0;
	width:420px;
	height:auto;
	float: left;
	margin: 20px 0 0 9px;
}
#contentRight {
	position:relative;
	top:0;
	left:0;
	width:361px;
	height:auto;
	float: right;
	margin-top: 10px;
margin-right:50px;
}