@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
body#bodyGreen {
	background-image: url(binaries/body_bg_green.jpg);
	background-color: #98CB00;
}
body#bodyYellow {
	background-image: url(binaries/body_bg_yellow.jpg);
	background-color: #FFCC00;
}
body#bodyOrange {
	background-image: url(binaries/body_bg_orange.jpg);
	background-color: #FF9501;
}
body#bodyPink {
	background-image: url(binaries/body_bg_pink.jpg);
	background-color: #FF679A;
}
body#bodyBlue {
	background-image: url(binaries/body_bg_blue.jpg);
	background-color: #00CCFF;
}


#wrapper {
	width: 920px;
	margin: 40px auto 0 auto;
	background-color: #FFFFFF;
    min-height:600px;
    height:auto !important;
    height:600px;
}

#footer {
	width: 920px;
	min-height:70px;
	height:auto !important;
	height:70px;
	background-repeat: no-repeat;
	margin: 0 auto;
}
#footer.footerGreen {background-image: url(binaries/footer_bg_green.jpg);}
#footer.footerYellow {background-image: url(binaries/footer_bg_yellow.jpg);}
#footer.footerOrange {background-image: url(binaries/footer_bg_orange.jpg);}
#footer.footerPink {background-image: url(binaries/footer_bg_pink.jpg);}
#footer.footerBlue {background-image: url(binaries/footer_bg_blue.jpg);}

#footer p {
	float: right;
	color: #FFFFFF;
	margin-top: 10px;
}

h1 {
	height: 82px;
	width: 234px;
	background-image: url(binaries/h1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-top: 26px;
	margin-left: 27px;
	float: left;
}
h2 {
	height: 21px;
	width: 434px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
h2.h2home {
	background-image: url(binaries/h2_home.gif);
}
h2.h2about {
	background-image: url(binaries/h2_about.gif);
}
h2.h2thank {
	background-image: url(binaries/h2_thank.gif);
}
h2.h2endorfin {
	background-image: url(binaries/h2_port_endorfin.gif);
}
h2.h2sixth {
	background-image: url(binaries/h2_port_sixth.gif);
}
h2.h2yrat {
	background-image: url(binaries/h2_port_yrat.gif);
}
h2.h2nwe {
	background-image: url(binaries/h2_port_nwe.gif);
}
h2.h2bnw {
	background-image: url(binaries/h2_port_bnw.gif);
}
h2.h2cheq {
	background-image: url(binaries/h2_port_chequers.gif);
}
h2.h2bruce {
	background-image: url(binaries/h2_port_bruce.gif);
}
h2.h2waterworks {
	background-image: url(binaries/h2_port_waterworks.gif);
}
h2.h2s1 { background-image: url(binaries/h2_serv_web.gif); }
h2.h2s2 { background-image: url(binaries/h2_serv_ecom.gif); }
h2.h2s3 { background-image: url(binaries/h2_serv_logo.gif); }
h2.h2s4 { background-image: url(binaries/h2_serv_cms.gif); }
h2.h2s5 { background-image: url(binaries/h2_serv_seo.gif); }
h2.h2s6 { background-image: url(binaries/h2_serv_flash.gif); }
h2.h2s7 { background-image: url(binaries/h2_serv_host.gif); }
h2.h2s8 { background-image: url(binaries/h2_serv_email.gif); }
h2.h2contact { background-image: url(binaries/h2_contact.gif); }

#homeRight h4, #aboutRight h4 {
	height: 18px;
	width: 172px;
	background-image: url(binaries/home_whatbeen.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 12px;
	background-position: left center;
}
#aboutRight h4 {
	height: 19px;
	width: 129px;
	background-image: url(binaries/about_staff.gif);
}

p {
font-size: 1.2em;
margin-bottom: 20px;
line-height: 1.3em;
}


a { outline: 0; text-decoration: none; }

ul#nav {
	width: 563px;
	height:28px;
	float: right;
	background-image: url(binaries/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 59px;
	margin-right: 32px;
}
ul#nav li {
	float: left;
	display: inline;
}
ul#nav li#navHome {
	width: 72px;
}
ul#nav li#navPort {
	width: 108px;
}
ul#nav li#navServ {
	width: 128px;
}
ul#nav li#navAbout {
	width: 108px;
}
ul#nav li#navCont {
	width: 147px;
}

ul#nav a {
	display: block;
	text-indent: -9999px;
	height: 28px;
}
ul#nav a:hover {
}

ul#nav li#navHome a:hover, ul#nav li#navHome.active a {background-image: url(binaries/nav_green.gif);}
ul#nav li#navPort a:hover, ul#nav li#navPort.active a {background-image: url(binaries/nav_yellow.gif);}
ul#nav li#navServ a:hover, ul#nav li#navServ.active a {background-image: url(binaries/nav_orange.gif);}
ul#nav li#navAbout a:hover, ul#nav li#navAbout.active a {background-image: url(binaries/nav_pink.gif);}
ul#nav li#navCont a:hover, ul#nav li#navCont.active a {background-image: url(binaries/nav_blue.gif);}



.clearer { clear: both; }




#homeLeft {
	float: left;
	width: 434px;
	margin-left: 30px;
	margin-top: 75px;
}
#homeLeft p, .portLeft p, h3 {
text-align: right;
}

#homeRight {
	float: right;
	margin: 118px 80px 0 0;
	padding-left: 30px;
}
#aboutRight {
	float: right;
	width: 350px;
	margin-top: 118px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0;
}
#contactRight {
	width: 400px;
	background-image: none;
	float: right;
	height: auto;
	margin: 118px 5px 0 0;
}


.portLeft {
	float: left;
	width: 434px;
	margin-left: 30px;
	margin-top: 15px;
}





a.viewPort {
	background-color: #98CB00;
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px 3px 2px 4px;
}
a:hover.viewPort, #whiteDiv a:hover {
	color: #000000;
}

.black {
	color: #000000;
}




#toolbarwrap {
	width: 861px;
	height: 72px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
	}
#toolbarwrap.tbPort {background-image: url(binaries/portfolio_navigation/grey_bg.gif);}
#toolbarwrap.tbServ {background-image: url(binaries/services_navigation/grey_bg.gif);}

ul.navigation {
    list-style: none;
	}
ul.navigation li {
	float: left;
	padding: 0;
	}
ul.navigation li a {
	float: left;
	height: 72px;
	text-indent: -9999px;
	display: block;
	}
	


ul.navigation li#port1-tab a {width: 70px;}
ul.navigation li#port1-tab a:hover, ul.navigation li#port1-tab.active a {background-image: url(binaries/portfolio_navigation/1.gif);}
ul.navigation li#port2-tab a {width: 72px;}
ul.navigation li#port2-tab a:hover, ul.navigation li#port2-tab.active a {background-image: url(binaries/portfolio_navigation/2.gif);}
ul.navigation li#port3-tab a {width: 98px;}
ul.navigation li#port3-tab a:hover, ul.navigation li#port3-tab.active a {background-image: url(binaries/portfolio_navigation/3.gif);}
ul.navigation li#port4-tab a {width: 105px;}
ul.navigation li#port4-tab a:hover, ul.navigation li#port4-tab.active a {background-image: url(binaries/portfolio_navigation/4.gif);}
ul.navigation li#port5-tab a {width: 121px;}
ul.navigation li#port5-tab a:hover, ul.navigation li#port5-tab.active a {background-image: url(binaries/portfolio_navigation/5.gif);}
ul.navigation li#port6-tab a {width: 109px;}
ul.navigation li#port6-tab a:hover, ul.navigation li#port6-tab.active a {background-image: url(binaries/portfolio_navigation/6.gif);}
ul.navigation li#port7-tab a {width: 145px;}
ul.navigation li#port7-tab a:hover, ul.navigation li#port7-tab.active a {background-image: url(binaries/portfolio_navigation/7.gif);}
ul.navigation li#port8-tab a {width: 141px;}
ul.navigation li#port8-tab a:hover, ul.navigation li#port8-tab.active a {background-image: url(binaries/portfolio_navigation/8.gif);}

ul.navigation li#serv1-tab a {width: 107px;}
ul.navigation li#serv1-tab a:hover, ul.navigation li#serv1-tab.active a {background-image: url(binaries/services_navigation/1.gif);}
ul.navigation li#serv2-tab a {width: 136px;}
ul.navigation li#serv2-tab a:hover, ul.navigation li#serv2-tab.active a {background-image: url(binaries/services_navigation/2.gif);}
ul.navigation li#serv3-tab a {width: 180px;}
ul.navigation li#serv3-tab a:hover, ul.navigation li#serv3-tab.active a {background-image: url(binaries/services_navigation/3.gif);}
ul.navigation li#serv4-tab a {width: 82px;}
ul.navigation li#serv4-tab a:hover, ul.navigation li#serv4-tab.active a {background-image: url(binaries/services_navigation/4.gif);}
ul.navigation li#serv5-tab a {width: 80px;}
ul.navigation li#serv5-tab a:hover, ul.navigation li#serv5-tab.active a {background-image: url(binaries/services_navigation/5.gif);}
ul.navigation li#serv6-tab a {width: 96px;}
ul.navigation li#serv6-tab a:hover, ul.navigation li#serv6-tab.active a {background-image: url(binaries/services_navigation/6.gif);}
ul.navigation li#serv7-tab a {width: 111px;}
ul.navigation li#serv7-tab a:hover, ul.navigation li#serv7-tab.active a {background-image: url(binaries/services_navigation/7.gif);}
ul.navigation li#serv8-tab a {width: 69px;}
ul.navigation li#serv8-tab a:hover, ul.navigation li#serv8-tab.active a {background-image: url(binaries/services_navigation/8.gif);}
	
	
	
#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
}
#scroller {
	width: 900px;
	margin: 0 auto;	
	overflow: hidden;
}
#content {
	width: 7400px;
}
.section {
	width: 900px;
	float: left;
	padding: 20px 5px 5px 5px;
}



p.moreInfo, p.portKey {
	font-size: 1.2em;
	color: #666666;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 32px;
}

p.portKey {
	width: 833px;
	background-image: url(binaries/port_key.gif);
	background-position: left 10px;
	padding-bottom: 45px;
	background-repeat: no-repeat;
	margin: 5px 0 0 32px;
}
p.servicesUsed img {
	vertical-align: middle;
}

body#bodyYellow a {color: #A48300;}
body#bodyPink a {color: #CA288D;}
body#bodyYellow a:hover, body#bodyPink a:hover, body#bodyBlue a:hover {color: #000;}


#portDiv1, #portDiv2, #portDiv3, #portDiv4, #portDiv5, #portDiv6, #portDiv7, #portDiv8 {
	float: right;
	margin-right: 54px;
	margin-top: -18px;
}
#portDiv7 img, #portDiv8 img {
    padding-top: 25px;
}

#servSpriteDiv1, #servSpriteDiv2, #servSpriteDiv3, #servSpriteDiv4 {
	float: right;
	margin-right: -385px;
	margin-top: -97px;
	width: 330px;
	display: inline;
}
.servSpritePara { float: left; display: inline; }




div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #333333;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(binaries/balloon.png) top left no-repeat !important;
	background: url(binaries/balloon.gif) top left no-repeat;
	font-size: 0px;
	text-indent: -9999px;
	overflow: hidden;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(binaries/balloon.png) bottom left no-repeat !important;
	background: url(binaries/balloon.gif) bottom left no-repeat;
	font-size: 1.4ems;
}
a img { border: none;}

p.addy1 {
	float: left;
	margin-left: 55px;
}
p.addy2 {
}

.map {
float: right;
margin-right: -12px;
}
.blue {
	color: #023E86;
	font-size: 1.2em;
}
 td { padding-bottom: 12px; }
 
body#bodyBlue a {
	color: #02ADD9;
}
#whiteDiv {
	height: 40px;
	width: 390px;
	position: absolute;
	background-color: #FFF;
	left: 653px;
	top: 549px;
	z-index: 55;
	padding-top: 10px;
}
h3 {
	margin-bottom: 12px;
	font-size: 1.4em;
	font-weight: bold;
}

a.newsletter {
	height: 264px;
	width: 305px;
	background-image: url(binaries/newsletter.jpg);
	display: block;
	text-indent: -9999px;
}