@charset "UTF-8";
/* MCG (mcgware.com) Stylesheet */

/* Primary Site Colors
    Light Blue          #809ac8
	Dark Blue         #3a55a5
	Light Orange     #d69752
	Dark Orange     #c37118
	Gray                 #747474
*/


body {
	background:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* sets default font size of 1em = 10px */
}

h2 {
	padding:8px 0;
	font-size:1.7em;
	text-transform:uppercase;
	color:#ca7822;
}

	h2 em {
		font-style:normal;
		color:#747474;
	}

h3 {
	font-size:1.5em;
	line-height:200%;
	color:#c37118;
}

h4 {
	font-size:1.2em;
	line-height:180%;
	font-weight:bold;
}

h5 {
    padding:8px 0;
	font-size:1em;
	line-height:150%;
	font-weight:bold;
}
	
p {
	padding-bottom:1.5em;
	font:1.1em/160% Arial, Helvetica, sans-serif;
	color:#45609c;
}
	
	p a {
		color: #c37118;
	}
	
	p strong {
		font-weight:bold;
	}

a {
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}
	
	
.overview {
	font-size:120%;
	font-weight:bold;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7E9BC7;
	border-right-color: #7E9BC7;
	border-bottom-color: #7E9BC7;
	border-left-color: #7E9BC7;
	height: auto;
	width: auto;
}

	.overview a {
		font-size:92%;
	}

	
.spacer {
	padding-top:2em;
}


#shadow {
	width:842px;
	margin:0 auto;
	background:url(/images/shadow_background.gif) 0 0 repeat-y;
}

#wrapper {
	width:830px;
	padding:0 6px 6px 6px;
	background:url(/images/shadow_bottom.gif) bottom no-repeat;
}

#header {
	height:172px;
	/*padding:3px 0 3px 207px;*/
}

#main_nav {
	position:relative;
	height:25px;
	padding:0 3px 0 206px;
	background-color:#d69752;
	/*background:url(/images/main_nav_bkgd.gif) 0 0 no-repeat;*/
	list-style:none;
}

	#main_nav li {
		float:left;
		border-left:1px solid #fff;
	}
	
		#main_nav li.end {
			border-right:1px solid #fff;
		}

	#main_nav a {
		display:block;
		padding:0 22px;
		font-size:12px;
		line-height:25px;
		font-weight:bold;
		color:#fff;
	}
	
		#main_nav a:hover,
		#main_nav a.active,
		#main_nav li:hover {
			text-decoration:none;
			background-color:#c37118;
		}
	
	
	#main_nav li ul {
		display:none;
		position:absolute;
		margin-left:-1px;
		border:1px solid #fff;
		background-color:#f5e5d4;
	}
		
		#main_nav li:hover ul,
		#main_nav li ul:hover {
			display:block;
		}
	
		#main_nav li ul li {
			float:none;
			border:none;
			/*background-color:#eacba8;*/
		}
		
			#main_nav li ul li a {
				font-weight:normal;
				color:#ad671a;
			}
			
				#main_nav li ul li a:hover {
					color:#fff;
					background-color:#c37118;
				}
			
	
#content {
	clear:both;
	padding-top:22px;
	/*background:url(/images/content_left_bkgd.gif) 0 0 repeat-y;*/
}
	
	#content_left {
		float:left;
		width:162px;
		padding:2px 21px 0 24px;
	}
	
		#content_left h2, #content_left p {
			background-color:#fff;
		}
	
	#news_left {
		float:left;
		width:152px;
		padding-right: 0px;
		padding-bottom: 0;
		padding-left: 24px;
		padding-top: 2px;
		margin-right: 20px;
		margin-left: 4px;
		margin-bottom: 5px;
	}
	
		#news_left h2, #news_left p {
			background-color:#fff;
		}
		
		#left_nav {
			list-style:none;
			padding-bottom:10px;
			border-top:10px solid #fff; /* used to create space above #left_nav without showing the background line */
		}
		
			#left_nav li {
				/*padding-bottom:10px;*/
			}
			
			#left_nav a {
				display:block;
				height:18px;
				margin-bottom:10px;
				padding-left:20px;
				font:10px/18px Arial, Helvetica, sans-serif;
				color:#ca7822;
				background:url(/images/left_nav_bkgd.gif) 0 0 no-repeat;
			}
			
				#left_nav a:hover {
					text-decoration:none;
					background-position:0 -20px;
				}
				
				#left_nav a.active {
					margin-bottom:0;
					color:#fff;
					background-position:0 -40px;
				}
				
			#left_nav li ul {
				padding:10px 0 2px 0;
				list-style:none;
				background:#fff;
			}
				#left_nav ul li {
					padding-bottom:10px;
				}
				
					#left_nav li ul li a {
						margin-bottom:0;
						color:#45609c;
						background:none;
					}
					
						#left_nav li ul li a:hover {
							text-decoration:underline;
						}
						
						#left_nav li ul li a.active {
						 	font-weight:bold;
						 	color:#45609c;
						}
				
		
	#content_right {
		float:left;
		width:570px;
		padding:0 22px 24px 20px;
	}
		
		#content_right p {
			width:80%;
		}
		
		#home #content_right p {
			font-size:1.2em;
			line-height:200%;
		}
		
		#button_list {
			list-style:none;
		}
		
			#button_list li {
				float:left;
				margin-right:8px;
				margin-bottom: 3px;
			}
			
			#button_list a {
	display:block;
	width:94px;
	height:78px;
	padding:5px 6px;
	font-size:1em;
	line-height:110%;
	font-weight:bold;
	color:#ca7822;
	text-align:center;
	text-transform:uppercase;
	background:0 0 no-repeat;
			}
				
				#button_list a.etagging_services {
					background:url(/images/button_e_tagging.gif) 0 0 no-repeat;
				}
				
				/*#button_list a.etagging_services_active {
					background:url(/images/button_e_tagging.gif) 0 0 no-repeat;
					background-position: 0 -93px;
					color:#45609C;
				}*/
				
				#button_list a.control_area {
					background:url(/images/button_control_area.gif) 0 0 no-repeat;
				}
				
				/*#button_list a.control_area_active {
					background:url(/images/button_control_area1.gif) 0 0 no-repeat;
					background-position: 0 -93px;
					color:#45609C;
				}*/
				
				#button_list a.asset_management {
					background:url(/images/button_iam.gif) 0 0 no-repeat;
				}
				
				
				/*#button_list a.asset_management_active {
					background-image: url(/images/button_iam.gif);
					background-repeat: no-repeat;
					background-position: 0 -93px;
					color:#45609C;
				}*/

				
				#button_list a.energy_accounting {
					background:url(/images/button_energy_accounting.gif) 0 0 no-repeat;
				}
				
				/*#button_list a.energy_accounting_active {
					background:url(/images/button_energy_accounting.gif) 0 0 no-repeat;
					background-position: 0 -93px;
					color:#45609C;
				}*/
				
				#button_list a.oasis {
					background:url(/images/button_oasis.gif) 0 0 no-repeat;
				}
				
				/*#button_list a.oasis_active {
					background:url(/images/button_oasis.gif) 0 0 no-repeat;
					background-position: 0 -93px;
					color:#45609C;
				}*/
				
				#button_list a:hover {
					background-position:0 -93px;
				}
			
			
			
			
			#content_left #button_list {
				padding:0 0 10px 34px;
			}
			
				#content_left #button_list li {
					float:none;
					padding-bottom:6px;
				}
				
				#content_left #button_list a {
					width:78px;
					height:64px;
				}
				
					#content_left #button_list a.etagging_services {
						background:url(/images/button_e_tagging_sml.gif) 0 0 no-repeat;
					}
					
					#content_left #button_list a.control_area {
						background:url(/images/button_control_area_sml.gif) 0 0 no-repeat;
					}
					
					#content_left #button_list a.asset_management {
						background:url(/images/button_iam_sml.gif) 0 0 no-repeat;
					}
					
					#content_left #button_list a.energy_accounting {
						background:url(/images/button_energy_accounting_sml.gif) 0 0 no-repeat;
					}
					
					#content_left #button_list a.oasis {
						background:url(/images/button_oasis_sml.gif) 0 0 no-repeat;
					}
				
					#content_left #button_list a.active {
						background-position:0 -79px;
						color:#45609c;
					}
					
					#content_left #button_list a:hover {
						background-position:0 -79px;
					}
			
			#screenshot_list {
				padding:24px 0 0 0;
				list-style:none;
			}
		
			#screenshot_list li {
	float:left;
	margin-right:8px;
	margin-bottom: 8px;
			}
			
			#screenshot_list a {
	display:block;
	width:168px;
	height:130px;
	font-size:0.9em;
	line-height:130%;
	font-weight:bold;
	color:#ca7822;
	text-align:left;
	padding-bottom: 14px;
	padding-top: 6px;
	margin-top: 6px;
	text-decoration: none;
			}
			
			#screenshot_list a.iam1 {
					background:url(/images/thmb_iam1.gif) 0 0 no-repeat;
				}
				
				#screenshot_list a.iam2 {
					background:url(/images/thmb_iam2.gif) 0 0 no-repeat;
				}
				
				#screenshot_list a.iam3 {
					background:url(/images/thmb_iam3.gif) 0 0 no-repeat;
				}
				
				#screenshot_list a.etag1 {
					background:url(/images/button_energy_accounting.gif) 0 0 no-repeat;
				}
				
				#screenshot_list a.etag2 {
					background:url(/images/button_oasis.gif) 0 0 no-repeat;
				}
				
			
			#client_list {
			float:left;
	list-style: none;			
		}
		
			#client_list li {
	float:left;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: list-item;
			}
			


#footer {
	position:relative;
	clear:both;
	height:88px;
	background:#4c669f url(/images/footer_bkgd.gif) 0 0 no-repeat;
}

	#footer p {
		font-size:9px;
		line-height:140%;
		color:#fff;
	}
	
		#footer p strong {
			font-size:110%;
		}
	
	#footer a {
		font-size:110%;
		font-weight:bold;
		color:#fff;
	}
		
	#footer #address {
		position:absolute;
		top:26px;
		left:24px;
	}
	
	#footer #phone {
		position:absolute;
		font-size:110%;
		top:25px;
		left:385px;
	}
	
	#footer #contact {
		position:absolute;
		top:55px;
		left:520px;
		font-size:104%;
	}


/* --------------------------------------------------------------------------------------------------------- */
/* - Alsett Clearing Method */
/* --------------------------------------------------------------------------------------------------------- */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */