/* Happy Cog 3.0 layout - happycog.com */
	/* Last updated 17 February 2006  */
	/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2004-2006 Happy Cog Studios and may not be used by anyone but us. No stealing. We will find you. */ 
	
	/* Layout divisions and rules */

img		{ border:0; display: block; }
.alt {color:#75ae90;}
.skiplink {display:none;}
.hidden {display:none;}

body	{
	margin:0;
	padding:0;
	border:0;
	text-align: center;
	color: #333;
	}

body, p {
	font-family:  arial, sans-serif;
	font-size: 12px;
}

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

#wrapper	{
	margin: 0 auto;
	padding: 0 0 20px 0;
	border;0;
	width: 100%;
	text-align: left;
	background: #fff;	height:auto;

	}
/* ---------- Banner ----------- */


#header {position:relative;margin:width:100%;height:60px; 0;padding:0;border-top:6px solid #E7E3B5;}
.headerBox {position:relative;margin:0 auto; padding:0;width:680px;}

#headerlogo {
	position:absolute;top:10px;left:0;
	background: transparent url(../g/headlogo_o.gif) left no-repeat;
	width:200px;height:40px;
	padding:0;margin:0;border:0;
	}
#logo {
	background: transparent url(../g/headlogo.gif) left no-repeat;width:200px;
	display:block;position:relative;
	width:200px;height:40px;
	padding:0;margin:0;border:0;
	}
#logo:hover {
	background: transparent url(../g/headlogo_o.gif) left no-repeat;
	width:200px;height:40px;
	padding:0;margin:0;border:0;
	}
	

#content { position:relative;width:600px;margin:6px auto; padding:0;}

#image {width: 600px;height: 350px; margin:0; padding:0; border:1px solid #999;}

/* ---------- Page header graphics ---------- */

body#bl #content { background: transparent url(../i/b/b_600.jpg) top  no-repeat; padding-top:220px;margin-top:20px; }
body#bl2 #content { background: transparent url(../i/b/b2_600.jpg) top  no-repeat; padding-top:220px;margin-top:20px; }

div#sidebar li#w1 {	background: #fff url(../si/blue_gate1.jpg)  top right no-repeat;}

/*----------  Primary layout continues ---------- */


#maincontent	{
	position:absolute;top:0;right:0;
	width: 300px;
	text-align: left;
	padding:16px 0;
	border:0;
	margin:0;
	}

#sidebar	{
	width: 300px;
	margin:0;
	padding:16px 0;
	height: 420px;
	}
html>body #sidebar	{height:auto;min-height:420px;}

body#com #sidebar {width:500px;}



.footer  {display: block; position: relative; width:800px; padding:1em 0; margin:0px auto;text-align:left;}
.footer ul {list-style:none;}
.footer li {display:inline;margin:0;padding:0;border-left:1px dotted #666;}
.footer li a {font: 80%/1.4em arial, sans-serif; color: #666;text-decoration: none;padding:0 3px;}
.footer li:first-child {border-left:0 solid #333;}
#footer { position:relative;clear: both;display:block;width:800px; margin: 0 auto;padding:2em 0 0 0;border:red 1px solid;}
#footer a {padding:0 2px;}

#info {display:block;}

.clearer {clear:left;line-height:0;height:0;margin:0 0 2em 0;}

/* ---------- Linkage ---------- */
	
a:link {
	font-weight : 100; 
	text-decoration : none;
	color: #905A33;
	background: transparent; 
	}
a:visited {
	font-weight : 100; 
	text-decoration : none;
	color: #905A33;
	background: transparent; 
	}
a:hover {
	font-weight : 100; 
	text-decoration : underline;
	color: #42B4E6;
	background: transparent; 
	}

a:active {
	font-weight : 100; 
	text-decoration : none;
	color: #42B4E6;
	background: transparent;  
	}

div#footer p a:link { color: #905A33; }


#mainnav a:link,#mainnav a:visited { text-decoration: none; color:#7B6E6A;font-weight:100;}
#mainnav a:hover,#mainnav a:active { text-decoration: none; color:#fff; }

#main a:link, #main a:visited { color: #905A33; }
#main a:hover	{ color: #42B4E6; }

#sidebar a:link, #sidebar a:visited	{ color: #905A33; }
#sidebar a:hover { color: #42B4E6; }
#sidebar a:active	{ color: #666; }

#sidebar ul li a:link, #sidebar ul li a:visited	{ color: #905A33; }
#sidebar ul li a:hover { color: #42B4E6;font-weight:900; }
#sidebar ul li a:active { color: #666; }


.back a:link, .back a:link { color: #333; text-decoration: none; } 
.back a:hover {  color: #8CB4E8; text-decoration: underline; }
.back a:active {  color: #EB8AA9; text-decoration: none; }

/* ---------- Body typography ---------- */

p { margin-top: 1em; padding-top:0; }
p.nopad {margin:0;}

h2 {font:900 1.2em arial;text-transform: capitalize; letter-spacing: 1px;clear:left;}
h3 {width:75%;text-transform: capitalize;margin:0;padding:2px 0;}
h4 {font: 100% helvetica;text-align:left;padding: 0;margin:0;}
h5 {font: italic 0.9em helvetica;padding:4px 0;margin:0;}
h5 a:before {content:"click: ";}

#sidebar p, #maincontent p {font-size:100%;padding:0;width:90%;clear:both;}

.partners, #subnav  {font-size: 80%; color: #7B858A;}
.partners:first-letter {text-transform:capitalize;}
#footer p 	{ font-size: 0.8em; color: #905A33; }
#hello {font:100 0.9em verdana, 'helvetica neue';color: #905A33;}
#cv {padding-bottom:30px; font:0.9em/1.2em times;}


em {font-style:italic;}
.strong {font-weight:900;}


/* ---------- Stars and bars - listings ---------- */

#sidebar ul {
	display:block;
	width:300px;
	padding:  0;
	margin: 10px 0;
	list-style: circle;
}
body#home #sidebar ul { list-style: none; }


#sidebar ul li { padding: 2px 0; margin:0 0 0 30px;width:75%; }


#maincontent ul { width:300px; padding:  0; margin: 400px 0 0 0; list-style: circle; }
#maincontent ul li { padding: 2px 0 2px 0;margin:0;}
#maincontent ul li p { width:50%;border-bottom:1px dotted #333; }

.back
{
	position: relative;
	width:100px;
	margin: 0 0 0 4px;
	padding: 0;
	text-align: left;
}


/* ---------- Main nav ---------- */

#divnav { border:0; margin:0; padding:0;background: #E7E3B5;}


#mainnav {width:800px; margin: 0 auto;}
#mainnav ul { padding:0 0 0 60px; margin:0; }
#mainnav ul li	{ list-style: none;height:120%; display:inline; }
#mainnav ul li	a {padding:0.5em;margin:0;border:0; background: transparent;border-left:1px solid #fff;font:100 100%/2em arial;text-transform:lowercase;}
#mainnav ul li#border a {border-right:1px solid #fff;}


/* ---------- Subnav ---------- */

#subnav ul	{
	margin: 0 0 0 540px; 
	padding:0;
	border:0;
	width: 200px;
	height: 60px;
	position: relative;
	}
html>body #subnav ul {height:auto;min-height:60px;}

#subnav ul li	{ display:block;width:200px;height:1em;margin:0; padding:2px 0; list-style:none;  }


/* ---------- You are here ---------- */

#m1 a.m1, #m2 a.m2, #m3 a.m3, #m4 a.m4 , #m5 a.m5, #m6 a.m6, #m7 a.m7, #m8 .m8 { color: #fff;}
#m1 .f1, #m2 .f2, #m3 .f3, #m4 .f4, #m5 .f5, #m6 .f6, #m7 .f7, #m8 .f8 { color: #905A33;}

/* ---------- rollover images ---------- */

div#thumbs img { width: 65px; }

div#thumbs { display:block;position:relative;width:260px;height:400px; margin:  0; padding:  0; border: 0; }
html>body div#thumbs { height:auto;min-height:65px;}
div#thumbs ul {display:block;width:260px;list-style: none; margin:0; padding:0;clear:left;}
div#thumbs ul li {float:left;width:67px; padding: 4px ; margin:0;border:0;}
div#thumbs ul li a {display:block;width:65px;padding:0;margin:0; border: 1px solid #999;}	
div#thumbs ul li a:hover { border-color: #905A33;}


div#thumbs ul p {display:none;}
div#thumbs li.one:hover p {
	display: block; position: absolute; top: 410px; left: 300px; width: 300px; margin:0; z-index: 100;
	font:italic 100 1.2em/1em times;padding:0;text-align: left;  text-transform: lowercase;}

#rollover {position: absolute;top:56px; right:0; width: 300px;height: 400px; margin:0;padding:0;}
html>body #rollover { height: auto; min-height: 400px;}
body#bl #rollover {position: absolute;top: 258px;}
body#bl2 #rollover {position: absolute;top: 258px;}

div.drop img {height:0; width:0; border-width:0;}
#thumbs li:hover div.drop img { position: absolute; top:0; left:0; height: 400px; width: 300px}



	
/* ---------- FORMS ---------- */

#steroidForm { position:relative; visibility:visible; }/* apply additional positioning to this rule as you wish */
.req { color:#ff0000;}/* used to mark text labels with red asterisk (see below) */



#sidebar form {display:block;width:180px;font-size:100%;padding:16px 0 0 0;margin:0;} 
#sidebar form p {display:block;clear:left;margin: 0;padding: 0 0 0 0;width:100%;}
#sidebar form p#checkbox  {margin:2px 0 6px 0;padding: 0;}
#sidebar form p#checkbox span {display:block;margin:0;padding: 2px 0;display:block;clear:both;width:120px;float:left;}
#sidebar form p#checkbox span label {float:left;}


form  p {margin:0;padding:0;float:left;font: 100  100%/120% arial,sans-serif;}

input[type="text"]  {width:160px;display:block;margin:4px 0;padding:2px 0;border: 1px solid #e5e0e3;font: 100  100% 'Courier New', courier, monospace;}
input[type="checkbox"] {margin:0;padding:0;width:12px;height:12px;float:right;}
input[type="submit"] {width: 100px;background:#fff;margin:6px 0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}
input[type="button"] {width: 100px;background:#fff;margin:6px 0;padding: 0;border: 1px solid #e5e0e3;font: 900  100% 'Courier New', courier, monospace;}

form select  {width:160px ;padding:2px;}


textarea#styled {
	width: 260px;
	height: 80px;
	border: 1px solid #e5e0e3;
	padding: 2px;
	margin:1em 0;
	font: 100  100% 'Courier New', courier, monospace;}