/*
	Website Design and Development by Digital Business Solutions - http://www.dbswebsite.com
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
	
	** Website maitainance by Publishers Web Team beginning 02-07-2007 - Bill N.**
*/
 

/* ---- Global Styles ----- */

* {margin:0;padding:0}

body {
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#444444;
	text-align:left;
	}



/* ------ <a> --------*/
a {color:#DD700D}
a:hover {color:#FFA927}

#mainav a {color:#666;font-weight:bold;text-decoration:none;}
#mainav a:hover {color:#999;font-weight:bold;text-decoration:none;}

#navi a {color:#56C0E4;font-weight:bold;text-decoration:none;}
#navi a:hover {color:#FFA927;}


/* --- <p> ---- */
p {margin-bottom:1em;font-family: Arial, Helvetica, sans-serif}

.clear {clear:right;}
.space {height:30px;}
#return {margin-left:0px}
#mail a, #mail a:hover {font-weight:bold;text-decoration:none;margin-left:0px}
#corp {font:1em Arial, Helvetica, sans-serif;text-align:right;line-height:17px}
h5 {font:1em Arial, Helvetica, sans-serif;border-bottom:1px solid #000;height:19px;color:#666;text-align:right;font-weight:bold}

/* ----- <header> ------ */
h2 { color:#000;/*font-size:1.2em*/font-weight:bold;margin-bottom:.3em;margin-top: 1em;}
h3 {font-weight:bold;margin-bottom:1.6em;}

h1 {font-size:22px;font-weight:bold;color:#FFA927;line-height:1.21em; letter-spacing:-.05em; margin-bottom: .75em;}
h1 span {font-size:40px;}

#subgreen h1 {color:#000;/*font-size:1.2em*/font-weight:bold;}
#left h1 {color:#000;/*font-size:1.6em*/margin-top:-10px;}
#leftfull h1 {color:#000;/*font-size:1.6em;*/}
h1#summary {/*font-size:1.7em*/color:#FFA927;font-weight:bold;}

/*-----<Client Access - IE Mac Bandaid>----->*/

.calink a:link, .calink a:hover {color: #DD700D};

 
/* --- images --- */
.left {float:left;border:0;margin:0 15px 30px 0;}


/* ---- <ul> ---- */
ul li {list-style-type:none;}
#left li, #right li {margin-bottom:10px;}

ul.lineup li {display:inline;float:left;margin-right:5px;}

ul.mininav li {display:inline;float:left;width:140px;text-align:center;}
	ul.mininav a, ul.mininav a:hover {color:#FFA927;font-weight:bold;text-decoration:none;/*font-size:.9em*/}
	.mininav  span {color:#9CB462;font-weight:bold;text-decoration:none;/*font-size:1.1em;*/}

ul#navbar li {clear:right;display:inline;float:left;margin:30px 0 10px 10px;color:#DD700D;}
ul#navbar a {color:#DD700D;}


ul.intro li {line-height:5.9em;list-style-type:none;}
	ul.intro a, ul.intro a:hover {color:#9CB462;font-weight:bold;text-decoration:none;/*font-size:1.2em*/}
	.intro span {color:#9CB462;font-weight:bold;text-decoration:none;/*font-size:1.2em*/}

.crumbs li {color:#004377;font-size:12px;font-weight:bold;margin-bottom:1em;}
.crumbs li a, li .crumbs a:hover {color:#004377;text-decoration:none;}

.flood img {margin:3px}


.more li {
width:300px;
margin-top:1em;
margin-bottom:1em;
text-align:right;
}

#right .more li {
width:200px;
margin-bottom:1em;
text-align:left;
}

.more li a {
font-weight:bold;
text-decoration:none;
color:#004377;
}


#right dl dt {
font-weight:bold;
background:url(../images/bullet.gif) no-repeat;
padding-left:25px;
font-family:Arial, Helvetica, sans-serif
}

dd {padding-left:25px;margin-bottom:8px;}

blockquote {margin:5px 0 15px 25px;}

/* ----- Headers ----- */
#wrapper {width:792px;}

#home #wrapper, 
#who #wrapper, 
#what #wrapper, 
#why #wrapper {
	height:100%;
}

/*
#subblue #wrapper {background:url(../images/bg_blue.jpg) repeat-x 0 0 #E8EBD9;height:100%;}
#subgreen #wrapper {background:url(../images/bg_green.jpg) repeat-x 0 0 #E8EBD9;height:100%;}
#subblue #wrapper {background:url(../images/bg_blue.jpg) repeat-x 0 0 #E8EBD9;height:100%;}
*/

#header {height:122px;background:url(../images/logo.gif) no-repeat 25px 0; border-bottom: 2px solid #004377}
/*	.hide {display:inline;float:left;}
	.hide a {display:inline;width:300px;height:122px;text-indent:-50000000px;}
*/
.hide a {display:block;width:300px;height:122px;text-indent:-50000000px;left:0px; position:absolute;}

#navi {width:450px;display:inline;float:right;}

/*---Begin Client and Employee Log-in Code---*/
#login {width:100px;display:inline;float:right;margin-top:30px;text-align:center;}
#submit {background:#004377;color:#FFF;}
#submit a:hover , #submit a {color:#fff;font-weight:bold;text-decoration:none;}

	#emp_access {
	display: block;
	margin-top: 10px;
	border:0;
	background:url(../images/bg_button.jpg) repeat-x;
	color:#FFF; 
	margin-top: 10px;
	text-align:center;
	text-decoration:none
}
	#emp_access a:hover , #emp_access a {color:#fff;font-weight:bold;text-decoration:none;}
	

/*#emp_access .submit,-----Not Necessary
#login .submit {border:1px solid white;background:#004377;color:#FFF;}*/ 
/*---End Client and Employee Log-in Code---*/

#search {float: left; margin: 30px 0 0 20px;width:150px;}
	#search .submit {border:0;background:#004377;color:#FFF;}
	#search strong {color:#D2F4FF;}
	ul#employee li {clear:left;display:block;width:110px;height:17px;background:#000;text-align:center;margin-top:30px;}
/*#employee a:hover, #employee a {color:#fff;font-weight:bold;text-decoration:none;} 	
	#search #emp_access .submit {border:0;background:url(../images/bg_button.jpg) repeat-x;color:#FFF; margin-top: 10px;}---No longer necessary*/

	
	
	/* ---- Middle Section - Massive Massive tubes of styling!! -- */

#main {
clear:both;
width:100%;
float:left;
}
	/*#home #main {background:url(../images/mid_home.jpg) no-repeat 0 0 #E8EBD9;}*/
	/*#who #main {background:url(../images/bg_who.jpg) no-repeat 0 0 #E8EBD9;}
	#what #main {background:url(../images/bg_what.jpg) no-repeat 0 0 #E8EBD9;}
	#why #main {background:url(../images/bg_why.jpg) no-repeat 0 0 #E8EBD9;}
	#subgreen #main {background:url(../images/mid_green.jpg) no-repeat 0 0 #E8EBD9;}
	#subblue #main {background:url(../images/mid_blue.jpg) no-repeat 0 0 #E8EBD9;}*/
	
	#home #left,
	#who #left,
	#what #left,
	#why #left {
		width:300px;
		height:100%;
		display:block;
		float:left;
		margin:20px 51px 20px 0;
		text-align:left;
	}
					
	#subgreen #left, #subblue #left {width:300px;height:307px;display:inline;float:left;padding-top:35px;margin:0 0 0 80px;text-align:left;}
	#subblue #leftfull {width:700px;height:330px;display:inline;float:left;margin:15px 0 0 80px;text-align:left;}
				#leftfull p {margin-bottom:.2em;}
	#subgreen #full, #subblue #full {width:580px;height:400px;margin:10px 0 0 180px;text-align:left;}
	#subgreen #fullpage, #subblue #fullpage {width:580px;margin:10px 0 0 155px;text-align:left;}


	#home #right,
	#who #right,
	#what #right,
	#why #right {
		width:408px; 
		float:left;
		margin:15px 0 0 0;
		text-align:left;
	}

	
	#rightSub1 {
		width:190px; 
		float:left;
		margin:15px 0 0 0;
		text-align:left;
	}
	
	#rightSub2 {
		width:120px; 
		float:left;
		margin:15px 0 0 0;
		text-align:left;
	}
	
	#subgreen #right, #subblue #right {
		width:300px;
		height:307px;
		float:left;
		padding-left:25px;
		margin:65px 0 0;
		text-align:left;
		background:url(../images/divider.gif) no-repeat;
		}

/* ------------ Main Page Nav Style --- */

#mainav {	
			float: right;
			/*width:530px;*/
			/*font-size:.88em;*/
			text-align:right;
			/*margin-left:350px;*/
			padding-top:1px;
			overflow: hidden;
			margin-top: 0;
			}
	#company {width:135px;display:inline;float:left;text-align:right;margin-right:4px;overflow:hidden}
	#services, #resources, #contact {width:130px;display:inline;float:left;text-align:right;padding-right:5px; overflow: hidden;}
	#company a, #services a, #resources a, #contact a {color:#D2F4FF}
	#company a:hover, #services a:hover, #resources a:hover, #contact a:hover {color:#fff}
	#contact {width:120px;float:left;}


.white {color:#FFF;font-weight:bold;text-decoration:none;padding-top:2px;margin-bottom:8px}
#company .white a, 
#company .white a:hover,
#services .white a, 
#services .white a:hover,
#resources .white a, 
#resources .white a:hover,
#contact .white a, 
#contact .white a:hover  {
	color: #FFF;
}
/*
reduced #homenav margin-bottom from 24 to 16 to move blue bar higher - per Ned K.  02-14-2007 - Bill N.
In order to move the blue bar higher, changes had to be made to both the #homenav ID and the #fatbottom ID
Note: FireFox seemed to margin-bottom setting, but IE didn't  02-14-2007 - Bill N.
*/
#homenav {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	width: 420px;
}

#homenav li {
	float: left;
	display: block;
	margin-right: 3%;
	width: 30%;
	text-align: center;
}

#homenav a {
	background:url(../images/bg_www_button.jpg) repeat-x;
	border: 1px solid #000;
	display: block;
	padding:.6em;
	text-decoration: none;
	font-weight: bold;
	color:#fff;
}

#homenav a:hover {
	background:url(../images/bg_www_button_over.jpg) repeat-x;
	color: white;
}

#homenav li span {
	display: block;
	font-size: 24px;
	margin: 5px 0 2px;
}

#footer {clear:both;display:block;width:792px;height:20px;background:#E8EBD9;}

/*Reduced #fatbottom margin-bottom from 30 to 10 to move blue bar higher - per Ned K.  02-14-2007 - Bill N.*/
/*Note: FireFox seemed to ignore the margin-top setting, but IE followed the rule  02-14-2007 - Bill N.*/
#fatbottom {
	clear: both;
	background:url(../images/fatbottom.jpg) repeat-x;
	border-top: 1px solid #406689;
	margin-top: 10px;
	padding: 0 0 40px;
	overflow: hidden;
	display: block;
	width: 100%;
}

/* ------ Forms ---------- */
fieldset {border:0}
input {border:1px solid #333;background:#FFF; margin:0;}
textarea {border:1px solid #333; margin: 2px 0 2px 0}


form,
fieldset {
	border: 0;
}
label {
	clear: both;
	display: block;
	float: left;
	margin: 2px 0;
}
input,
form p {
	margin: 2px 2px 0 0;
	clear: both;
	float: left;
}

/* Contact View */
/* While working on a change request to add the the UK to the contact map, I discovered a browser display problem in the original code. To solve the problem, I added two new class selectors, which are the contactImage and contactText classes. Now the contact information for each sales rep displays consistently in all browsers. IE is still slightly different, but not really noticable. Bill N - 04-09-07*/
.contactImage{
display:inline;
float:left;
}
.contactText{
display:inline;
float:left;
margin-left:15px
}
#contactviewleft {
		width:380px;
		height:269px;
		display:inline;
		float:left;
		margin:20px 40px 10px 213px;
		text-align:left;
		}
#contactviewleft h1 {
margin-top:0;
display:inline;}
#contactviewleft h2 {
font-weight:bold;
color:#555;
font-size:11px;
display:block;}
#contactviewright {
		width:140px;
		font-size: 80%; 
		float:right;
		margin:72px 0 0 0;
		text-align:left
		}
		
#client_access_text {
	list-style: none;
	overflow: hidden;
	padding: 0px 0px 50px 240px;
	
}	
	#client_access_text li {
		float: left;
		width: 138px;
		margin-right: 60px;
		padding-bottom: 50px;
	}
	

/*----< Begin Tweaked Client Access Button Code>----*/	
#client_buttons2 {
	list-style: none;
	display: block;
	overflow: hidden;
	padding: 50px 0px 5px 240px;
}

	#client_buttons2 li {
		float: left;
		
		width: 138px;
		margin-right: 60px;
	}

	#client_buttons2 a {
		border: 1px solid #004377;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		
		height: 58px;
		width: 138px;
		background-image: url(../images/client_buttons.jpg);
		background-repeat: none;
	}
	
		#client_buttons2 #button_pica {
			background-position: 0 0;
		}
		
		#client_buttons2 #button_simon {
			background-position: -138px 0;
		}
		
		#client_buttons2 #button_pagenet {
			background-position: -276px 0;
		}
		
		#client_buttons2 #button_medianet {
			background-position: -414px 0;
		}
		
		#client_buttons2 #button_pica:hover {
			background-position: 0 58px;
		}
		
		#client_buttons2 #button_simon:hover {
			background-position: -138px 58px;
		}
		
		#client_buttons2 #button_pagenet:hover {
			background-position: -276px 58px;
		}
		
		#client_buttons2 #button_medianet:hover {
			background-position: -414px 58px;
		}

/*----< End tweaked Client Access Button Code>----*/	


/*----< Begin Original Client Access Button Code>----*/	

#client_buttons {
	list-style: none;
	overflow: hidden;
	padding: 50px 20px 50px 60px;
}

	#client_buttons li {
		float: left;
		width: 138px;
		margin-right: 30px;
	}

	#client_buttons a {
		border: 1px solid #004377;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		height: 58px;
		width: 138px;
		background-image: url(../images/client_buttons.jpg);
		background-repeat: none;
	}
	
		#client_buttons #button_pica {
			background-position: 0 0;
		}
		
		#client_buttons #button_simon {
			background-position: -138px 0;
		}
		
		#client_buttons #button_pagenet {
			background-position: -276px 0;
		}
		
		#client_buttons #button_medianet {
			background-position: -414px 0;
		}
		
		#client_buttons #button_pica:hover {
			background-position: 0 58px;
		}
		
		#client_buttons #button_simon:hover {
			background-position: -138px 58px;
		}
		
		#client_buttons #button_pagenet:hover {
			background-position: -276px 58px;
		}
		
		#client_buttons #button_medianet:hover {
			background-position: -414px 58px;
		}

/*----< End Original Client Access Button Code>----*/	
		
/* Timeline Specific */

/* #timelineleft {
	width:300px;
	float:left;
	display:inline;
	margin: 10px 10px 0 0
	} */

#timeline {
	margin:15px 0 0 0;
	width:440px;
	float:left
	}
#timeline dt, #timeline dd {
	float:left;
	margin-bottom:15px
	}
#timeline dt {
	font-size:18px;
	font-weight:bold;
	text-align:right;
	width:77px
	}
#timeline dd {width:313px}

/*#left dd, #left dt {
	font-size:10px;
	line-height:12px;
	text-align:center;
	float:left;
	width:127px;
	display:inline
	}
#left dt {margin-left:15px !important}
#left dd p, #left dt p {width:127px}*/
#left li img, #left dd img, #left dt img {border:1px solid #000}

.time li {margin-bottom:1em}
.time img {border:1px solid #000}
.timeimage {width:100px;font-size:10px;padding: 0 2px 0 2px;line-height:12px;text-align:center}
.timeimage img {border: 1px solid #000}
.time ul {padding-bottom:50px}

#left .photolist {
	width: 300px;
	overflow: hidden;
	
	float: left;
}

#left .photolist li {
	text-align: center;
	margin: 0 0 5px 15px;
	float: left;
	width: 130px;
	font-size:10px;
	line-height: 12px;
	padding: 0;
	display: inline;
	overflow: hidden;
}

#brochureForm { padding: 5px; color:#DD700D; width:500px; margin-left:auto; margin-right:auto;}
#guestForm {  color:#DD700D; }
/*---#estimateForm { padding: 5px; border: 3px solid #004377; color:#DD700D; }---*/
#estimateForm table { width:100%; }
#checkbox { border: 0px; }
#missingContent{ color:red; margin-left:130px; margin-top:5px; }
 
.btn
{
display:inline-block;
cursor:hand;
width:120px;
height:24px;
margin:0px;
padding:3px;
border-style:none;
border:0px;
text-align:center;
font-family:verdana;
font-size:16px;
color:#ffffff;
font-weight:700;
font-style:italic;
text-decoration:none;
}


/*-----sons of suckerfish dropdown javascript method CSS-----*/
#nav, #nav ul {    padding: 0;     margin: 0;     list-style: none; } 
#nav a {     display: block;    width: 10em; } 
#nav li {     float: left;     width: 10em; }
#nav li ul {    position: absolute;     width: 10em;     left: -999em; } 
#nav li:hover ul {     left: auto; }
#nav li:hover ul, #nav li.sfhover ul {   margin-left:20px;  left: auto; }
/*--------------------------------------------------------*/

#teamheader{ height:150px; background:url(../images/logo3.jpg) no-repeat 40px 15px; }
.teamSection { top:20px; clear:both; padding-top:15px; }
.teamSection img { float:right; margin-left:15px; border:solid 2px #000; margin-right:10px; }
.teamSection #body{ margin-left:25px; padding-top:10px; padding-bottom:5px; font-size:12pt; text-align:justify; }
.teamSection #info{ float:right; font-size:10pt; color:#037A9E; }
#teamRule{ color:#037A9E; background-color:#037A9E; height:3px; width:100%; float:right; clear:both; margin-top:2px; white-space:nowrap; overflow:hidden;}
#teamTitle{ color:#037A9E; font-size:medium; font-weight:bold; margin-left:25px; float:left; margin-bottom:0px; }
#teamTitle2{ color:#037A9E; font-size:medium; font-weight:bold; float:right; text-align:top; }
 #teamHeader1{text-align:right; margin-right:15px; float:right; clear:both; font-size:medium; font-weight:bold; padding-top:15px; }
#teamHeader2{ text-align:right; margin-right:15px; float:right; clear:both; font-size:200%; color:#037A9E; font-weight:bold; padding-top:5px; padding-bottom:5px; word-wrap:none; width:100%; text-align:right; }
.teamFooter img{ border:2px solid #000;  text-align:center; }
.teamFooter { clear:both; margin-top:10px; }
.teamFooter #bottom{ text-align:center; font-weight:bold; padding:10px; clear:both; }
.teamFooter #pics{ float:right; font-size:10px; font-weight:bold; margin-left:10px; margin-right:10px; color:#0396C1; text-align:center; }

#teamNavbar{text-align:left; float:right; margin-bottom:10px; margin-right:50px; font-weight:bold;}
ul#teamNavbar li {clear:right;display:inline;float:left;margin:30px 0 10px 10px;color:#0396C1;}
ul#teamNavbar a {color:#0396C1; text-decoration:none;}
ul#teamNavbar a:hover{color:#037A9E;}
#info a, #info a:hover{color:#037A9E;}


#rightright{		
		width:408px; 
		height:310px;
		float:left;
		margin:15px 0 0 0;
		text-align:left;
}
#formleft{
		width:435px; 
		float:left;
		margin:15px 15px 15px 50px;
		text-align:left;
}	
#formright{
		width:425px; 
		float:left;
		margin:15px 15px 15px 0px;
		text-align:left;
}	

/*
#loginForm { padding: 5px; border: 3px solid #004377; color:#DD700D; width:200px; margin-top:15px;}
#loginForm input { width:100px; }
*/
#loginBox{text-align:center; margin-bottom:20px; float:left; width:320px; margin-left:40px;}
#loginForm table{ text-align:center; color:#DD700D; width:300px; margin-top:15px; margin-left:auto; margin-right:auto;}
#loginBtn { margin-left:100px; width:100px; margin-top:10px; font-size:medium-small; font-weight:bold; background:#D2F4FF none; color:#004377; }


#presschecktable{ width:100%;}
#presschecktable td{ }

#button{ background-color:#D2F4FF; font-weight:bold; }

.submitType {	display: block;
	margin-top: 10px;
	border:0;
	background:url(../images/bg_button.jpg) repeat-x;
	color:#FFF; 
	margin-top: 10px;
	text-align:center;
	text-decoration:none
	}
	
input.submitPlain { font-weight: bold; color: #000; background: #ffa20f; border: 2px outset #d7b9c9}

input.radio {border:none; float:none;}

#right img { border:0px; }



.printersTip{
	margin-left:75px;
	margin-right:200px;
	margin-bottom:20px;
}
.printersTip hr{
	width:75%;
	 align:left; 
	 margin-top:15px;
	 margin-bottom:10px;
}
.printersTip h2 {
	color: #FFA927;
}
.printersTip h3 {
	margin-bottom:0px;
}
.printersTip ol, .printersTip ul{
	margin-left:22px;
	margin-bottom:10px;
}
.printersTip ul li{
	list-style-position:inside;
	list-style-type:disc;
	line-height: 150%;
}
.printersTip a {
	color: #DD700D; 
	text-decoration:none;
}

.printersTip a:hover {
	color: #FFA927;
}


#archive_year{
	text-decoration:underline; 
	font-size: 14px; 
	color: #000000;
	font-weight: bold;

}

#archive{
	text-decoration:none; 
	font-size: 12px;
	color: #FFA927;
	font-weight: bold;
	margin-right:10px;
	margin-bottom:15px;
	line-height: 150%;
	a:link color: #FFA927;
}