/* ERIC BENOIT - Boston Freelance Graphic and Web Designer */
/* http://www.ebenoit.com */
/* CSS Document - Styles and Structure */


/* --- DEFAULT STYLES --- */
body {
	font-family: Verdana, Geneva, sans-serif;
	background: #000;
	font-size: 11px;
	line-height: 21px;
	color: #353a21;
	margin: 0;
	padding: 0;
}


/* DEFAULT LINK STYLE */
a:link, a:visited, a:active {
	color: #353a21;
	text-decoration: underline;
}

a:hover {
	color: #596525;
}


/* DEFAULT TEXT STYLES */
h1 { 
	color: #353a21;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 15px 0;
}

p {
	padding: 0 0 15px;
	margin: 0;
}

ul {
	margin: 0 0 0 13px;
	padding: 0 0 15px;
}

ol {
	margin-bottom: 15px;
	font-weight: bold;
}

ul li {
	padding: 0;
	margin: 0;
}

ol li {
	margin-bottom: 7px;
}

small {
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
	margin: 10px 0 20px 0;
}

.center {
	text-align: center;
	display: block;
}

.unbold {
	font-weight: normal;
}


/* DEFAULT IMAGE STYLE */
img {
	border: 0;
}

#contentRight img {
	border: 5px solid #595c41;
}

.commImg {
	padding: 2px 4px;
}


/* Clear Floats */
.clear	{
	clear: both;
}


/* MAIN CONTENT */
#flashOverlay {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1024px;
	margin-left: -512px;
}

/*#flashOverlay {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 814px;
	margin-left: -407px;
}*/

#wrapperBig {
	background: url(../images/body-bg.jpg) no-repeat center bottom;
}

#wrapper {
	width: 814px;
	margin: 0 auto;
}

#header {
}

#navigation {
	background: #595c41;
	font-size: 12px;
	height: 33px;
}

#contentMission, #contentApproach, #contentLinks, #contentReady, #contentTalk, #contentFaq, #contentTestimonials, #contentCommunity {
	border: 5px solid #595c41;
	border-top: none;
	padding: 30px 30px 5px 30px;
}

#contentHome {
	padding: 0;
	border: 5px solid #595c41;
	border-top: none;
}

#contentMission {
	background: url(../images/content-mission-bg.jpg) no-repeat bottom center #e4e4b1;
}

#contentApproach {
	background: url(../images/content-approach-bg.jpg) no-repeat bottom center #e4e4b1;
}

#contentLinks {
	background: url(../images/content-links-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentReady {
	background: url(../images/content-ready-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentTalk {
	background: url(../images/content-talk-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentFaq {
	background: url(../images/content-faq-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentTestimonials {
	background: url(../images/content-testimonials-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentCommunity {
	background: url(../images/content-community-bg.jpg) no-repeat bottom center #ecedb9;
}

#contentLeft {
	float: left;
	width: 379px;
}

#contentRight {
	float: right;
	width: 340px;
}

#contentLeftTestimonials {
	float: left;
	width: 379px;
}

#contentLeftCommunity {
	float: left;
	width: 421px;
}

#contentRightCommunity {
	float: right;
	width: 298px;
	text-align: center;
}

.video {	
	border: 5px solid #595c41;
	z-index: 5;
	position: relative;
}

.paddingLeft {
	padding-left: 35px;
}


/* FOOTER STYLES */
#footer {
	font-size: 11px;
	color: #FFF;
	padding-bottom: 40px;
	text-align: right;
	text-transform: uppercase;
}

#footer a:link, #footer a:visited {	
	padding: 10px 10px;
	margin: 0 15px;
	text-decoration: none;
	color: #a6b675;
}

#footer a:hover {
	color: #FFF;
	text-decoration: none;
}


/* SCROLL BARS */
#pane3 {
	height: 310px;
	padding-right: 10px;
}

#pane4 {
	height: 310px;
	padding-right: 10px;
}
			
			.winXP .jScrollPaneTrack {
				background: url(../images/windows_track.gif) repeat-y;
			}
			.winXP .jScrollPaneDrag {
				background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
			}
			.winXP .jScrollPaneDragTop {
				background: url(../images/windows_drag_top.gif) no-repeat;
				height: 4px;
			}
			.winXP .jScrollPaneDragBottom {
				background: url(../images/windows_drag_bottom.gif) no-repeat;
				height: 4px;
			}
			.winXP a.jScrollArrowUp {
				height: 17px;
				background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowUp:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollArrowDown {
				height: 17px;
				background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
			}
			.winXP a.jScrollArrowDown:hover {
				background-position: 0 -20px;
			}
			.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
				background-position: 0 -40px;
			}
			
			
			.osX .jScrollPaneTrack {
				background: url(../images/osx_track.gif) repeat-y;
			}
			.osX .jScrollPaneDrag {
				background: url(../images/osx_drag_middle.gif) repeat-y;
			}
			.osX .jScrollPaneDragTop {
				background: url(../images/osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				background: url(../images/osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 24px;
				background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX a.jScrollArrowDown {
				height: 24px;
				background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */