* {
	margin: 0;
	padding: 0;
}
body{
background:#693F24;
color:#233B42;
font-family:Trebuchet,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",sans-serif;
font-size: 62.5%;
text-align:center;
padding:0;
margin:0;
}
.standard {
	margin-left: 1em 20px 1em 20px;
}
.standard-right {
	margin-right: 20px;
	text-align: right;
}
h1{
font-size:2.8em;
}
h2{
font-size:2.5em;
}
h3{
font-size:2.0em;
}
h4{
font-size:1.75em;
}
h5{
font-size:1.5em;
}
a{
color:#266B80;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#5A7F2E;
text-decoration:underline;
}
#alpha-outer{
background:url(../i/bg/container-top.gif) top center no-repeat;
margin:0px auto;
overflow:hidden;
position:relative;
padding:20px 0;
width:720px;
text-align: left;
}
#alpha-inner{
background:url(../i/bg/container-mid.gif) top center repeat-y;
margin:0 auto;
padding:0px;
text-align:left;
}
#alpha-content{
height:650px;
}
#domains #alpha-content, #homepageplus #alpha-content {
	height: 740px;
}
#website-enquiry #alpha-content, #minisite #alpha-content {
	height: 860px;
}
#about #alpha-content {
	height: 1200px;
}
#clients #alpha-content {
	height: 1480px;
}
#footer{
text-align:center;
margin:5em 0px 0px 0px;
padding:5px 0;
}
h1{
background:url(../i/cf_logo.gif) no-repeat;
margin-left:40px;
width:250px;
height:55px;
}
h1 span{
font-size:0.1em;
float:left;
height:65px;
text-indent:-2000em;
}
#header_nav{

float:right;

display:inline;

margin:-12px 13px 10px 150px;
/*margin:7px 14px 0px 150px;*/
padding:0;

background:url(../i/bg/header_nav_bottom_left.gif) no-repeat bottom left;

}

/*\*//*/

#header_nav{

float:none;

display:block;

width:100px;

margin:0;

position:absolute;

top:11px;

right:25px;

}

/**/

#header_nav p{

margin:0 5px 1px 10px;

padding:3px 0 8px 0;

font-size:.92em;

color:#777;

}

#header_nav a{

white-space:nowrap;

}

#topsection{
clear:both;
position:absolute;
top:100px;
width:688px;
}
#topsection h3{
padding:5px 0 0 25px;
background-color:#f8f7f6;
width:300px;
margin-left:20px;
}
#panel1{
position:absolute;
top:-42px;
right:-34px;
}
#section2{
position:absolute;
left:42px;
top:175px;
width:658px;
}
#section2a{
position:absolute;
top:165px;
left:42px;
width:658px;
}
#col1{
position:absolute;
left:20px;
top:55px;
/*height:365px;*/
width:195px;
overflow:hidden;
}
#col2{
position:absolute;
left:230px;
top:55px;
/*height:365px;*/
width:195px;
overflow:hidden;
}
#col3{
position:absolute;
left:440px;
top:55px;
/*height:365px;*/
width:195px;
overflow:hidden;
}
col1a{
position:absolute;
left:20px;
top:55px;
width:195px;
overflow:hidden;
}
#colwide{
position:absolute;
left:230px;
top:55px;
padding:0px;
width:420px;
}
#coltop{
position:absolute;
left:20px;
top:55px;
padding:0px;
height:250px;
width:620px;
}
#colmain{
position:absolute;
width:620px;
top:300px;
left:20px;
padding:0px;
}
#colmain p{
font-size:1.1em;
}
#onecol{
position:absolute;
left:20px;
top:55px;
padding:0px;
width:620px;
}
#onecol p{
font-size:11px;
line-height:1.6em;
margin-top:8px;
}
#onecol div.back, #colmain div.back {
float: left;
display: inline;
	text-align: left;
	margin-top: 10px;
	padding:8px 0px 0px 20px;
	width: 200px;
}
#onecol p.next {

	text-align: right;
	margin-right: 20px;
	padding:8px 0px;
}
#onecol div.next, #colmain div.next, #coltop div.next {
display: inline;
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 10px;
	padding:8px 20px 0px 0px;
}
#pagenav {
position:relative;
width:620px;
height:25px;
margin:0px;
border-top:1px solid #6B8E23;
border-bottom:1px solid #6B8E23;
}
#pagenav div.leftlink{
float:left;
width:190px;
margin:0px 0px 0px 25px;
padding:5px 0px;
text-align:left;
font-size:1.2em;
}
#pagenav div.centerlink{
float:left;
width:190px;
margin:0;
padding:5px 0px;
text-align:center;
font-size:1.2em;
}
#pagenav div.rightlink{
float:right;
width:190px;
margin:0 25px 0px 0px;
padding:5px 0px;
text-align:right;
font-size:1.2em;
}
#section2 h4,#section2a h4{
font-size:1.8em;
font-weight:bold;
padding:0 0 0 20px;
margin:10px 0px 10px 0px;
}
#section2 h5{
font-size:1.5em;
font-weight:bold;
padding:0;
margin:10px 0px;
color:#698e2e;
background-color:transparent;
}
#section2a h3{
font-size:1.5em;
padding:5px 0 0 25px;
}
#icon1{
margin:0 5px 5px 0px;
}
#icon2{
margin:0px 5px 0px 0px;
}
#icon3{
margin:0px 5px 1px 0px;
}
#iconsolo{
margin:5px 0px;
}
.option-description{
line-height:1.6em;
text-align:justify;
}
.basic-price{
font-size:1.6em;
line-height:0.5em;
color:#f04844;
font-weight:bold;
padding:0;
margin:10px 0px 10px 35px;
}
.pricing{
font-size:1.4em;
color:#f04844;
font-weight:bold;
text-align:right;
}
ul {
	padding: 0 0 0 15px;
	margin: 8px 10px;
}
ul li ul {margin:5px;}
ul li li {font-size:1.0em;
padding:3px 10px;
margin:0px 5px;}
ul.packages{
margin:5px 2px 5px 25px;
padding:0px 0px 0px 15px;
width:190px;
}
ul.features{
margin:0px 5px 0px 10px;
padding:0px 10px;
width:410px;
}
li{
font-size:1.2em;
padding:3px 10px;
margin:0px 10px;
}
li.green{
list-style-image:url(../i/bullets/greenbul.gif);
}
li.blue{
list-style-image:url(../i/bullets/bluebul.gif);
}
li.yell{
list-style-image:url(../i/bullets/yellbul.gif);
}
li.red{
list-style-image:url(../i/bullets/redbul.gif);
}
li.black{
list-style-image:url(../i/bullets/blackbul.gif);
}
#textmenu {
position: absolute;
top: 430px;
left:30px;
	margin: 0px;
	padding: 20px;
}
p.samples {margin: 10px 0 0 30px; padding: 5px 0;}
.textmenu {
	margin: 0px;
	padding: 20px;
}
#textmenu p, .textmenu p {
	font-size:1.0em;
	color: #3d799e;
	text-align: center;
	line-height: 150%;
}
#formcol #textmenu {
	top: 650px;
}
#section3{
position:relative;
top:25px;
left:42px;
width:658px;
}
.vs10{
margin:5px 0px;
}
ul.sitelist{
list-style-type:none;
width:600px;
margin:20px 0 0 20px;
}
ul.sitelist li{
float:left;
width: 165px;
margin-right:10px;
margin-bottom:10px;
font:bold 0.9em Trebuchet,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",sans-serif;
text-align:center;
color:#333333;
padding: 0;
}
ul.sitelist img{
display:block;
border:1px solid #333300;
padding:0;
}
hr.break {
		background:#fff;color:#fff;clear:both;float:none;width:100%;height:.1em;margin:0;border:none;
}
hr {
	background-color:#ddd; color: #ddd; width: 75%; height: 1px; margin: 6px auto; border: none; clear:both;float:none;
}
abbr, acronym {
border-bottom: 1px dotted #7F7551;
cursor: help;
}
.bold {
	font-weight: bold;
}
/* Forms */
#formcol {
	position:absolute;
left:20px;
top:55px;
padding:0px;
width:620px;
text-align: center;

}
form {
	padding: 8px;
	height: expression('1%'); /* IE Pick-a-boo bug fix */
	margin: 0px 10px;
}
fieldset {
	position: expression('relative'); 
	border: 2px solid #bf6a4a;
	margin: 20px 0px;
	padding: 30px 10px 15px 10px;
}
legend {
	position: expression('absolute'); 
	top: expression('-9px'); 
	padding: 0px 25px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font: bold 14px georgia, "times new roman", times, serif;
	color: #3d799e;
	}
form .reqMark {
	color: #F00;
	font-size: xx-small;
	vertical-align: text-top;
}
form p {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 10px 3px 0px;
	/*text-align: right;*/
	color: #142834;
	background-color: transparent;
}
form p.tabular {
	clear: left;
	margin: 0;
	padding: 10px 0px;

}
form p.tabular label {
	float: left;
	width: 35%;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 10px 3px 0px;
	text-align: right;
	color: #142834;
	background-color: transparent;
}
label.label  {
	display: -moz-inline-box;
	display: inline-block;	
	width: expression('7em'); /* Min-width for IE6 */
	min-width: 7em;
	padding: 0 2px;
	margin: 0 4px 0 0;
	height: 26px;
}
.label { display: block; width: auto; }
label.check {
	padding: 0px 10px;
}
input {
/*	color: #142834;
	border: 2px solid #ff8d63;*/
	font: normal bold 11px verdana, arial, helvetica, sans-serif;
}
input.txt {
	color: #142834;
	border: 2px solid #ff8d63;
	width: 200px;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	background: #fff6df;
}
input:focus, input.txt:focus {
	 border: 2px solid #000;
}
select.enquiry {
	width: 200px;
	color: #142834;
	border: 2px solid #ff8d63;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	background: #fff6df;
}
textarea.enquiry {
	width: 200px;
	color: #142834;
	border: 2px solid #ff8d63;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	background: #fff6df;
}
/* Ties together a label and its checkbox or radio */
.oneChoice {
	white-space: nowrap; 
}
.oneChoice input {
	vertical-align: middle;
	border: none 0;
	background: transparent;
	height: 16px;
}
form p.instructions, form p.frmintro {
	color: #142834;
	margin: 4px 5px;
	padding: 4px 5px;
	font: normal 1.2em/130% Trebuchet, "Trebuchet MS", "Lucida Sans Unicode", verdana, sans-serif;
	background: transparent;
}
form p.frmintro b {
	color: #f00;
	font-weight: bold;
	font-size: 1.8em;
}
/* wForms styles */

.errMsg {	
	color: #CC3333 !important;
	display: inline;

}
/* Field-Hint with focus */
.field-hint {
	color: #000;
	float: right;
	clear: right;
	width: 100px;
	font-size: 90%;
	padding: 0 0 0 20px;
	background: url(../i/bg/red-arrow-left.gif) no-repeat left center;
	line-height: 110%;	
}
/* Field-Hint without focus */
.field-hint-inactive {
	color: #666;
	float: right;
	clear: right;
	width: 100px;
	font-size: 90%;
	line-height: 110%;
	background: url(../i/bg/grey-arrow-left.gif) no-repeat left center;
	padding: 0 0 0 20px ;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
.onstate-preferphone, .onstate-preferemail { display: block; }
.offstate-preferphone, .offstate-preferemail { display: none; } 
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */

/* Buttons */
.actions {
	padding: 10px 45px 0px 0px;
	text-align: right;
	clear: right;
}
.primaryAction {
	display: inline;
}
.secondaryAction {
	color: #666;
	display: inline;
}
.secondaryAction:hover {
	color: #000;
}


 /* set background images for corners */

.rbroundbox    { background: url(../i/bg/mid.gif) repeat; }



.rbtop         { background: url(../i/bg/top.gif) repeat-x; }

.rbtop div     { background: url(../i/bg/topleft.gif) no-repeat top left; }

.rbtop div div { background: url(../i/bg/topright.gif) no-repeat top right; }



.rbbot         { background: url(../i/bg/bot.gif) repeat-x; }

.rbbot div     { background: url(../i/bg/botleft.gif) no-repeat top left; }

.rbbot div div { background: url(../i/bg/botright.gif) no-repeat top right; }



.rbcontentwrap { background: url(../i/bg/midleft.gif) repeat-y; }

.rbcontent     { background: url(../i/bg/midright.gif) repeat-y right; }


.rbbot div, .rbbot {

	width: 100%;

	height: 25px;

	font-size: 1px;

	padding: 0;

	margin: 0;

}

.rbcontent  { padding: 5px 5px 5px 12px; margin: 0; line-height:1.3; text-align: left;  }

.rbroundbox { width: 600px; margin: 0px 0px 0px 0px; }

/* rounded corners with header images */

.rhroundbox    { background: url(../i/bg/mid.gif) repeat; }

.rhcontactyou         { background: url(../i/bg/contactyou-top.gif) no-repeat top left; }

.rhbot         { background: url(../i/bg/bot.gif) repeat-x; }

.rhbot div     { background: url(../i/bg/botleft.gif) no-repeat top left; }

.rhbot div div { background: url(../i/bg/botright.gif) no-repeat top right; }

.rhcontentwrap { background: url(../i/bg/midleft.gif) repeat-y; }

.rhcontent     { background: url(../i/bg/midright.gif) repeat-y right; }

/* height and width details */

.rhcontactyou   {

	width: 100%;

	height: 30px;

	font-size: 1px;

	padding: 0;

	margin: 0;

}

.rhbot div, .rhbot {

	width: 100%;

	height: 25px;

	font-size: 1px;

	padding: 0;

	margin: 0;

}

.rhcontent  { padding: 5px 5px 5px 12px; margin: 0; line-height:1.3; text-align: left;  }

.rhroundbox { width: 600px; margin: 0px auto; text-align: left}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clear{display:inline-block}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear{height:1%}
.clear{display:block}
/* image opacity on mouseover - will not validate */

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}