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

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

body {
	background: #193022 url("images/background.jpg") top center repeat;
}

p, ul, ol, dl, h1, h2, h3, h4, small, label, address {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 0.9em;	
}

ul li ul, ol li ul, ul li ol, ol li ol {
	font-size: 1em;	
}


h2 {
	text-indent: -2000px;
	font-size: 0;
	margin: 0;
	float: left;
}


p, address {
	line-height: 170%;
	margin: 10px 0 0 0
}

p.right {
	text-align: right	
}

small {
	float: left;
	clear: both;
	font-size: 0.7em;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}

p cite a, #options p a, #content p a, #content dl dt a, #content ul li a, #content ol li a, .our-work#our-work .project p a {
	background-color: #e22c54;
	color: #fff;
	text-decoration: none;
	padding: 0 1px
}

#options p a, .about-us#our-clients dl a {
	text-transform: uppercase;
	font-weight: bold
}

#wrapper p a:hover, #content dl dt a:hover, #content ul li a:hover, #content ol li a:hover, .our-work#our-work .project p a:hover, #body .subNav .subNavBody p a:hover {
	background-color: #1fa17a	
}

#container {
	width: 100%;
	height: 272px;
	background: url("images/light.png") top center no-repeat;
}

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

#header {
	float: left;
	width: 960px
}

#header #slideshow, #header img {
	float: left;
	margin: 28px 0 0 0	
}

#header #nav {
	float: right;	
}

#header ul {
	float: right;
	background:url("images/nav.png") no-repeat;
	width: 553px;
	height: 96px;
}

#header ul li a {
	text-indent: -2000px;
	font-size: 0
}

#header ul li, #header ul a {
	height: 96px;
	display: block;
	
}

#header ul li {
	float: left;
	list-style: none;
	display: inline;
}

#nav1 {width: 63px;}
#nav2 {width: 95px;}
#nav3 {width: 125px;}
#nav4 {width: 99px;}
#nav5 {width: 62px;}
#nav6 {width: 109px;}

#nav1 a:hover, #nav1.selected {background:url("images/nav.png") 0px -96px no-repeat; }
#nav2 a:hover, #nav2.selected {background:url("images/nav.png") -63px -96px no-repeat; }
#nav3 a:hover, #nav3.selected {background:url("images/nav.png") -158px -96px no-repeat; }
#nav4 a:hover, #nav4.selected {background:url("images/nav.png") -283px -96px no-repeat; }
#nav5 a:hover, #nav5.selected {background:url("images/nav.png") -382px -96px no-repeat; }
#nav6 a:hover, #nav6.selected {background:url("images/nav.png") -444px -96px no-repeat; }

#header #nav h1 {
	text-indent: -2000px;
	font-size: 0;
	width: 388px;
	height: 37px;
	background: url(images/title.png);
	float: right;
	clear: right;
	margin: 50px 26px 0 0
}

#body {
	float: left;
	width: 910px;	
	padding: 75px 25px;
}

.blog #body {
	padding: 75px 25px 75px 0;
	width: 935px
}

#body #content, body.our-work #body .project  {
	width: 570px;
	clear: left;
	float: left;
}

#body {
	min-height: 230px	
}

.blog #body #content {
	width: 545px	
}

body.our-work #body #content, body.our-work #body .project, .contact-us#contact-us #body #content {
	width: 910px;
}

.searchResults#searchResults #body #content, .terms-conditions#terms-conditions #body #content, .privacy-policy#privacy-policy #body #content {
	width: 690px
}

#body #content p {
	margin: 15px 0 0 0;
	float: left;
	clear: both;
	width: 100%
}

#body #content ul, #body #content ol{
	margin: 10px 0 10px 20px;
	float: left;
	clear: both
}

#body #content li {
	margin: 10px 0;
	line-height: 170%;
}

#body #content dt, #body #content dd {
	padding-bottom: 8px 
}

#body #content img {
	border: 3px solid #1fa17a;
	margin: 10px 0
}

.home#home #body #introduction {
	text-indent: -2000px;
	font-size: 0;
	width: 592px;
	height: 136px;
	background: url("images/introduction.png");
	float: left;
	margin-top: 10px

}

.home#home #button {
	background: url("images/button-home.gif") top no-repeat;
	width: 289px;
	height: 53px;
	margin: 86px 0 0 0;
	padding: 0;
	float: right;
}

.home#home #button a {
	height: 53px;
	display: block;
	text-indent: -2000px;
	font-size: 0;

}

.home#home #button a:hover { background:url("images/button-home.gif") 0px -53px no-repeat; }

.home#home #options {
	clear: both;
	float: left;
	width: 910px;
	margin: 47px 0 0 0;

}

.home#home #options p {
	line-height: 140%
}

.home#home #options #option1, .home#home #options #option2, .home#home #options #option3{
	float: left
}

#body .subNav {
	float: right;
	clear: none;
	width: 286px;
	margin-bottom: 30px
}

#body .subNav.follow {
	clear: both
}

.home#home #options #option2 {
	margin: 0 25px	
}

.home#home #options .optionTop, #body .subNav .subNavTop {
	width: 286px;
	height: 3px;
	font-size: 0;
	background: url("images/option-top.png");
}

.home#home #options .optionTitle, #body .subNav .subNavTitle  {
	width: 266px;
	height: 37px;
	background: url("images/option-title-background.png") top repeat;
	padding: 15px 0 0 20px;
}

#body .subNav .subNavTitle {
	height: 40px;
	padding: 12px 0 0 20px	
}

.home#home #options .optionTitle h3, #body .subNav .subNavTitle h3 {
	text-indent: -2000px;
	font-size: 0;	
}

.home#home #options #option1 h3 {
	width: 110px;
	height: 21px;
	background: url("images/boxtitle-about-us.png") no-repeat;
	
}

.home#home #options #option2 h3 {
	width: 152px;
	height: 21px;
	background: url("images/boxtitle-our-services.png") no-repeat;
	
}

.home#home #options #option3 h3 {
	width: 199px;
	height: 22px;
	background: url("images/boxtitle-charlotte-web.png") no-repeat;
	
}

.home#home #options .optionBody, #body .subNav .subNavBody {
	width: 246px;
	height: 220px;
	background: url("images/option-body.png") top left repeat;
	padding: 20px
}
#body #sidebar {
	float: right	
}

#body .subNav .subNavBody  {
	height: auto;
	padding: 15px 20px 30px 20px;
	float: left;
 }

#body .subNav .subNavBody p {
	margin: 0;
	line-height:280%
}

#body .subNav .subNavBody ul {
	margin: 10px 0 0 0;
	float: left;
	width: 230px
}

#body .subNav .subNavBody ul li ul, #body .subNav .subNavBody ul li p  {
	font-size: 1em;	
}

body.blog #body #categories.subNav .subNavBody ul {
	margin: 0;
	padding: 0
}

body.blog #body #categories.subNav .subNavBody ul li {
	background: none;
	margin-bottom: 0;
	padding-left: 0;
	
}

body.blog #body #categories.subNav .subNavBody ul li ul {
	margin: 10px 0 0 0;
	
}

#body .subNav .subNavBody ul li, body.blog #body #categories.subNav .subNavBody ul li ul li, #body .subNav .subNavBody li.current_page_item {
	margin: 0 0 10px 0;
	padding-left: 35px;
	width: 200px;
	float: left;
	clear: both;
	list-style-type: none;
	background: url("images/bullet.png") 0px 3px no-repeat;
}

.our-services#websites #body .subNav .subNavBody li.current_page_item.page-item-22, .our-services#templated-websites #body .subNav .subNavBody li.current_page_parent, .our-services#bespoke-websites #body .subNav .subNavBody li.current_page_parent {
	background: url("images/bullet-down.png") 0px 0 no-repeat;	
}

.our-services #body .subNav .subNavBody ul li ul {
	width: 200px;

}

.our-services #body .subNav .subNavBody ul li ul li {
	background: url("images/bullet-aqua-square.png") 0px 3px no-repeat;		
	width: 160px;
	
}

.our-services #body .subNav .subNavBody ul li ul li a {
	background-color: transparent	
}

.our-services #body .subNav .subNavBody ul li ul li.current_page_item a, .our-services #body .subNav .subNavBody ul li ul li a:hover {
	background-color: #e22c54
}

#body .subNav .subNavBody ul li a, #body .subNav .subNavBody p a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#body .subNav .subNavBody ul li a {
	text-transform: uppercase;
	font-weight: bold;
}



#body .subNav .subNavBody ul li a:hover, #body .subNav .subNavBody ul li.current_page_item a,  #body .subNav .subNavBody ul li.current_page_item ul li a:hover, #body .subNav .subNavBody p a {
	background-color: #e22c54;
}

#body .subNav .subNavBody ul li.current_page_item ul li a {
	background-color: inherit 
}

.home#home #options .optionBody img {
	margin: 0 0 5px 0	
}

.home#home #options .optionBottom, #body .subNav .subNavBottom {
	width: 286px;
	height: 3px;
	font-size: 0;
	background: url("images/option-bottom.png");
	float: left;
}


.about-us#about-us h2 {
	width: 138px;
	height: 34px;
	background: url("images/title-about-us.png");
	
}

.about-us#about-us .subNav h3 a, body.about-us h3 a:hover {
	display: block;
	width: 113px;
	height: 26px;
	background: #e22c54 url("images/boxtitle-about-us.png") 2px 4px no-repeat;
}

body.about-us h3 a{
	display: block;
	width: 113px;
	height: 26px;
	background: url("images/boxtitle-about-us.png") 2px 4px no-repeat;
}


.about-us#best-is-here h2 {
	width: 236px;
	height: 34px;
	background: url("images/title-best-is-here.png");
	
}


.about-us#best-is-here #content ol {
	float: left;
	height: 370px;
	width: 100%;
	background: url("images/numbers-best-is-here.png") top left no-repeat;
	list-style-type: none;
	margin: 25px 0 0 0;
	padding: 0;
}

.about-us#best-is-here #content ol li {
	padding: 5px 0 0 75px;
	margin: 0;
	width: 480px;
	height: 53px;
	
	
}

.about-us#best-is-here #content ol li.oneLine {
	padding-top: 17px;
	height: 41px
}



.about-us#our-clients h2 {
	width: 161px;
	height: 34px;
	background: url("images/title-our-clients.png");
	
}

.about-us#our-clients #body #content #clientList {
	float: left;
	width: 100%;
}

.about-us#our-clients #content dl {
	float: left;
	margin: 30px 0 0 0;
	padding: 0 0 0 30px;
	background: url("images/rule.png") top left repeat-y;
}

.about-us#our-clients #content dl#firstList {
	margin-right: 60px	
}

.about-us#our-clients #content dl dd {
	margin-bottom: 10px
}




.our-services .subNav h3 a {
	display: block;
	width: 154px;
	height: 26px;
	background: url("images/boxtitle-our-services.png") 2px 4px no-repeat;
}

.our-services#our-services .subNav h3 a, .our-services .subNav h3 a:hover {
	display: block;
	width: 154px;
	height: 26px;
	background: #e22c54 url("images/boxtitle-our-services.png") 2px 4px no-repeat;
}

.our-services#our-services h2 {
	width: 183px;
	height: 34px;
	background: url("images/title-our-services.png");
	
}

.home blockquote, .our-services#our-services #content blockquote, .our-work#our-work #body div.project blockquote {
	margin: 20px 0 15px 0;
	clear: both;
	float: left;
	width: 535px;
	padding-left: 35px;
	background: url("images/speach-marks.png") top left no-repeat;
} 

.home blockquote, .our-work#our-work #body div.project blockquote  {
	margin: 0;
	padding-left: 40px;
	width: 870px;
} 

.home blockquote {
	margin: 40px 0 0px 0;

}

.home blockquote p, .our-work#our-work #body div.project blockquote p{
	width: 100%	
}

.home blockquote span, .our-services#our-services #content blockquote span, .our-work#our-work #body div.project blockquote span {
	display: none;	
}

.our-services#our-services #content ul {
	list-style-type:none;
	margin-left: 40px;
	padding: 0;
}

.our-services#our-services #content ul li {
	margin: 0;
	padding-left: 35px;
	background: url("images/bullet-square.png") 0px 7px no-repeat;
	
}

.our-services .subNav .subNavBody ul li ul  {
	display: none;	
}

.our-services#websites .subNav .subNavBody ul li ul, .our-services#bespoke-websites .subNav .subNavBody ul li ul, .our-services#templated-websites .subNav .subNavBody ul li ul  {
	display: block;	
}

.our-services#websites h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-websites.png");
	
}

.our-services#websites #content ul, .our-services#domains-hosting #content ul {
	list-style-type:none;
	margin: 10px 0 10px 25px;
	width: 490px
}

.our-services#websites #content ul li, .our-services#domains-hosting #content ul li {
	padding-left: 35px;
	background: url("images/bullet-square.png") 0px 7px no-repeat;
}

.our-services#bespoke-websites h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-bespoke-websites.png");
	
}

.our-services#bespoke-websites #content ul, .our-services#templated-websites #content ul, .our-services#microsites #content ul, .our-services#e-commerce #content ul, .our-services#e-newsletters #content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%
}

.our-services#bespoke-websites #content ul li, .our-services#templated-websites #content ul li, .our-services#microsites #content ul li, .our-services#e-commerce #content ul li, .our-services#e-newsletters #content ul li {
	float: left;
	width: 175px;
	text-align: center;
	margin-top: 20px;
	padding: 0;
	
}

.our-services#e-commerce #content ul li {
	width: 263px 
}

.our-services#e-newsletters #content ul li {
	width: 143px	
}

.our-services#bespoke-websites #content ul li a, .our-services#templated-websites #content ul li a, .our-services#microsites #content ul li a, .our-services#e-commerce #content ul li a, .our-services#e-newsletters #content ul li a, .blog #body #content .post .entry a {
	padding: 0;
	margin: 0;
	
}

#content ul li a.imgLink {
	font-size: 0
}

.our-services#bespoke-websites #content ul li img:hover,  .our-services#templated-websites #content ul li img:hover, .our-services#microsites #content ul li img:hover, .our-services#e-commerce #content ul li img:hover, .our-services#e-newsletters #content ul li img:hover, .blog #body #content .post .entry img:hover {
	border: 3px solid #e22c53;
	padding: 0;
}

.our-services#bespoke-websites #content ul li#secondElement, .our-services#microsites #content ul li#secondElement, .our-services#e-newsletters #content ul li#secondElement {
	margin-left: 22px;
	margin-right: 22px
}

.our-services#bespoke-websites #content ul li a img,  .our-services#templated-websites #content ul li a img, .our-services#microsites #content ul li a img, .our-services#e-commerce #content ul li a img, .our-services#e-newsletters #content ul li a img, .blog #body #content .post .entry a img {
	padding: 0;
	margin: 0;
}

.our-services#bespoke-websites #content ol,  .our-services#templated-websites #content ol, .our-services#microsites #content ol, .our-services#e-commerce #content ol, .our-services#e-newsletters #content ol, .our-services#blogs #content ol {
	list-style-type:none;
	margin-left: 25px;
	padding: 0;
	background: url("images/numbers-websites.png") 0 0 no-repeat;
	width: 550px;
	height: 142px
}

.our-services#e-newsletters #content ol {
	background: url("images/numbers-enewsletters.png") 0 0 no-repeat;
	height: 93px
}

.our-services#bespoke-websites #content ol li,  .our-services#templated-websites #content ol li, .our-services#microsites #content ol li, .our-services#e-commerce #content ol li, .our-services#e-newsletters #content ol li, .our-services#blogs #content ol li {
	margin: 0;
	padding-left: 35px;
	width: 100%
	
}

.our-services#templated-websites h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-templated-websites.png");
	
}

.our-services#microsites h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-microsites.png");
	
}

.our-services#e-commerce h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-ecommerce.png");
	
}

.our-services#e-newsletters.our-services h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-enewsletters.png");
	
}

.our-services#blogs h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-blogs.png");
	
}

.our-services#content-management-systems h2 {
	width: 491px;
	height: 70px;
	background: url("images/title-cms.png");
	
}

.our-services#content-management-systems #content img {
	margin-right: 22px
}

.our-services#domains-hosting h2 {
	width: 298px;
	height: 34px;
	background: url("images/title-domains-hosting.png");
	
} 

.our-work#our-work h2 {
	width: 141px;
	height: 34px;
	background: url("images/title-our-work.png");
	
} 

.our-work#our-work .project {
	margin: 30px 0 0 0
}

.our-work#our-work .project ul {
	float: left;
	margin: 20px 30px 20px 0;
	padding: 0;
	width: 615px;
	list-style-type: none
	
} 

.our-work#our-work .project ul li {
	float: left;
	padding: 0;
} 

.our-work#our-work .project ul li.firstElement {
	margin-right: 30px
} 

.our-work#our-work .project ul li.secondElement {
	margin-bottom: 10px
} 

.our-work#our-work .project ul img {
	border: 3px solid #1fa17a	
} 

.our-work#our-work .project ul img:hover {
	border: 3px solid #e22c53	
} 

.our-work#our-work .project div.details {
	float: left;
	width: 265px;
	margin: 5px 0
} 

.our-work#our-work .project span {
	width: 80px;
	float: left;
	font-weight: bold;
} 

.our-work#our-work .project p {
	float: left;
	width: 265px;
} 

.our-work#our-work .button {
	background: url("images/button-work.gif") top no-repeat;
	width: 180px;
	height: 36px;
	margin: 22px 0 0 0;
	padding: 0;
	float: left;
} 

.our-work#our-work .button a {
	height: 36px;
	display: block;
	text-indent: -2000px;
	font-size: 0;

} 

.our-work#our-work .button a:hover { background:url("images/button-work.gif") 0px -36px no-repeat; }

.blog h2 {
	width: 240px;
	height: 34px;
	background: url("images/title-blog.png") 0 no-repeat;
	margin: 0 0 15px 25px;
}

.blog #body #content .post, .blog #body #content #comments {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 30px 0 10px 25px;
	background: url("images/rule.png") -10px 0 repeat-x;
	
}

.blog #body #content .post .entry a {
	display: inline	
}

.blog #body #content .post .entry ol li, .blog #body #content .post .entry ul li {
	margin: 10px 0;
	float: left;
	width: 530px
}

.blog #body #content .post .entry ol li a img, .blog #body #content .post .entry ul li a img {
	margin: 10px 0;
	float: left;
}

.blog #body #content .post .entry ol li p, .blog #body #content .post .entry ul li p {
	font-size: 1em	
}

.blog #body #content .navigation, .searchResults#searchResults #content .navigation {
	float: left;
	clear: both;
	margin: 0 0 0 25px;
	padding: 0;
	width: 100%;
	
}


.blog #body #content .navigation p,  .searchResults#searchResults #content .navigation p {
	line-height: 170%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}

.blog #body #content .navigation .alignleft, .blog #body #content .navigation .alignright, .searchResults#searchResults #body #content .navigation .alignleft, .searchResults#searchResults #body #content .navigation .alignright {
	width: auto;	
	float: left;
}

.blog #body #content .navigation .alignleft, .searchResults#searchResults #body #content .navigation .alignleft{
	margin-right: 10px	
}

#content h3, .searchResults#searchResults #body #content .post h3, .searchResults#searchResults #body #content .page h3, .terms-conditions#terms-conditions #body #content h3, .privacy-policy#privacy-policy #body #content h3, .our-work#our-work .project h3 {
	clear: both;
	float: left;
	margin-top: 10px;
	width: 100%;
	line-height: 140%;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	color: #79980f
}

.blog #body #content .post object {
	border: 3px solid #1fa17a;
	float: left;
	margin: 10px 0
}

.blog #body #content .post .entry p a img {
	margin: 20px 0 0 0;
	padding: 0;
}

.blog #body #content .post .entry .syntaxhighlighter {
	float: left !important;
	font-size: 0.8em !important;
}

.blog #body #content .post .entry .wp-caption-text {
	width: 100%;
	font-style: italic;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	line-height: 140%
}

.blog #body #content h3 a, .searchResults#searchResults #body #content .post h3 a, .searchResults#searchResults #body #content .page h3 a {
	color: #fff;
	background-color: #e22c53;
	text-decoration: none;
}

.blog #body #content h3 a:hover, .searchResults#searchResults #body #content .post h3 a:hover, .searchResults#searchResults #body #content .page h3 a:hover {
	background-color: #1fa17a;	
}

.blog #body #content #comments ol#commentlist {
	list-style-type: none;
	padding: 0;
	margin: 25px 0 0 0;
	width: 100%;
	border-top: 3px dashed #1fa17a;
	
}

.blog #body #content #comments ol#commentlist li {
	border-bottom: 3px dashed #1fa17a;
	float: left;
	padding: 10px 0 25px 0;
	width: 100%;
}

.blog #body #content #comments ol#commentlist li span {
	font-weight: bold;
	font-style: normal;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-right: 10px;
	color: #79980f
}

.blog #body #content #comments ol#commentlist li p {
	float: left;
	font-size: 1em;
	margin: 5px 0 0 0;
	padding: 0
}


.blog #body #content #comments ol#commentlist li cite {
	float: left;	
	padding: 0;
	margin: 0;
	
}

.blog #body #content img.wp-smiley {
	border: 0;
	margin: 10px 5px 0 5px
}

.blog #body #content #comments #notes {
	margin-bottom: 25px	
}

.blog #body #content #comments .textField {
	float: left;
	width: 270px;
	margin-top: 20px;
}

.blog #body #content #comments .textField label {
	float: left;
}

.blog #body #content #comments .textField input {
	clear: both;
	float: left;
	width: 230px;
	height: 14px;
	padding: 5px 3px;
	font-size: 0.75em;
	color: #1f1f1f;
	margin: 5px 0;
	border: 3px solid #1fa17a
}

.blog #body #content #comments .textarea {
	float: left;
	margin: 10px 0
}

.blog #body #content #comments textarea {
	width: 530px;
	border: 3px solid #1fa17a;
	padding: 5px 3px;
	margin: 5px 0;
	font-size: 0.9em;
	color: #1f1f1f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.blog #body #content #comments p strong, .contact-us#contact-us #body #content p strong#aqua, .contact-us#contact-us #body #content #enquiryForm label span {
	color: #1fa17a
}

.contact-us#contact-us #body #content #enquiryForm label span {
	font-size: 1.4em	
}

.blog #body #content #comments label span, .blog #body #content #comments p strong span, .contact-us#contact-us #body #content p strong#aqua span, .contact-us#contact-us #body #content #enquiryForm strong span {
	font-weight: bold;
	color: #1fa17a;
	font-size: 1.3em;
}
.blog #body #content .post .postmetadata {
	font-size: 0.75em;
	line-height: 120%;
	padding: 15px 0 0 0;
	margin: 0;
}

.blog #body #content .post .postmetadata a, .blog #body #content #comments #logged a {
	background-color: transparent;
	text-decoration: underline
}

.blog #body #content .post .postmetadata a:hover, .blog #body #content #comments #logged a:hover {
	text-decoration: none	
}

.blog #body #content .post .postmetadata.alt {
	font-size: 1.1em;
}

.blog #body #content #comments form #submitButton {
	cursor: pointer;
	width: 189px;
	height: 45px;
	float: left;
	overflow: hidden;
	margin: 15px 0 0 0;

}

.blog #body #content #comments form #submitButton:hover input {
	margin-top: -45px;
}

.blog #categories h3 {
	width: 133px;
	height: 21px;
	background: url("images/boxtitle-categories.png") 0 no-repeat;
}

.blog #archives h3 {
	width: 133px;
	height: 21px;
	background: url("images/boxtitle-archives.png") 0 no-repeat;
}

.blog #tags h3 {
	width: 133px;
	height: 21px;
	background: url("images/boxtitle-tags.png") 0 no-repeat;
}

.blog #body #content .archivetitle {
		margin-left: 25px;
	
}


.blog #body #content .archivetitle p {
		line-height: 120%
	
}

.searchResults#searchResults #body h2 {
	width: 213px;
	height: 34px;
	background: url("images/title-search.png") 0 no-repeat;
	margin: 0 0 15px 0;
}

.searchResults#searchResults #content #introduction {
	float: left;
	width: 100%;
	border-bottom: 3px dashed #1fa17a;
}

.searchResults#searchResults #content .navigation {
	margin: 5px 0;
	padding: 15px 0	
}

.searchResults#searchResults #content .results {
	line-height: 120%
}


.searchResults#searchResults #content .post, .searchResults#searchResults #content .page {
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px 0 15px 0;
	border-bottom: 3px dashed #1fa17a;
	
}

.contact-us#contact-us h2 {
	width: 161px;
	height: 34px;
	background: url("images/title-contact-us.png");
	
}


.contact-us#contact-us #content #enquiryForm, .contact-us#contact-us #content #address {
	margin: 15px 0	
}

.contact-us#contact-us #content #enquiryForm {
	clear:both;
	float: left;
	width: 540px;
	padding-right: 40px;
	margin-right: 30px;
	background: url("images/rule.png") top right repeat-y
}


.contact-us#contact-us #content #enquiryForm div {
	float: left;
	clear: both;
	width: 540px;
}

.contact-us#contact-us #content #enquiryForm p {
	line-height: 140%;
	margin: 0 0 15px 0;
	padding: 0;
}

.contact-us#contact-us #content #enquiryForm label {
	float: left;
	width: 200px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 0.9em;
	
}

.contact-us#contact-us #content #enquiryForm input.field, .contact-us#contact-us #content select  {
	float: right;
	width: 300px;
	height: 14px;
	padding: 5px 3px;
	font-size: 0.75em;
	color: #1f1f1f;
	margin: 5px 0;
	border: 3px solid #1fa17a
}

.contact-us#contact-us #content select {
	width: 312px;
	height: 30px;
	padding: 3px;

}

.contact-us#contact-us #content #enquiryForm #enquiryField {
	float: left;
	margin: 5px 0
}

.contact-us#contact-us #content #enquiryForm textarea {
	width: 528px;
	border: 3px solid #1fa17a;
	padding: 5px 3px;
	margin: 5px 0;
	font-size: 0.85em;
	color: #1f1f1f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.contact-us#contact-us #content #address {
	float: right;
	width: 300px
}

.contact-us#contact-us #content h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1em
}

.contact-us#contact-us #content #enquiryForm form #sendButton {
	cursor: pointer;
	width: 125px;
	height: 44px;
	border: 0;
	float: left;
	overflow: hidden;
	margin: 15px 0 0 416px;

}

.contact-us#contact-us #content #enquiryForm form #sendButton:hover input {
	margin-top: -44px;
}

.contact-us#contact-us #content #enquiryForm form .wpcf7-not-valid-tip-no-ajax, span.wpcf7-not-valid-tip {
	float: left;
	clear: both;
	width: 400px;
	margin-bottom: 15px;
	font-size: 0.8em;
	font-style: italic;
	color: #ff0000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #ff0000;
}

.contact-us#contact-us #content #enquiryForm .wpcf7-response-output, .contact-us#contact-us #content #enquiryForm .wpcf7-validation-errors {
	float: left;
	background-color: #fff;
	color: #0a694c;
	margin: 30px 0 10px 0;
	padding: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0
}

.terms-conditions#terms-conditions #body h2 {
	width: 630px;
	height: 78px;
	background: url("images/title-terms.png") 0 no-repeat;
	margin: 0 0 15px 0;
}

.terms-conditions#terms-conditions #body #content h3, .privacy-policy#privacy-policy #body #content h3 {
	margin-top: 25px	
}

.privacy-policy#privacy-policy #body h2 {
	width: 630px;
	height: 78px;
	background: url("images/title-privacy.png") 0 no-repeat;
	margin: 0 0 15px 0;
}

.privacy-policy#privacy-policy #body address {
	clear: both;
	float: left;	
	width: 100%
}

.privacy-policy#privacy-policy #body #content ol {
	width: 100%;
	float: left;
	list-style-type: decimal
}

#footer {
	float: left;
	width: 100%;
	height: 300px;
	background: url("images/footer-background.png") top repeat;
	border-top: 3px solid #79980f
}

#footer #items {
	width: 960px;
	margin: 40px auto
}

#footer #items #item1, #footer #items #item2, #footer #items #item3 {
	float: left;
	height: 210px;
	padding: 0 42px 0 0;
}

#footer #items #item1 {
	width: 220px;
	
}

#footer #items #item2 {
	width: 190px;
	
}

#footer #items #item3 {
	width: 200px;
}

#footer #items #item4 {
	float: left;
	width: 220px;
	height: 210px;
	
}

#footer #items #item1 h4 {
	text-indent: -2000px;
	font-size: 0;
	float: left;
	width: 137px;
	height: 11px;
	background: url("images/footertitle-blog.png") top no-repeat;
	padding: 0 0 5px 0
}

#footer #items #item2 h4 {
	text-indent: -2000px;
	font-size: 0;
	float: left;
	width: 85px;
	height: 11px;
	background: url("images/footertitle-contact-us.png") top no-repeat;
	padding: 0 0 5px 0
}

#footer #items #item3 h4 {
	text-indent: -2000px;
	font-size: 0;
	float: left;
	width: 86px;
	height: 11px;
	background: url("images/footertitle-newsletter.png") top no-repeat;
	padding: 0 0 15px 0
}

#footer #items #item4 h4 {
	text-indent: -2000px;
	font-size: 0;
	float: left;
	width: 115px;
	height: 11px;
	background: url("images/footertitle-search.png") top no-repeat;
	padding: 0 0 20px 0
}

#footer ul { 
	float: left;
	clear: both;
	padding: 0 0 0 2px;
	font-size: 0.75em;
	list-style-type: none;
	padding: 0 0 0 2px;
	width: 100%
}

#footer ul li {
	line-height: 140%;
	margin: 10px 0
}

#footer ul li a, #footer p a {
	color: #fff;

}

#footer ul li a:hover, #footer p a:hover {
	text-decoration: none	
}

#footer p {
	clear: both;
	float: left;
	font-size: 0.75em;
	line-height: 140%;
	padding: 0 0 0 1px;
	width: 100%
}

#footer form {
	float: left;
	clear: both;
	
}

#footer #item3 form {
	width: 188px;
}

#footer form label {
	display: none	
}

#footer #item3 form input.text {
	width: 188px;
	height: 14px;
	padding: 5px 3px;
	font-size: 0.75em;
	color: #1f1f1f;
	margin: 5px 0;
	border: 3px solid #79980f
}

#footer form #subscribe {
	cursor: pointer;
	width: 126px;
	height: 30px;
	overflow: hidden;
	margin: 15px 0 0 73px;

}

#footer form #subscribe:hover input {
	margin-top: -30px;
}

#footer #item4 form, #footer #links {
	width: 220px;
}

#footer #item4 form img {
	float: left;	
}

#footer #item4 form input.text {
	width: 106px;
	height: 14px;
	padding: 5px 3px;
	font-size: 0.75em;
	color: #1f1f1f;
	border-top: 3px solid #1fa17a;
	border-bottom: 3px solid #1fa17a;
	float: left;
}

#footer form #searchButton {
	cursor: pointer;
	width: 81px;
	height: 30px;
	overflow: hidden;
	float: left;
	clear: none
}

#footer form #searchButton:hover input {
	margin-top: -30px;
}

#footer #links {
	float: right;
	margin: 58px 0 0 0;
	width: 212px
}

#footer #links div {
	float: left;	
}

#footer #links #twitterLink {
	margin: 1px 8px 0 8px
}

#footer #links #addThisLink {
	padding-top: 16px
}

#footer p.right {
	float: right;	
}
