/***

Autor: GEVC Interactive
Created: May 2007
web: www.gevc.com

***/

html
{
	font: normal 12px/15px 'helvetica neue', helvetica, arial, sans-serif;
	color: #444;
	background-color: #FFFFFF;
	
	height: 100%;
}

* html { font: 12px Arial, Helvetica, sans-serif; } /* ie6 hack */

body
{
	margin: 0 auto;
	
	text-align: center;
	height: 100%;	
}

#headerContainer
{
	width: 100%;
	height: 138px;
	background: url( ../images/header_BG_gradient.gif ); /* added gradient sept 12 07 */
}

#header
{
	margin: 0 auto;
	width: 800px;
	height: 102px;
	
	padding: 0;
	
	text-transform: uppercase;
}

/* main navigation */

#topNav
{
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
    top: 69px;
	
	float: right;
	line-height: normal;
}

#topNav ul
{
	padding: 0;
	margin: 0;
	
	font-size: 11px;
	font-weight: bold;
	
	list-style: none;
}

#topNav li
{
	float: left;
	
	margin: 0;
	padding: 0;
}

#topNav a
{
	display: block;
	background: url( '../images/tab_l.gif' ) no-repeat left top;
	padding: 9px 18px;
	
	color: #FFFFFF;
	text-decoration: none;
}

#topNav a:hover
{
	text-decoration: none;
	color: #FFFF66;
}

#topNav li
{
	float: left;
	background: url( '../images/tab_r.gif' ) no-repeat right top;
	
	margin: 0 2px 0 2px;
	padding: 0;
}

#topNav #current
{
	background-image: url( '../images/tab_r_on.gif' );
	height: 35px; /* bring the tab down */
}

#topNav #current a
{
	background-image: url( '../images/tab_l_on.gif' );
	
	color: #3A8904;
}

#topNav #current a:hover
{
	color: #006600;
}

/* end main navigation */

#logo
{
	float: left;
	
	margin-top: 34px;
}

#logo img
{
	border: none;
}


#page
{
	width: 100%;
	margin: 0 auto;
	
    position: relative;
}

#mainContent
{
    width: 800px;
    margin: 0 auto;
    padding: 0 10px 10px 10px; /* changed sept 14th to accomodate the banner */
    text-align: left;
	line-height: 20px;
}

#mainContent .right-column blockquote
{
	font: italic 14px/22px georgia, 'times new roman', serif;
	color: #666;
	margin: 31px 0 0 0; padding: 0;
}

#mainContent .right-column .author
{
	line-height: 14px;
	font-size: 10px;
	color: #999;
}

/* body links */

#mainContent a.clean
{
	text-decoration: none;
}

#mainContent a
{
	color: #3A8904;
}

#mainContent a.folio_link
{
	padding-left: 25px; margin-left:-25px
}

#mainContent a:hover
{
	color: #666;
	text-decoration: none;
}

#mainContent a img
{
	border: none;
}

#footer
{
	line-height: 20px;
	
	color: #686868;
    width: 100%;
    height: 420px;
	
	text-align: center;
    
    background: url( '../images/footer_BG.gif' ) repeat-x; /* make this bigger */
	
	margin-top: 50px; /* added sep 06 2007 */
}


#footer #footerContent
{
	font-size: 11px;
	text-align: left;
	margin: 0 auto;
	width: 800px;
	height: 200px;
	
	padding: 50px 0 8px 0;
}

#footer #footerContent #details
{
	margin: 0;
	padding: 0;
	
	list-style: none;
}

#footer #footerContent #details
{
	float: left;
	
	margin-right: 106px;
}

#footer #footerContent #details
{
	float: left;
}

#footer #footerContent #details a
{
	color: #686868;
}

#footer #footerContent #footer_float
{
	float: right;
	clear: right;
	
	padding: 0 40px 40px 40px;
	margin: 0 10px 10px 10px;
}

#copyright
{
	text-align: left;
	margin: 0 auto;
	margin-top: 160px;
	width: 800px;
	
	color: #8C8C8C;
}

* html #copyright { margin-top: 20px; }

#flashBanner
{
	padding: 0;
	
	height: 240px;
	margin: 0 0 25px 0;
	
	overflow: hidden;
	
	border-bottom: 1px solid #388906;
}


/* added banner list for use with parallel array */

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

#flashBanner ul li
{
	float: left; /* flat images left */
}




/* text & formatting */

h3
{

	font-size: 14px;
	color: #333;
	
	padding: 0px;
	margin: 0px;
}

h3.toggler /* expanded */
{
	font-size: 13px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	background-image: url( '../images/arrow_down.gif' );
	background-repeat: no-repeat;
	background-position: 0px 5px;
	
	padding-left: 15px;
}

#mainContent h3 a, h3.toggler:hover
{
	color: #2F7003;
	text-decoration: none;
}

#mainContent h3 a:hover
{
	text-decoration: underline;
}

#footer h3
{
	color: #3F3F3F;
}

#footer_float h3
{
	font-size: 12px;
}

/* columns */

.lead-column, .column
{
	float: left;
	
	width: 174px;
	margin: 0 14px 60px 0;
	padding-right: 10px;
}

.inside-column /* changed to one class sept 6 2007 */
{
	width: 370px;
	margin: 0 33px 0 0;
	padding-bottom: 50px;
	
	display: block;
}

/* ie 6 hack, damn flaky box model */

* html .inside-column { width: 360px; margin: 0 22px 0 0; }

.right
{
	float: right;
}

.inside-column img.float-right
{	
	float: right;
	clear: right;
	
	padding: 0 0 30px 30px;
}

/* inside pages */

.left-column
{
	float: left;
	clear: left;
	
	width: 180px;
	
	color: #3A8904;
}

#mainContent .left-column a
{
	color: #3A8904;
	text-decoration: none;
	
}

#mainContent .left-column a:hover
{
	color: #3A8904;
	font-weight: bold;
}

.right-column
{
	float: right;
	clear: right;
	
	width: 180px;
}

.middle-column
{
	width: 388px;
	margin-left: 205px;
	padding-bottom: 50px;
}

/* end columns */

.line img
{
	width: 800px;
	height: 1px;
	color: #3A8904;
	
	display: inline !important;
	
	padding-bottom: 34px;
}

.line
{
	padding: 0 0 20px 0;
}

.inside-column-right h3, .inside-column-left h3
{
	color: #666;
}

.hidden
{
	color: #FFFFFF;
}

.left-column h3
{
	color: #3A8904;
}

.left-column .current
{
	font-weight: bold;
}

.right-column h3
{
	color: #8C8C8C;
}

hr
{
	display: none;
}

.error
{
	font-family: courier new, tahoma, verdana;
    text-align: center;
    width: 100%;
    border: 2px solid #FF7777;
    
    padding: 100px 0 100px 0;
    margin-bottom: 20px;
    
    font-size: 16px;
    
	background: #FFEEEE;
	color: #000000;
}

.footer_img img
{
	height: 75px;
	width: 75px;
}

.footer_img
{
	display: inline;
}


.footer_img a img
{
	border: 5px solid #CCCCCC;
	margin-right: 2px;
}

.footer_img a img:hover
{
	border: 5px solid #8DC63F;
}

/* accordion */

#mainContent .accordion /* what gets toggled */
{
    margin: 5px 0px 10px 4px;
    
    padding-left: 10px;
    border-left: 1px solid #FFFFFF;
}

#mainContent .accordion p
{
	color: #444;
}

#mainContent .accordion h3
{
	/* description & job summary */

	font-weight: bold;
	padding: 10px 0 10px 0;
	
	font-size: 12px;
	
	color: #666;
}

#mainContent .accordion small
{
	font-size: 11px;
}

#mainContent .accordion small b
{
	font-weight: bold;
}

/* vcard and linked in */
#mainContent .accordion .vcard
{
	color: #003399;
	background: url( '../images/v-card.gif' ) no-repeat left top;
	padding: 0 10px 0 27px;
}

#mainContent .accordion .linkedin
{
	color: #003399;
	background: url( '../images/linkedin.gif' ) no-repeat left top;
	padding: 0 10px 0 25px;
}

#mainContent .accordion .vcard:hover, #mainContent .accordion .linkedin:hover
{
	text-decoration: underline;
}

#flashOverlay /* flash pop-up */
{
	position: absolute;
	left: 50%;
	overflow: hidden;
	
	z-index: 2000;
}

a.flashClick
{
	cursor: pointer;
	cursor: hand;
}

div.flickr_badge_image
{
	display: inline;
}

/* gmap */

#saddr
{
	border: 1px solid #b8b8b8;
	margin: 0 5px 10px 0;
	
	padding: 4px 8px 2px 6px;
	height: 16px;
	
	width: 220px;
	
	background: #F1F1F1 url( '../images/searchbg.gif' ) repeat-x;
	
	color: #6A6A6A;
	font-size: 11px;
}

#saddr:focus
{
	border: 1px solid #295D19;
}

input.go
{	
	height: 28px;
	width: 46px;

	background: #333 url('../images/go.gif' ) no-repeat;
	
	outline: none;
	display: inline;
}

input.go:hover
{
	background: #333 url('../images/go.gif' ) no-repeat 0 -28px;
}

.form_small
{
	font-size: 11px;
	font-style: italic;
	color: #999999;
}

.sub
{
	padding-left: 5px;
}

small.tabbed
{
	padding-left: 15px;
}

.folio
{
	list-style: none;
	
	padding-left: 25px;
}

li.folio_li
{
	background: url('../images/folio_launch.gif' ) no-repeat center left;
	padding-left: 25px;
	margin-left: -25px;
}