/* 
------------------------------------------------------

Reset
Page Structure
Typography
Images
Links
Footer
Scroll

------------------------------------------------------ */
/* Reset */

/* Page Structure */

div.rel{
	position:relative;
}

div.boxfloat{
	position:absolute;
	color:#a8a8a6;
	font-style:italic;
}

.boxfloat a{
	color:#0279A7;
	text-decoration:none;
}

.boxfloat a:hover{
	text-decoration:underline;
}

div.boxfloat span{
	display:block;
	font-weight:bold;
	padding:0 0 26px 0;
}

.busykids{
	width:275px;
	right:0;
	top:72px;
}

.kaitaia{
	width:275px;
	right:50px;
	top:72px;
}

.foreva{
	width:275px;
	right:90px;
	top:72px;
}

.nzna{
	width:275px;
	right:60px;
	top:72px;
}

.agresearch{
	width:275px;
	right:6px;
	top:72px;
}

.agbusi{
	right:12px;
	top:92px;
	width:300px;
}

.agseeds{
	right:7px;
	top:93px;
	width:220px;
}

.cwings{
	right:12px;
	top:93px;
	width:240px;
}

.cricket{
	right:12px;
	top:93px;
	width:250px;
}

.galleon{
	right:12px;
	top:93px;
	width:218px;
}

.krank{
	right:12px;
	top:93px;
	width:283px;
}

#webothers{
	border-collapse:collapse;
}

#webothers td{
	width:187px;
	height:127px;
	text-align:center;
	vertical-align:middle;
}

#webothers a{
	display:block;
	height:90px;
	width:155px;
}

.sthildas{
	background:url(Images/web-others.jpg) no-repeat 0 1px;
}

a.sthildas:hover{
	background-position:0 -379px;
}

a.biorich{
	background:url(Images/web-others.jpg) no-repeat -188px 1px;
}

a.biorich:hover{
	background-position:-188px -379px;
}

a.stgeorges{
background:url(Images/web-others.jpg) no-repeat -376px 1px;
}

a.stgeorges:hover{
	background-position:-376px -379px;
}

a.fourcorners{
background:url(Images/web-others.jpg) no-repeat -564px 1px;
}

a.fourcorners:hover{
	background-position:-564px -379px;
}

a.ccarchitects{
	background:url(Images/web-others.jpg) no-repeat 0 -130px;
}

a.ccarchitects:hover{
	background-position:0 -510px;
}

a.cuffconnection{
	background:url(Images/web-others.jpg) no-repeat -188px -130px;
}

a.cuffconnection:hover{
	background-position:-188px -510px;
}

a.arthurbarnett{
	background:url(Images/web-others.jpg) no-repeat -376px -130px;
}

a.arthurbarnett:hover{
	background-position:-376px -510px;
}

a.maples{
	background:url(Images/web-others.jpg) no-repeat -556px -130px;
}

a.maples:hover{
	background-position:-556px -510px;
}

a.dermatech{
	background:url(Images/web-others.jpg) no-repeat 0 -258px;
}

a.dermatech:hover{
	background-position:0 -638px;
}

a.brookhurst{
	background:url(Images/web-others.jpg) no-repeat -188px -258px;
}

a.brookhurst:hover{
	background-position:-188px -638px;
}

a.je{
	background:url(Images/web-others.jpg) no-repeat -376px -258px;
}

a.je:hover{
	background-position:-376px -638px;
}

a.mesh{
	background:url(Images/web-others.jpg) no-repeat -556px -258px;
}

a.mesh:hover{
	background-position:-556px -638px;
}

/*div.transp{
	position:absolute;
	background:#ccc;
	height:70px;
	width:300px;
	top:0;
	right:0;
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
}

div.rel span{
	color:#666;
	display:block;
	position:absolute;
	height:70px;
	width:300px;
	top:0;
	right:0;
}

div.tpadd{
	padding:10px;
	text-align:center;
}

#web .transp{
	height:57px;
}

#web .rel span{
	height:57px;
}*/

#wrap {
padding:0 92px;
text-align: left;
}
#relative {
width: 500px;
height: 500px;
position: relative;
background: url(images/scroll.gif) 0 80px no-repeat;
}
#copy {
width: 700px;
float: left;
margin: 20px 0;
}
/* Typography */ 
p {
padding: 6px 2px;
}
#right p {
padding: 6px 0;
}
ul {
list-style: none;
}
#cv li {
padding: 0 20px;
background: url(images/bullet.gif) 0 0 no-repeat;
margin: 0 40px;
}

/* Links */
a {
text-decoration: underline;
color: #111;
}
a:hover, a:active {
text-decoration: none;
}
a img {
border: none;
}
.slimbox {
position: absolute;
top: 10px;
right: 10px;
}
/* Footer */

/* Scroll */
#scroll {
height: 380px; 
width: 750px;
position: relative;
left: 10px; 
}
#scroll-wrap {
overflow: hidden; 
height: 380px; 
width: 750px;
position: relative;
} 
#scroll-content {
width: 6000px;
height: 380px;
position: relative;
} 
.scrolling-content {
width: 750px;
height: 380px;
text-align: left;
position: absolute;
}
#scroll-content img {
margin: 14px 0 0 0;
}
#scroll-content img.zoom {
margin: 0;
}
#piece1 {
left: 0; 
top: 0;
}
#piece2 {
left: 750px; 
top: 0;
} 
#piece3 {
left: 1500px; 
top: 0;
} 
#piece4 {
left: 2250px; 
top: 0;
}
#piece5 {
left: 3000px; 
top: 0;
}
#piece6 {
left: 3750px; 
top: 0;
} 
#piece7 {
left: 4500px; 
top: 0;
}
#piece8 {
left: 5250px; 
top: 0;
}
#scroll-thumbs{
height: 100px;
width:750px;
}
ul#thumbs li {
float: left;
display: inline;
}
ul#thumbs li img {
margin: 20px 0 0 18px;
}
ul#thumbs li a#thumb1 img, ul#thumbs li a#thumb8 img {
margin: 20px;
}
ul#thumbs li a {
width: 95px;
height: 100px;
display: block;
background: url(images/divider.gif) 100% 100% no-repeat;
}

#scroll-thumbs ul li a.active{
	position:relative;
	margin-top:-1px;
	border-top:1px solid #fff;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;		
}

#scroll-thumbs ul li a{
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;		
}

#scroll-thumbs ul{
	border-top:1px solid #ccc;
	padding:0 15px;
}
/* Tabs */
#cv ul.tabs { 
border-bottom: 1px solid #ddd; 
margin: 0 0 20px 0;
float: left;
display: inline;
width: 710px;
}
#cv .tabs li { 
float: left;
display: inline;
font-size: 11px;
background: none;
margin: 0;
padding: 0 0 0 15px;
}
#cv .tabs li#contacttab {
float: right;
background: url(images/getintouch.gif) 100% 50% no-repeat;
text-indent: -9999px;
width: 100px;
}
#cv .tabs li span {
padding: 7px 15px 7px 0;
display: block;
}
#cv .tabs li.selected {   
background: url(images/tab-left.gif) 0 0 no-repeat;
}
#cv .tabs .selected span {   
background: url(images/tab-right.gif) 100% 0 no-repeat;
}
#cv .tabs li#contacttab.selected {
float: right;
background: url(images/tab-left.gif) 0 0 no-repeat;
text-indent: 0;
width: auto;
}
#cv .tabs a { 
color: #999;
text-decoration: none;
}
#cv .tabs a:hover { 
color: #333;
}
#cv .tabs .selected a { 
color: #999;
}
#hiddentabs { 
display: none; 
}
#cv {
margin: 0 30px;
}