/* ---- COMMON CLASSES ------------------------------------------------------------------------------------ */
legend{display:none}
p,ul,li,form,fieldset,legend,table,td,th,h1,h2,h3,h4,h5,ol,dl,dd,dt,input,ol,li,body,table,td,th,tr{margin:0;padding:0}
fieldset,button{border:0;}
ul,ol{list-style-type:none}
p {margin-bottom: 10px;}
a {color:#2497e8; text-decoration: none}
	a:hover {color:#000;}
	a:focus {outline:none;text-decoration:none}
	a:active {text-decoration:none}

/* ---- STRUCTURE ------------------------------------------------------------------------------------------ */
html {font-size:62.5%}
body,html{height:100%;}
body {margin:0;font:1.2em Arial, Verdana, sans-serif;background-color:#6b801b;color:#666;}
	body.home {background:#6b801b url("../img/body-bg-home.jpg") top repeat-x;}
	body.categories, body.contact, body.categories, body.logos, body.logos, body.specials, body.websites, body.promo {background:#6b801b url("../img/body-bg-internal.jpg") top repeat-x;}
	body.store {background:#6b801b url("../img/body-bg-shop.jpg") top repeat-x;}

.wrapper{margin:0 auto;width:1024px;min-width:980px;min-height:90%;height:auto !important;height: 90%;}
.clear{clear:both}

.float-left {float:left; margin-right: 15px}
.float-right {float:right; margin-left: 15px}

/* ---- BUTTON CLASSES ------------------------------------------------------------------------------------------ */
.btn {float:left ;background:url("../img/btn-left.png") no-repeat left top;color:#c8de57;font-weight:normal;text-decoration:none;padding:0 0 0 17px;margin-right:1px;}
	.btn:hover {background-position: 0 -35px;color:#fff}
	.btn span a {color:#c8de57;}
	.btn span {display:block; background:url("../img/btn-right.png") no-repeat right top; padding:10px 40px 10px 0;}
	.btn:hover span{background-position: right -35px; color:#fff}

/* ---- HEADER ------------------------------------------------------------------------------------------ */
.header{height:187px;background:url("../img/header_bg.jpg") no-repeat;position:relative;}
body.store .header{height:184px;}
	
	.header h1 a{background:url("../img/logo.png") no-repeat 0px 0px;width:271px; height:114px;float:left;margin:11px 0 0 150px;text-indent:-5000px;}
	
	.header span.tuatara-header {position: absolute;left:0; top:3px; z-index: 100; width: 171px; height: 188px; background:url("../img/logo-tuatara.png") repeat-x scroll left top transparent; text-indent:-9999px;}
	
	/* ---- TOP NAV ------------------------------------------------------------------------------------------ */
	.top-nav{padding:0px;position:absolute;left:140px;bottom:0;font-size:13px;}
		.top-nav li {float:right;}
		.top-nav a {float:left; margin-left: -22px;background:url("../img/menu-left.png") no-repeat left top;color:#c8de57;font-weight:normal;text-decoration:none;padding:0 0 0 30px;margin-right:1px;margin-top:3px;}
			.top-nav a:hover {background-position: 0 -45px;color:#fff}
			.top-nav a.on {background-position: 0 -45px; color:#fff;}
			
			.top-nav a.on span{background-position: right -45px;}
			.top-nav a span {display:block; background:url("../img/menu-right.png") no-repeat right top; padding:14px 40px 14px 7px;}
			.top-nav a:hover span{background-position: right -45px;}
			
	 #nav {height: 4.5em;overflow: hidden; border-bottom: 1px solid #132B4D;padding: 0 10px 0 20px;float: left; width:840px}
	 #nav li,  #nav li a {position: relative;}      
	 #nav li { top: 15px;}			
		
/* ---- FEATURED NAV ------------------------------------------------------------------------------------------ */
.feature-nav{height: 16px;font-size:1.1em; margin: 0 auto; padding: 10px; width:520px}
	.feature-nav li {display:inline; float:left; margin-left: 10px;}
	.feature-nav a {color:#fff; text-decoration:none;}
			
/* ---- FEATURE PANEL ------------------------------------------------------------------------------------------ */
	body.categories .feature, body.contact .feature, body.categories .feature, body.logos .feature, body.logos.feature, body.specials .feature, body.websites .feature, body.promo .feature {height:180px;}
		body.categories .feature h3, body.contact .feature h3, body.categories .feature h3, body.logos .feature h3, body.logos.feature h3, body.specials .feature h3, body.websites .feature  h3, body.promo .feature  h3 {text-indent: -9999px;}

	body.home .feature {height:293px;background:url("../img/feature-home-bg.jpg") no-repeat;overflow:hidden}
	body.logos .feature {background:url("../img/feature-logos-bg.jpg") no-repeat;}
	body.websites .feature {background:url("../img/feature-websites-bg.jpg") no-repeat;}
	body.specials .feature {background:url("../img/feature-specials-bg.jpg") no-repeat;}
	body.contact .feature {background:url("../img/feature-contact-bg.jpg") no-repeat;}
	body.promo .feature {background:url("../img/feature-promo-bg.jpg") no-repeat;}
		
/* ---- MINI FEATURED PANEL (Homepage only) ------------------------------------------------------------------------------------------ */
	.mini-featured {background:#498acd url("../img/preview-bg.gif") repeat-x; height:107px; padding: 5px}
		.mini-featured li {display:inline; float:left; width: 317px; border-right: solid 1px #4984c1; margin: 0 5px 0 5px; padding-right: 5px}
		.mini-featured li.first {margin-left:0;}
		.mini-featured li.last {border-right:none; margin-right: 10px;}
		.mini-featured li img {float:left; margin-right: 15px;}
		.mini-featured li h4 {color:#c8de57;font-size: 1.1em; margin-top: 10px; margin-bottom: 5px}
		.mini-featured li p {color:#fff}
		/*.mini-featured li a {text-indent: -5000px; float:left}*/
		.mini-featured h4 a, .mini-featured h4 a:hover {color:#C8DE57}
 		
		.mini-featured li {cursor: pointer;}
        	.mini-featured li img {cursor: pointer; opacity: 0.9;}
			.mini-featured li img:hover {cursor: pointer; opacity: 1;}
	
/* ---- CONTENT ------------------------------------------------------------------------------------------ */
	.content {background-color:#5d7112; float:left}
	.content .padding { padding: 10px;}
	
	.content .left-bar {width: 200px; float:left; display: inline;}
		.content .left-bar h4{color:#fff; font-weight: normal; font-size: 1.2em; background-color: #859a1d; padding: 10px 10px 10px 30px} 
			.content .left-bar h4.search{background:#859a1d url("../img/icn-search.gif") no-repeat 10px 12px}
			.content .left-bar h4.categories{background:#859a1d url("../img/icn-star.gif") no-repeat 10px 12px}
			.content .left-bar h4.newsletter{background:#859a1d url("../img/icn-newsletter.gif") no-repeat 10px 12px}
		
		.content .left-bar ul{padding: 10px}
		.content .left-bar ul li{color:#fff; background:url("../img/icn-bullet.gif") no-repeat scroll left center transparent; padding: 0px 5px 0px 13px }
		.content .left-bar ul li a{color:#c8de57;}
		.content .left-bar li a:hover {color:#fff}
		
		.content .left-bar .btn {float:left ;background:url("../img/btn-left.png") no-repeat left top;color:#c8de57;font-weight:normal;text-decoration:none;padding:0 0 0 17px;margin-right:1px;}
			.content .left-bar .btn:hover {background-position: 0 -35px;color:#fff}
			.content .left-bar .btn span a {color:#c8de57;}
			.content .left-bar .btn span {display:block; background:url("../img/btn-right.png") no-repeat right top; padding:9px 40px 10px 0;}
			.content .left-bar .btn:hover span{background-position: right -35px; color:#fff}
			
			/* ---- form buttons only ------------------------------------------------------------------------------------------ */
			.content .left-bar .btn input {padding: 0; margin: 0; background: none; max-width:48px; color:#c8de57; cursor: pointer; font-size: 1em}
			.content .left-bar .btn input:hover {color:#fff}

		.left-bar input {background:url("../img/search_bg.jpg") no-repeat left top; border: none; width: 158px; height: 16px; padding: 5px 10px; color:#999; margin-bottom: 5px;}

		.content .main {width:624px; min-height: 881px; background-color:#fff;float:left;}
			.content .main h2{color:#fff; font-weight: normal; font-size: 1.2em; background-color: #2268af; padding: 10px 10px 10px 30px}
				.content .main h2.tuatara {background:#2268af url("../img/icn-tuatara.gif") no-repeat 10px 12px}
		.content .bodytext {padding: 15px}
		.content .bodytext a {color:#859a1d;}
		.content .bodytext a:hover {color:#2268AF;}
		.content .bodytext hr {border: none 0; border-top: 1px solid #d8d8d8; width: 410px; height:1px; margin: 20px 0;}

		.content .main h3 {color:#2268af; margin-bottom: 10px;}
		
		/* ---- form buttons only ------------------------------------------------------------------------------------------ */
		.content .main .btn input {padding: 0; margin: 0; border: none;background: none; max-width:70px; color:#c8de57; cursor: pointer; font-size: 1em}
		.content .main .btn input:hover {color:#fff}
		
		.content .right-bar {width: 200px; float:right; display: inline}
			.content .right-bar p a, .content .right-bar p a:hover {color:#C7DB64}
			.content .right-bar img {margin-bottom: 5px;}
			.content .right-bar h4{color:#fff; font-weight: normal; font-size: 1.2em; background-color: #859a1d; padding: 10px 10px 10px 30px}
				.content .right-bar h4.testimonial{background:#859a1d url("../img/icn-testimonial.gif") no-repeat 10px 12px}
				.content .right-bar h4.website-design{background:#859a1d url("../img/icn-home.gif") no-repeat 10px 12px}
				.content .right-bar h4.cata{background:#859a1d url("../img/icn-cata.gif") no-repeat 10px 15px}

		.content .right-bar p {color: #c7db64;}
		.content .right-bar p span {color: #fff; font-size: 1.1em}
		
		
	/* ---- CONTACT FORM - Contact Page ------------------------------------------------------------------------------------------ */
	
	.content .main dl {width: 400px; float:left}
		.content .main dl input {border:1px solid #c9d29b;color:#666;height:15px;margin-bottom:7px;padding:5px;width:235px;}
		.content .main dl textarea {border:1px solid #c9d29b;color:#666;margin-bottom:7px;padding:5px;width:235px;}
		.content .main dl select {border:1px solid #c9d29b;color:#666;height:28px;margin-bottom:7px;padding:5px;width:246px;}
		.content #FileAttachment {color:#666;height:26px;width:246px;}
	.content .main dt {width:165px; float:left; height: 35px}
		.content .main dt span{color:#2268AF;}
	.content .main dd {width:205px; float:left; height: 35px}
	
	.content .main .validation-error {margin-bottom: 15px;}
	.content .main .validation-error label{ background:url("../img/icn-error.png") no-repeat; padding: 2px 0 0 20px; color: #2268B5}
	
	/* ---- DID YOU KNOW PANEL - Specials Page ------------------------------------------------------------------------------------------ */

	.content .fact {background:url("../img/fact-bg.jpg") repeat-x scroll left top transparent; color:#666;padding:5px;width:521px; height: 93px; margin: 20px auto;}
	.content .fact p {padding: 20px 20px 20px 220px; color:#5d7112; font-size: 18px }
	
	.content .main h3.blue-bg {color:#fff; margin-bottom: 10px; background-color:#2268af; padding: 5px;}
	
	/* ---- CATALOGUE HEADER ------------------------------------------------------------------------------------------ */
	
	.content li.catalogue-header {background:url("../img/catalogue-header-bg.jpg") repeat-x scroll left top transparent; color:#666;padding:10px;width:141px; height: 80px; display: inline; float:left; margin-right: 55px; cursor:pointer; opacity: 0.95}
	.content li.last { margin-right: 0px; }
	.content li.catalogue-header:hover {opacity: 1}
	.content .catalogue-header h5 {color:#fff; font-size: 1em; margin-top: 5px}
	.content .catalogue-header h5 a, .content .catalogue-header h5 a:hover {color:#c8de57;}

	
/* ---- FOOTER ------------------------------------------------------------------------------------------ */
.footer{width:100%;background:#132B4D; height:172px; color:#fff; background:#859a1d url("../img/footer-bg.jpg") no-repeat}		
	
	.footer span.tuatara-footer {position: relative; left:100px; top:-18px; z-index: 100; float:left; width: 251px; height: 164px; background:url("../img/footer-tuatara.png") repeat-x scroll left top transparent; text-indent:-9999px;}

	.footer .footer-featured {height:107px; padding: 5px; float:right; width:665px}
		.footer .footer-featured li {display:inline; float:left;}
		
		.footer .footer-featured li.first, .footer .footer-featured li.last {height: 96px; width: 317px; overflow: hidden}
		.footer .footer-featured li.first {border-right: solid 1px #346188; margin-left:0; margin: 0 5px 0 5px; padding-right: 5px;}
		.footer .footer-featured li.last {border-right:none; margin-right: 10px; margin: 0 5px 0 5px; padding-right: 5px}
		.footer .footer-featured li.first a, .footer .footer-featured li.last a {text-indent: -5000px; float:left}
		.footer .footer-featured li.bottom {margin-top: 15px; float:right; opacity: 1; width: 100%; text-align: right}
		
		.footer .footer-featured li img {float:left; margin-right: 15px;}
		.footer .footer-featured li h4 {color:#c8de57;font-size: 13px; margin-top: 20px; margin-bottom: 5px}
			.footer .footer-featured li.last h4 {margin-top: 10px;}
		.footer .footer-featured li p {color:#fff;font-size:13px}
		.footer .footer-featured li b{color:#c8de57}
		.footer .footer-featured li span{color:#8a994c}
		.footer .footer-featured li a {color:#c8de57}
		.footer .footer-featured li a:hover {color:#fff}
		
		.footer-featured li.first, .footer-featured li.last {cursor: pointer; opacity: 0.85;}
        	.footer-featured li img {cursor: pointer;}
			.footer-featured li:hover {cursor: pointer; opacity: 1;}			


/* ---- CAROUSEL ------------------------------------------------------------------------------------------ */


.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 679px;
	height: 250px;
    padding: 20px 40px;
	margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 579px;
    height: 250px;
	margin: 0 auto;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 579px;
    height: 250px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 125px;
    right: 5px;
    width: 62px;
    height: 63px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -65px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 125px;
    left: 5px;
    width: 62px;
    height: 63px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-control a { color:#c8de57; margin-left: 20px;}
	.jcarousel-control a span{ display:none}
	
.jcarousel-control a:focus {color:#fff}
.jcarousel-control a:hover { color:#fff }
.jcarousel-control a:active{ color:#fff }


/* ---- Lonely CSS! ------------------------------------------------------------------------------------------ */


label.error {display: block; color:#C8DE57; padding: 5px}

th {text-align:left}


#logo-websites { background:url("/img/logo-websites.jpg") no-repeat; width:181px; height:111px; display:block; text-indent: -9999px; margin: 10px  }







/* nav1 */
/* #nav1 {
  height: 4.5em;
  overflow: hidden;
  border-bottom: 1px solid #132B4D;
  padding: 0 10px 0 20px;
  float: left;
}
 #nav1 li,  #nav1 li a {
  position: relative;
}      
 #nav1 li { top: 15px;}*/
 
/* #nav1 li a {
  display: block;
  padding: 0.9em 1.1em;
  background: url(http://www.viget.com/uploads/image/tab_body.gif) 0 0 no-repeat;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  height: 195px;
}*/
 /*#nav1 li a span {
  display: block;
  position: absolute;
  height: 195px;
  width: 10px;
  background: url(http://www.viget.com/uploads/image/tab_r.gif) 0 0 no-repeat;
  right: 0;
  top: 0;
}*/
 /*#nav1 li a:hover,  #nav1 li a:hover span { background-position: 0 -194px; color: #3f5f5a; }
 #nav1 li a:active,  #nav1 li a:active span { background-position: 0 -388px; color: #fff; }*/