/* CSS Document */

/* Impress Design, LLC is the home of graphic designer 
		Jack McDaniel
		720.495.1368
		www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. 
Just make certain you change it and don't steal my images */

/*******************************************************************
 			Site Colors: 	Dark Blue:  #0957a4
							Light Blue: #0b53c9
							Green: #6fb20b
							
********************************************************************/
/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: 
	http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, 
fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { 
	font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{
	margin:0; 
	padding:0; 
	border:0; 
	font-size:14px; 
	font-family: Arial,Helvetica,sans-serif;
	color:#111;
}
html{
	background:#5b5b5b url(../img/BG.jpg)  top center repeat-y;
}

/***********************************************************
				BASIC LINKS
**********************************************************/
a {
	color: #38709D; 
	text-decoration: none;
}
a:hover {
	color: #8FB0CC; 
	text-decoration: none;
}
/********************************************************
				BODY INFO
*********************************************************/
body{
	width:100%; 
	margin:0 auto;
	background:#5b5b5b url(../img/BG.jpg) top center repeat-y; 
	color: #111;
	border-top: 5px solid #111;
	font-family: Arial Helvetica,sans-serif;
}
*{margin:0; padding:0}
#mainContainer{
	width: 960px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
}
	
/**********************************************************
				HEADER
************************************************************/
#header {
	height: 100px;
	width: 960px;
	overflow: hidden;
	background: #FFF;
}
#logo {
	float: left;
	width: 610px;
	margin-top: 7px;
}
#caring {
	float: left;
	width: 250px;
	margin-top: 50px;
	background: url(../img/caring.jpg) top left no-repeat;
}
#demo {
	float: right;
	width: 95px;
}
/**********************************************************
					MAIN MENU
************************************************************/
#mainMenu {
	height: 95px;
	width: 960px;
	background: url(../img/menuBG.jpg) top left no-repeat;
}
#topMenu {
	float: left;
	width: 100%;
}
#menu {
	position:relative;
	display:inline;
	height:95px;
	width: 960px;
	overflow: hidden;
}
#menu ul li {
	display: inline;
}
#menu ul li#productsNav a {
	float: left;
	margin: 0;
	height: 95px;
	background: url(../img/productsBG.jpg) top left no-repeat;
	width: 240px;
}
#menu ul li#productsNav a:hover {
	float: left;
	margin: 0;
	height: 95px;
	background: url(../img/productsBG.jpg) 0 -95px no-repeat;
	width: 240px;
}
#menu ul li#productsNavActive a {
	float: left;
	margin: 0;
	height: 95px;
	background: url(../img/productsBG.jpg) 0 -95px no-repeat;
	width: 240px;
}
#menu ul li#aboutNav a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/aboutBG.jpg) top left no-repeat;
	width: 225px;
}
#menu ul li#aboutNav a:hover {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/aboutBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
#menu ul li#aboutNavActive a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/aboutBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
#menu ul li#newsNav a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/newsBG.jpg) top left no-repeat;
	width: 225px;
}
#menu ul li#newsNav a:hover {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/newsBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
#menu ul li#newsNavActive a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/newsBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
#menu ul li#contactNav a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/contactBG.jpg) top left no-repeat;
	width: 225px;
}
#menu ul li#contactNav a:hover {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/contactBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
#menu ul li#contactNavActive a {
	float: left;
	margin: 0;
	margin-left: 15px;
	height: 95px;
	background: url(../img/contactBG.jpg) 0 -95px no-repeat;
	width: 225px;
}
/****************************************************************
				MAIN IMAGE 
****************************************************************/
#mainImage {
	width: 960px;
	height: 253px;
	overflow: hidden;
}
#mainImageDiapro { 
	height: 253px;
	background: url(../img/mainImageDiapro2.jpg) top left no-repeat;
	overflow: hidden;
}
#mainImageDiapro h2 {
	text-indent: -9999px;
}
#mainImageProducts { 
	height: 253px;
	background: url(../img/mainImageProducts.jpg) top left no-repeat;
	overflow: hidden;
}
#mainImageProducts h2 {
	text-indent: -9999px;
}
#mainImageNews { 
	height: 253px;
	background: url(../img/mainImageNews.jpg) top left no-repeat;
	overflow: hidden;
}
#mainImageNews h2 {
	text-indent: -9999px;
}
#mainImageAbout { 
	height: 253px;
	background: url(../img/mainImageAbout.jpg) top left no-repeat;
	overflow: hidden;
}
#mainImageAbout h2 {
	text-indent: -9999px;
}
#mainImageContact { 
	height: 253px;
	background: url(../img/mainImageContact.jpg) top left no-repeat;
	overflow: hidden;
}
#mainImageContact h2 {
	text-indent: -9999px;
}
/*******************************************************
				CONTENT PAGE INFO
*********************************************************/
#wrap {
	float: left;
	width: 100%;
}
#contentContainer {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#content {
	margin-right: 440px; /*Set right margin to rightColumnWidth*/
	padding: 20px 20px 0px 15px;
	color: #111;
	font-size: 1.1em;
	line-height:1.4em;
}
#content p {
	padding-bottom: 15px;
}
blockquote {
	float: left;
	width: 225px;
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	font-size: 1.25em;
	padding: 10px 10px 10px 50px;
	color: #38709D;
	font-style: italic;
	background: url(../img/quotes.gif) left 4px no-repeat;
	margin-right: 15px;
	font-family: "Times New Roman",Times, serif;
}
#content img {
	float: left;
	margin-right: 5px;
}
#content ul li {
	margin-left: 30px;
	padding-left: 15px;
	line-height: 1.2em;
	margin-bottom: 10px;
	background: url(../img/arrow.jpg) 0 4px no-repeat;
}
.contentList ul li {
	margin-left: 20px;
	padding-left: 15px;
	line-height: 1.0em;
	margin-bottom: 10px;
	background: url(../img/arrow.jpg) 0 3px no-repeat;
}
/*****************************************************
						LEFT COLUMN
******************************************************/
#leftColumn{
	float: left;
	width: 240px; /*Width of left column*/
	margin-left: -440px; /*Set left margin to -(MainContainerWidth)*/
}
#leftColInner {
	padding: 8px;
	background: url(../img/grid2BG.gif) top left repeat;
}
/*****************************************************
					RIGHT COLUMN
******************************************************/
#rightColumn{
	float: left;
	width: 200px; /*Width of left column*/
	margin-left: -200px; /*Set left margin to -(MainContainerWidth)*/
}
#rightColInner {
	padding: 10px;
}
/**********************************************************************
				FOOTER
**********************************************************************/
#footer{
	margin: 0 auto;
	width: 960px;
	height: 190px;
	color: #FFF;
	overflow: hidden;
	background: url(../img/footerBG.jpg) top left no-repeat;
}
.innerFooter1 {
	padding: 25px 10px;
	float: right;
	font-size: .9em;
}
.innerFooter1 a {
	color: #FFF;
}
.innerFooter1 a:hover {
	color: #CCC;
}
.footerUser {
	float: right;
	width: 200px;
	margin-left: 20px;
	line-height: 1.4em;
}
/************************************************************************
					RIGHT/LEFT COLUMN LINK STYLING
************************************************************************/
.block {
	padding-left:7px;
	font-size: 1.0em;
	margin: 20px 0;
}
.block li {
	margin-bottom: 10px;
}
.block li a {
	padding-left: 15px;
	line-height: 1.5em;
	background: url(../img/arrow.jpg) 0 3px  no-repeat;
	color: #666;
}
.block li.active a {
	background: url(../img/arrow.jpg) 0 3px no-repeat;
	color: #222;
}
.block li a:hover {
	color: #000;
}
.title {
	color: #0957a4;
	font-weight: bold;
}
.title:hover {
	color: #6fb20b;
}
.newsletterRightCol {
	background: url(../img/newsletterRightCol.png) bottom left no-repeat;
	height: 50px;
	text-indent: -9999px;
}
.leftLink {
	padding: 10px 0;
}
/************************************************************************
					Newsletter 
************************************************************************/
.newsletterField {
	background: #CCC;
	border: 1px solid #222;
	color: #111;
	padding: 4px;
}
.newsletterSubmit {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 3px 0 3px;
	color: #111;
	background: url(../img/gradBG.png) bottom left repeat-x;
	text-align: center;
	border: 1px solid #111;
	line-height: 24px;
	height: 24px;
}
/******************************************************************
					SEARCH FORM
******************************************************************/
#sitesearch {
		margin: 20px 0;
}
.FSF_input {
		width: 160px;
		background: #EBEBEB;
		border: 1px solid #666;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		color: #111;
		padding: 2px;
}
.cfSearch {
		color: #222;
		background: url(../img/search.gif) top left no-repeat;
		width: 23px;
		height: 23px;
		margin-left: 4px;
		text-align: center;
		line-height: 23px;
}
.cfSearch a {
		color: #222;
}
.cfSearch a:hover {
		color: #38709D;
}
/*******************************************************************
	 				IMAGE rotator css
*******************************************************************/
div#rotator {
		height:253px;
		overflow: hidden;
}
div#rotator ul li {
		float:left;
		position: absolute;
		list-style: none;
}
div#rotator ul li.show {
		z-index:500
}

/***********************************************************************
				PAGINATION
*******************************************************************/
#ditto_pages {
	padding: 3px;
	background: url(../img/gradBG.jpg) top left repeat;
	font-size: 14px;
	margin-right: 3px;
	color: #111;
}
.pages {
	font-size: 14px;
	color: #38709D;
}
.ditto_currentpage {
	color: #E7E3D2;
	background: #38709D;
	padding: 3px;
	border: 1px solid #111;
	margin-right: 3px;
	font-size: 14px;
}
.reflect_month_link {
	background: url(../img/arrow.jpg) top left no-repeat;
	padding: 0 13px;
	font-size: 14px;
}
/***********************************************************************
				DITTO SPECIFIC
*******************************************************************/
.ditto_summaryPost {
	margin-bottom: 10px;
}
.dittoLink {
	padding-left: 10px;
	background: url(../img/arrow.jpg) 0 3px no-repeat;
}
.author {
	font-size: .95em;
	font-style: italic;
	color: #0957A4;
}
/*******************************************************************
				EMAIL FORM
********************************************************************/
.cfName {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfName {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfEmail {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfPhone {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 185px;
}
#cfMessage {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 350px;
}
.cfRegarding {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 5px;
	width: 185px;
}
#cfPrice {
	background: #CCC;
	border: 1px solid #222;
	color: #222;
	padding: 4px;
	width: 60px;
}
#cfContact {
	padding: 5px 3px;
	background: #0b53c9 url(../img/gradBG.png) top left repeat-x;
	color: #FFF;
	border: 1px solid #222;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	margin-bottom: 20px;
}
#cfContact:hover;{
	background: url(../img/gradBG.png) bottom left repeat-x;
	color: #8FB0CC;
}
.cfSubmit {
	float: left;
	margin: 1px 0 10px 0;
	padding:0 3px 0 3px;
	color: #222;
	background: url(../img/gradBG.png) bottom left repeat-x;
	text-align: center;
	border: 1px solid #222;
	line-height: 24px;
	height: 24px;
}
.row {
	padding: 10px 15px 15px 15px;
	padding-bottom: 25px;
}
/*******************************************************************
				HEADERS
********************************************************************/
h1 {
	color: #000;
	font-size: 24px;
	font-family:'Graublau Web'Arial;
	line-height: 32px;
	margin-bottom: 15px;
}
h2 {
	color: #000;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}
h3 {
	color: #0957a4;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 5px;
}
h4 {
	color: #333;
	font-size: 14px;
	line-height: 1.1em;
	font-style: italic;
	font-weight: 100;
}
h4 a {
	color: #333;
}
h4 a:hover {
	color: #0b53c9;
}
h5 {
	color: #0957A4;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
}
.Event {
	padding-left: 50px;
	background: url(../img/hEvent.jpg) top left no-repeat;
	min-height: 50px;
	line-height: 50px;
}
.News {
	padding-left: 50px;
	background: url(../img/hNews.jpg) top left no-repeat;
	min-height: 50px;
	line-height: 50px;
}
/*******************************************************************
				LATEST NEWS RIGHT COLUMN
********************************************************************/
.latestNewsRight {
	font-size: .95em;
	line-height: 1.3em;
	color: #666;
}
.date {
	color: #0957a4;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
	font-style: italic;
}
.postSummary {
	margin-bottom: 15px;
}
/*******************************************************************
				PRODUCT AND FRONT PAGE GRID
********************************************************************/
.userDiapro {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/diapro.jpg) top center no-repeat;
	width: 305px;
	padding-top: 90px;
}
.userDiaFinancial {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/diaFinancial.jpg) top center no-repeat;
	width: 305px;
	padding-top: 90px;
}
.userDiaCost {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/diaCost.jpg) top center no-repeat;
	width: 305px;
	padding-top: 90px;
}
.userGaiaCost {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaCost.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userGaiaOperational {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaOperational.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userGaiaFinancial {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaFinancial.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userGaiaPartnering {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaPartnering.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userGaiaThird {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaThird.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userGaiaBenchmarking {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaBenchmarking.jpg) top center no-repeat;
	width: 305px;
	padding-top: 70px;
}
.userInner {
	padding: 0 8px 10px 5px;
	line-height: 1.25em;
	color: #333;
	background: url(../img/innerBG.jpg) top right no-repeat;
}
.userInner2 {
	padding: 0 8px 10px 5px;
	line-height: 1.25em;
	color: #333;
}
.fDiapro {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/diapro.jpg) top center no-repeat;
	width: 305px;
	padding-top: 90px;
}
.frontGaiaConsulting {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/gaiaOperational.jpg) center 10px no-repeat;
	width: 305px;
	padding-top: 90px;
}
.frontGE {
	float: left;
	margin: 0 0 20px 15px;
	background: url(../img/GE.jpg) top center no-repeat;
	width: 305px;
	padding-top: 90px;
}
.user1 {
	float: left;
	width: 225px;
	margin: 0 0 20px 15px;
	
}
/*******************************************************************
				EVENT STYLING
********************************************************************/
.hilite {
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
}
.noHilite {
	font-weight: bold;
	color: #0957A4;
}