/* CSS Document */

@import url(menu.css);


body {
	margin: 0;
	padding: 0;
	background: #c9ccd3 url(images/page_bg.jpg) top left repeat-x;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	hr {
	border: none;
	color:#FFF;
	border-bottom: 1px solid #dfdfdf;
	}

#container {
	width: 930px;
	margin: 0px auto;
	}

img {
	border: 0;
}

a {font-weight: bold;}

#clearer {clear:both;}

#header {
	height: 77px;
	}

#footer {
	position: relative;
	width: 930px;
	height: 90px;
	background: url(images/footer_panel.png) left top no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 11px;
	}

#navigation {
	width: 930px;
	position: relative;
	}
	
#contentarea_left {
	float: left;
	width: 630px;
	margin-right: 8px;
	margin-top: 8px;
	font-size: 12px;
	}
	
#contentarea_right {
	float: left;
	width: 292px;
	margin-top: 8px;
	}
#contentarea_left_top {
	position: relative;
	}
	
#contentarea_left_bottom {
	width: 630px;
	height: 240px;
	background: url(images/bottomarea.png) left top no-repeat;	
	}

#contentarea_left_bottom_left {
	float: left;
	width: 295px;
	padding-left: 10px;
	padding-right: 10px;
	}

h3.everything {
	background: url(images/everythingyouneed.gif) no-repeat;
	width: 192px;
	height: 39px;
	text-indent: -999999px;
	}

#contentarea_left_bottom_right {
	float: left;
	width: 285px;
	padding-left: 10px;
	padding-right: 10px;
	}

/* links*/
#footer a, a:visited, a:focus {
	color: #ffffff;
	text-decoration: none;
	}

#footer a:hover {
	color: #C0D200;
	}
	

a, a:visited, a:focus {
	color: #252525;
	text-decoration: none;
	}
	
	a:hover {
	color: #C0D200;
	font-weight: bold;
	}
	
#casestudies_carousel a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}
	
/* classes */

h3 {
	font-size: 12px;
	color: #252525;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#productimagespace {text-align:center;}

.largeheader {
	color: #484F67;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	}

.smallheader {
	color: #484F67;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	}

#logoholder {
	margin-top: 20px;
	float: left;
	width: 331px;
	height: 32px;
	}
	
#contactdetails {
	margin-top: 30px;
	margin-right: 15px;
	float: right;
	width: 300px;
	text-align: right;
	font-size: 11px;
	}

.clearer {
	clear:both;
	}
	
.footertext { position: absolute; left: 10px; bottom: 10px; color: #000;}

.footerlinks { position: absolute; left:10px; top: 10px;}

/* rightbox */

.rightbox {
	width: 292px;
	margin-bottom: 8px;
	}

.rightboxheader {
	position: absolute;
	top: 0px;
	left: 10px;
	color: #f4f4f4;
	}

.rightbox_top {
	position: relative;
	background-image: url(images/right_panel_head.png);
	background-repeat: no-repeat;
	height: 46px;
	}

.rightbox_main {
	background-color: #FFF;
	padding: 10px;
	}

.rightbox_bottom {
	background-image: url(images/right_panel_foot.png);
	background-repeat: no-repeat;
	height: 20px;
	}
	
.rightbox_main_pad {
	display: block;
	}

/* homepage carousel */

#testimonial_loop {
	width:270px;
	height:120px;
}

#cycle-container {
	width:630px;
	height:430px;
}

.cycle-wrapper {
	width:630px;
	height:430px;
}
.testimonial-wrapper {
	width:270px;
	height:120px;
}
.testimonial_body {color: #333;}

#homepanel1 {background: url(images/homepage_1.jpg) no-repeat;  width: 630px; height: 430px; padding-top: 20px; color: #FFF;}
#homepanel2 {background: url(images/homepage_2.jpg) no-repeat;  width: 630px; height: 430px; padding-top: 20px; color: #FFF;}
#homepanel3 {background: url(images/homepage_3.jpg) no-repeat;  width: 630px; height: 430px; padding-top: 20px; color: #FFF;}
#homepanel4 {background: url(images/homepage_4.jpg) no-repeat;  width: 630px; height: 430px; padding-top: 20px; color: #FFF;}

/**/


#images-nav li {
	display: inline;
	margin-right: 2px;
	}

#images-nav li a {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #fff;
	text-decoration: none;
	color:#C0D200;
}


#images-nav li a.activeSlide {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	width: 25px;
	height: 25px;
	background-color: #C0D200;
	text-decoration: none;
	color:#fff;
}

#images-nav-wrapper{
	position:absolute;
	bottom: 0px;
	left: -20px;
	z-index: 2200;
	}

#images-nav-wrapper ul#images-nav{
	width:176px;
	padding-top:5px;
}

.talktous {
	text-indent: -999999px;
	margin-left: 40px;
	margin-top: 20px;
	display: block;
	width: 388px;
	height: 74px;
	background-image: url(images/phonenumber.png);
	background-repeat: no-repeat;
	}

/**/

div.mainpaneltext {width: 300px; margin-left: 20px;}

.subpageheader {
	margin-bottom: 20px;
	}

.welcomemessage {
	font-size: 0px;
	background: url(images/welcome.png);
	display: block;
	width: 330px;
	height: 56px;
	text-indent: -999999px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.landlinesmessage {
	font-size: 0px;
	background: url(images/landline.png);
	display: block;
	width: 330px;
	height: 56px;
	text-indent: -999999px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.mobilemessage {
	font-size: 0px;
	background: url(images/mobiles.png);
	display: block;
	width: 330px;
	height: 56px;
	text-indent: -999999px;
	margin-bottom: 20px;
	margin-left: 20px;
	}


.trackingmessage {
	font-size: 0px;
	background: url(images/tracking.png);
	display: block;
	width: 330px;
	height: 56px;
	text-indent: -999999px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.testimonial_name {width: 270px; display: block; text-align: right;}