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

body{
	background-image:url(mooning.png);
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

h9{
	font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#333; text-align:left;}
	
h2{
	font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; text-align:left; color:#333; text-align:center;}

#homecontentbackground{
	background-image:url(homepagebackground.png);
	width:1230px;
	height:1500px;
	margin: 0 auto;
}

.contentwrapper{
	width:1110px;
	padding-top:10px;
	overflow:auto;
	margin: 0 auto;
	clear:both;
}

.contentwrapperabout{
	width:1110px;
	padding-top:10px;
	overflow:auto;
	margin: 0 auto;
	clear:both;
	text-align:center;
}

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

#topleftwrap{
	width:350px; height:180px; float:left; padding-right:100px;
}

#phonenumber{
	font-family:Arial, Helvetica, sans-serif; font-size:42px; text-align:left; float:left; clear:both; color:#FF0099;}
	
#phoneicon{background-image:url(phoneicon.png); width:59px; height:78px; float:left;margin-right:10px;}

.btnwrap{
	width:150px; height:150px; background-image:url(sepline.png); background-position:left; float:left; background-repeat:no-repeat; margin-left:1px;}
	
#homebtn{
	background-image:url(homebtn.png); width:150px; height:50px; float:left; background-position: -155px; margin-left:1px; -webkit-transition: 0.5s; /* Safari and Chrome */} 	
#homebtn:hover{
	background-position:0px;}
#aboutbtn{
	background-image:url(aboutbtn.png); width:150px; height:50px; float:left; background-position: -155px; margin-left:1px; -webkit-transition: 0.5s; /* Safari and Chrome */} 
#aboutbtn:hover{
	background-position:0px;}
#contactbtn{
	background-image:url(contactbtn.png); width:150px; height:50px; float:left; background-position: -155px; margin-left:1px; -webkit-transition: 0.5s; /* Safari and Chrome */} 
#contactbtn:hover{
	background-position:0px;}
	
#nocalloutstamp{
	background-image:url(nocalloutstamp.png); width:164px; height:163px; float:right;}
	
#welcomebarwrap{
	background-image:url(headerlinepigeon_02.png); width:833px; height:95px; float:left;}
	
#headerwelcome{
	font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#333333; text-align:left; padding-left:60px; padding-top:40px;}
	
#welcomewrapleft{
	width:400px; height:350px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; text-align:left; line-height:21px;
}

#welcomewrapright{
	width:400px; height:350px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; text-align:left; margin-left:40px; line-height:21px;
}

#readmorebtn{
	width:116px; height:36px; margin: 0 auto; clear:both; margin-top:20px;
}

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

#readmorebtn li {margin: 0 auto; list-style-type: none; display: block; height: 31px; width:101px; position: relative;}

#servicesbarwrap{background-image:url(greenboxline_03.png); width:383px; height:32px; float:left; background-repeat:no-repeat; background-position:bottom;}

#headerservices{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#333333; text-align:left; padding-left:60px; padding-bottom:55px;}

#serviceswrap{
	width:310px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999; text-align:left; padding-right:20px; line-height:21px; clear:both;
}

#serviceswrap li{
	list-style:url(bulletpoint_03.png);line-height:31px;}
	
#compliancelogos{width:200px; float:left; margin-right:20px; margin-top:46px;}

#cardtypes{background-image:url(cardtypes_02.png); width:559px; height:303px; float:left; background-position:top; background-repeat:no-repeat;}

#cardtext{width:559px; height:190px; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#999; padding-top:110px; font-size:13px; line-height:21px;
}

#capabilitiesbar{background-image:url(blueboxline_03.png); width:939px; height:50px; float:left; clear:both; background-position:bottom; background-repeat:no-repeat;}

#headercapabilities{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; text-align:left; color:#333333; text-align:left; padding-left:55px; padding-top:15px;}

#capabilitieswrap{width:450px; height:auto; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:32px; font-size:13px;}

#miceimage{background-image:url(mouseimage.png); width:192px; height:277px; float:left; margin-top:30px;}

#contentwrapright{width:440px; height:350px; float:left; margin-left:20px;}

#stageswrap{ width:440px; height:170px; clear:both; margin: 0 auto; padding-top:25px;}

#colourfultitle{background-image:url(colorfultitle.png); width:421px; height:141px; float:left; margin-top:10px; padding-bottom:}

#callus{width:120px; height:140px; float:left; text-align:center; font-size:13px; color:#09F; font-family:Arial, Helvetica, sans-serif;}

#getquoted{width:120px; height:140px; float:left; text-align:center; font-size:13px; color:#6C3; margin-left:30px; font-family:Arial, Helvetica, sans-serif;}

#wait{width:120px; height:140px; float:left; text-align:center; font-size:13px; color:#F03; margin-left:30px; font-family:Arial, Helvetica, sans-serif;}

/*---------------- Footer style ---------- */ 

.footerbackground{background-image:url(footerbackground.png); width:100%; height:230px; margin: 0 auto; background-repeat:repeat-x; clear:both;}

#footerwrapper{width:1110px; height:230px; margin: 0 auto;}

#footerleft{width:520px; height:180px; float:left; margin-right:25px;}
#footerbottom{width:1110px; height:30px; clear:both; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:center; font-size:13px; padding-top:15px; padding-bottom:10px;}
#sepbar{ width:2px; height:140px; float:left; border-left-width:thin; border-left-color:#666; border-left-style:solid; margin-top:20px;}

#footerright{width:520px; height:180px; float:left; margin-left:25px;}
#responserate{width:520px; height:180px; float:left;font-family: 'Oswald', sans-serif; text-align:left; font-size:38px;  color:#FFF;}
#responserate p{ margin:0; padding:0; padding-top:5px;}

/*---------------- Footer style -------------- */


/*---------------- Aboutpage below ---------------*/

#aboutcontentbackground{
	background-image:url(contentbackgroundmain.png);
	width:1230px;
	height:1500px;
	margin: 0 auto;
}

/*-------- contact page ---------------*/

#contactleft{width:530px; height:auto; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:21px; font-size:13px; float:left; padding-right:10px;}

#contactright{ width:530px; height:auto; float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:21px; font-size:13px; float:left; padding-left:20px;}

#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;
}