body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #B0B7C8;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: x-small;
	/* for centering mainDiv */
	text-align:center; /* IE */
	min-width: 695px;
}

a:link {
	color:#1574b2;
	text-decoration:none;
}

a:visited {
	color:#1574b2;
	text-decoration:none;
}

a:hover {
	color:#c66018;
	text-decoration:underline;
}

a:active {
	color:#990000;
}

/*  --- MAIN PAGE DIVs --- */
#mainDiv {
	padding: 0px;
	width: 692px;
	background-color:#fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	text-align: left;
}

/* IE Win 3 pixel bug */
html>body #mainDiv {
    width:692px;
}

#logoDiv {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#designDiv {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #4F75B3;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	height:339px;
}





/* -- main content area --- */

#contentArea {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	width: 100%;
	border-top: 0px solid #cbea93;
	border-bottom: 11px solid #deebfe; 
	height: 340px;
	border-top: 0px solid #ccc;
}

#bodyServices #contentArea, #bodyServiceshosting #contentArea, #bodyServicesSeo #contentArea {
	height: 340px;
}

#bodyPortfolio #contentArea {
	height: 340px;
}

#bodyContactForm #contentArea {
	height: 500px;
}

/* -- left main column ---- */
#contentCol {
	margin:0px;
	padding:0px;
	width: 520px;
	border-top: 1px solid #fff; 
	
}

/* --- right column quote area --- */

#rightCol {
	margin:0px;
	padding:0px;
	background-color: #e2c1a3;
	position:absolute;
	width:  150px;
	margin-left: 529px;
	top: 444px;
	 border-top: 0px solid #CA862E;
	border-bottom: 11px solid #CAC1BF; 
	height: 340px;
}

/* IE Win 3 pixel bug */
html>body #rightCol {
    top: 442px;
}

#bodyServices #rightCol, #bodyServiceshosting #rightCol, #bodyServicesSeo #rightCol {
	height: 340px;
}

#bodyPortfolio #rightCol {
	height: 340px;
}

#bodyContactForm #rightCol {
	height: 500px;
}


/* -- inside contentCol area - right and left columns --*/

.contentLeft {
	border-right: 0px solid #cbea93;
	border-top: 0px solid #cbea93;
	float: left;
	margin-left: 10px;
	/* margin-right: 5px;
	padding-right: 5px; */
	width: 150px;
	margin-top: 15px;
}

.contentRight {
	margin: 0px;
	padding: 0px;
	margin-left: 150px;
	border-left: 1px solid #cbea93;
	padding-right: 10px;
	padding-left: 10px;
	text-align:left;
	margin-top: 15px;
}

#bodyHome .contentLeft {
	width: 205px;
}

#bodyHome .contentRight {
	margin-left: 205px;
}

#bodyCommunity .contentLeft, #bodyContact .contentLeft, #bodyPortfolio .contentLeft {
	width: 180px;
}

#bodyCommunity .contentRight, #bodyContact .contentRight, #bodyPortfolio .contentRight {
	margin-left: 180px;
}


/* bottom area for clearing float */
#contentBottom {
	clear:left;
}


/* ----------- text classes --------- */

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#c66018;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin: 0px;
}

h3 a:link {
	color:#c66018;
	text-decoration:none;
}

h3 a:visited {
	color:#c66018;
	text-decoration:none;
}

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

.text1 {
	color:#6f7486;
	font-size:10px;
	margin-top: 5px;
}

.quote {
	padding-left: 7px;
	padding-right: 7px;
}

ul {
	padding-left: 30px;
}

#mood {
	padding-left: 10px;
	list-style-type: none;
	line-height: 1.5em;	
}

.orange {
 color:#c66018;
}

/* --- for right column ---- */
#subtitle1 {
	text-align:center;
	padding-top: 15px;
	background-image: url(../images/motivation/text_mood_orange.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}

#subtitle2 {
	text-align:center;
	padding-top: 15px;
	background-image: url(../images/motivation/text_testimonials_orange.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}


.hide {
	display:none;
}


.link {
	text-align:right;
	font-size: 10px;
	font-style: italic;	
}

/* ----- NAVIGATION ------ */

#navDiv {
	margin:0px;
	padding: 0px;
	background-color: #fff;
	height: 21px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

#navList {
   margin: 0px;
   padding: 0px;
}

#navList ul {
   background-color: #fff;  
}

#navList li {
 	list-style: none;
	float: left;
	margin: 0px;
 	font-size: 10px;
	line-height: 21px;
	white-space: nowrap;
}

#navList a {
 	color: #333;
	text-decoration: none;
	border-right: 1px solid #ccc;
	display: block;
	font-weight: normal;
	float: left;
   	background: #fff;
	padding-left: 9px;
	padding-right: 9px;
}

#navList #navHome a {
	border-right: 1px solid #fff;
}

#navList a:link,  #navList a:visited {
	color: #333;
	text-decoration: none;
	} 	

#navList a:hover {
	background: #DEEBFE;
}


/* commented backslash hack hides rule from EI5-Mac \*/
#navList a {float: none;}    /* end IE5-Mac hack */

/* page specific navigation */

#bodyHome #navList #navHome a, #bodyAbout #navList #navAbout a, #bodyServices #navList #navServices a, #bodyPortfolio #navList #navPortfolio a, #bodyContact #navList #navContact a, #bodyContact #navList #navContact a, #bodyCommunity #navList #navCommunity a {
	/* background: #DEEBFE;  */
}

/* ----- FOOTER ------ */

#footerDiv {
   margin-top: 10px;
   text-align: center;
}