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

#headerbackground{
	background-image:url(headerbackground.png);
	width:100%;
	height:130px;
	margin: 0 auto;
}

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

#phonenumber{
	width:200px;
	height:30px;
	float:left;
	margin-left:30px;
	margin-top:50px;
	font-size:28px;
	font-family:calibri, Helvetica, sans-serif;
	padding:0;
	text-align:center;
	color:#333;
}

#wrappermain{
	width:990px;
	overflow:auto;
	margin: 0 auto;
}

#logo{
	background-image:url(logowithwhitebox.png);
	width:238px;
	height:249px;
	position:absolute;
	z-index:1001;
	top:20px;
}

#wrappertop{
	width:990px;
	overflow:auto;
	margin: 0 auto;
}

#tickbox{
	background-image:url(tickbox.png);
	width:217px;
	height:191px;
	float:left;
	margin-top:150px;
}

#bannerpicture{
	background-image:url(bannerpicture.png);
	width:727px;
	height:297px;
	float:right;
	margin-top:42px;
}

#bannercontent{
	width:300px;
	height:150px;
	float:left;
	margin-left:20px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	color:#333;
	margin-top:80px;
}

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

#wrappermidright{
	float:left;
	width:450px;
	overflow:auto;
	text-align:left;
	margin-left:20px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	color:#333;
}

#wrappermidleft{
	width:470px;
	overflow:auto;
	float:left;
}

#tripleboxes{
	background-image:url(tripleboxes.png);
	width:462px;
	height:142px;
	float:left;
}

#compliancelogos{
	width:450px;
	height:91px;
	float:left;
	margin-left:10px;
	margin-top:20px;
}

#wrapperlow{
	background-image:url(infoboxes.png);
	width:950px;
	height:195px;
	margin: 0 auto;	
	clear:both;
	margin-top:20px;
	background-repeat:no-repeat;
}

#boxleftcontent{
	width:195px;
	height:120px;
	margin-top:60px;
	float:left;
	text-align:center;
	font-size:14px;
	font-family:Calibri, Helvetica, sans-serif;
}

#boxmidcontent{
	width:195px;
	height:120px;
	margin-top:60px;
	float:left;
	margin-left:183px;
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
}

#boxrightcontent{
	width:195px;
	height:120px;
	margin-top:60px;
	float:left;
	margin-left:181px;
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
}

h1{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:0;
	margin:0;
}

#footerwrapper{
	width:100%;
	height:30px;
	margin: 0 auto;
	background-color:#333;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:thin;
	margin-top:20px;
}

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

#navigation{
	width:280px;
	height:30px;
	float:left;
	margin-top:60px;
	margin-left:300px;
}

#homebtn{
	width:80px;
	height:30px;
	float:left;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#333;
}

#aboutbtn{
	width:80px;
	height:30px;
	float:left;
	margin-left:10px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#333;
}

#contactbtn{
	width:80px;
	height:30px;
	float:left;
	margin-left:10px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#333;
}

#homebtn:hover{
	width:80px;
	height:30px;
	float:left;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#CCC;
}

#aboutbtn:hover{
	width:80px;
	height:30px;
	float:left;
	margin-left:10px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#CCC;
}

#contactbtn:hover{
	width:80px;
	height:30px;
	float:left;
	margin-left:10px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	color:#CCC;
}

/* -- About page style below --*/

#wrappertopabout{
	width:990px;
	height:300px;
	margin: 0 auto;
	margin-top:30px;
	border-top-color:#CCC;
	border-top-width:thin;
	border-top-style:solid;
	border-bottom-color:#CCC;
	border-bottom-width:thin;
	border-bottom-style:solid;
}

#wrappermidabout{
	width:990px;
	height:300px;
	margin-top:20px;
}

#wrappermidtext{
	width:970px;
	height:300px;
	margin: 0 auto;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	color:#333;
}

#wrapperlowabout{
	background-image:url(cardtypes.png);
	background-position:right;
	width:970px;
	overflow:auto;
	margin: 0 auto;	
	margin-top:20px;
	background-repeat:no-repeat;
	font-size:14px;
	font-family:Calibri, Helvetica, sans-serif;
	text-align:left;
	
}

#dashedsep{
	background-image:url(dashedsep.png);
	width:990px;
	height:2px;
	margin: 0 auto;
	margin-top:25px;
}
	
	
	/* Contact page */
	
#contactleft{
	width:450px;
	height:200px;
	margin-top:150px;
	float:left;
	font-size:14px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#333;
	text-align:left;
}

#contactright{
	width:450px;
	height:300px;
	float:left;
	margin-left:40px;
	font-size:14px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#333;
	text-align:left;
	margin-top:50px;
}

#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:#FF0;
	float:right;
	text-align:left;
	font-size:70px;
	padding-right:50px;
	padding-top:10px;
}

#wrappermidright a{
	text-decoration:none;	
}