/* CSS Document */

html, body, #wrapper {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
line-height:11pt;
color:#74665C;
margin: 0;
padding: 0;
height:100%;
}

#wrapper {
margin:0 auto;
vertical-align:middle;
width:740px;
}

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:740px;
	height:409px;
	border:#000000;
	border-width:1px;
	border-style: solid;
	background-image:url(images/greenbar.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


p {
font-size:11px;
margin:0px;
padding:0px 0px 12px;
margin-right:20px;
}

h1 {
font-size:10pt;
margin:0px;
padding:0px;
}



h2 {
font-size:11px;
font-weight:normal;
margin:0px;
padding:0px 0px 12px;
margin-right:20px;
}

h3 {
font-size:7pt;
font-weight:normal;
color:#414b56;
}


#introtext {
position:absolute;
left:142px;
width:593px;
height:40px;
top:168px;
}

#bodytext {
position:absolute;
left:142px;
width:561px;
height:100px;
top:212px;
}

#strapline {
position:absolute;
margin:0px;
left:138px;
width:596px;
height:20px;
top:358px;
text-indent:-3000px;
background-image:url(images/strapline.gif);
background-repeat:no-repeat;
}

#imageiseverything {
position:absolute;
left:570px;
top:40px;
width:139px;
height:72px;
background-image:url(images/imageiseverything.gif);
background-repeat:no-repeat;
text-indent:-3500px;

}


.contacts {
font-weight:bold;
line-height:11pt;
}

.indent {
font-weight:normal;
position:absolute;
left:360px;
} 
/* this is our logo section */

#pufferfish-logo {
position:relative;
left:43px;
top:5px;
width:87;
height:140;
z-index:2;
}

#pufferfish-text {
position:absolute;
left:137px;
width:180px;
top:59px;
height:35px;
background-image:url(images/pufferfish.gif);
background-repeat:no-repeat;
text-indent:-3000px;
}

#designandmarketing {
position:absolute;
left:138px;
width:195px;
top:317px;
height:35px;
background-image:url(images/designandmarketing.gif);
background-repeat:no-repeat;
}


/* this is our menu bar */

#selectors {
position:absolute;
margin-top:247px;
font-size:8pt;
height:20px;
padding:0;
}

#home {
position:absolute;
left:28px;
}

#us {
position:absolute;
left:135px;
padding-left:10px;
padding-right:10px;
}

#you {
position:absolute;
left:200px;
}

#folio {
position:absolute;
left:270px;
}

#contact {
position:absolute;
left:340px;
}

#fish {
	position:absolute;
	left:580px;
	width: 154px;
}

/* this is our section heading handling */

#section {
position:absolute;
left:142px;
top:134px;
width:592px;
height:24px;
z-index:1;
background-repeat:no-repeat;
text-indent:-3000px;
}

.welcome {
background-image:url(images/welcome.gif);
}

.whowedo {
background-image:url(images/whowedo.gif);
}

.whatyouare {
background-image:url(images/whatyouare.gif);
}

.whereweare {
background-image:url(images/whereweare.gif);
}

.howwehelp {
background-image:url(images/howwehelp.gif);
}


/* folio section */

#folioframe {
position:absolute;
width:322px;
height:269px;
left:395px;
top:60px;
vertical-align:middle;

}

#folioselector {
	position:absolute;
	left:388px;
	height:20px;
	width:333px;
	top: 21px;
	font-size:17pt;
	text-align:right;
	z-index: 6;
}

.foliotitle {
font-weight:bold;
margin-top:22px;
}