body {
background-color:#e0e0e0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#595a5a;
background: url(./background.png);
background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0px;
}

a:link, a:visited, a:active {
color: #ce148f;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #6d064a;
font-weight: normal;
text-decoration: underline;
}

DIV.wrapper {
width:1024px;
height:auto;
margin:0 auto 0 auto;
}

#logo-area {
width:1024px;
height:100px;
background-color:#ffffff;
}

IMG.header-logo {
width:260px;
height:100px;
border-width: 0px;
float:left;
}

IMG.telephone {
width:260px;
height:100px;
border-width: 0px;
float:right;
}

DIV.footer-wrap {
position: absolute;
top: 1037px;
left: 0px;
background-color:#cdcdcd;
height:387px;
width:100%;
}
DIV.footer {
position: relative;
top: 0px;
width:1024px;
height:387px;
background: url(./footer-bg.jpg) no-repeat 0 0;
margin:0 auto 0 auto;
}
DIV.ftr-lt {
width:255px;
padding-left:20px;
float:left;
}
DIV.ftr-mdl {
width:255px;
float:left;
}
DIV.ftr-mdr {
width:255px;
float:left;
}
DIV.ftr-rt {
width:220px;
float:left;
}

.footer p {
margin-top:10px;
margin-bottom:10px;
font-size:11px;
font-weight:bold;
line-height:1.6;
color: #b6b6b6;
}

.footer a:link, .footer a:visited {
text-decoration: none;
font-weight: bold;
color: #b6b6b6;
}
.footer a:hover {
text-decoration: underline;
font-weight: bold;
color: #d0d0d0;
}

DIV.home-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./home-gradient.png);
}

.follow-home {
position:relative;
top:-98px;
left:1024px;
width:26px;
height:160px;
}

.follow {
position:relative;
top:-111px;
left:1024px;
width:26px;
height:160px;
}


/* FRONT PAGE LOGO ROLL OVERS */

#currant-solutions {
display: block;
width: 163px;
height: 44px;
background: url(./currant-solutions-roll.png) no-repeat 0 0;
}
#currant-solutions:hover { 
background-position: 0 -44px;
}
#currant-solutions span {
display: none;
}

#plummo {
display: block;
width: 160px;
height: 57px;
background: url(./plummo-roll.png) no-repeat 0 0;
}
#plummo:hover { 
background-position: 0 -57px;
}
#plummo span {
display: none;
}

#plumstart {
display: block;
width: 160px;
height: 50px;
background: url(./plumstart-roll.png) no-repeat 0 0;
}
#plumstart:hover { 
background-position: 0 -50px;
}
#plumstart span {
display: none;
}

#radical-iq {
display: block;
width: 159px;
height: 53px;
background: url(./radical-iq-roll.png) no-repeat 0 0;
}
#radical-iq:hover { 
background-position: 0 -53px;
}
#radical-iq span {
display: none;
}

#zube {
display: block;
width: 122px;
height: 42px;
background: url(./zube-roll.png) no-repeat 0 0;
}
#zube:hover { 
background-position: 0 -42px;
}
#zube span {
display: none;
}

#dbm {
display: block;
width: 109px;
height: 82px;
background: url(./dbm-roll.png) no-repeat 0 0;
}
#dbm:hover { 
background-position: 0 -82px;
}
#dbm span {
display: none;
}

#internet-arrow {
display: block;
width: 150px;
height: 55px;
background: url(./internet-arrow-roll.png) no-repeat 0 0;
}
#internet-arrow:hover { 
background-position: 0 -55px;
}
#internet-arrow span {
display: none;
}

#currant-hub {
display: block;
width: 194px;
height: 43px;
background: url(./currant-hub-roll.png) no-repeat 0 0;
}
#currant-hub:hover { 
background-position: 0 -43px;
}
#currant-hub span {
display: none;
}


/* HEADER BOX COLOUR GRADIENTS */

DIV.think-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./think-gradient.png);
}
DIV.design-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./design-gradient.png);
}
DIV.build-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./build-gradient.png);
}
DIV.find-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./find-gradient.png);
}
DIV.sort-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./sort-gradient.png);
}
DIV.send-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./send-gradient.png);
}
DIV.manage-headline-box {
width:1024px;
height:190px;
float:left;
background:url(./manage-gradient.png);
}


/* LEFT PANEL */

DIV.left-panel {
position: relative;
clear: both;
width:217px;
height:714px;
float:left;
font-size:11px;
background-color:#fff;
}


/* LEFT HAND NAVIGATION IMAGE ROLLOVERS */

.think-image-on {
position: absolute;
left: 52px;
top: -158px;
width: 139px;
height: 52px;
}
.design-image-on {
position: absolute;
left: 52px;
top: -106px;
width: 139px;
height: 52px;
}
.web-image-on {
position: absolute;
left: 52px;
top: -54px;
width: 139px;
height: 52px;
}
.build-image-on {
position: absolute;
left: 52px;
top: -2px;
width: 139px;
height: 70px;
}
.find-image-on {
position: absolute;
left: 52px;
top: 50px;
width: 139px;
height: 52px;
}
.sort-image-on {
position: absolute;
left: 52px;
top: 102px;
width: 139px;
height: 52px;
}
.send-image-on {
position: absolute;
left: 52px;
top: 154px;
width: 139px;
height: 52px;
}
.manage-image-on {
position: absolute;
left: 52px;
top: 206px;
width: 139px;
height: 52px;
}
.hand-image {
position: absolute;
left: 0px;
bottom: 0px;
}


/* CONTENT AREA */

DIV.right-panel {
width:807px;
height:714px;
float:right;
font-size:11px;
background:url(./inner-bg.gif) no-repeat left top;
}

DIV.right-panel-white {
width:807px;
height:714px;
float:right;
font-size:11px;
background:url(./inner-bg-white.gif) no-repeat left top;
}

DIV.content-area {
width:777px;
height:auto;
float:left;
padding: 20px 10px 20px 10px;
} 



h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
text-decoration:none;
color:#ce148f;
}

h1.header { 
color: #fff;
font-size:26px;
font-weight:normal;
padding: 70px 0px 0px 224px; 
}
	
h1.front-header { 
color: #fff;
font-size:26px;
font-weight:normal;
padding: 80px 0px 0px 224px; 
}

h2.header { 
color: #fff;
font-size:14px;
font-weight:bold;
padding: 5px 0px 0px 224px; 
}

h1.think, h2.think		{ color: #7BC342; }
h1.design, h2.design	{ color: #C6D729; }
h1.web, h2.web			{ color: #EF008C; }
h1.build, h2.build		{ color: #A5419C; }
h1.find, h2.find		{ color: #F78E18; }
h1.sort, h2.sort 		{ color: #CE006B; }
h1.send, h2.send		{ color: #7B0039; }
h1.manage, h2.manage 	{ color: #00AEEF; }

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height: 1.3;
color:#ce148f;
}

h2.front-page {
margin-top: 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height: 1.3;
color:#EF008C;
}


h2.foot {
margin-top: 35px;
margin-bottom: -7px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#d0d0d0;
}

h2.social {
margin-top: 10px;
margin-bottom: -7px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#d0d0d0;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#595a5a;
line-height:1.5;
}

p.first {
margin-top: 0;
}

.purple {
color:#ec018c;
}

UL.boxtext {
margin-left:-25px;
}

UL.normal {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#595a5a;
text-align:left;
padding: 0px 0px 0px 15px;
line-height: 1.5;
}

UL.normaltext {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#595a5a;
text-align:left;
list-style:none;
padding:5px;
}

DIV.logos {
margin-left: 8px;
padding: 10px 0px 10px 0px;
width: 470px;
border-width: 0px 0px 2px 0px;
border-color: #AAAAAA;
border-style: inset;
}

IMG.border {
border:1px solid #ce148f
}


/* NAVIGATION ROLL OVERS */

img.nohover {border:0}
img.hover {border:0;display:none}
a:hover img.hover {display:inline}
a:hover img.nohover {display:none}


/* TOP NAVIGATION BAR */

#topnav {width:1024px; height:31px; background:url(./currant-group-nav-bar.png) no-repeat center top; position:relative; z-index:500; border:1px solid #fff; border-width:1px 0;}
#topnav ul {padding:0; margin:0; list-style:none; width:1024px; margin:0 auto;}
#topnav table {border-collapse:collapse; margin:-1px -10px;}
#topnav ul ul {position:absolute; left:-9999px;}
#topnav ul li a b {position:absolute; left:-9999px;}

#topnav ul li {float:left; padding:0 0 0 0;}
#topnav ul li a {display:block; height:24px;}
#topnav ul li#left {width:112px;}
#topnav ul li#home {width:124px;}
#topnav ul li#design {width:124px;}
#topnav ul li#web {width:123px;}
#topnav ul li#find {width:124px;}
#topnav ul li#send {width:124px;}
#topnav ul li#right {width:112px;}

#topnav ul li:hover {position:relative;}
#topnav ul li a:hover {border:0; position:relative;}

#topnav ul a:hover ul {left:0px; top:24px; padding:0px; border:0px; border-top:0;}
#topnav ul li:hover ul {left:0px; top:24px; padding:0px; border:0px; border-top:0;}

#topnav ul :hover ul li {padding:0; float:left;}

#topnav ul :hover ul#subhome {width:322px; height:131px; position: absolute; left: 0px; background:transparent url(./top-nav-currant-roll.png) no-repeat left;}
#topnav ul :hover ul#subhome li a {display:block; height:131px; width:322px;}

#topnav ul :hover ul#subdesign {width:325px; height:134px; position: absolute; left: 0px; background:transparent url(./top-nav-design-roll.png) no-repeat left;}
#topnav ul :hover ul#subdesign li a {display:block; height:134px; width:325px;}

#topnav ul :hover ul#subweb {width:368px; height:344px; position: absolute; left: 0px; background:transparent url(./top-nav-web-roll.png) no-repeat left;}
#topnav ul :hover ul#subweb li a {display:block; height:114px; width:368px;}

#topnav ul :hover ul#subfind {width:367px; height:185px; position: absolute; left: 0px; background:transparent url(./top-nav-find-roll.png) no-repeat left;}
#topnav ul :hover ul#subfind li a {display:block; height:185px; width:367px;}

#topnav ul :hover ul#subsend {width:419px; height:300px; position: absolute; left: -115px; background:transparent url(./top-nav-send-roll.png) no-repeat right;}
#topnav ul :hover ul#subsend li a {display:block; height:150px; width:419px;}


#topnav ul li#google_cs {
	float: left;
	width: 260px;
	margin-left: 10px;
	padding-top: 4px;
	background: url(../img/search-box.png) no repeat;
	z-index: 500;
}

.google_cs_input {
	color:#8A008A;
	width: 113px;
	margin: 0px 0px 0px 30px;
	border-width: 0px;
	background-color: transparent;
	color: #444444;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif
}

INPUT.nav-bar-button {
	position: relative;
	top: 3px;
	width: 7px;
	height: 14px;
	margin: 2px 0px 0px 6px;
}

#clear {clear: both; margin: 0px}


