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

/* Tags */

body {
	background-image: url(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(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(flash-bg.gif); width:648px; height:325px; }

#main { width:867px; background-image:url(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(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(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(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(bullet-2.gif); line-height:18px; }
	
#left ul { list-style:url(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(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:68px; height:38px; background:url(nav.gif) 0 0; }
#nv1 a:hover { width:68px; height:38px; background:url(nav.gif) 0 -38px; }

#nv2 a {width:110px; height:38px; background:url(nav.gif) 519px 0;}
#nv2 a:hover {width:110px; height:38px;background:url(nav.gif) 519px -38px; }

#nv3 a {width:110px; height:38px; background:url(nav.gif) 519px 0;}
#nv3 a:hover {width:110px; height:38px;background:url(nav.gif) 519px -38px; }

#nv4 a {width:90px; height:38px; background:url(nav.gif) 499px 0;}
#nv4 a:hover {width:90px; height:38px;background:url(nav.gif) 499px -38px; }

#nv5 a {width:110px; height:38px; background:url(nav.gif) 519px 0;}
#nv5 a:hover {width:110px; height:38px;background:url(nav.gif) 519px -38px; }

#nv6 a {width:80px; height:38px; background:url(nav.gif) 489px 0;}
#nv6 a:hover {width:80px; height:38px;background:url(nav.gif) 489px -38px; }

#nv7 a {width:90px; height:38px; background:url(nav.gif) 499px 0;}
#nv7 a:hover {width:90px; height:38px;background:url(nav.gif) 499px -38px; }

#nv8 a {width:80px; height:38px; background:url(nav.gif) 489px 0;}
#nv8 a:hover {width:80px; height:38px;background:url(nav.gif) 489px -38px; }

#nv9 a {width:87px; height:38px; background:url(nav.gif) 496px 0;}
#nv9 a:hover {width:87px; height:38px;background:url(nav.gif) 496px -38px; }

#nv10 a {width:74px; height:38px; background:url(nav.gif) -826px 0;}
#nv10 a:hover {width:74px; height:38px;background:url(nav.gif) -826px -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(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(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('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('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; }

/********** contact form **********/
#contactform { margin:0 0 0 20px; padding:5px 10px;}
#contactform * { color:#210301;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 11px  Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:430px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#contactform input.text2 { width:80px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#contactform input.text3 { width:200px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#contactform input.text4 { width:50px; border:1px solid #b9b9b9; margin:5px 0; padding:5px 2px; height:15px; background:#f4f4f4;}
#contactform textarea { width:430px; border:1px solid #b9b9b9; margin:10px 0; padding:2px; background:#f4f4f4; height:190px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}