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

* {
	padding:0px;
	margin:0px;
	text-decoration:none;
	border:none;
}

#header {
			position: fixed;
			top: 0; 
			left: 0;
			z-index: 9999;
			background: url(../images/headfoot.png) bottom left;
			width: 100%;
			margin: 0;
			padding: 0px;
			height:85px;
		}
		
#footer {
			position: fixed;
			bottom: 0; 
			left: 0;
			z-index: 9999;
			background: url(../images/headfoot.png) top left;
			width: 100%;
			margin: 0;
			padding: 30px 0px 5px 0px;
		}
		

/*--IE6 Hack - Fixed Positioning to the Bottom--*/
		*html #footer { 
			position: absolute;
			top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
		}


body {
	background:url(../images/colbg.jpg) 0px -900px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
	background:url(../images/scroll-test3.png) top left repeat-x fixed;
}

#container {
	background:url(../images/scroll-test3.png) top left;
	margin:0px 0px;
	
	width:100%;
}

#content {
	width:1000px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:85px 10px 130px 10px;
}


h6 {
	color: #CC0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
}

h6 .hi {
	color: #CC0066;
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;	
}

h1 {
	background: url(../images/cplogo.png) top left no-repeat;
	width:467px;
	height:85px;
	font-size:1px;
	color:#FFF;
	margin:10px 30px;
	}

h2 {
	color:#f60;
	font-family: 'Josefin Sans', arial, serif;
	font-size:30px;
}

h3 {
	color:#f00;
	font-family: 'Josefin Sans', arial, serif;
	padding:10px 0px 5px 0px;
	font-size:24px;
	font-weight:normal;
	line-height:28px;
}


h4 {
	font-family: 'Josefin Sans', arial, serif;
	color: #787878;
	padding:10px 0px 10px 10px;
	font-size:16px;
	font-weight:normal;
}

p {
	color: #878787;
	font-size:12px;
	padding:0px 0px 18px 0px;
	line-height:18px;
}

a {
	color: #f90;
}


.bubble {
	background:#fff;
	padding:25px 40px 0px 40px;
width:220px;
float:left;
margin:0px 10px;
position:fixed;
border-top:1px solid #eee;
border-bottom:2px dotted #ccc;
height:200px;
height:auto!important;
min-height:230px;
}

#marketing {
	left:330px;
}

#sme {
	left:650px;
}

#col1 {
	width:1000px;
}

#col2 {
	width:280px;
	float:left;
	padding:270px 10px 30px 10px;
background:#fff;
margin:0 10px;
}
#col3 {
	width:280px;
	float:left;
	padding:270px 10px 30px 10px;
	background:#fff;
margin:0 10px;
}
#col4 {
	width:280px;
	float:left;
	padding:270px 10px 30px 10px;
	background:#fff;
	margin:0 10px;
}



a.enews, #contactform input[type="submit"] {
color: #fff;
padding:4px 8px;
background-color:#f90;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #f60;
}

a.enews:hover, #contactform input[type="submit"]:hover {
color: #fff;
padding:4px 8px;
background-color:#f60;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #f90;
}

a.enews {
	float:right;
	padding:2px 5px;
	vertical-align:middle;
	margin-bottom:10px;
}

a.enews:hover {
	padding:2px 5px;
	vertical-align:middle;
	margin-bottom:10px;
}

 .slide-out-services {
          padding: 10px 20px;
          width: 380px;
          background: #eee;
          border: 1px solid #ccc;
      }
	   .slide-out-services li {
		   color: #f90;
	font-size:12px;
	padding:0px 0px 10px 0px;
	line-height:18px;
      } 
	 
	  .slide-out-services li span {
		   color: #646464;
	  } 
	  
	  .slide-out-contact {
          padding: 10px 20px;
          width: 320px;
          background: #eee;
          border: 1px solid #ccc;
      } 
	  
	  /* contact */

#contactform {
}

#contactform td {
	padding:5px;
	color:#333;
}

#contactform td label{
	color:#333;
}

#contactform input[type="text"], textarea {
	width:200px;
	}

textarea {
	margin-bottom:10px;
}


fieldset{
	border:none;
	padding:0px;
}

.box form label.error{display:block; float: none; color: red; font-size:9px; width:auto; line-height:9px; padding:0px; margin:0px; }


label.error { display:block; float: none; color: red; font-size:11px; }
em { font-weight: bold; color: red; vertical-align: top; }


table.contacttab td {
	vertical-align:top;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	padding:0px 0px 0px 0px;
}

table.contactdetails td.details  {
	color:#666;
	text-align:left;
}

#contacts h4 {
/**/font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
font-size:12px;
padding:5px 20px;
line-height:24px;
}

#contacts img.valign {
	vertical-align:top;
}
#enews {
	width:660px;
	background:#fff;
	padding:20px;
}

#header h1 a{
	display:block;
	color:#fff;
	height:80px;
	width:460px;
}

#enews h4 {
	padding-left:0px;
}

#enews .features {
	width:200px;
	background:#fff;
	float:left;
	padding-left:20px;
}

#enews .features.first {
	padding-left:0px;
}

#enews .features img{
	margin:0px 0px 10px 0px;
	border:1px solid #ccc;
}

#enews .slideshow{
	float:left;
	width:310px;
	padding:0px 0px 0px 10px;
}


#enews .intro{
	float:left;
	width:300px;
	padding:0px 40px 0px 0px;
}

#enews .featurelist{
	padding:40px 0px;
	background: url(../images/headfoot.png)  0 -360px repeat-x;
}

.slide-out-contact {
	z-index:100000;
}

#upload, #payments{
	padding:20px;
	width:400px;
	background:#fff;
	border:1px solid #ccc;

}

#payments h4 {
	padding-left:0px;
	color:#f60;
	
}

#payments input[type=text] {
	border:1px solid #ccc;
	
}

/*payments */