/* ********************************************************************************************

	Bed Bug King, Hill's Pest Management XHTML/CSS by Kenneth Feldman at KPFdigital.com http://www.kpfdigital.com
	All associated graphics Copyright 2008, Bed Bug King, Hill's Pest Management
	
	THIS DESIGN IS NOT A TEMPLATE.
	YOU MAY NOT REPRODUCE IT ELSEWHERE WITHOUT THE DESIGNER'S WRITTEN PERMISSION.

	You may adapt elements of this CSS in your own projects, but the unique
	combination of images, colors, sizes, typography, and positioning ("the design")
	is Copyright 2008, Bed Bug King, Hill's Pest Management and may not be reproduced.
	
********************************************************************************************** */




/*  BASIC PRE-SETTING
====================================================*/
*{padding:0; margin:0}

ul{padding-left:2em; margin-left:0em; list-style-type:square;}

ol{padding-left:2em; margin-left:0em}

/* Setting consistent margin-bottom makes all elements push down on any following elements uniformly. */
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ol, ul, dl, fieldset, address{margin-bottom:1em}

a{position:relative}

/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/
body{font:.76em/1.9em verdana, geneva, arial, helvetica, sans-serif; background:#fff url('../img/page_bg.gif') center top repeat-x; color:#000; text-align:center; padding-bottom:45px;}

#container{ width:900px; margin-left:auto; margin-right:auto; text-align:left; padding-top:47px; position: relative;}

#inner_container{padding:0 0px}

#header{background:#fff url('../img/skyline.png') center top repeat-x; height:92px; position:relative; border-bottom: 1px solid #b7b7b7;}


#spanish { width:300px; position: absolute; top: 15px; left: 600px;text-align:right; }

#spanish p {
	line-height: 1em;
	font-size: .85em;
	}



#action_block{background:#fff url('../img/action_block_bg.png') left top no-repeat; height:260px; border-bottom:0px solid white}

#action_block img {float: left;}

#headline {width: 420px; float: left; background-color:transparent; padding-top: 40px;text-align: center;  }

#headline p {font-size: 25px; line-height: 1.2em;margin-bottom:20px; }


#headline strong {color: #000000;}

#headline strong.phone {color: #fe0909;font-size: 27px;}

#headline h2 {
	font-size: 36px;
	margin-bottom:5px;
	line-height: 42px;
}
#headline h3 {font-size: 30px;margin-bottom:20px;line-height: 30px;}



#action_blurb { width: 220px; float: left; padding-top: 30px;}

#action_blurb p {margin-bottom: 5px; font-size: 11px; line-height: 1.6em;}

#action_blurb strong {color: #00659b;}

#testimonials { border: 0px solid #00659b; padding: 10px; }


blockquote {background:transparent url('../img/quotes.gif') left top no-repeat; padding: 15px 15px 0 25px; border-bottom:1px solid #00659b; }
blockquote p {margin-bottom:1px;}

blockquote p.caption {background:transparent url('../img/quotes.gif') right top no-repeat; padding: 25px 00px 15px 0;text-align: right;font-style: italic; }



#left_main_content h3,
#left_main_content h4,
#left_main_content p,
#left_main_content ul,
#left_main_content ol,
#left_main_content dl {
	margin-left: 18px;
	}
	
#left_main_content p {
	margin-right: 29px;
	}
	
#indexpage #left_main_content ul {
	margin-right: 100px;
	}
	
	
#left_main_content p.last {
	margin-bottom: 2.5em;
	}



/* BLUE OVAL HEADLINES
====================================================*/

div.oval_headline {
	margin-top: 0em;
	background:#00659b url('../img/oval_headline_bg.gif') left top no-repeat;
	height:45px;
	width: 599px;
	margin-bottom: 2em;
	color: white;
	}

div.call_now {
	padding-top: 6px;
	float: right;
	display: inline;
	margin-right: 0px;
	text-align: right;
	line-height: 1.2em;
	}
	
div.call_now p.solved {
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	}
	
div.call_now p.phone {
	clear: both;
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 0px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	}
		
#indexpage div.oval_headline h4,
#aboutpage div.oval_headline h4,
#factspage div.oval_headline h4,
#presspage div.oval_headline h4,
#contactpage div.oval_headline h4,
#servicespage div.oval_headline h4 {
	padding-top: 13px;
	float: left;
	display: inline;
	font-size: 14px; 
	line-height: 1em;
	color: white;
	margin-bottom: 0px;
	}






img.block{display:block}

#content_wrapper{padding:30px 0 45px; background:#fff url("../img/bottom-lines.gif") bottom left repeat-x}

#left_main_content{width:599px; background-color:transparent; float:left}






#inner_content_pad{padding:0 25px 0 25px}

#side_bar{float:right; width:262px;  background-color:transparent; }

#side_bar p{font-size:.85em; color:#666; line-height:1.5em}

#contactpage #side_bar ul{font-size:.70em; color:#666; line-height:1.2em;font-family:arial,helvetica,verdana,sans-serif}

#contactpage #side_bar li{margin-bottom:10px}

.newsletter_note {font-size:.70em; color:#666; line-height:1.2em;font-family:arial,helvetica,verdana,sans-serif}

#side_bar img{padding:2px}

.firstletter:first-letter {font-size:25px; float:left; margin-right:1px; line-height:.8em; color:#b77c37; background-color:transparent;}


#footer{width:100%; padding-top:18px; margin-left:auto; margin-right:auto; text-align:center; background-color:transparent; background-repeat:no-repeat; border-top:1px solid #00659b;}

#footer p{width:85%; font-size:.85em; color:#999; background-color:transparent; line-height:1.4em;margin-bottom:10px;margin-left:auto; margin-right:auto;}

/*  TEXT LINK STYLES 
====================================================*/

#spanish a:link{color:#906b36; text-decoration:none; border-bottom:1px dotted #906b36}
#spanish a:visited{color:#906b36; text-decoration:none;  border-bottom:1px dotted #906b36}
#spanish a:hover{color:#333; text-decoration:none;  border-bottom:1px dotted #333}

#content_wrapper a:link{color:#39F; text-decoration:none; border-bottom:1px dotted #39F}
#content_wrapper a:visited{color:#39F; text-decoration:none;  border-bottom:1px dotted #39F}
#content_wrapper a:hover{color:#39F; text-decoration:none;  border-bottom:1px dotted #39F}

#footer a:link{color:#999; text-decoration:none; border-bottom:0px dotted #999}
#footer a:visited{color:#999; text-decoration:none; border-bottom:0px dotted #999}
#footer a:hover{color:#906b36; text-decoration:none; border-bottom:1px dotted #906b36}

a.h1:link{color:#069; text-decoration:none; border-bottom:0px dotted #BF0101}
a.h1:visited{color:#069; text-decoration:none; border-bottom:0px dotted #BF0101}
a.h1:hover{color:#633; text-decoration:none; border-bottom:0px dotted #BF0101}

a img, a:link img, a:visited img{border:1px solid #CCC; text-decoration:none}
 
a:hover img{border:1px solid #000; text-decoration:none; background-color:#fff}

a{outline:none}




/* Main Navigation Elements 
-------------------------------------------- */

#nav_bar {border: 0px solid black; padding: 0; margin: 0px; height: 22px; position: absolute; top: 71px; left: 330px; background: transparent; }

#nav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 570px; height: 38px; position: relative; background: transparent;}

#nav_bar ul li { height: 22px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#nav_bar a { height: 22px; display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 0px; left: 0px; height: 22px; width: 114px; background: url("../img/nb2.gif") 0px -0px no-repeat; }
#nav_bar ul li#nb2 {top: 0px; left: 114px; height: 22px; width: 114px; background: url("../img/nb2.gif") -114px -0px no-repeat; }
#nav_bar ul li#nb3 {top: 0px; left: 228px; height: 22px; width: 114px; background: url("../img/nb2.gif") -228px -0px no-repeat; }
#nav_bar ul li#nb4 {top: 0px; left: 342px; height: 22px; width: 114px; background: url("../img/nb2.gif") -342px -0px no-repeat; }
#nav_bar ul li#nb5 {top: 0px; left: 456px; height: 22px; width: 114px; background: url("../img/nb2.gif") -456px -0px no-repeat; }


#nb1 a:hover {height: 22px; width: 114px; background: url("../img/nb2.gif") 0px -22px no-repeat;}
#nb2 a:hover {height: 22px; width: 114px; background: url("../img/nb2.gif") -114px -22px no-repeat;}
#nb3 a:hover {height: 22px; width: 114px; background: url("../img/nb2.gif") -228px -22px no-repeat;}
#nb4 a:hover {height: 22px; width: 114px; background: url("../img/nb2.gif") -342px -22px no-repeat;}
#nb5 a:hover {height: 22px; width: 114px; background: url("../img/nb2.gif") -456px -22px no-repeat;}


#nav_bar ul li#onpage1 {top: 0px; left: 0px; height: 22px; width: 114px; background: url("../img/nb2.gif") -0px -22px no-repeat;}
#nav_bar ul li#onpage2 {top: 0px; left: 114px; height: 22px; width: 114px; background: url("../img/nb2.gif") -114px -22px no-repeat;}
#nav_bar ul li#onpage3 {top: 0px; left: 228px; height: 22px; width: 114px; background: url("../img/nb2.gif") -228px -22px no-repeat;}
#nav_bar ul li#onpage4 {top: 0px; left: 342px; height: 22px; width: 114px; background: url("../img/nb2.gif") -342px -22px no-repeat;}
#nav_bar ul li#onpage5 {top: 0px; left: 456px; height: 22px; width: 114px; background: url("../img/nb2.gif") -456px -22px no-repeat;}





/*  DL STYLES (CAREER)
====================================================*/
dl{padding-left:0em; margin-bottom:2em}

dt{padding-left:1em; margin-left:0; font-weight:bold; line-height:1.2em; margin-bottom:.25em; color:#00659b}

dd{padding-left:2em; margin-left:0; padding-right: 5em;line-height:1.2em; margin-bottom:1em}

#chronology dt, #solo dt, #group dt{float:left; clear:both}

#chronology dd, #solo dd, #group dd{margin-left:75px; padding-left:0em}

/*  h(n) STYLES
====================================================*/
/*  h1 STYLES   ***************************   */
#header h1{text-indent:-9876px; width:104px; height:92px; background:transparent url('../img/logo.png') top left no-repeat; border-bottom:0px; margin:0;position: relative; top: 1px;}

#header h1 a{display:block; width:100%; height:100%; text-decoration:none; border-bottom:0px}

/*  h2 STYLES   ***************************   */
#header h2{text-indent:-9876px; position: absolute; top:0; left: 104px; width:207px; height:92px; background:transparent url('../img/h2.gif') top left no-repeat; margin:0;}

#side_bar h2{color:#b77c37; margin-bottom:.5em; font-family:georgia,'times new roman','Palatino Linotype',Palatino,serif; font-size:.95em}

/*  h3 STYLES   ***************************   */

#indexpage #left_main_content h3 {color:#00659b; margin-bottom:2em; font-size:1.4em}
#left_main_content h3 {color:#00659b; margin-bottom:1em; font-size:1.4em}


#testimonials h3  {color:#00659b; margin-bottom:1.25em; font-size:1.4em}




#side_bar h3{color:#00659b; margin-bottom:1.25em; font-size:1.2em}

/*  h4 STYLES   ***************************  
h4{font-size:1.1em; margin-bottom:1.0em; color:#906B36; font-family:Georgia,'Times New Roman',Times,serif}
 */
 
#left_main_content h4 {color:#00659b; margin-bottom:1em; font-size:1.2em}

#left_main_content h5 {color:#00659b; margin-bottom:1em; font-size:1.2em}



/*  FORM STYLES
====================================================*/
input{border:1px solid #999; background-color:#fff; color:#666; padding:3px}

input#send{background-color:#3f3e33; color:#FFF; padding:3px 10px; margin-top:10px}

input:hover{border:1px solid #000; color:#111}

input:focus{background:#DFE3E1; border:1px solid #000; color:#111}

fieldset {border:0}

/*  MISCELLANEOUS STYLES
====================================================*/
hr{margin:2em 0px 2em; height:1px; color:#b77c37; border:none}/* For Internet Explorer */
hr{margin:2em 0px 2em; height:1px; background-color:#b77c37; border:none}/* For Gecko-based browsers */
hr{margin:2em 0px 2em; height:1px; background-color:#b77c37; border:0px solid #b77c37}/* For Opera and Gecko-based browsers */


strong{color:#390}

.clear {clear:both}


/* self clearing rules */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
.clearfix{display:block}
/* End hide from IE-mac */

