@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-repeat: repeat-x;
	background-position: center 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;
}
body#bodyPurple {
	background-image: url(binaries/body_bg_purple.jpg);
	background-color: #6666CC;
}

#wrapper {
	width: 920px;
	background-color: #FFFFFF;
	min-height:600px;
	height:auto !important;
	height:600px;
	position: relative;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footer {
	width: 920px;
	min-height:70px;
	height:auto !important;
	height:70px;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url(binaries/footer.png);
}


#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.h2Roa {
	background-image: url(binaries/h2_port_roa.gif);
}
h2.h2Barry {
	background-image: url(binaries/h2_port_barry.gif);
}
h2.h2bnw {
	background-image: url(binaries/h2_port_bnw.gif);
}
h2.h2Grove {
	background-image: url(binaries/h2_port_grove.gif);
}
h2.h2Tdf {
	background-image: url(binaries/h2_port_tdf.gif);
}
h2.h24yf {
	background-image: url(binaries/h2_port_4yf.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); }

h2.h2links {
	background-image: url(binaries/h2_links.gif);
}

#homeRight h4, #aboutRight h4 {
	width: 172px;
	background-image: url(binaries/home_whatbeen.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	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: 78px 40px 0 0;
	padding-left: 30px;
}
#aboutRight {
	float: right;
	width: 350px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0;
}
#contactRight {
	width: 400px;
	background-image: none;
	float: right;
	height: auto;
	margin-top: 55px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 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: 100px;}
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: 130px;}
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: 90px;}
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: 140px;}
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: 100px;}
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: 90px;}
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: 140px;}
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: 201px;
	width: 220px;
	background-image: url(binaries/newsletter.jpg);
	display: block;
	text-indent: -9999px;
}

#speak {
	width:184px;
	height:185px;
	background:url(binaries/speak.png) top left no-repeat;
	text-indent:-999em;
	overflow:hidden;
	display:block;
	position:absolute;
	left: 822px;
	top: 132px;
}





#twitter {
	width:170px;
	height:400px;
	float:left;
	margin-top:78px;
	margin-left:20px;
	background:url(binaries/twitter.gif) top left no-repeat;	
	padding-top:30px;
	font-size:1.1em;
	color:#666666;
	}


p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	list-style-type: none;
	padding-left:2px;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #98cb00;
	font-weight:bold;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #00f;
}

ul#twitter_update_list li.lastTweet {border-bottom: none;}

a#profileLink {
	display: block;
	color:#000000;
}

a:hover#profileLink {color:#98cb00;}
#video {
	background-image: url(binaries/coll_tv.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:110px;
	}
	
#video p {
	padding-left:135px;
	padding-top:20px;
	font-size:1.1em;
	color:#666666;
	}
	
#data {display:none;}