/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#ccc;
    background-attachment: scroll;
	background-image: url(http://www.bohoe.com/photos/bohoe.jpg);
    background-position: top;
    background-repeat: no-repeat;
	text-align: center;
	background-color: #000;
	margin:0;
	overflow:auto;
	outline: none;}
body{text-align: center;
     margin:0;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	}
span#blue {color:#186a80;}
a:link span#blue {color:#186a80;}
a:hover span#blue {color:#FFF; text-decoration:none;}

.highlight {color:#ff0099; font-weight:bold; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0;}
fieldset{border:0;}
img {margin: 4px 10px 10px 4px; border:0px;outline: none;}
a img {opacity:1;filter:alpha(opacity=100);}
a:hover img { opacity:.50;filter:alpha(opacity=50);}


h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:280.0%;
	letter-spacing: -4px;
	line-height: 80.0%;
}

h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:180.1%; 
	letter-spacing: -1px;
}
h2.title {color:#186a80;margin: 0px 0px 0px 4px;text-decoration:none;}
h2.title a {color:#186a80; text-decoration:none;}
h2.title a:hover {color:#fff; text-decoration:none;}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:140%;  
}


p{padding: 0px 0px 10px 0px;}
div#frame{clear:both;text-align:left;width:900px;margin:0 auto;}
div#hd{line-height:100%; margin:0; width:290px;float:left;}
.home{text-decoration:none;}
h1.home,h2.home,h3.home {padding:40px 0px 20px 10px;text-decoration:none;color:#FFFFFF;}
h1.home a ,h2.home a ,h3.home a {text-decoration:none;color:#FFFFFF;}
h1.home a:hover,h2.home a:hover,h3.home a:hover {color:#186a80; text-decoration:none;}
div#sticker{margin: 15px 0px 10px 0px;float:right;width:300px;}
p.sticker{margin: 0px 0px 0px 5px;width:270px;}
p.sticker a {color:#186a80; text-decoration:none;}
p.sticker a:hover {color:#ff0099; text-decoration:none;}
div#stickerIN{margin: 53px 0px 10px 0px;float:right;width:300px;}
p.stickerIN{margin: 0px 0px 10px 5px;width:270px;}
p.stickerIN a {color:#186a80; text-decoration:none;}
p.stickerIN a:hover {color:#ff0099; text-decoration:none;}

div#navigation{line-height:100%; margin:0;float:left;width:100%; height:100px;text-align:left;}
h1.nav, h1.nav a, h2.nav, h2.nav a, h3.nav, h3.nav a{padding:40px 5px 40px 5px;color:#186a80; text-decoration:none;}
h1.nav a:hover, h2.nav a:hover , h3.nav a:hover{color:#FFF;}

#topnav{width:600px; float:right;padding:20px 5px 0px 0px; text-align:right; height:120px}
h1.topnav, h1.topnav a, h2.topnav, h2.topnav a, h3.topnav, h3.topnav a{color:#666; text-decoration:none;padding:80px 10px 0px 10px;}
h1.topnav a:hover, h2.topnav a:hover , h3.topnav a:hover{color:#186a80; }

#on{color:#fff;}
a#on, a:link#on, a:visited#on {}
h1#on a:hover, h2#on a:hover , h3#on a:hover{}

div#content{float:left;width:580px;}


/* FOOTER //////////////////////////////////////////////////////////////////  */
div#foot_wrap {clear: both;width: 100%;	margin: auto; padding: 60px 0 0 0;
background-image: url(http://www.bohoe.com/i/footer_bg.png);background-position: top;background-repeat: no-repeat;
min-height:250px; height:auto !important; height:auto;text-align:left;	}
div#columns {background-image: url(http://www.bohoe.com/i/footerbox_bg.jpg); background-position: top; background-repeat: no-repeat;
	         width: 900px; margin: 0px auto 0 auto;
			 padding: 0px 0px 28px 0px; 
			 voice-family: "\"}\""; voice-family: inherit;
			 min-height:183px;
			 height:auto !important; height:auto;}
div#columns img { margin:4px 0 0 0;}
div#columns dl {float: left;width: 180px;margin: 12px 10px 0 30px;}
div#columns dl.right {margin: 12px 0 0 30px;}
div#columns dl dt {margin: 5px 0 10px 0;color: #fff;font-size: 1.2em;font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
div#columns dl dt a {color: #186a80;text-decoration: none;}
div#columns dl dt a:hover {	color:#fff;text-decoration: none;}
div#columns dl dd {color: #fff; font-size: 0.8em; margin: 0 0 0 0;}
div#columns dl dd a {color: #186a80;text-decoration: none;}
div#columns dl dd a:hover {color: #ff0099;text-decoration: none;}
div#columns dl dd ul li {	padding: 0 0 1px 8px;	color: #fff;}
div#columns dl dd ul li a {	color: #fff;	text-decoration: none;}
div#columns dl dd ul li a:hover {	text-decoration: underline;}
div#columns dl dd.link {	margin: 8px 0 0 0;}
div#columns dl dd.name {	color: #fff;	font-size: 1.2em;	font-weight: bold;	text-transform: uppercase;}
div#footer {clear: both;width: 900px;margin-right: auto;margin-left: auto;padding: 8px 0 0 0;}
div#footer p {color: #ccc;padding: 0; font-size: 0.8em;}
div#footer div#footer_left {float: right;}
div#footer a, div#footer a:link , div#footer a:visited {text-decoration: none;color: #ccc;}
div#footer a:hover {color: #ffcc00;}
div#footer div#footer_right {float: left;text-align: right;}
div#footer div#footer_right a {	color: #fff;}
/* FOOTER ENDS //////////////////////////////////////////////////////////////  */


/* Slideshow //////////////////////////////////////////////////////////////  */

#OuterContainer {padding: 0;margin: 0;}
#Container {position: relative;
	height: 376px;
	width: 580px;
	margin: 15px 0px 0px 0px;
	left:0;
	background: url(http://www.bohoe.com/i/grid.gif) repeat;
	font-size: 0px;
	text-align:left;}
#Photo {position: absolute;
	top: 0;
	left: 0;
	z-index: 5;}
#Loading {height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;}
#LinkContainer {
	position: relative;
	top: 0;
	left: 0;
	height: 366px;
	width: 570px;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(http://www.bohoe.com/i/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;}

#PrevLink span, #NextLink span { display: none; }
#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(http://www.bohoe.com/i/prev_minus.gif) 10% 95% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(http://www.bohoe.com/i/next_plus.gif) 90% 95% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(http://www.bohoe.com/i/prev_chevron.png) 10% 95% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(http://www.bohoe.com/i/next_chevron.png) 90% 95% no-repeat; }
#CaptionContainer {color: #000;margin: 0;width: 100%; text-align: right;}
#Counter {	font-weight: bold;	background: url(http://www.bohoe.com/i/grid.gif) repeat; padding-left: 10px;}
#About p {	margin: 0 20px;	padding: 5px 0;	font-size: 12px;	font-weight: bold;}
#About {	width: 100%;	text-align: left;	background: url(http://www.bohoe.com/i/grid.gif) repeat;	border-bottom: 1px solid  #000;}
#AboutBody {margin-top: 15px;}
#AboutBody p {font-weight: normal;	font-size: 11px;	line-height: 1.4em;	margin: 0 20px 10px 20px;
	padding: 0;}
/* Slideshow //////////////////////////////////////////////////////////////  */


/* 3 columns stickers //////////////////////////////////////////////////////////////  */
.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 40px 0 0 0;
	border:0;
	width: 900px;
	clear:both;
	color: #ccc;
}

.line {
	margin: 0px;
	padding:4px;
	background: url(http://www.bohoe.com/i/grid_2.gif) repeat;
	color:#186a80; text-decoration:none;
	clear: both;
	width:875px;
}
.line a{color:#186a80; text-decoration:none; padding:0px 10px 0px 10px;}
.line a:hover {color:#ffffff; text-decoration:none;}
.portfolio {
	margin: 0px;
	padding:4px;
	background: url(http://www.bohoe.com/i/grid_2.gif) repeat;
	color:#186a80; text-decoration:none;
	clear: both;
	width:580px;
}
.portfolio a{color:#186a80; text-decoration:none; padding:0px 10px 0px 10px;}
.portfolio a:hover {color:#ffffff; text-decoration:none;}
.linenav {
	margin: 0px;
	padding:4px;
	background: url(http://www.bohoe.com/i/grid.gif) repeat;
	color:#186a80; text-decoration:none;
	clear: both;
	width:875px;
}
.linenav a{color:#186a80; text-decoration:none; padding:0px 10px 0px 10px;}
.linenav a:hover {color:#ffffff; text-decoration:none;}

.side-a {
	float: left;
	width: 300px;
	margin: 15px 0px 0px 0px;}
.side-b{
	float: right;
	width: 300px;
	margin: 15px 0px 0px 0px;}
.center { 
	float: left;
	width: 300px;
	margin: 15px 0px 0px 0px;}
.wide {
	float: left;
	width: 900px;
	margin: 15px 0px 0px 0px;}
.side-a a:link ,.side-a a:hover,.side-b a:link ,.side-b a:hover,.center a:link ,.center a:hover, .wide a:link ,.wide a:hover {padding: 0px;}
.dividal {
	clear: both;
	margin-bottom:40px;
	line-height:1px;
}
.interdividal {
	clear: both;
	margin-bottom:0px;
	line-height:0px;
}
/* 3 columns stickers //////////////////////////////////////////////////////////////  */

/* HIDE - Dont show, dont clutter //////////////////////////////////////////////////////////////  */
.gone {	width: auto; padding-left:8px; padding-top:5px;margin:1px 0px 0px 0px; display:none;	background: url(http://www.bohoe.com/i/grid.gif) repeat; }
p.desc{margin: 0px;}
p.desc a {color:#186a80; text-decoration:none;}
p.desc a:hover {color:#ff0099; text-decoration:none;}
 
 
 #topright {
   right:50%;
   left:50%;
   top:10px;
   display: block;
   height: 70px;
   width: 380px;
   text-decoration: none;
   text-align:left;
   font-size: 0.8em;
   position:absolute;
   margin-left:150px;
   z-index:99;}
p.topright{margin: 0px 0px 0px 200px;}
p.topright a {color:#186a80; text-decoration:none;}
p.topright a:hover {color:#ff0099; text-decoration:none;}