/* 
---------------------------------------
Site:		RED Creative Group
Author:   	RED Creative Paths, Inc.
Version:  	2.0
--------------------------------------- */

* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Helvetica, sans-serif;
 font-size: 12px;
 color: #707070;
 background: #d4d4c8 url(images/bgnd.jpg) repeat-x;
 z-index: 0;
}

#topimage {
 position: absolute;
 background: url(images/topimage2.jpg) no-repeat;
 width: 930px;
 height: 320px;
 top: 0;
 left: 0;
 z-index: 1;
}


.headline {
 font-size: 22px;
 padding-left: 10px;
 padding-bottom: 5px;
 padding-top: 5px;
 margin-bottom: 5px;
 color: #777776;
 background: #c4ff66;
}

.headline2 {
 font-size: 22px;
 padding-left: 10px;
 padding-bottom: 5px;
 padding-top: 5px;
 margin-bottom: 5px;
 color: #777776;
}

.subhead {
 font-size: 12px;
 color: #777776;
 font-weight: bold;
 background: #dfdfd6;
 padding: 3px;
 padding-left: 5px;
 margin-top: 7px;
 margin-bottom: 3px;
}

.subhead2 {
 font-size: 14px;
 color: #777776;
 padding: 3px;
 padding-left: 5px;
 margin-top: 7px;
 margin-bottom: 3px;
}

.subhead3 {
 font-size: 14px;
 font-weight: bold;
 background: #777776;
 color: #dfdfd6;
 padding: 7px;
}

.subhead4 {
 font-size: 12px;
 padding: 15px;
 margin-top: 7px;
 margin-bottom: 3px;
 line-height: 1.5em;
 background: #FFF;
}

.wedo {
 font-size: 12px;
 color: #777776;
 background: #dfdfd6;
 padding: 15px;
 padding-left: 25px;
 padding-right: 25px;
 margin-top: 7px;
 margin-bottom: 3px;
}


.body {
 font-size: 12px;
 font-weight: normal;
 line-height: 1.5em;
 text-align: left;
}

.body2 {
 font-size: 12px;
 font-weight: normal;
 line-height: 1.25em;
 padding-top: 3px;
}

.small {
 font-size: 10px;
 font-weight: normal;
 line-height: 1.25em;
}

.date {
font-size: 10px;
font-weight: bold;
}

#wrapper { 
 margin: 0;
 width: 830px;
}

#comment2 {
 position: absolute;
 left: 25px;
 top: 185px;
 width: 125px;
 height: 70px;
 font-size: 16px;
 display: inline;
 z-index: 2;
}
#comment1 {
 position: absolute;
 left: 500px;
 top: 85px;
 width: 125px;
 height: 70px;
 z-index: 2;
}

#leftcolumn { 
 position: absolute;
 top: 0;
 left: 0;
 color: #333;
 width: 170px;
 margin-top: 233px;
 padding-left: 25px;
 padding-right: 5px;
 font-size: 14px;
 z-index: 2;
}
#rightcolumn { 
 float: right;
 color: #333;
 width: 610px;
 padding-left: 19px;
 display: inline;
 position: relative;
 margin-top: 295px;
 margin-bottom: 50px;
 z-index: 2;
}

#entry1 {
 display: inline;
 position: relative;
 z-index: 2;
 float: left;
}

#wedoleft { 
 float: left;
 width: 302px;
 display: inline;
 position: relative;
 z-index: 2;
}
#wedoright { 
 float: right;
 width: 303px;
 display: inline;
 position: relative;
 z-index: 2;
}

#footer {
clear: both;
padding: 40px;
padding-left: 40px;
font-size: 10px;
background: #c8c7bb;
width: auto;
height: 140px;
 z-index: 2;
}


#headshot {
display: inline;
float: left;
margin-right: 10px;
border: 3px solid #dfdfd6;
}

#title {
 display: block;
 font-size: 12px;
 height: 56px;
 width: 300px;
 color: #777776;
 font-weight: bold;
 background: #dfdfd6;
 padding-left: 10px;
 padding-top: 10px;
}

#table {
 border: 3px solid #E8EDB0;
 width: 610px;
 display: block;
 background: #333;
}


a.map {
border: 3px solid #c4ff66;
	height: 50px;
	width: 200px;
	display: block;
}

a:hover.map {
border: 3px solid #00ccff;
	height: 50px;
	width: 200px;
	display: block;
}



a.comment {
	color: #777776;
	font-size: 12px;
	background: #c4ff66;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.5em;
}
a:visited.comment {
	color: #777776;
	font-size: 12px;	
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.5em;
}
a:hover.comment {
	color: #777776;
	font-size: 12px;
	background: #00ccff;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.5em;
	text-decoration: none;
}




a.link {
	color: #777776;
	font-size: 12px;
	text-decoration: none;
	background: #c4ff66;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
	line-height: 1.65em;
}
a:visited.link {
	color: #777776;
	font-size: 12px;	
	text-decoration: none;
	background: #c4ff66;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
}
a:hover.link {
	color: #FFF;
	font-size: 12px;
	background: #00ccff;
	text-decoration: none;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
}
a.youarehere {
	color: #FFF;
	font-size: 12px;
	background: #00ccff;
	text-decoration: none;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
	line-height: 1.65em;
}





a.emaillink {
	color: #777776;
	font-size: 12px;
	text-decoration: none;
}
a:visited.emaillink {
	color: #777776;
	font-size: 12px;	
	text-decoration: none;
}
a:hover.emaillink {
	color: #FFF;
	font-size: 12px;
	background: #00ccff;
	text-decoration: none;
}
a:active.emaillink {
	color: #FFF;
	font-size: 12px;
	background: #00ccff;
	text-decoration: none;
}


a.footerlink {
	color: #777776;
	font-size: 10px;
	text-decoration: none;
	background: #c4ff66;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
	line-height: 1.65em;
}
a:visited.footerlink {
	color: #777776;
	font-size: 10px;	
	text-decoration: none;
	background: #c4ff66;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
}
a:hover.footerlink {
	color: #777776;
	font-size: 10px;
	background: #00ccff;
	text-decoration: none;
	padding: 1px;
	padding-left: 5px;
	padding-right: 8px;
}


/* 600 pixel wide gallery navigation */

#nav-menu600 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu600 li
{
float: left;
margin: 0;
}

#nav-menu600 li a
{
	height: 200px;
	
	width: 600px;
	display: block;
	border: 5px solid #dfdfd6;
	margin-bottom: 8px;
	
}

#nav-menu600 li a:hover
{
	height: 200px;
	
	width: 600px;
	display: block;
	border: 5px solid #00ccff;
	margin-bottom: 8px;
}

/* Hide from IE5-Mac \*/
#nav-menu600 li a
{
float: none
}
/* End hide */

#nav-menu600
{
	padding: 0;
	margin: 0;
}


/* 300 pixel wide gallery navigation */

#nav-menu300 ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu300 li
{
float: left;
margin: 0;
}

#nav-menu300 li a
{
	height: 200px;
	
	width: 291px;
	display: block;
	border: 5px solid #dfdfd6;
	margin-bottom: 8px;
	margin-right: 4px;
}

#nav-menu300 li a:hover
{
	height: 200px;
	
	width: 291px;
	display: block;
	border: 5px solid #00ccff;
	margin-bottom: 8px;
	margin-right: 4px;
}

/* Hide from IE5-Mac \*/
#nav-menu300 li a
{
float: none
}
/* End hide */

#nav-menu300
{
	padding: 0;
	margin: 0;
}



/* footer columns */


li {
    line-height:1.5em;
    list-style: none;
}
.licol {
    float: left;
    width: 200px;
    margin-right: 40px;
}
.licol2 {
    float: left;
    width: 100px;
    margin-right: 40px;
}
.licol3 {
    float: left;
    width: 400px;
}


/* footer columns 2 */


li {
    line-height:1.5em;
    list-style: none;
}
.licol4 {
    float: left;
    width: 290px;
	height: 140px;
    margin-right: 5px;
 background: #dfdfd6;
 padding-left: 5px;
}
.licol5 {
    float: left;
    width: 295px;
	height: 140px;
 background: #dfdfd6;
 padding-left: 5px;
 padding-right: 10px;
}



/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#777776;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack*/
a.tt:hover{ z-index:25; color: #333; background:;}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-10px; left:-215px;
	padding: 0;
	width:200px;
	color: #333;
	font-size: 10px;
    text-align: left;
}
a.tt:hover span.top{
	display: block;
	padding: 18px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 4px; 
	padding-left: 12px;
	padding-right: 12px;
	background: #DFDFD6;
	line-height: 1.5em;
	font-weight: normal;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 12px;
	color: #777776;
    background: url(images/bubble.gif) no-repeat bottom;
}