/* @group reset */

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none;
}

/* @end */

/* @group default */

* {margin:0; padding:0;}
body {font-family:'Lucida Grande',sans-serif; font-size:0.75em; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:left; width:800px; color:#33394d; background-image:url(http://somehoo.com/images/SomeHoo3DFade.jpg);}
img {vertical-align: bottom;}

h1, h2, h3, h4, h5, p, ul {
	margin:0; font-family:Tahoma, Geneva, sans-serif; color:#32328c;}
h1 {margin-bottom:0.2em; font-size:1.6em; font-weight:bold; text-align:center;}
h2 {font-size:1.2em; text-align:left; font-weight:normal; margin: 0.1em 0 0.2em 0;}
h3 {font-size:1.1em; text-align:left; font-weight:normal; margin: 0.2em 0 0.2em 0;}
h4 {font-size:1.0em; text-align:left; font-weight:normal; margin-bottom: 0.2em;}
h5 {font-size:1.0em; text-align:left; font-weight:normal; margin-bottom: 0.2em; background-color: #e5e5e5;}
p  {font-size:1.1em; }

.plain a img {border:none 0px;text-decoration:none;}
.searchbutton {margin: 75px 0 0 0px; position:relative; float:left; width:100px; height:100px;}
.profilepic {margin: 256px 0 0 70px; position:relative; float:left; width:105px; height:105px;border:none 0px; text-decoration:none;}
.profilepic a img {margin: 1px 0 0 0px;}
.google {float:left;}

/* @group anchor */ 

a { color: #39c; font-weight: bold;}
a:hover,a:focus {color: #069;}
a:active {color: #036;}

/* @end */

/* @group wrapper */

#wrapper {
	border: 10px solid #000;
	padding: 10px 0 30px 0;
	background-color: #222;
}

.motivator #wrapper {
	border: 0;
	padding: 0;
}

/* @end */

/* @group header */

#header {clear:both; height:18px; width:800px; position:relative; float:left; margin-left:72px;}
.logo {position:absolute; top:10px; left:472px;}

#footer {clear:both; color:#006; font-size:1.0em; padding:10px; text-align:center; padding-top:2px; width:740px; margin-left:60px;}
#footer p {margin:2px; padding:2px; font-size:0.9em; font-family:arial; color:#006;}
#footer h {margin:2px; padding:2px; font-size:1.2em; font-family:arial; color:#FFF;}
#footer ul a:link, #footer ul a:visited {border:none; color:#006; font-size:1.2em; text-decoration:underline;} 
#footer ul a:hover {color:#900; text-decoration:none;}

#FlashContent {
	margin: -110px 0 0 170px;
}

/* @end */

/* @group content */

#content {
	width: 680px;
	margin: 2px 0 0 60px;
	background-color: #fff;
	border-right: 10px solid #222;
}

.motivator #content {
	position: absolute;
	height: 260px;
	margin: 2px 0 0 60px;
	border-right: 0;
}

.node {
	height: 260px;
	position: relative;
}

.motivator .node {
	display: none;
}

.hoo #hoo.node {
	display: block;
}

/* @end */

/* @group specific */

/* @group hoo */
#hoo {
	border-right:10px solid #FFF;
	overflow:hidden;
}

#hoo ul {
	margin: 10px 0 0 10px;
	height: 260px;
	width: 800px;
}

#hoo ul li {
	border-right: 10px solid #fff;
	height: 260px;
	float: left;
	width: 124px;
	overflow: hidden;
	position: relative;
/*	-webkit-transition: all .5s ease-in;*/
/*	opacity: 1; */
}

#hoo ul li div {
	position: absolute;
	width: 330px;
	height: 260px;
	left: 128px;
	top: 0;
/*	opacity: 0;*/
/*	-webkit-transition: all .75s ease-in;*/
}

#hoo ul:hover li {
/*	opacity: .75;*/
}

/*.safari #hoo ul:hover li {
	width: 40px;
}*/

#hoo ul li:hover div {
/*	opacity: 1;*/
}

#hoo ul li:hover {
/*	opacity: 1;*/
}

/*.safari #hoo ul li:hover {
	width: 400px;
}*/

#hoo img {
/*	-webkit-transition: all .5s ease-in;*/
	height: 240px;
	padding: 0;
/*	-ms-interpolation-mode: bicubic; */
}

/*.safari #hoo ul:hover li img {
	height: 240px;
	padding: 20px 0;
}

.safari #hoo ul li:hover img {
	height: 260px;
	padding: 0;
}*/

#hoo h3 {
	padding-top: 10px;
}

#hoo .link {
	margin-bottom: 10px;
	height: 20px;
	overflow: hidden;
}

#hoo .link a {
	font-weight: normal;
}

/* @end */

/* @end */