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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/*

hello #ff3f7e
what #ff7e00
we #15c5a1
do #6007b9
you #3cc8fa

*/

body.hello {
	background:url(../images/bgstripes-hello.gif) repeat-y center top;
}
body.what {
	background:url(../images/bgstripes-what.gif) repeat-y center top;
}
body.we, body.contact-us {
	background:url(../images/bgstripes-we.gif) repeat-y center top;
}
body.do {
	background:url(../images/bgstripes-do.gif) repeat-y center top;
}
body.you {
	background:url(../images/bgstripes-you.gif) repeat-y center top;
}

#hdr:after, #ftr:after {
	content:".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clr {
	clear:both;
	height:0;
	width:0;
}

div#outer {
	margin:0 auto;
	width:920px;
}

div#hdr {
	background:url(../images/stripes.gif);
	height:145px;
	position:relative;
}

div#logo {
	width:212px;
	background:#fff;
}

div#top-nav {
	position:absolute;
	top:32px;
	right:0;	
}

div#top-nav li {
	text-align:right;
	list-style:none;
	line-height:16px;
}
	
	
div#top-nav li a span {
	background:#000;
	padding:0 66px 0 20px;
}

div#top-nav li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.hello div#top-nav li a:hover span {
	color:#000;
	background:#ff3f7e;
}

.what div#top-nav li a:hover span {
	color:#000;
	background:#ff7e00;
}

.we div#top-nav li a:hover span, .contact-us div#top-nav li a:hover span, .contact-us div#top-nav li a.current span {
	color:#000;
	background:#15c5a1;
}

.do div#top-nav li a:hover span, .do div#top-nav li a.current span  {
	color:#000;
	background:#6007b9;
}

.you div#top-nav li a:hover span {
	color:#000;
	background:#3cc8fa;
}

div#nav {
	position:absolute;
	background:#000;
	width:688px;
	padding:10px;
	top:88px;
	right:0;
	height:37px;
}

div#nav ul {
	float:right;
	display:block;
	list-style:none;
	margin:0 46px 0 0;
}

div#nav li {
	float:left;
}


div#nav li a {
	text-decoration:none;
	color:#fff;
	padding:0 11px;
	font-size:11px;
	line-height:33px;
	display:block;
}

div#nav li.hello a:hover, div#nav li.hello a.current {
	color:#ff3f7e;
}
div#nav li.what a:hover, div#nav li.what a.current {
	color:#ff7e00;
}
div#nav li.we a:hover, div#nav li.we a.current, div#nav li.contact-us a:hover, div#nav li.contact-us a.current {
	color:#15c5a1;
}
div#nav li.do a:hover, div#nav li.do a.current {
	color:#6007b9;
}
div#nav li.you a:hover, div#nav li.you a.current {
	color:#3cc8fa;
}

div#main {
	background:#fff;
}

div#visualnav {
	width:211px;
}

.copyright {
	position:absolute;
	top:220px;
	left:-20px;
}

div#left-hand-col {
	width:210px;
	height:190px;
	margin:255px 0 0;
	float:left;
	background:url(../images/hello-what-can-we-do-for-you.gif) no-repeat;
	position:relative;
}

div#left-hand-col ul {
	list-style:none;
	position:relative;
}

div#left-hand-col li a {
	display:block;
	height:45px;
}

div#left-hand-col li a span {
	display:none;
}

div#left-hand-col li {
	list-style:none;
	position:absolute;
}

div#left-hand-col li#hello {
	top:10px;
	left:9px;
	width:187px;
	height:44px;
}
div#left-hand-col li#hello a:hover, div#left-hand-col li#hello a.current {
	background:url(../images/hello.gif) no-repeat;
}

div#left-hand-col li#what {
	top:55px;
	left:9px;
	width:117px;
	height:45px;
}

div#left-hand-col li#what a:hover, div#left-hand-col li#what a.current {
	background:url(../images/what.gif) no-repeat;
}

div#left-hand-col li#we {
	top:100px;
	left:9px;
	width:93px;
	height:44px;
}

div#left-hand-col li#we a:hover, div#left-hand-col li#we a.current {
	background:url(../images/we.gif) no-repeat;
}

div#left-hand-col li#do {
	top:100px;
	left:118px;
	width:74px;
	height:45px
}

div#left-hand-col li#do a:hover, div#left-hand-col li#do a.current {
	background:url(../images/do.gif) no-repeat;
}

div#left-hand-col li#you {
	top:145px;
	left:64px;
	width:104px;
	height:45px;
}

div#left-hand-col li#you a:hover, div#left-hand-col li#you a.current {
	background:url(../images/you.gif) no-repeat;
}

div#right-hand-col {
	width:708px;
	height:449px;
	float:right;
	position:relative;
}

.hello div#right-hand-col {
	background:url(../images/main-body-bg-hello.jpg) no-repeat;
}

.what div#right-hand-col {
	background:url(../images/main-body-bg-what.jpg) no-repeat;
}

.we div#right-hand-col {
	background:url(../images/main-body-bg-we.jpg) no-repeat;
}

.contact-us div#right-hand-col {
	background:url(../images/main-body-bg-contact.jpg) no-repeat;
}

.do div#right-hand-col {
	background:url(../images/main-body-bg-do.jpg) no-repeat;
}

.you div#right-hand-col {
	background:url(../images/main-body-bg-you.jpg) no-repeat;
}

.contact-us div#right-hand-col {
	background:url(../images/main-body-bg-contact.gif) no-repeat;
}

.do div#right-hand-col a {
	background:url(../images/click.gif) no-repeat;
	position: absolute;
	width:120px!important;
	height:46px;
	top:180px;
	left:280px;
}

.do div#right-hand-col a:hover {
	background:url(../images/click.gif) no-repeat 0 -46px;
}

div#maincontent a span {
	display:none;
}

.our-details {
	width:124px;
	position:absolute;
}

.our-details p {
	font-size:11px;
	color:#fff;
	line-height:13px;
	padding-bottom:5px;
}

.our-details p span {
	color:#15c5a1;
}

#tania-chapman {
	top:56px;
	left:68px;
}

#roberto-raggi-pohl {
	top:100px;
	left:516px;
}

.highlighter-intro span {
	color:#fff;
	padding:0 5px;
	margin:0 0 3px;
	display:inline-block;
}

.hello .highlighter-intro span {
	background:#ff3f7e;
}
.what .highlighter-intro span {
	background:#ff7e00;
}
.we .highlighter-intro span, .contact-us .highlighter-intro span {
	background:#15c5a1;
}
.you .highlighter-intro span {
	color:#3cc8fa;
	padding:0 0 20px;
}

.highlighter-intro {
	line-height:26px;
	position:absolute;
}

.hello .highlighter-intro {
	top:300px;
	left:30px;
}

.what .highlighter-intro {
	top:336px;
	left:30px;
}

.we .highlighter-intro, .contact-us .highlighter-intro {
	top:320px;
	left:30px;
}

.you .highlighter-intro {
	width:360px;
	font-size:13px;
	padding:20px;
	line-height:16px;
}

div#color-block {
	width:669px;
	float:right;
	padding:20px;
}

div#color-block p {
	padding:5px;
	font-size:13px;
	color:#fff;
}

.we div#color-block p {
	width:400px;
	float:left;
	padding:50px 0 0;
}

div#color-block a, div#contact-block a {
	color:#fff;
	text-decoration:none;
	padding:2px 3px;
	margin:-2px -3px;
}

div#color-block p a:hover {
	background:#fff;
	color:#000;
}

.contact-us-link {
	float:right;
	width:191px;
	height:160px;
	overflow:hidden;
	padding:0 30px 0 0;
}

.contact-us-link a {
	width:191px;
	height:160px;
	background:url(../images/contact-us.png) no-repeat;
	display:block;
}

.contact-us-link a:hover {
	background:url(../images/contact-us.png) no-repeat;
	background-position:0 -160px;
}

.contact-us-link a span {
	display:none;
}

.contact-details {
	width:200px;
	float:left;
}

.contact-details-left {
	width:400px;
}

.contact-details p span {
	display:inline-block;
	width:80px;
}

#contact-block {
	position:absolute;
	top:190px;
	left:250px;
}

#contact-block p {
	color:#fff;
	padding: 0 0 6px;
}