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

h1{
	font-family:Calibri, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:100;
}
	

.headerwrapper{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	padding-bottom:20px;
	margin-top:10px;
}

.logo{
	background-image:url(smartlinklogo.png);
	width:171px;
	height:86px;
	float:left;
}

.navigation{
	width:300px;
	height:58px;
	float:left;
	margin-top:25px;
	margin-left:230px;
}

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

#homebtn{
	width:42px;
	height:58px;
	margin-left:20px;
	float:left;
}

#aboutbtn{
	width:42px;
	height:58px;
	margin-left:20px;
	float:left;
}

#contactbtn{
	width:42px;
	height:58px;
	margin-left:20px;
	float:left;
}

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

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

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

#phonenumber{
	font-size:32px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#2A3B8F;
	font-weight:bold;
	float:left;
	width:auto;
	overflow:auto;
	margin-top:25px;
}
#phoneicon{
	background-image:url(phoneicon.png);
	width:65px;
	height:67px;
	float:left;
	margin-top:10px;
}

#bannerwrapper{
	background-image:url(bannerrepeat.png);
	height:202px;
	width:100%;
	background-repeat:repeat-x;
}

#bannermiddle{
	margin: 0 auto;
	width:990px;
	height:202px;
}

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

#indentsteps{
	background-image:url(stepsindented.png);
	width:508px;
	height:130px;
	background-repeat:no-repeat;
	margin: 0 auto;
	margin-top:30px;
}

.cwrapper1{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	margin-top:35px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
}

#cwrapper1_left{
	background-image:url(greycontentbox.png);
	width:312px;
	height:362px;
	float:left;
	background-repeat:no-repeat;
	background-position:left;
	padding:20px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
}

#welcometitle{
	background-image:url(welcometitle.png);
	width:312px;
	height:36px;
	float:left;
	padding-bottom:10px;
	background-repeat:no-repeat;
}

#servicestitle{
	background-image:url(servicestitle.png);
	width:618px;
	height:36px;
	float:left;
	padding-bottom:10px;
	background-repeat:no-repeat;
}

#cwrapper1_right{
	width:598px;
	height:362px;
	float:left;
	padding:20px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#666;
	font-size:14px;	
}

#cwrapper1_rightleft{
	width:279px;
	height:auto;
	float:left;
}

#cwrapper1_rightleft li{
	list-style:url(bulletpoint.png);
	line-height:40px;
	text-decoration:underline;	
}

#cwrapper1_rightright{
	width:279px;
	height:auto;
	float:left;
	margin-left:20px;
	font-family:Calibri, Helvetica, sans-serif;
	color:#666;
	font-size:14px;	
}

#cwrapper1_rightright li{
	list-style:url(bulletpoint.png);
	line-height:40px;
	text-decoration:underline;
}

#sepline{
	background-image:url(ridge.png);
	width:990px;
	height:3px;
	padding-top:20px;
	padding-bottom:20px;
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 auto;
	
}

.cwrapper2{
	width:990px;
	overflow:auto;
	margin: 0 auto;
	clear:both;
}

#cwrapper2_left{
	background-image:url(picturecollage.png);
	width:400px;
	height:366px;
	float:left;
}

#cwrapper2_right{
	width:570px;
	float:left;
	margin-left:20px;
	overflow:auto;
}

#column1{
	width:140px;
	height:auto;
	float:left;
	margin-left:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	font-family:Calibri, Helvetica, sans-serif;
	line-height:23px;
}

#column2{
	width:140px;
	height:auto;
	float:left;
	margin-left:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	font-family:Calibri, Helvetica, sans-serif;
	line-height:23px;
}

#column3{
	width:140px;
	height:auto;
	float:left;
	margin-left:40px;
	text-align:center;
	font-size:14px;
	color:#666;
	font-family:Calibri, Helvetica, sans-serif;
	line-height:23px;
}

#morebtn{
	font-family:Calibri, Helvetica, sans-serif;
	color:#999;
	font-size:13px;	
	text-decoration:underline;
	float:right;
}

#icon1{
	background-image:url(icon1.png);
	width:28px;
	height:32px;
	margin: 0 auto;
}

#title1{
	background-image:url(title1.png);
	width:140px;
	height:26px;
	margin: 0 auto;
	background-position:center;
	margin-top:5px;
	background-repeat:no-repeat;
}

#title2{
	background-image:url(title2.png);
	width:140px;
	height:26px;
	margin: 0 auto;
	background-position:center;
	margin-top:5px;
	background-repeat:no-repeat;
}

#title3{
	background-image:url(title3.png);
	width:140px;
	height:26px;
	margin: 0 auto;
	background-position:center;
	margin-top:5px;
	background-repeat:no-repeat;
}

#icon2{
	background-image:url(icon2.png);
	width:32px;
	height:33px;
	margin: 0 auto;
}

#icon3{
	background-image:url(icon3.png);
	width:32px;
	height:32px;
	margin: 0 auto;
}

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

#cwrapper3_left{
	background-image:url(whiteboxfloat.png);
	width:494px;
	height:120px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
}

#cwrapper3_right{
	background-image:url(whiteboxfloat.png);
	width:494px;
	height:230px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;	
}

#cwrapper3leftleft{
	width:310px;
	height:160px;
	margin: 0 auto;
	padding:10px;
}

#cwrapper3rightright{
	width:310px;
	height:160px;
	margin: 0 auto;
	padding:10px;
}

#engineersandcompliance{
	width:321px;
	margin: 0 auto;
}

.footerbackground{
	background-image:url(footerbackground.png);
	width:100%;
	height:340px;
	
}

.footerwrapper{
	width:990px;
	height:340px;
	margin: 0 auto;
}

.footerleft{
	width:440px;
	height:280px;
	float:left;
	padding:20px;
	color:#CCC;
	font-family:Calibri, Helvetica, sans-serif;
}

.footerright{
	width:440px;
	height:280px;
	float:right;
	padding:20px;
}

/* All script below is for the scrollbar */

h2{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:21px;
	color:#069;
	text-align:left;
	font-weight:100;	
}

.content{ width:440px; height:240px; color:#CCC; font-family:Calibri, Helvetica, sans-serif; overflow:auto; padding-top:20px;}
		
/* All script above is for the scrollbar */

#getintouchtitle{
	background-image:url(getintouchtitle.png);
	width:174px;
	height:36px;
	float:left;
}

#testimonialstitle{
	background-image:url(testimonialstitle.png);
	width:194px;
	height:36px;
	float:left;
}

#footermid{
	width:990px;
	height:20px;
	clear:both;
	margin: 0 auto;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:13px;
	color:#069;
	text-align:center;
}

/* About page CSS */

#bannermiddle{
	margin: 0 auto;
	width:990px;
	height:200px;
}

#cwrapper1boxes{
	background-image:url(Boxestrimmed.png);
	width:990px;
	height:281px;
	margin: 0 auto;
}

h3{
	font-family:Calibri, Helvetica, sans-serif;
	font-size:23px;
	color:#FFF;
	text-align:center;
	font-weight:bold;	
}

#box1wrapper{
	width:290px;
	height:260px;
	padding:10px;	
	float:left;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:20px;
}

#box2wrapper{
	width:290px;
	height:260px;
	padding:10px;	
	float:left;
	margin-left:30px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:20px;
}

#box3wrapper{
	width:290px;
	height:260px;
	padding:10px;	
	float:left;
	margin-left:30px;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:20px;
}

#aboutcontentmid{
	width:950px;
	overflow:auto;
	padding:20px;
	margin: 0 auto;	
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-align:center;
}

#bannermiddleabout{
	background-image:url(aboutbannermiddle.png);
	width:990px;
	height:202px;
	margin: 0 auto;
	margin-bottom:1px;
}

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