body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', Arial, verdana, sans-serif;
	color: #ffffff;
	position: relative;
	background: #F2F2F2; }

body.fishmonkeys {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, verdana, sans-serif;
	color: #ffffff;
	position: relative;
	background: #ffffff; }

body.theframe {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, verdana, sans-serif;
	color: #ffffff;
	position: relative;
	background: #ffffff; }
		

/* Normal links */
a:link, a:visited {
outline-style:none;
	color: #8a1d04;
	 }

a:hover, a:visited:hover {
	color: #aeaeae; }

/* Image border and background color fixes */
a.img:link, a.img:visited, a.img:hover, a.img:visited:hover {
	border: none;
	background-color:transparent; }

/* Abbreviations */	
abbr { border-bottom: 1px dotted #900; cursor: help; }


/*------------------HEADING--------------------*/

h1 {
	margin: 16px 0 0 0;
	padding: 0 0 5px 0;
	font-size: 20px;
	font-weight: normal;
	color: #b80e1f; }

h1 span { color: #666;font-size:0.5em;vertical-align:0.2em }

h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #390; }

h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height:15px;
	color: #000; }

h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #390; }
	
h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	color: #069;
	}

h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #600; }

/*-----------PARAGRAPH TEXT ELEMENTS-------------------*/

/* General paragraph rules */
p {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4em; }

/*/*/a{}
body p {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; }
  
html>body p { font-size: small; }
/* */

p.oldbrowsers {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #c00; }

blockquote {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 30px;
	font-size:11px;
	line-height:17px;
	color: #666; }
	
	
/*------------------FORMS----------------*/

input.txt, textarea.txt {
	font-family: georgia, times, serif;
	font-size: 11px;
	color: #333; }

select {
	font-size: 11px; }

form {
	display: block;
	margin: 0px;
	padding: 0px; }
	
.textfieldarea {
	float: left;
	border: 1px solid #848484;
	margin: 5px 0 5px 0;
}

.textfieldlabel {
float: left;
width: 180px;
padding: 0 20px 0 0;

}

/*--------------MISCELLANEOUS----------------*/

img { border: none; }
hr { display: none; }

/* Outer bounding box for all pages */
#Frame {
	margin: 20px auto 20px auto;
	padding: 40px;
	background: #ffffff;
	width: 880px; }

#FrameWeekenders {
	margin: 20px auto 20px auto;
	padding: 40px 40px 40px 40px;
	background: url(img/weekenders_bg.gif) repeat-x;
	width: 610px; }
	
#FrameFish {
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	width: 640px; }
	
/* Basic header style applied to H1 element */
/* Phark Image Replacement Technique */
#Logo {
	float: left;
	position: relative;
	margin:0px 0 0px 0px;
	padding:0px 0px 30px 0px;
	width: 323px;
	height: 56px;
	}
#Logo a {
	position: absolute;
	padding:0px 0 0px 0px;
	top: 0px;
	left: 0px;
	height: 56px;
	}

#Logo a:link, #Logo a:visited, #Logo a:active, #Logo a:link:hover, #Logo a:visited:hover {
	background-color: transparent;
	color: transparent;
	}

#Logo a span, #Logo span { display: none; }

#LogoFish {
	float: left;
	position: relative;
	margin:0px 0 0px 0px;
	padding:10px 0px 30px 0px;
	width: 107px;
	height: 44px;
	}
#LogoFish a {
	position: absolute;
	padding:10px 0 0px 0px;
	top: 0px;
	left: 0px;
	height: 44px;
	}

#LogoFish a:link, #LogoFish a:visited, #LogoFish a:active, #LogoFish a:link:hover, #LogoFish a:visited:hover {
	background-color: transparent;
	color: transparent;
	}

#LogoFish a span, #LogoFish span { display: none; }

#ReturnHomeLink {
	margin:10px auto 0px auto;
	padding:0px 0px 0px 563px;
	width: 80px;
	height: 10px;
	}
#ReturnHomeLink a {
	padding:0px 0 0px 0px;
	top: 0px;
	left: 0px;
	height: 10px;
	}

#ReturnHomeLink a:link, #ReturnHomeLink a:visited, #ReturnHomeLink a:active, #ReturnHomeLink a:link:hover, #ReturnHomeLink a:visited:hover {
	background-color: transparent;
	color: transparent;
	}

#ReturnHomeLink a span, #ReturnHomeLink span { display: none; }


/*--------------SUB NAVIGATION----------------*/
#navigation {
	background: url(img/navigation.gif) #ffffff no-repeat;
	height: 28px;
	width: 437px;
	margin: 0px 0 20px 0px;
	padding: 0;
	position: relative;
	float: right;
	}
	
#navigation li {
	margin: 0;
	padding-top: 0px;
	list-style: none;
	position:absolute;
	top: 0;
	}
	
#navigation li, #navigation a {
	height: 28px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#navigation a {
	text-indent: -5000px;
	text-decoration: none;
	}

#nav_home {left:0px; width: 84px;}
#nav_about {left:86px; width: 86px;}
#nav_work {left: 176px; width: 84px;}
#nav_blog {left: 263px; width: 84px;}
#nav_contact {left: 352px; width: 86px;}

#nav_home a:hover { background: url(img/navigation.gif) 0px -28px no-repeat;}
#nav_about a:hover { background: url(img/navigation.gif) -86px -28px no-repeat;}
#nav_work a:hover { background: url(img/navigation.gif) -176px -28px no-repeat;}
#nav_blog a:hover { background: url(img/navigation.gif) -263px -28px no-repeat;}
#nav_contact a:hover { background: url(img/navigation.gif) -352px -28px no-repeat;}

#nav_home a.selected:link, #nav_home a.selected:hover, #nav_home a.selected:visited, #nav_home a.selected:visited:hover { background: url(img/navigation.gif) 0px -56px no-repeat;}
#nav_about a.selected:link, #nav_about a.selected:hover, #nav_about a.selected:visited, #nav_about a.selected:visited:hover { background: url(img/navigation.gif) -86px -56px no-repeat;}
#nav_work a.selected:link, #nav_work a.selected:hover, #nav_work a.selected:visited, #nav_work a.selected:visited:hover { background: url(img/navigation.gif) -176px -56px no-repeat;}
#nav_blog a.selected:link, #nav_blog a.selected:hover, #nav_blog a.selected:visited, #nav_blog a.selected:visited:hover { background: url(img/navigation.gif) -263px -56px no-repeat;}
#nav_contact a.selected:link, #nav_contact a.selected:hover, #nav_contact a.selected:visited, #nav_contact a.selected:visited:hover { background: url(img/navigation.gif) -352px -56px no-repeat;}


/*---------------LAYOUT BOXES----------------------*/

/* 2-column layout container */
#Content {
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	text-align: left;
	}

#MainCol{
	margin: 0 30px 0 0;
	float: left;
	border-top: 4px solid #A0CE67;
	padding: 15px 10px 0 10px;
	width: 410px; }

#SubCol {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 10px;
	width: 410px;
	border-top: 4px solid #F8981D;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 410px;  } html>body #SubCol { width:410px; }
	
#HomeBottom {
	float: left;
	width: 880px;
}


#SubColSecondary {
	margin: 0px 15px 0px 0px;
	padding: 15px 8px 10px 8px;
	width: 149px;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 149px;  } html>body #SubColSecondary { width:149px; }

#MainColSecondary{
	margin: 0 0px 0 0;
	float: left;
	padding: 15px 5px 10px 10px;
	width: 685px; }

#MainColSecondaryWorkIdentity{
	margin: 0 0px 0 0;
	float: right;
	padding: 15px 0px 10px 10px;
	width: 701px; }

.AboutPage {
	border-top: 4px solid #00ADEE;
	}

.WorkPage {
	border-top: 4px solid #F8981D;
	}
	
.ContactPage {
	border-top: 4px solid #ED1D8F;
	}

.BlogPage {
	border-top: 4px solid #9fcf67;
	}
	
#FullCol{
	float: left;
	width: 900px;
}

#MainColWP{
	margin: 0 0px 0 0;
	float: right;
	padding: 6px 0px 0 0px;
	width: 640px; }
	
#TopDiv {
height: 200px;
}
/*------------ Home Elements-----------------------*/

#HomeBanner {
	float: left;
	width: 880px;
	margin: 0 0 30px 0;
}

#HomeBannerLeft {
	float: left;
	width: 325px;
	height: 285px;
	padding: 30px 0 10px 25px;
	background: #002B5C;
}

#HomeBannerMessage {
	float: left;
	padding: 0 0 90px 0;
}

#HomeBannerButton {
	float: left;
}

#HomeBannerRight {
	float: left;
}

.ClientHomeBlock {
	float: left;
	margin: 0 0 20px 0;
}
.ClientHomeIcon{
	float: left;
	width: 125px;
	padding: 0 15px 0px 0;
}

.ClientHomeDesc{
	float: left;
	width: 270px;
}

/*------------ About Elements-----------------------*/

#AboutCol1{
	float: left;
	width: 290px;
	padding: 0 50px 0 0;
}

#AboutCol2{
	float: left;
	width: 290px;
}

/*------------WORDPRESS CSS-----------------------*/

#sidebar {
width: 130px;
margin: 0 0 0 0px;
padding: 10px 0 0 0;
float: right;
}
#maincolcontent {
width: 455px;
padding: 0 25px 0 0px;
border-right: 1px dotted #3e3e3e;
float: left;
}
.entry {
padding: 0 0 10px 0;
}

.post {
margin: 0 0 26px 0;
border-bottom: 1px dotted #3e3e3e;
}

.commentlist {
	margin: 10px 0 10px 20px;
	padding: 0;
}

#BodyText .commentlist p{
	margin: 0px 0 10px 0px;
	padding: 0;
}

#BodyText .alt {
	margin: 0px 0 20px 0px;
	padding: 0;
} 

/*------------FRAME SLIDESHOW-----------------------*/

iframe {
margin: 0;
padding: 0;
background: #fff;
}
#imgs_title {
	position: absolute;
	top: 30px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0 0 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e; }
#controller {
	padding: 4px 0px 5px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e; }
#imgs-frame {
	position: absolute;
	top: 90px;
	left: 0px;
	padding: 10px;
	background-color: black;
}

#imgs {
	position: absolute;
	top: 0;
	left: 0;
}

#controller {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
}

#text-frame {
	position: absolute;
	top: 0px;
	left: 120px;
	width: 450px;
}

/*------------Work PAGES-----------------------*/

.clientworkicon {
margin: 0 0 0px 0;
width: 155px;
height: 88px;
}
a .clientworkicon {
	background-color: #000000;
	opacity: .90;
	filter: alpha(opacity=90);
}
a:hover .clientworkicon{
	opacity: 1;
	filter: alpha(opacity=100);
}

.ClientWorkBlock {
	float: left;
	width: 155px;
	margin: 0 18px 10px 0;
	padding: 0px;
	Background: url(img/clientworkblock_bg.jpg) no-repeat top #fff;
}
.ClientWorkBlock img{
	background: #000;
	margin: 0 0 7px 0;
}

.ClientWorkBlockLast {
	float: left;
	width: 155px;
	margin: 0 0px 10px 0;
	padding: 0px;
	Background: url(img/clientworkblock_bg.jpg) no-repeat top #fff;
}
.ClientWorkBlockLast img{
	background: #000;
	margin: 0 0 5px 0;
}

.IdentityWorkTitle {
	float: left;
	width: 269px;
	margin: 0 3px 3px 0;
	padding: 0px;
}

.IdentityWorkBlock {
	float: left;
	width: 131px;
	margin: 0 3px 3px 0;
	padding: 0px;
	border: 1px solid #adadad;
}

.IdentityWorkBlockLast{
	float: left;
	width: 131px;
	margin: 0 0px 3px 0;
	padding: 0px;
	border: 1px solid #adadad;
}

.WorkCol1{
	float: left;
	width: 300px;
	margin: 0 20px 10px 0;
}

.WorkCol2{
	float: left;
	width: 355px;
	margin: 0 0px 10px 0;
}

#WorkTitleLeft {
	float: left;
	width: 400px;
}

#WorkTitleRight{
	float: right;
	padding: 4px 0 0 0;
	text-align: right;
	width: 280px;
}
/*------------MISCELLANEOUS-----------------------*/
.frontmessages {
margin: 0 0 31px 0;
}
.picleft {
	float: left;
	margin: 5px 20px 5px 0;
}
.frontpic {
	padding: 0;
	margin: 0;
}
.frontpic a {
	padding: 0 2px 0 2px;
	opacity: .85;
	filter: alpha(opacity=85);
}
.frontpic a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.headerbanner {
margin: 0 0 30px 0;
}
.sectiontitle{
margin: 0 0 20px 0;
}
.weekenderstitle{
margin: 0 0 25px 0;
}
#BodyText embed{
margin: 0 0 0px 0;
}

.GrayLine {
	width: 685px;
	border-top: 2px solid #a1a1a2;
	margin: 0 0 15px 0;
}

#BodyText{
	margin: 0px 0px 0px 0px;
	padding: 0 0px 0px 0px;
	float: left;
}
#BodyText img{
	padding: 0px;
}
#BodyText p {
	padding: 0px 0px 6px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #3e3e3e; }
#BodyText p.nobreak {
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #3e3e3e; }
#BodyText p.smalltext {
	padding: 0px 0px 6px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #2a2a2a; }

#BodyText .entry ul {
	list-style-type: disc;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 30px;
}

#BodyText .entry li {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #3e3e3e;
	padding: 0px 0px 10px 0px;
	margin: 0 0 0px 0;
}

#BodyText ul {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e;
	padding: 0px 0px 0px 0px;
	margin: 0 0 18px 0;
}
#BodyText li {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #3e3e3e;
	padding: 0px 0px 1px 0px;
	margin: 0 0 0px 0;
}
#BodyText ul.arrowlist li {
	background: url(http://www.barrelny.com/img/arrow_bullet.gif) left top no-repeat;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e;
	padding: 0px 0px 5px 20px;
	margin: 0 0 0px 0px;
}
#BodyText ul.arrowlist ul{
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
}
#BodyText ul.arrowlist ul li {
	background: url(http://www.barrelny.com/img/arrow_bullet.gif) left top no-repeat;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #3e3e3e;
	padding: 0px 0px 5px 20px;
	margin: 0 0 0px 20px;
}
#BodyText h6 {
	padding: 0px 0px 3px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	color: #3e3e3e; }

#BodyText h6.fishandmonkeys {
	padding: 0px 0px 8px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
	color: #acacac; }
	
#BodyText h5 {
	padding: 0px 0px 2px 0px;
	font-size: 15px;
	font-weight: normal;
	line-height: 19px;
	color: #808080; }

#BodyText #SubColSecondary h5 {
	padding: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	color: #808080; }


#BodyText h4{
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	font-size: 19px;
	font-weight: normal;
	line-height: 22px;
	color: #6D6F71; }
	
#BodyText h3{
	padding: 0px 0px 20px 0px;
	margin: 0 0 0px 0;
	font-size: 21px;
	font-weight: normal;
	line-height: 22px;
	color: #6D6F71; }

#BodyText h2 {
	padding: 0px 0px 5px 0px;
	margin: 0;
	font-size: 20px;
	line-height: 23px;
	font-weight: normal;
	color: #042f5c; }
	
#BodyText h2.fishandmonkeys {
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-size: 20px;
	line-height: 23px;
	font-weight: normal;
	color: #042f5c; }
	
#BodyText h1 {
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 0;
	font-size: 44px;
	line-height: 44px;
	font-weight: normal;
	color: #00ADEE; }


#BodyText a:link, #BodyText a:visited { color: #042f5c; text-decoration: none;}
#BodyText a.selected:link, #BodyText a.selected:visited { color: #042f5c; text-decoration: none;}
#BodyText a:hover, #BodyText a:visited:hover { color: #042f5c;text-decoration: underline; }

#BodyText .WorkPage p a:link, #BodyText .WorkPage p a:visited { color: #F8981D; text-decoration: none;}
#BodyText .WorkPage p a:hover, #BodyText .WorkPage p a:visited:hover { color: #042f5c;text-decoration: underline; }


#BodyText p a:link, #BodyText p a:visited { color: #042f5c; text-decoration: underline;}
#BodyText p a:hover, #BodyText p a:visited:hover { color: #042f5c;text-decoration: none; }


/*-------------- Copyright Footer -----------------*/
#Copyright {
	margin: 0px auto 0px auto;
	width: 960px;
	padding: 0px 0px 30px 0px;
	text-align: right;
	background: #F2F2F2;}

#Copyright h5 {
	margin: 0px 0px 0 0;
	padding: 10px 0 0 0;
	border-bottom: none;
	color: #939598;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	}
	
#Copyright a:link, #Copyright a:visited { color: #002b5c; text-decoration: none;}
#Copyright a:hover, #Copyright a:visited:hover { color: #002b5c;text-decoration: underline; }

/* Remove traces of float */	
.ClearAll {
	clear: both;
	font-size: 2px; }

/* Hide warning from newer browsers */
.oldbrowsers { display: none; }

td.nowrap {
	white-space: nowrap;
	}