/* 
================================================================================================================================ CREDITS
Copyright 	: Copyright (c) 2009 JPL & HOME PARAMOUNT. All Rights Reserved.
Author(s) 	: Larry Daughenbaugh - ldaughenbaugh@jplcreative.com
Date      	: 6/2/2009
Notes     	: Root CSS file for public web site.
================================================================================================================================ CHANGE LOG
Date		Name			Desc
---			---				---
================================================================================================================================ BEGIN CSS
*/
body {
    background:url(../img/template/bg-header.jpg) repeat-x;
    padding: 0;
    margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.50%; /* 10px */
}

/* ============================================================================================================================= STANDARD TAGS */
 
a { color: #004785; text-decoration: underline; }
a:hover { text-decoration: none; } 
   
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; font-size: 1px; line-height: 0px; }
.red { color:#d41921; }
.gray{ color:#5d5d5d; }

strong { font-weight:bold; }

p, table { margin: 0px 0px 13px 0px; }

h1 { margin: 0px 0px 22px 0px; font-size: 22px; font-weight: bold; color:#004785; }
h2 { margin: 20px 0px 15px 0px; font-size: 12px; font-weight: bold; color:#004785; }
h3 { font-size:12px; font-weight:bold; color:#d41921; text-transform:uppercase; }
h5 { font-size:12px; font-weight:bold; color:#d41921; margin:20px 0 0 0; }

hr {
border-top:1px solid #DDDDDD;
border-width:1px 0 0;
height:1px;
margin:8px 0;
width:100%;
}

select, input { border:1px solid #b0b0b0; }
.error { class:red; font-size:11px; line-height:11px; margin:-25px 0 0 0; }
.error ul { padding:0; margin:0; }
.error_modal { class:red; font-size:11px; line-height:11px; margin:-10px 0 15px 0; }
.error_modal ul { padding:0; margin:0; }


/* --------------------------------------------------------------------------
   HEADER */
   
#overall {
	position:relative;
    width:958px;
	background:url(../img/template/bg-overall.gif) top center no-repeat;
	margin:0 auto;
	text-align:center;
	
}

#header {
	position:relative;
    width:945px;
	height:129px;
	background:url(../img/template/header-center.jpg) top center no-repeat;
	margin:0 auto;
	text-align:center;
	color:#004785;
}

#logo {
	position:absolute;
    width:281px;
	height:139px;
	top:15px;
	left:15px;
	text-align:center;
	
}
#top_nav {
	position:absolute;
    width:383px;
	height:20px;
	top:15px;
	left:365px;
	text-align:left;
	padding:3px 0 0 0;
}
	#top_nav a {
		color:#004785;
		text-decoration:none;
		font-size:1.1em;
		padding:0 4px;
	}
	#top_nav a:hover {
		text-decoration:underline;
	}

#search {
	position:absolute;
    width:188px;
	height:20px;
	top:13px;
	left:738px;
	text-align:left;
	font-size:1.1em;
}
	/*#search #name { padding:7px 0 0 0; }
	#search #form { padding:2px 3px 3px 3px; }
	#search #button { padding:5px 0 0 0; }*/
	
	#search fieldset { position:relative; height:19px!important; }
	#search label { 
		position:absolute;
		top:5px;
		left:0px;  
	}
	
	/* Sitefinity Search Field and Button Styles Overwrite */
	.sf_searchText {
		position:absolute;
		top:2px;
		left:40px;  
		background:#d7f0ff;
		width:117px;
		font-size:1.0em;
	}
	.sf_searchSubmit  {
		position:absolute;
		top:3px;
		right:3px; 
		width:17px; 
		height:17px; 
		background:url(/App_Themes/Main/lib/img/template/search_button.gif) no-repeat top left; 
		border:none; 
		text-align:left; 
		text-indent:-99999px;
		font-size:1px;
		color:#fff;
	}

#phone_number {
	position:absolute;
    width:192px;
	height:24px;
	top:46px;
	left:733px;
	text-align:center;
}


.quote {
		background:#d7f0ff url(../img/template/quote.gif) top left no-repeat;
		border:1px solid #c0d1e1;
		color:#004785;
		width:430px;
		margin:15px auto;
		padding:18px 54px;
		text-align:left;
	}

/* --------------------------------------------------------------------------
   NAVIGATION */


#main_nav {
	position:absolute;
    width:647px;
	height:27px;
	top:101px;
	left:292px;
	text-align:left;
	text-indent:-99999px;
}
#main_nav ul {
        width:647px; 
        height: 27px; 
        background: url(/App_Themes/main/lib/img/nav/nav.gif) no-repeat 0 0;
        list-style: none;
        margin: 0; padding: 0;
}
#main_nav li {
        display: inline;
}
#main_nav li a {
        position: absolute; 
        border: none;
        height: 27px; 
        display: block; 
        outline: none;
}
#main_nav li a:hover { background-image: url(/App_Themes/main/lib/img/nav/nav.gif); }

#main_nav li.one a:link, #main_nav li.one a:visited { left:35px; width:96px; }
#main_nav li.one a:hover { background-position: -35px -27px; }

#main_nav li.two a:link, #main_nav li.two a:visited { left:158px; width:111px; }
#main_nav li.two a:hover { background-position: -158px -27px; }

#main_nav li.three a:link, #main_nav li.three a:visited { left:286px; width:117px; }
#main_nav li.three a:hover { background-position: -286px -27px; }

#main_nav li.four a:link, #main_nav li.four a:visited { left:417px; width:95px; }
#main_nav li.four a:hover { background-position: -417px -27px; }

#main_nav li.five a:link, #main_nav li.five a:visited { left:524px; width:109px; }
#main_nav li.five a:hover { background-position: -524px -27px; }


/* --------------------------------------------------------------------------
   END NAVIGATION */

#main_container {
    width:908px;
	margin:0 auto;
	text-align:center;
}



/* --------------------------------------------------------------------------
   CONTENT AREA */

#main_center_content {
    width:907px;
	margin:0 auto;
	text-align:center;
	height:auto;
}
  
#left_bar {
	float:left;
	width:222px;
	padding:25px 0 0 0;
}  

#left_bar_spacer {
	float:left;
	width:37px;
}

#know_your_pests, #know_your_wildlife {
	position:relative;
	width:222px;
	color:#5d5d5d;
	font-size:1.2em;
	line-height:28px;
}  
#know_your_pests {
	background:url(/App_Themes/main/lib/img/template/bg-know-your-pets.gif) top left no-repeat;
	height:334px;
}  
#know_your_wildlife {
	background:url(/App_Themes/main/lib/img/template/bg-wildlife.gif) top left no-repeat;
	height:260px;
}  
#know_your_pests a, #know_your_wildlife a { color:#5d5d5d; text-decoration:none; }  
#know_your_pests a:hover, #know_your_wildlife a:hover { color:#5d5d5d; text-decoration:underline; }
#know_your_pests #column1, #know_your_wildlife #column1 {
		position:absolute;
		top:68px;
		left:16px;
		width:98px;
		text-align:left;
	}
#know_your_pests #column2, #know_your_wildlife #column2 {
		position:absolute;
		top:68px;
		left:124px;
		width:98px;
		text-align:left;
	}

/* Inner Left Nav */
#left_bar #nav {
	position:relative;
	background:url(/App_Themes/main/lib/img/template/bg-left-nav.jpg) top left no-repeat;
	width:222px;
	height:334px;
	margin:14px 0 0 0;
	color:#5d5d5d;
	font-size:1.2em;
	line-height:28px;
	text-align:left;
}  
#left_bar #nav a { color:#5d5d5d; text-decoration:none; }  
#left_bar #nav a:hover { color:#000; }
#left_bar #nav .container {
		position:absolute;
		top:28px;
		left:25px;
		width:174px;
		text-align:left;
		color:#004785; 
		font-family:Helvetica, Arial, sans-serif;
		font-size:16px; 
		font-weight:bold;
	}
#left_bar #nav .nav_header a { 
	color:#004785; 
}  
	
#left_bar #nav ul {
		margin:4px 0px;
		width:174px;
		text-align:left;
		font-size:12px;
		font-weight:normal;
	}


#content_area_home {
	position:relative;
	background:url(../img/home/bg-home-main.jpg) top left no-repeat;
	float:left;
	width:684px;
	height:556px;
	margin:0 0 0 0;
}  

	#content_area_home #main_copy {
		position:absolute;
		top:98px;
		left:38px;
		width:329px;
		height:91px;
		overflow:hidden;
		font-size:1.3em;
		line-height:18px;
		color:#fff;
		text-align:left;
	}
	#content_area_home #main_copy h1 {
		text-indent:-99999px;
		top:0px; left:0px; margin:0px; padding:0px;
		height:1px; font-size:1px; line-height:1px;
	}	

	#content_area_home #callout_1 {
		position:absolute;
		top:253px;
		left:30px;
		width:198px;
		font-size:1.2em;
		line-height:18px;
		color:#fff;
		text-align:left;
	}

	#content_area_home #callout_1 div {
		/*position:relative;*/
		margin:0 auto;
		width:180px;
		color:#fff;
		text-align:left;
		color:#5d5d5d;
	}
	/*#content_area_home #callout_1 div img {
		position:absolute;
		bottom:0px;
		left:30px;
	}*/

	#content_area_home #callout_2 {
		position:absolute;
		top:253px;
		left:247px;
		width:198px;
		font-size:1.2em;
		line-height:18px;
		color:#fff;
		text-align:left;
	}

	#content_area_home #callout_2 div {
		margin:0 auto;
		width:180px;
		color:#fff;
		text-align:left;
		color:#5d5d5d;
	}

	#content_area_home #callout_3 {
		position:absolute;
		top:253px;
		left:466px;
		width:198px;
		font-size:1.2em;
		line-height:18px;
		color:#fff;
		text-align:left;
	}

	#content_area_home #callout_3 div {
		margin:0 auto;
		width:180px;
		color:#fff;
		text-align:left;
		color:#5d5d5d;
	}

   
#content_area_inner {
	float:left;
	width:634px;
	text-align:left;
	padding:50px 0 0 0;
	color:#5d5d5d;
	font-size:12px;
	line-height:18px;
}
#content_area_inner  ul {
		margin:20px 10px;
	}
#content_area_inner  ul li {
		list-style-type:disc;
		list-style-position:outside;
		margin:0 0 0 20px;
		padding:5px;
	}
#content_area_inner #breadcrumbs {
	font-size:13px;
	color:#004785;
	margin:0 0 34px  0;
}
	#content_area_inner #breadcrumbs a { text-decoration:none; color:#004785; }
	#content_area_inner #breadcrumbs a:hover { text-decoration:underline; }
#content_area_inner h1 {
	padding:0 0 7px 0;
	margin:0 0 23px 0;
	border-bottom:1px solid #c0d1e1;
}

#callouts_right_float {
	float:right; 
	width:210px; 
	text-align:right; 
	margin: -55px 0 20px 0;
}
#wildlife_image {
	float:right; 
	margin: -75px 0 0 0;
}
#container_center {
	float:left;
	width:420px;
}
#container_center table tr td{
	font-size:11px;
	line-height:15px;
	text-align:inherit;
	text-align:left;
}
#pest_detail_right img {
	float:right;
}

.pest_detail_color { color:gray; }

#right_callouts {
	float:left;
	width:213px;
	text-align:right;
}


#right_callouts {
	float:left;
	width:213px;
	text-align:right;
}


/*PEST PROGRAMS*/


	.program_header {
		background:#dadada;
		color:#004785;
		width:585px;
		margin:15px 0;
		padding:12px 36px 12px 12px;
		text-align:left;
	}
	.pest_program {
		margin:15px 0;
	}
	.pest_program .left_container {
		float:left;
		width:121px;
	}
	.pest_program .right_container {
		float:left;
		text-align:left;
		width:506px;
		font-size:11px;
		line-height:15px;
		padding:33px 0 0 0;
	}


/* -------------CAREERS */
.careersSearch {
	
}
.careersSearch tr td{
	padding:5px;
	text-align:left;
}

.careersTable {
	width:98%;
}
.careersTable tr td{
	width:25%;
	padding:15px 5px;
	text-align:left;
	border-bottom:1px solid #d61824;
}
.careersTable .bigred {
	color:#d61824;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	padding-bottom:0;
}
   
/* --------------------------------------------------------------------------
   FOOTER */

#footer {
    margin:53px auto 24px auto;
	padding-bottom:24px;
	width:900px;
	text-align:center;
	color:#9e9e9e;
	font-size:1.1em;
	line-height:15px;
	}

	#footer a {
		color:#9e9e9e;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
	
#footer #seo {
		text-align:center;
		margin:20px auto;
		width:700px;
	}	
#footer #left_area {
		text-align:left;
		width:530px;
	}
	#footer #left_area a {
		margin:0 6px 0 0;
		}
#footer #right_area {
		text-align:right;
		width:365px;
	}
	#footer #right_area a {
			font-weight:bold;
			padding:0 0 0 5px;
		}	
	#footer #right_area #phone_number_2 {
			font-weight:bold;
			font-size:15px;
			color:#004785;
		}
	#footer #right_area #phone_number_2 span {
			font-weight:normal;
			font-size:12px;
			color:#004785;
		}	


  
/* ============================================================================================================================= MODALS */


.modal_headline { margin: 0px; font-size: 22px; color:#004785; line-height:25px; }
.modal-text { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px dotted #999; }
.modal { display: none; position: absolute; top: 50%; left: 50%; z-index: 1001; }
.modal_close_button { position:absolute; top:5px; right:5px; }
#modal_image { 
	padding: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1001;
	display: none;
	background: #FFF;
	border: 1px solid #000;
}
.modal-title {
	padding: 4px; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: left;
}
.modal-close { float: right; }

.sample0 { padding: 20px; width: 760px; text-align: left; background: #FFF; }
.sample2 { padding: 10px; width: 800px; text-align: center; background: #000; }
.sample2 a { color: #FFF; }
.sample3 { padding: 10px; width: 500px; text-align: center; background: #000; }
.sample3 a { color: #FFF; }

/* FlASH CONTAINER HEIGHTS NEED TO BE SET, OTHERWISE THE INCORRECT HEIGHT WILL BE USED BEFORE FLASH IS LOADED */
#flash0 { height: 200px; }
#flash1 { height: 500px; }
#flash0-alt, #flash1-alt { visibility: hidden; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#modal_image[id], #overlay[id], .modal[id] { position: fixed; } 

/* Homepage Modal */

.homepage_modal_container { 
	position:relative;
	margin:86px auto;
	padding:25px 0 25px 25px;
	width:656px;
	text-align:left;
	background:#fff;
	font-size:12px;
	line-height:16px;
}

	.homepage_modal_container .left_container{ 
		width:284px;
	}
	.homepage_modal_container .spacer_container { 
		width:33px;
	}
	.homepage_modal_container .right_container { 
		width:294px;
	}

/* Inspection Modal */
.inspection_modal_container { 
	position:relative;
	margin:86px auto;
	padding:25px 0 25px 25px;
	width:356px;
	text-align:left;
	background:#fff;
	font-size:12px;
	line-height:16px;
	color:#5e5e5e;
}
.inspection_form input, .inspection_form select { 
	margin:0 0 10px 0;
}
	.inspection_form .left_container{ 
		width:41px;
	}
	.inspection_form .left_container_big{ 
		width:141px;
	}
	.inspection_form .spacer_container { 
		width:26px;
	}
	.inspection_form .right_container { 
		width:294px;
	}
	.inspection_form .right_container2 { 
		width:100px;
		text-align:left;
	}
	.check_padding { 
		margin:-2px 4px 4px 15px; border:none;
	}
	.check_padding input { 
		border:none;
	}
	
	
/* SHOW HIDE */	
.show-hide-modules { margin: 0px 14px 10px 0; }
.show-hide-modules h6 { /*background: #014785; width:636px; color:#fff;*/ background: url(/front-end-workarea/lib/img/template/expand-bar-left-cap.gif) no-repeat; }
.show-hide-modules h9 { background:none; }

.show-hide-header { 
                margin-left: 5px;
                padding: 4px 30px 0px 14px; 
                height: 21px;
                display: block;
				width:588px;
                background: url(/front-end-workarea/lib/img/template/expand-bar.gif) top right no-repeat;
                color: #fff;
				font-weight:bold;
                text-decoration: none;
}

/* hack for pest page */
.show-hide-header-slim { 
                display:none;
				background:none;
}


.show-hide-header:hover { text-decoration: none; }
.show-hide-body {
                padding: 14px 14px 1px 14px;
                background: #eceaeb;
                display: none;
				width:608px;
}
/* hack for pest page */
.show-hide-body-slim {
                padding:0;
                background: none;
                display: none;
				width:608px;
}
.show-hide-active { background-position: right -25px; }