body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/* colour specifics
------------------------------------------------------ */

#home {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #A7D68C;
}
#home #container  { background-color: #A7D68C; }

#shop {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #206BA2;
}
#shop #container  { background-color: #206BA2; }

#contact {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #C895FF;
}
#contact #container  { background-color: #C895FF; }

#blog {
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFCCFF;
}
#blog #container  { background-color: #FFCCFF; }

/* structure
------------------------------------------------------ */

#wideHeader {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 180px;
}
#header {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 180px;
	padding: 0px;
	display: block;
}
#header #logo {
	float: left;
	height: 150px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container {
	padding: 0px;
	margin: 0px;
	display: block;
}
.content {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
.contentWhite {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
}
.wideWhite {
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}
.contentArea { }
.post {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
	background-color: #FFF;
	padding: 5px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.content-onethird {
	float: left;
	width: 240px;
}
.content-twothirds
{
	float: left;
	width: 520px;
}
.thirds {
	width: 280px;
	display: block;
	float: left;
	padding: 10px;
	margin: 10px;
}
.content-thirds {
	width: 280px;
	display: block;
	float: left;
	padding: 10px;
	margin: 5px;
}
.lastonethird {
	display: block;
	width: 240px;
	height: 26px;
	float: left;
	clear: right;
	margin: 0px;
	padding: 0px;
}
.content-one {
}
.content-one p {
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.content-two {
	float: left;
	width: 440px;
	margin: 10px;
	padding: 10px;
}
.content-thirds {
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.content-three {
	float: left;
	width: 300px;
	margin-left: 6px;
	margin-right: 2px;
	overflow: hidden;
	height: 300px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#wideFooter {
	background-color: #000;
	margin: 0px;
	color: #FFF;
	padding: 0px;
	display: block;
}
#footer {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#footer #legal {
	text-align: right;
	font-size: .8em;
	font-family: Tahoma, Geneva, sans-serif;
}
#footer a { color: #EDEDED; }
#copyright {
	clear:left;
	text-align: Right;
	font-size: x-small;
	color:#98827F;
	margin: 0px;
}

/* menu options
------------------------------------------------------ */

#menu ul {
	margin: 0px;
	float: right;
	list-style-image: none;
	list-style-type: none;
	display: block;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	width: 650px;
}
#menu ul li {
	list-style-image: none;
	list-style-type: none;
}
#menu ul li a {
	float: left;
	height: 49px;
	width: 120px;
	line-height: 40px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
	color: #333;
	text-decoration: none;
}
#menu ul li a {
	background-image: url(i/menublock.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#menu ul li .home:hover, #menu ul li .home.active {
	background-image: url(i/menublock.png);
	background-repeat: no-repeat;
	background-position: center -350px;
	text-decoration: none;
	color: #333;
}
#menu ul li .shop:hover, #menu ul li .shop.active {
	background-image: url(i/menublock.png);
	background-repeat: no-repeat;
	background-position: center -500px;
	text-decoration: none;
	color: #FFF;
}
#menu ul li .contact:hover, #menu ul li .contact.active  {
	background-image: url(i/menublock.png);
	background-repeat: no-repeat;
	background-position: center -250px;
	text-decoration: none;
	color: #333;
}
#menu ul li .blog:hover, #menu ul li .blog.active {
	background-image: url(i/menublock.png);
	background-repeat: no-repeat;
	background-position: center -450px;
	text-decoration: none;
	color: #333;
}

/* floats and clears
------------------------------------------------------ */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* headings
------------------------------------------------------ */

h1 {
	font-size:1.6em;
	line-height:32px;
	margin-bottom:12px;
	padding: 4px;
}
h2 {
	font-size:1.5em; 
	line-height:26px; 
	margin-bottom:12px;
}
h3 {
	font-size:1.4em; 
	line-height:20px; 
	margin-bottom:12px;
}
h4 {
	font-size:1.3em; 
	line-height:18px; 
	margin-bottom:12px;
}
h5 {
	font-size:1.2em; 
	margin:0px 0px 10px 0px; 
	padding:0px; 
}
h6 {
	font-size:1.1em; 
	margin:0px 0px 10px 0px; 
	padding:0px; 
}
.white { color: #FFF; }
.red, .fields span.red { color: #C00; }

/* images
------------------------------------------------------ */

.imgcenter{
	margin:0 auto 8px auto;
	display:block
}
.box {
	margin: 5px;
	padding: 5px;
	height: 40px;
	width: 40px;
	border: 1px solid #F0F2EE;
	float: left;
}
.imgleft{
	float:left; 
	display: inline;
	margin:4px 16px 10px 0px;
}
.imgright{
	float:right; 
	display: inline;
	margin:4px 0px 10px 16px;
}

/* lists, blockquotes and paragraphs
------------------------------------------------------ */

p, ul, ol, blockquote {
	font-size:.9em;
	line-height:18px;
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}


/* Content list
------------------------------------------------------ */

ol li {
	list-style:decimal;
	line-height:28px;
	list-style-position:inside;
	margin-left:-38px;
}

ul.circle {
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
}
ul.circle li {
	background-image:url(/i/circle.png);
	background-repeat:no-repeat;
	background-position:0px 11px;
	padding:4px 0px 4px 18px;
	margin:0px;
	line-height:20px;
}
ul.row {
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
}
ul.row li {
	list-style-type:none;
	display:list-item;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}
ul.checklist {
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
}
ul.checklist li {
	list-style-type:none;
	display:list-item;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 25px;
	background-position:0px 0px;
	background-image:url(/i/check.png);
	background-repeat:no-repeat;
	line-height:16px;
}
ul.displayrow {
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
}
ul.displayrow li {
	list-style-type:none;
	display:list-item;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	border-bottom:solid 1px #d5d5d5;
}
ul.number_list {
	list-style-type:none;
	margin:0px 0px 25px 0px;
	padding:0px;
}
ul.number_list li {
	background-image:none !important;
	padding-left:0px !important;
	margin-bottom:15px;
}
ul.icon_contact{
	width:259px;
	list-style-type:none;
	margin:0px 0px 5px 0px;
	padding:0px;
}
ul.icon_contact li {
	background-image:none !important;
	padding-left:0px !important;
	margin:-9px 0px 11px 0px;
}
/* Pullquotes
------------------------------------------------------ */

.pullquote_right,.pullquote_left {
	color:#9c9c9c;
	float:right;
	font-size:1.2em;
	letter-spacing:0px;
	margin-bottom:0;
	margin-top:7px;
	margin-left:20px;
	padding-left:15px;
	width:40%;
	font-weight:bold;
    font-style:italic; 
    line-height:1.4em;
    border-left:2px solid #cccccc;
}
.pullquote_left {
    border-right:2px solid #cccccc;
    border-left:none;
	float:left;
	margin-left:0px;
	margin-right:10px;
	padding-left:0;
	padding-right:15px ;
}

/* Dropcaps
------------------------------------------------------ */
.dropcap {
	float:left;
	font-size:30px;
	height:41px;
	line-height:30px;
	margin-bottom:-10px;
	margin-right:0px;
	padding-top:1px;
	text-align:center;
	width:26px;
}
h1.colour10 {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	background-image: url(i/tab1.png);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 40px;
	height: 50px;
	background-color: transparent;
	display: block;
	padding-top: 0px;
	margin-top: 0px;
	font-weight: normal;
	text-align: center;
}
h1.colour6 {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	background-image: url(i/tab2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	padding-top: 0px;
	height: 50px;
	background-color: transparent;
	font-weight: normal;
	text-align: center;
	line-height: 40px;
	color: #FFF;
}
h1.colour11 {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	background-image: url(i/tab3.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	padding-top: 0px;
	background-color: transparent;
	height: 50px;
	font-weight: normal;
	text-align: center;
	line-height: 40px;
}

/* Colours
------------------------------------------------------ */
.colour1 { background-color: #FDFDFC; }
.colour2 { background-color: #7CE4E8; }
.colour3 { background-color: #89FFAC; }
.colour4 { background-color: #000; }
.colour5 { background-color: #FFEF97; }
.colour6 { background-color: #C895FF; }
.colour7 { background-color: #FD95A1; }
.colour8 { background-color: #A7D68C; }
.colour9 { background-color: #F0F2EE; }
.colour10 { background-color: #FFCCFF; }
.colour11 { background-color: #206BA2; }

/* Form Details */
.fields {
	font-weight: normal;
	color: #140958;
}
.fields  fieldset {
	padding-left: 12px;
	color: #140958;
	display: block;
	margin: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}
.fields fieldset legend {
	color: #140958;
	display: block;
	width: 345px;
}
.fields fieldset .rightMessage {
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	color: #C895FF;
}
.fields ul  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields ul input {
	width: 10%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.fields ol  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields li {
	list-style-type: none;
	padding-top: 12px;
	padding-bottom: 4px;
}
#submit_button {
	width: auto;
	font-size: 1.4em;
}
.fields span {
	display: block;
	font-size: 0.9em;
	color: #140958;
}
.fields fieldset ol li label { color: #140958; }
.fields input {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C5C3B7;
	font-size: 1.6em;
	padding-left: 6px;
	outline: none;
}
.fields textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	border: 1px solid #C5C3B7;
	display: block;
	clear: both;
	font-size: 1.6em;
	width: 345px;
	height: 220px;
	padding-left: 6px;
}
.fields textarea.normaltext {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
}
.fields .nowidth {
	width: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fields  .required  {
}
.fields .req {
	font-size: 0.64em;
	font-weight: normal;
	color: #C895FF;
}
.fields select {
	width: 90%;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #C5C3B7;
	font-size: 1.2em;
}
.fields .submit, .fields .submit a, .button a {
	font-weight: normal;
	font-style: normal;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #A7D68C;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin: 4px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
	display: inline-block;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fields .submit:hover, .fields .submit a:hover, .button a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #206BA2;
}
#slider2 .slider2_slide .image {
	height: 120px;
	width: auto;
}
.emailsubscribe {
	height: 60px;
	width: 250px;
	padding: 2px;
	margin: 2px;
	float: right;
}
.emailsubscribe h3{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	color: #000;
	text-align: left;
	padding: 12px;
	margin: 0px;
	font-size: 1.1em;
}
input#EmailSubscribeInput {
	outline: none;
	background-image: url(i/input_email.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 26px;
	width: 120px;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
	text-indent: 8px;
}
input.EmailSubscribeButton {
	background-image: url(i/input_subscribe.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 26px;
	width: 99px;
	padding: 0px;
	display: inline;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	float: left;
}
input.EmailSubscribeInput {
	outline: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	float: left;
}
#EmailSubscribeError {
	font-size: .9em;
	color: #600033;
	padding-left: 12px;
	display: block;
}

/* -------------------------------------------------------------------------------------- HOME SLIDER */
#home_slider{
}
#home_slider .content{
	margin:0 auto;
	width:960px; height:100%;
}

#the_slidefader{
	position:relative;
	width:960px;
	height:320px;
}
#the_slidefader .shadow_glow{
	position:absolute;
	bottom:0;
	left:0;
	width:960px;
	height:80px;
	z-index:11;
	background-image: url(i/shadowed.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#slideshow {
	width:960px;
	height:320px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


/* -------------------------------------------------------------------------------------- FLOW SLIDER */
#flow_slider{
}
#flow_slider .content{
	margin:0 auto;
	width:960px;
	height:320px;
}

#slider{
	padding:0 0 0 70px;
	position:relative;
	width:960px;
	height:320px;
}
#slider #slider_img{
	width:960px;
	display:block;
	float:left;
	overflow:hidden;
	height:320px;
}
#slider #slider_img div{
	width:960px;
	height:320px;
}
#slider #slider_img a{
	float:left;
	display:block;
	margin:22px 0 0 24px;
	padding:1px 4px 8px 4px;
	width:100px;
	height:100px;
}
#slider #myController{
	visibility:hidden;
	display:block; float:left;
	width:200px; height:25px;
	position:absolute;
	top:0;
	left:-9000px;
}
#myController span{
	display:inline;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 9px 0 9px;
	color:#001a25;	
	cursor:pointer;
}
.photo, .photoleft, .photoright, .image, .imageleft, .imageright {
	padding: 9px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
	background-color: #FFF;
}
.photoleft, .imageleft {
	float: left;
}
.photoright, .imageright {
	float: right;
}
.squares li {
	list-style-type: square;
	margin-left: 40px;
	padding-left: 8px;
}
.circles li {
	list-style-type: circle;
	margin-left: 40px;
	padding-left: 8px;
}
.paws li {
	list-style-type: none;
	margin-left: 20px;
	padding-left: 32px;
	background-image: url(i/paw.png);
	background-position: left top;
	line-height: 32px;
	background-repeat: no-repeat;
}