@charset "utf-8";
.oneColFixCtrHdr #container #mainContent .indexMainLft {
	width: 430px;
	float: left;
}
.oneColFixCtrHdr #container #mainContent .chameleonQuote {
	background-position: right bottom;
	float: right;
	width: 490px;
	background-repeat: no-repeat;
	height: 300px;
	background-image: url(../images/background.jpg);
}
.oneColFixCtrHdr #container #mainContent .chameleonQuote p {
	font-size: 18px;
	color: #666666;
	font-weight: normal;
	line-height: 160%;
	margin-right: 20px;
	margin-left: 250px;
	margin-top: 20px;
}


#navigation {
	float: right;
	height: 160px;
}
/* CSS Document */

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	background-image: url(../images/Page_Background.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
p {
	font-size: 95%;
}

.oneColFixCtrHdr #container {
	width: 950px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px none #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColFixCtrHdr #header {
	background: #fff;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
}
.logo {
	float: left;
	width: 550px;
}
.footertop {
	background-image: url(../images/footer_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 17px;
}



.logoJQ {
	float: left;
	width: 350px;
}

.flash {
	float: right;
}
.clearfloat {
	clear: both;
}
.fltRt {
	float: right;
}
.howWeWorkFltRt {
	float: right;
	margin-left: 20px;
	padding-right: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
	padding-left: 10px;
	margin-top: 10px;
	width: 500px;
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 5px;
	margin-left: 15px;
}
.oneColFixCtrHdr #footer {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 450px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: small;
	color: #FFFFFF;
}

.oneColFixCtrHdr #footer p a {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: small;
	color: #FFFFFF;
}

.copyright {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: small;
	color: #FFFFFF;
}
.oneColFixCtrHdr #container #footer .footerText {
	float: left;
	width: 425px;
	margin-left: 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
h4 {
	background-color: #999999;
	margin-top: 30px;
}

.copyright a{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	color: #FFFFFF;
	font-size: x-small;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 20px;
}
a:link {
	color: #298292;
}

a:visited {
	color: #3A5E61;
}
a:hover {
	color: #999999;
}
a:active {
	color: #999999;
}
h1 {
	font-size: 22px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	line-height: 130%;
}

h3 {
	font-size: 120%;
	color: #999999;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	position: relative;
	left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	}
.whoAreWe {
	background-color: #ff9900;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 3px;
	padding-top: 5px;
}
.whoAreWeInside {
	background-color: #ff9900;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 5px;
	background-image: url(../images/chameleon_orangeback.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.peopleLikeYouInside {
	background-color: #662d91;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 5px;
	background-image: url(../images/chameleon_purpleback.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.contactHUGE {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	font-weight: normal;
	color: #5f5f5f;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #5f5f5f;
	padding: 0px;
	margin-top: 0px;
		margin-bottom: 5px;
}
.newsHUGE {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	font-weight: normal;
	color: #34a3da;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #34a3da;
	padding: 0px;
	margin-top: 0px;
		margin-bottom: 5px;
}
.whoAreWeHUGE {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	font-weight: normal;
	color: #FF9900;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding: 0px;
	margin-top: 0px;
		margin-bottom: 5px;
}

.whatDoWeDo {
	background-color: #74c22e;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 3px;
		padding-top: 5px;
}
.whatWeDoInside {
	background-color: #74c22e;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 5px;
	background-image: url(../images/chameleon_limeback.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.whatWeDoHUGE {
	font-family: "Times New Roman", Times, serif;
	font-size: 46px;
	font-weight: normal;
	color: #74c22e;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #74c22e;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.peopleHUGE {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	font-weight: normal;
	color: #662d91;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #662d91;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.peopleLikeYou {
	background-color: #662d91;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 3px;
		padding-top: 5px;
}
.whatsNew {
	background-color: #34a3da;
	width: 183px;
	float: left;
	height: 35px;
	margin-right: 3px;
		padding-top: 5px;
}
.contactUs {
	background-color: #5f5f5f;
	width: 183px;
	float: left;
	height: 35px;
		padding-top: 5px;
}
.homeBoxText {
	width: 183px;
	padding-top: 0px;
	padding-right: 3px;
	padding-left: 5px;
	float: left;
	margin-right: 5px;
}

.centeredBoxes {
	margin-left: 200px;
}
.chameleonSmall {
	position: relative;
	top: -8px;
}
.style1 {
	color: #fff }
.orangeSideBox {
	color: #FFFFFF;
	float: right;
	width: 300px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: disc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.orangeSideBoxTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 10px;
}
.orangeSideBoxTitleSmaller {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 10px;
}
.orangeSideBoxTitleSmaller li{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 10px;
}
.orangeBoxMiddle {
	background-image: url(../images/roundedcorners/orange_middle.jpg);
	background-repeat: repeat-y;
	width: 300px;
	height: 100%;
	float: right;
}
.orangeBoxTop {
	background-image: url(../images/roundedcorners/orange_top.jpg);
	background-repeat: no-repeat;
	height: 13px;
	width: 300px;
	float: right;
}
.orangeBoxBottom {
	background-image: url(../images/roundedcorners/orange_bottom.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 300px;
	float: right;
}

.fltLft {
	float: left;
}
.valuesHeader {
	font-size: 100%;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
}
.whatWeDoBoldHeader {
	font-size: 100%;
	font-weight: bold;
	color: #74c22e;
	text-transform: uppercase;
}
.peopleBoldHeader {
	font-size: 100%;
	font-weight: bold;
	color: #662d91;
	text-transform: uppercase;
}
.limeCircle {
	color: #FFFFFF;
	background-image: url(../images/lime_circle250.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 250px;
	width: 250px;
	margin-top: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-right: 20px;
}
.tools {
	background-image: url(../images/tools.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 100%;
	width: 250px;
	background-position: right top;
}
.oneColFixCtrHdr #container #mainContent .centeredBoxes .tools p {
	margin-top: 128px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.oneColFixCtrHdr #container #mainContent .centeredBoxes .limeCircle p {
	height: 200px;
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
}
.dots {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.oneColFixCtrHdr #container #mainContent .endorsefltLft {
	float: left;
	width: 375px;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 30px;
}
.endoresment {
	width: 80%;
	background-position: center;
	margin-left: 85px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #C69FE1;
}

.oneColFixCtrHdr #container #mainContent .endorsefltRt {
	float: right;
	width: 375px;
	margin-right: 30px;
	padding-right: 30px;
	padding-left: 30px;
}
.home_box {
	float: left;
	width: 185px;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	border: thin dotted #999999;
	height: 270px;
}
.home_box p {
	padding-right: 3px;
	padding-left: 3px;
}

.whoAreWeNew {
	background-color: #ff9900;
	width: auto;
	height: 35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.whatDoWeDoNew {
	background-color: #74c22e;
	width: auto;
	height: 35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.peopleLikeYouNew {
	background-color: #662d91;
	width: auto;
	height: 35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.whatsNewNew {
	background-color: #34a3da;
	width: auto;
	height: 35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.contactNew {
	background-color: #5f5f5f;
	width: auto;
	height: 35px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.organisations_colouredbox {
	background-color: #98D95E;
	height: 100%;
	width: 85%;
	padding: 20px;
	color: #333333;
	background-image: url(../images/Chameleon-cutout.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 70px;
}
.oneColFixCtrHdr #container #header .logo .menunavbar {
	background-image: url(../images/navback_lg.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 530px;
	padding-top: 9px;
	padding-left: 17px;
}
.chameleon {
	background-image: url(../images/Chameleon-cutout.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.pullquote {
	width: 30%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url(../images/closequote.gif) no-repeat bottom right  !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
	background: url(../images/openquote.gif) no-repeat left top  !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.pullquoteEndorse {
	font-size:115%;
	line-height:140%;
	margin:10px;
	background /**/:url();
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 0px;
	/*background-image: url(../images/closequote_purple.gif);*/
	background-repeat: no-repeat;
	background-position: right bottom;
}
.pullquoteEndorse:first-letter {
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
	/*background-image: url(../images/openquote_purple.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
}
.chameleonHeader1 {
	float: right;
	height: 220px;
	width: 420px;
	background-image: url(../images/chameleons/whoWeAre.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.toolName {
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding-left: 10px;
	height: 30px;
	padding-top: 5px;
	clear: both;
}
.toolsLeft {
	float: left;
	width: 48%;
	padding-left: 10px;
	padding-right: 5px;
}
.oneColFixCtrHdr #container #mainContent .toolsLeft h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.oneColFixCtrHdr #container #mainContent .toolsRight h3 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.toolsRight {
	float: right;
	width: 48%;
	padding-right: 5px;
	padding-left: 10px;
}

/*#Details {
	height: 300px;
	width: 300px;
	position: relative;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: left;
	top: -550px;
	left: 400px;
	_top: -600px;
	_left: 370px;




	
	*top: -600px;
	*left: 370px;
}*/
.oneColFixCtrHdr #container #mainContent .list {
	clear: both;
}

.breadcrumbs {
	font-size: x-small;
	margin: 0px;
	padding: 0px;
}
.bluestrip {
	background-color: #52bbca;
	height: 8px;
}
.clearIndex {
	clear: both;
	border-top-width: .5px;
	border-top-style: solid;
	border-top-color: #5A5A5A;
	border-right-color: #5A5A5A;
	border-bottom-color: #5A5A5A;
	border-left-color: #5A5A5A;
}
.oneColFixCtrHdr #container #mainContent .newsbox {
	float: left;
	width: 250px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 20px;
	border-right-width: 0.5px;
	border-left-width: 0.5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #E9FAFC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.oneColFixCtrHdr #container #mainContent .newsbox2 {
	float: left;
	width: 200px;
	padding-right: 6px;
	padding-left: 6px;
	margin-right: 6px;
	margin-left: 9px;
	border-right-width: 0.5px;
	border-left-width: 0.5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	background-color: #E9FAFC;
	margin-top: 10px;
	margin-bottom: 10px;
}
h3 {
	font-size: 16px;
	color: #333333;
}
.newsHeadline {
	font-size: 18px;
	font-weight: bold;
	color: #34A3DA;
}
.clientLogo {
	margin: 3px;
	background-position: center center;
	float: left;
}
.oneColFixCtrHdr #container #mainContent .clientlogos {
	margin-left: 40px;
}
.quotes {
	float: none;
	background-position: right;
}
.polaroid {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: thin solid #4A4A4A;
}
.polaroidThumb {
	float: left;
	margin-right: 10px;
	border: .5px solid #131C01;
}
.endoresment-pow {
	width: 80%;
	background-position: right top;
	margin-left: 85px;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.pullquoteEndorsePow {
	font-size:115%;
	line-height:140%;
	margin:10px;
	padding-top: 0px;
	padding-right: 115px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(../images/Personality-of-wine-logo-small.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}