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

/* Tags */

body {
	background-image: url(../design-images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size:62.5%;
	background-color: #BEBEBE;
}

p { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#666; line-height:17px; }

h1 { font-family:Tahoma, Geneva, sans-serif; font-size: 2.2em; color:#7BA12E; letter-spacing:-1px; margin-top:10px; margin-bottom:2px; }

h2 { font-family:Tahoma, Geneva, sans-serif; font-size: 1.5em; color:#545247; margin-top:20px; margin-bottom:0px; line-height:15px; }

h3 { font-family:Tahoma, Geneva, sans-serif; font-size: 1.4em; color:#7BA12E; letter-spacing:0px; margin-top:10px; margin-bottom:2px; }

li { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em;line-height:18px; }

a:link { color:#7BA12E; text-decoration:none; }

a:visited { color:#7BA12E; text-decoration:none; }

a:hover { color:#000; text-decoration:underline; }

/* Main Build */

#head {background-image:url(../design-images/head.gif); width:900px; height:146px; margin:0 auto; }

#wrapper { margin:0 auto; width:907px;}

#toparea { height:250px; padding-top:6px; width:900px; margin:10px auto 20px auto; }

#tabs { width:247px; float:right; }

#flash {float:left; background-image:url(../design-images/flash-bg.gif); width:648px; height:325px; }

#main { width:867px; background-image:url(../design-images/main-bg.png); background-repeat:repeat-y; overflow:hidden; margin:0 auto; clear:both; padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; overflow:hidden}

#mainhome { width:907px;position:absolute; top:450px;}

#maintop { width:907px; height:6px; background-image:url(../design-images/main-top.png); background-repeat:no-repeat; margin-top:20px; margin-left:auto; margin-right:auto;padding-bottom:5px;  }

#mainfoot { width:907px; height:6px; background-image:url(../design-images/main-foot.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto;clear:both;padding-top:5px;  }

#left { width:615px; float:left; }

#right { width:217px; float:right; }

.website-links { font-size: 1em;;padding: 10px 10px 10px 20px;}
.website-links h3 {color: #fff;}
.website-links ul {float: left; margin-right: 1em; list-style-type:none; padding:0px 0px 0px 0px; margin:0px;}
.website-links li.first a {text-decoration: none;}
.website-links li a {color: #fff;display: block;padding: 6px 6px;border-bottom:1px dotted #000;width: 135px; border-right: none; border-left: none;text-decoration: none;} 
.website-links li a:visited {color: #fff;display: block;padding: 6px 6px;border-bottom:1px dotted #000;width: 135px; border-right: none; border-left: none;text-decoration: none;} 
.website-links li a:hover {text-decoration: none;color: #fff;background: #2c2825;border-bottom:1px dotted #000;} 

#foot-links { width:900px; height:164px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:10px; padding-bottom:10px; background-image:url(../design-images/foot.gif); background-repeat:repeat-x; }

.foot-area { width:290px; float:right;} 
.foot-area p {color:#FFF; font-size:1.1em}
.foot-area h3 {padding:0px; margin-bottom:5px;}

#news-area { width:190px; float:right; line-height:16px; padding-right:20px;} 
#news-area p {color:#FFF; font-size:1.1em}
#news-area {color:#FFF; font-size:1.1em}
#news-area h3 {padding:0px 0px 5px 0px;}
#news-area a:link { color:#fff; text-decoration:none; }
#news-area a:visited { color:#fff; text-decoration:none; }
#news-area a:hover { color:#fff; text-decoration:underline; }
.date { color:#BEF157; font-weight:bold; }
.post {text-decoration: none; padding-top:10px;}
.post a:link {color: #fff;display: block;width: 180px; border-right: none; border-left: none;text-decoration: none;} 
.post a:visited {color: #fff;display: block;width: 180px; border-right: none; border-left: none;text-decoration: none;} 
.post a:hover {text-decoration: none;color: #fff;}

.sitemap { float:left; padding:0px; margin:0px; width:150px; padding-right:20px; }
 
#left li { list-style:url(../images/bullet-2.gif); line-height:18px; }
	
#left ul { list-style:url(../images/bullet-2.gif); line-height:18px; }

#righttabs {width:217px;margin:0px; padding-bottom:18px;}
#righttabs ul {	list-style-type:none;list-style: none;padding: 0px;margin: 0px;}
#righttabs li {	display:block;	margin-top:2px;	font-size:1.2em;}
#righttabs li a:link {display:block;padding-left:10px;color:#666;height:22px;padding-top:6px;width:207px;text-decoration:none; background-color:#ddd; border:1px solid #ccc;}
#righttabs li a:active {display:block;padding-left:10px;color:#666;height:22px;padding-top:6px;width:207px;text-decoration:none;background-color:#ddd; border:1px solid #ccc;}
#righttabs li a:visited {display:block;padding-left:10px;color:#666;height:22px;padding-top:6px;width:207px;text-decoration:none;background-color:#ddd; border:1px solid #ccc;}
#righttabs li a:hover {display:block;padding-left:10px;color:#666;height:22px;padding-top:6px;width:207px;text-decoration:none;background-color:#ccc; border:1px solid #aaa;}





/* Navigation */

#nv { width:900px; height:38px; margin:0 auto; background-image:url(/design-images/nav.gif); }
#nv ol { margin:0; padding:0; list-style:none; }
#nv li { margin:0; padding:0; float:left;  }
#nv li a { display:block; text-align:center; line-height:38px;color:#444; text-decoration:none; text-shadow: #fff 1px 1px 2px; }
#nv li a:hover { color:#006600; }

#nv1 a { width:67px; height:38px;  }
#nv1 a:hover { width:67px; height:38px; background:url(/design-images/nav.gif) 0 -38px; }

#nv2 a {width:53px; height:38px; background-position:-53px 0; }
#nv2 a:hover {width:53px; height:38px;background:url(/design-images/nav.gif) -67px -38px; }

#nv3 a {width:81px; height:38px; background-position:-108px 0;}
#nv3 a:hover {width:81px; height:38px;background:url(/design-images/nav.gif) -120px -38px; }

#nv4 a {width:72px; height:38px;background-position:-194px 0; }
#nv4 a:hover {width:72px; height:38px;background:url(/design-images/nav.gif) -201px -38px; }

#nv5 a {width:87px; height:38px;background-position:-268px 0; }
#nv5 a:hover {width:87px; height:38px;background:url(/design-images/nav.gif) -273px -38px; }

#nv6 a {width:130px; height:38px;background-position:-358px 0; }
#nv6 a:hover {width:130px; height:38px;background:url(/design-images/nav.gif) -360px -38px; }

#nv7 a {width:98px; height:38px;background-position:-491px 0; }
#nv7 a:hover {width:98px; height:38px;background:url(/design-images/nav.gif) -490px -38px; }

#nv8 a {width:132px; height:38px;background-position:-626px 0; }
#nv8 a:hover {width:132px; height:38px;background:url(/design-images/nav.gif) -588px -38px; }

#nv9 a {width:61px; height:38px; background-position:-761px 0;}
#nv9 a:hover {width:61px; height:38px;background:url(/design-images/nav.gif) -720px -38px; }

#nv10 a {width:44px; height:38px;background-position:-809px 0; }
#nv10 a:hover {width:44px; height:38px;background:url(/design-images/nav.gif) -781px -38px; }

#nv11 a {width:75px; height:38px;background-position:-857px 0; }
#nv11 a:hover {width:75px; height:38px;background:url(/design-images/nav.gif) -825px -38px; }

/* Old Nav CSS */
/*
#nv1 a:link {background-image:url(../design-images/nv/nav_r1_c1.gif); width:77px; height:33px; display:block;  }
#nv1 a:visited {background-image:url(../design-images/nv/nav_r1_c1.gif); width:77px; height:33px; display:block; }
#nv1 a:hover {background-image:url(../design-images/nv/nav_r1_c1_f2.gif); width:77px; height:33px; display:block;  }

#nv2 a:link {background-image:url(../design-images/nv/nav_r1_c2.gif); width:76px; height:33px; display:block; }
#nv2 a:visited {background-image:url(../design-images/nv/nav_r1_c2.gif); width:76px; height:33px; display:block; }
#nv2 a:hover {background-image:url(../design-images/nv/nav_r1_c2_f2.gif); width:76px; height:33px; display:block; }

#nv3 a:link {background-image:url(../design-images/nv/nav_r1_c3.gif); width:110px; height:33px; display:block; }
#nv3 a:visited {background-image:url(../design-images/nv/nav_r1_c3.gif); width:110px; height:33px; display:block; }
#nv3 a:hover {background-image:url(../design-images/nv/nav_r1_c3_f2.gif); width:110px; height:33px; display:block; }

#nv4 a:link {background-image:url(../design-images/nv/nav_r1_c4.gif); width:96px; height:33px; display:block; }
#nv4 a:visited {background-image:url(../design-images/nv/nav_r1_c4.gif); width:96px; height:33px; display:block; }
#nv4 a:hover {background-image:url(../design-images/nv/nav_r1_c4_f2.gif); width:96px; height:33px; display:block; }

#nv5 a:link {background-image:url(../design-images/nv/nav_r1_c5.gif); width:110px; height:33px; display:block; }
#nv5 a:visited {background-image:url(../design-images/nv/nav_r1_c5.gif); width:110px; height:33px; display:block; }
#nv5 a:hover {background-image:url(../design-images/nv/nav_r1_c5_f2.gif); width:110px; height:33px; display:block; }

#nv6 a:link {background-image:url(../design-images/nv/nav_r1_c6.gif); width:166px; height:33px; display:block; }
#nv6 a:visited {background-image:url(../design-images/nv/nav_r1_c6.gif); width:166px; height:33px; display:block; }
#nv6 a:hover {background-image:url(../design-images/nv/nav_r1_c6_f2.gif); width:166px; height:33px; display:block; }

#nv7 a:link {background-image:url(../design-images/nv/nav_r1_c7.gif); width:97px; height:33px; display:block; }
#nv7 a:visited {background-image:url(../design-images/nv/nav_r1_c7.gif); width:97px; height:33px; display:block; }
#nv7 a:hover {background-image:url(../design-images/nv/nav_r1_c7_f2.gif); width:97px; height:33px; display:block; }

#nv8 a:link {background-image:url(../design-images/nv/nav_r1_c8.gif); width:71px; height:33px; display:block; }
#nv8 a:visited {background-image:url(../design-images/nv/nav_r1_c8.gif); width:71px; height:33px; display:block; }
#nv8 a:hover {background-image:url(../design-images/nv/nav_r1_c8_f2.gif); width:71px; height:33px; display:block; }

#nv9 a:link {background-image:url(../design-images/nv/nav_r1_c9.gif); width:97px; height:33px; display:block; }
#nv9 a:visited {background-image:url(../design-images/nv/nav_r1_c9.gif); width:97px; height:33px; display:block; }
#nv9 a:hover {background-image:url(../design-images/nv/nav_r1_c9_f2.gif); width:97px; height:33px; display:block; }*/



/* Classes */

.tabspace { margin-top:2px; margin-bottom:2px; }
.icons {margin-right:10px; margin-top:5px; }

.fields { color:#666666; border:1px solid #ccc;background-color:#efefef; padding:3px; width:208px; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.contactfields { color:#666666; border:1px solid #ccc; padding:2px; width:260px; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.dropdowns { color:#666666;background-color:#efefef; border:1px solid #ccc; padding:3px; width:214px; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
.button { margin-top:6px; }
.contactform {width:260px;float:left;margin-right:20px;padding-bottom:15px;}

.contacttick { background-color:#e9fcca; border:1px solid #018938; padding:20px; margin: 2px; }
.contacttickimage { float:left; padding-right:15px; }
.contacttickgreenp { margin:0; padding:0; color:#018938; }
.contactfail { background-color:#fbdacd; border:1px solid #b02820; padding:20px; margin: 2px; }
.contactfailimage { float:left; padding-right:15px; }
.contactfailredp { margin:0; padding:0; color:#b02820; }


.formstyle { border:1px solid #ccc; background-color:#efefef; margin-bottom:3px; width:142px; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.1em; }
.middleformstyle { border:1px solid #ccc; background-color:#efefef; margin-bottom:6px; width:400px; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.1em; }
.codeformstyle { border:1px solid #ccc; background-color:#efefef; margin-top:6px;margin-bottom:6px; width:168px; padding:3px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:1.1em; }
.formleft {float:left; width:200px; height:80px}
.send {clear:both}

.style2 { color: #008000 }
.style3 { color: #c33131 }
.tickyellowbox {background-color: #eff6ef;border: 1px solid #008000;}
.tickredbox {background-color: #f9eaea;border: 1px solid #c33131;}
.linkbox {width: auto;border: 1px #BCCFDE solid;background-color:#DDE5ED;padding: 10px 10px 10px 10px;color:#000000;
}

.packages {float:left; padding-right:7px; padding-left:7px; width:190px; text-align:center }

.packages ul { margin:0px; padding:0px; }
.packages li {margin:0px; padding:0px; }
.packagesurround {width:615px; overflow:hidden }

.payments { background-image:url(../images/ecommerce-payment-gateways.jpg); width:197px; height:340px; margin-top:10px; padding:10px 10px 0px 10px; }
.payments p {margin:0px; padding:5px 0px 0px 0px; line-height:14px; }
.payments h2 {margin:0px; padding:0px; font-weight:bold; }

#blogposts {width:130px; height:52px; margin:2px 0 0 0; padding:39px 95px 10px 20px; background-color:#fff; background-image:url(/images/home-fox-2.gif);background-repeat:no-repeat; }
#blogposts a:link { color:#7BA12E; text-decoration:none; }
#blogposts a:visited { color:#7BA12E; text-decoration:none; }
#blogposts a:hover { color:#333; text-decoration:none; }
#blogposts p { margin:0; padding:3px 0 0 0; line-height:12px;font-size:1.1em; }
.latest { color:#FFF; font-size:1.1em;}
.desc {   color:#666; font-size:1em; line-height:10px }
.blogtitle { color:#7BA12E; font-weight:bold; font-size:1.4em; font-family:Tahoma, Geneva, sans-serif }

.sidebar_img img { margin-bottom:6px; }

/* Font Styles */

.sideheading { font-size:1.4em; color:#7BA12E; font-weight:bold; padding-bottom:6px; margin-bottom:6px; border-bottom:1px dotted #ccc; margin-top:0px; padding-top:0px;  }
.starter {font-size:1.3em; color:#82c300; font-weight:bold }
.builder { font-size:1.3em; color:#338fd5; font-weight:bold }
.maximiser {font-size:1.3em; color:#d32014; font-weight:bold }
.price { color:#333; font-size:1em; }

.green{color:#82c300; }
.lightgreen { color:#a3d162;}
.blue {color:#338fd5; }
.red {color:#d32014; }
.border { border:1px solid #ccc; }

.gray { font-weight:bold; text-align:center; margin:0px; padding:0px; color:#999; padding-bottom:5px; font-size:1.4em; }

/* Portfolio */

.website { float:left; width:186px; height:275px; padding:0px 8px 0px 8px; margin-bottom:25px; border-right:1px dotted #ccc }
.website p {margin:0px; padding:5px 0px 0px 0px; line-height:14px; }
.webtitle {color:#333; font-weight:bold; font-size:1.3em; }
.webaddress {color:#999; font-style:italic; }
.website ul {margin:0px; padding:6px 0px 0px 25px;}

.website2 { float:left; width:186px; height:275px; padding:0px 8px 0px 8px; margin-bottom:25px; }
.website2 p {margin:0px; padding:5px 0px 0px 0px; line-height:14px; }
.website2 ul {margin:0px; padding:6px 0px 0px 25px; }

/* Feedburner */

.feedburner {margin-top:10px; margin-bottom:0; padding-bottom:0; text-align:center; line-height:0}

/* Featured Content Slider */
#featured { width:388px; padding-right:250px; position:relative; border:5px solid #ccc; height:250px; background:#fff; float:left; }
#featured ul.ui-tabs-nav { position:absolute; top:0; left:388px; list-style:none; padding:0; margin:0; width:250px; }
#featured ul.ui-tabs-nav li { padding:0; padding-left:13px; font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img { float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; }
#featured ul.ui-tabs-nav li span { font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:18px; }
#featured li.ui-tabs-nav-item a { display:block; height:60px; color:#333; background:#fff; text-decoration:none; font-weight:bold; font-size:1.4em; border-bottom:1px dashed #ccc; }
#featured li.ui-tabs-nav-item a:hover { background:#f2f2f2; }
#featured li.ui-tabs-selected { background:url('../images/selected-item.gif') top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#ccc; }
#featured .ui-tabs-panel { width:388px; height:250px; background:#999; position:relative; }
#featured .ui-tabs-panel .info { position:absolute; top:180px; left:0; width:388px; height:70px; background: url('../images/transparent-bg.png'); }
.featuredh2 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#beee5d; padding:5px; margin:0; overflow:hidden; }
#featured .info p { margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; }
#featured .info a { text-decoration:none; color:#beee5d; }
#featured .info a:hover { text-decoration:underline; }
#featured .ui-tabs-hide { display:none; }