@charset "utf-8";
/* CSS Document */

body{
	background-image:url(backgroundmain.png);
	background-color:#E6E7E8;
	width:100%;
	height:1400px;
	padding:0;
	margin:0;
	background-repeat:repeat-x;
}

a{
	text-decoration:none;
	color:#CCC;
}

#headerwrapper{
	width:990px;
	height:130px;
	margin: 0 auto;
	margin-top:25px;
}

h1{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:32px;
	text-align:center;
	color:#F90;
	padding:0;
	margin:0;
}

#logo{
	background-image:url(logo.png);
	width:131px;
	height:101px;
	float:left;
}

#navigationwrapper{
	background-image:url(navigationline.png);
	width:725px;
	height:40px;
	float:left;
	margin-left:100px;
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:50px;
}

#homebtn{
	width:101px;
	height:31px;
	float:left;
}
#aboutbtn{
	width:101px;
	height:31px;
	float:left;
}
#contactbtn{
	width:101px;
	height:31px;
	float:left;
}

#homebtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 101px;
    width: 131px;
    position: relative;
}

#aboutbtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 101px;
    width: 131px;
    position: relative;
}

#contactbtn li {
	float:left;
    list-style-type: none;
    display: block;
    height: 101px;
    width: 131px;
    position: relative;
}

img.grey {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
 
img.color {
    position: absolute;
    left: 0; top: 0;
}

#clickbelow{
	background-image:url(clickbelowforpestinfo.png);
	width:250px;
	height:74px;
	float:right;
	margin-right:200px;
}

#woodbackground{
	background-image:url(woodbackground.png);
	width:100%;
	height:450px;
	background-repeat:repeat-x;
	margin-top:0;
}

#bannerwrapper{
	width:990px;
	height:430px;
	margin: 0 auto;
	padding-top:20px;
	
}

#bannerheaderbar{
	background-image:url(bannerbarbackground.png);
	width:990px;
	height:80px;
	padding-top:6px;
	background-repeat:no-repeat;
}

#bannercontentwrapper{
	width:990px;
	height:315px;
	clear:both;
	margin-top:10px;
}

#welcometo{
	background-image:url(welcometo.png);
	width:168px;
	height:74px;
	margin-left:100px;
	float:left;
}

#bannercontent{
	width:290px;
	height:315px;
	float:left;
	font-family:Calibri, Geneva, sans-serif;
	font-size:14px;
	color:#F1F2F2;
}

#morebtn{
	width:30px;
	height:10px;
	float:right;
	text-decoration:underline;
}

#hoverwrapper{
	width:630px;
	height:315px;
	float:right;
	margin-left:20px;
	background-color:#414042;
}

#hoverrighttop{
	width:315px;
	height:200px;
	float:left;
}

#hoverrightbottom{
	width:315px;
	height:110px;
	float:left;
}

#hoverleft{
	width:156px;
	height:312px;
	float:left;
	margin-left:5px;
}

#wasphover{
	width:156px;
	height:156px;
	cursor:pointer;
}

#anthover{
	width:156px;
	height:156px;
}

#birdhover{
	width:150px;
	height:310px;
	float:left;
}

#mousehover{
	width:146px;
	height:200px;
	float:left;
}

#bedbughover{
	width:166px;
	height:200px;
	float:left;
}

#helphover{
	width:111px;
	height:111px;
	float:left;
}

#cockroachhover{
	width:200px;
	height:110px;
	float:left;
}

#wasphover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 156px;
    width: 156px;
    position: relative;
}
#anthover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 156px;
    width: 156px;
    position: relative;
}

#birdhover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 311px;
    width: 151px;
    position: relative;
}

#mousehover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 146px;
    width: 200px;
    position: relative;
}

#bedbughover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 166px;
    width: 200px;
    position: relative;
}

#helphover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 111px;
    width: 111px;
    position: relative;
}

#cockroachhover li {
	float:left;
    list-style-type: none;
    display: block;
    height: 108px;
    width: 200pxpx;
    position: relative;
}

/* -- Contentbelow. Banner stuff above -- */

#contentmainwrapper{
	width:990px;
	margin: 0 auto;
	overflow:auto;
	margin-top:20px;
}

#cmtop{
	background-image:url(servicesbackground.png);
	width:990px;
	overflow:auto;
	margin: 0 auto;
	margin-top:20px;
}

#cmtopleft{
	background-image:url(serviceslist.png);
	width:251px;
	height:194px;
	float:left;
	margin-left:20px;
	margin-top:80px;
}

#cmtopright{
	width:605px;
	height:250px;
	float:right;
	padding:20px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#A7A9AC;
	text-align:left;
}

#servicestitle{
	background-image:url(servicestitle.png);
	width:123px;
	height:30px;
}

#servicescontent{
	width:330px;
	height:250px;
	float:left;
}

#picturebanner{
	background-image:url(flypicture1.png);
	width:250px;
	height:250px;
	float:right;
}

#dashedsep{
	background-image:url(dashedsepline.png);
	width:700px;
	height:23px;
	padding-top:13px;
	padding-bottom:10px;
	background-position:center;
	background-repeat:no-repeat;
	margin: 0 auto;
	clear:both;
}

.cmid{
	width:990px;
	overflow:auto;
}

.boxleft{
	background-image:url(contentboxbackground.png);
	width:541px;
	height:362px;
	float:left;
	padding:20px;
}

.boxcontent{
	width:540px;
	height:280px;
	margin-top:80px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#A7A9AC;
}

#wasptitle{
	background-image:url(waspstitle.png);
	width:90px;
	height:33px;
	float:left;
	margin-top:15px;
}

#birdtitle{
	background-image:url(pigeonstitle.png);
	width:108px;
	height:33px;
	float:left;
	margin-top:15px;
}

.arearight{
	width:368px;
	height:360px;
	padding:20px;
	float:left;
	background-position:center;
	text-align:left;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
}

#antstitle{
	background-image:url(antstitle.png);
	width:72px;
	height:33px;
	float:left;
	margin-top:15px;
}

#micetitle{
	background-image:url(micetitle.png);
	width:66px;
	height:33px;
	float:left;
	margin-top:15px;
}

#bedbugtitle{
	background-image:url(bedbugstitle.png);
	width:119px;
	height:33px;
	float:left;
	margin-top:15px;
}

#cockroachtitle{
	background-image:url(cockroachtitle.png);
	width:179px;
	height:33px;
	float:left;
	margin-top:15px;
}

#up{
	background-image:url(up.png);
	width:33px;
	height:6px;
	float:right;
	cursor:pointer;
}

#footerbackground{
	background-color:#333;
	width:100%;
	height:30px;
	margin-top:40px;	
}

#footercontent{
	width:990px;
	height:20px;
	padding-top:7px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#CCC;
	margin: 0 auto;
}

/* -- About page below -- */

#qualifiedtitle{
	background-image:url(qualifiedpestcontrollers.png);
	width:535px;
	height:35px;
	float:left;
	margin-top:10px;
}

#bannercontentabout{
	width:990px;
	height:315px;
	float:left;
	font-family:Calibri, Geneva, sans-serif;
	font-size:14px;
	color:#F1F2F2;
	margin: 0 auto;
}

#bannercontentaboutleft{
	width:300px;
	height:315px;
	float:left;
	font-family:Calibri, Geneva, sans-serif;
	font-size:14px;
	color:#F1F2F2;
	margin: 0 auto;
}

#bannercontentaboutright{
	background-image:url(nocalloutcharge.png);
	width:690px;
	height:315px;
	float:left;
}

#compliancelogos{
	width:451px;
	height:92px;
	margin: 0 auto;
}

#phonenumber{
	width:300px;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F90;
	text-align:center;
	font-size:28px;
	float:right;
}


/* -- Contact page --*/
#bannercontentcontactleft{
	width:300px;
	height:315px;
	float:left;
	font-family:Calibri, Geneva, sans-serif;
	font-size:14px;
	color:#F1F2F2;
	margin: 0 auto;
}

#bannercontentcontactright{
	width:500px;
	height:315px;
	float:left;
	margin-left:80px;
}

#contactustitle{
	background-image:url(contactustitle.png);
	width:136px;
	height:74px;
	margin-left:100px;
	float:left;
}

#discountcode{
	background-image:url(Reactive,%20professional%20service.png);
	width:960px;
	height:100px;
	margin: 0 auto;
	clear:both;
}

#code{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float:right;
	text-align:left;
	font-size:70px;
	padding-right:50px;
	padding-top:10px;
}