html, body, h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;

}

img {
	border: none;
}

body {
	background: url(../images/page-bg.png);
}

ul.inline li {
	display: inline;
	padding-right: 0.3em;
}

ul.plain {
	list-style-type: none;
}

#navbar {
	background: #fff url(../images/navbar.png) no-repeat;
	width: 100%;
	font-size: 15px;
	height: 30px;
	border-bottom: 1px solid black;
	color: #fff;
	position: relative;
}

#navbar img {
	float: left;
}

#navbar ul {
	position: relative;
}

#navbar ul li {
	text-align: center;
	padding: 4px 0;
	float: left;
	width: 165px;
	position: relative;
}

#navbar ul li ul li{
	text-align: left;
}

#navbar ul li a {
	color: #fff;
}

#container {
	padding: 35px;
	margin: 0 auto;
	width: 770px;
	text-align: left;
}

#roundedtop {
	background: url('../images/topcorner.jpg');
	width: 100%;
	height: 20px;
}

#header {
	background: white;
	width: 100%;
	border-bottom: 5px solid black;
	position: relative;
}

#header .headleft {
	background: url(../images/logo-head.png) no-repeat;
	height: 60px;
	width: 300px;
}

#header img {
	padding: 0;
	margin-bottom: -1em;
}

#header .headright {
	float: right;
	margin: -1.2em 0.2em 0 0;
	font-weight: bold;
	font-size: 1.1em;
}

#container a {
	text-decoration: none;
	color: #000;
}

#banner {
	clear: both;
	background: #bc4e0f;
	height: 284px;
}

#banner h2 {
	display: none;
}

#content {
	margin: 0;
	width: 770px;
}

#main .column {
	position: relative;
}

.column {
	background: #fff;
	width: 240px;
	padding: 10px 8px;
}
.portfolio {
	background: #fff;
	width: 600px;
	padding: 10px 8px 8px 60px;
}

#left {
	width: 240px;           /* LC width */
	float: left;
}

#sub #left {
	width: 195px;
}

#sub #left ul {
	margin: 0.2em 0.5em;
}

#center {
	width: 242px;
	float: left;
}

#rightportfolio{
	width:600px;
	float:center;
}

#right {
	width: 240px;           /* RC width */
	float: right;
}

#sub #right {
	width: 543px;
}

#content {
	background: #fff;
}

#main #content h2 {
	visibility: hidden;
	height: 30px;
}

#sub #content h2 {
	/* 
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 0.1em; */
	font-variant: small-caps;
	padding: 0.5em 0 0.2em 0;
	color: #01375b;	
}

#sub #content h2.orange {
	color: #bc4e0f;
} 

#sub #content h2.green {
	color: #5f6400;
} 

#content h3 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
}

.apps {
	background: #fff url(../images/applications.png) no-repeat 10px 10px;
}

.products {
	background: #fff url(../images/products.png) no-repeat 10px 10px;
}

.services {
	background: #fff url(../images/services.png) no-repeat 10px 10px;
}

#content ul {
	margin-left: 35px;
	line-height: 130%;
}

#content ul a {
	text-decoration: none;
	color: #000;
}

#content ul li.more {
	text-align: right;
	font-weight: bold;
}

#navbar li.more li,
li.more li {
	width: 10em;
	margin: 0 0.5em;
	clear: both;
}

#navbar li.more li {
	width: 8em;
}

#navbar li.more li.last,
li.more li.last {
	border: none;
}

#content ul li.more img {
	margin-bottom: -2px;
}

li.more:hover img {
	visibility: hidden;
}

li.more ul {
	display: none;
	position: absolute;
	text-align: center;
}

#main li.more ul {
	bottom: 2.3em;
	right: 1.2em;
}

#sub li.more ul {
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 1000;
}

#sub li.more:hover ul,
li.more:hover ul {
	display: block;
}

#sub #right img.right-floating {
	float: right;
	margin: 0 1.5em 1em 0;
}

#sub #right img.left-floating {
	float: left;
	margin: 0 1.5em 1em 0;
}

#sub #right {
font-size: 12px;
}

#sub #right p {
	line-height: 120%;
	padding: 0 1.5em 1em 0;
		
}

#sub #right a {
	line-height: 120%;
	/*padding: 0 1.5em 1em 0;*/
	color: #4d4d4d;
	text-decoration: none;
	font-weight: bold;
}

#sub #right a:hover {
	line-height: 120%;
	/* padding: 0 1.5em 1em 0; */
	color: #90a93c;
	text-decoration: underline;
	font-weight: bold;	
}

#sub #right li {
	line-height: 120%;
}

#roundedbottom {
	clear: both;
	background: url('../images/bottomcorner.jpg');
	width: 100%;
	height: 12px;
}

#footer {
	clear: both;
	padding-top: 1em;
	background: white;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

#footer a {
}

#footer a:hover {
	color: RED;

}

/******************************************
Colored Areas: Orange, Green and Blue
*******************************************/
#content li.more:hover ul.submenu a {
	color: #fff;
}

.orange li.more a {
	background: url(../images/arrow-o-up.png) no-repeat center right;
}

.green li.more a {
	background: url(../images/arrow-g-up.png) no-repeat center right;
}

.blue li.more a {
	background: url(../images/arrow-b-up.png) no-repeat center right;
}

.orange li.more li a, .green li.more li a, .blue li.more li a {
	background-image: none;
}

#content #left .orange h3,
#navbar li.orange li,
.orange li.more li {
	border-bottom: 1px solid #eb9e72;
}

#content #left .green h3,
#navbar li.green li,
.green li.more li {
	border-bottom: 1px solid #adaf7b;
}

#content #left .blue h3,
#navbar li.blue li,
.blue li.more li {
	border-bottom: 1px solid #ced9df;
}

#content #left .orange li {
	border-bottom: 1px solid #eb9e72;
	padding-bottom: 3px;
}

#content #left .green li {
	border-bottom: 1px solid #adaf7b;
	padding-bottom: 3px;	
}

#content #left .blue li {
	border-bottom: 1px solid #ced9df;
	padding-bottom: 3px;	
}



.orange li.more li.last, .green li.more li.last, .blue li.more li.last {
	border-bottom: none;
}

#navbar ul li.orange a:hover {
	color: #f7b28b;
}

#sub #left .orange,
li.orange ul,
.orange li.more ul {
	background: #f7b28b;
}

#navbar ul li.green a:hover {
	color: #c0c29a;
}

#sub #left .green,
li.green ul,
.green li.more ul {
	background: #c0c29a;
	
}

#navbar ul li.blue a:hover {
	color: #9abacf;
}

#sub #left .blue,
li.blue ul,
.blue li.more ul {
	background: #9abacf;
}

#sub li.orange ul a:hover,
#container .orange a:hover,
#content .orange li.more:hover a,
#content .orange li.more:hover ul.submenu a:hover {
	color: #bc4e0f;
}

#sub #left .orange,
#sub li.orange ul,
.orange li.more ul {
	border: 1px solid #bc4e0f;
}

#sub li.green ul a:hover,
#container .green a:hover,
#content .green li.more:hover a,
#content .green li.more:hover ul.submenu a:hover {
	color: #5f6400;
}

#sub #left .green,
#sub li.green ul,
.green li.more ul {
	border: 1px solid #5f6400;
}

#sub li.blue ul a:hover,
#container .blue a:hover,
#content .blue li.more:hover a,
#content .blue li.more:hover ul.submenu a:hover {
	color: #01375b;
}

#sub #left .blue,
#sub li.blue ul,
.blue li.more ul {
	border: 1px solid #01375b;
}

#sub #left .orange, #sub #left .green, #sub #left .blue {
	border-width: 2px;
	margin-bottom: 0.2em;
	padding: 0.5em;
}

#foundpages {
	color: #ffffff;
	text-align: right;
	font-size: 14px;
	margin-top: 5px;
}

#foundpages a {
	color: white;
}

#foundpages a:hover {
	color: yellow;
}

#frontp {
	margin: 0;
	width: 770px;
	
}

#frontp {
	background: #fff;
	}

#frontp h3 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
}

#frontp ul {
	margin-left: 35px;
	line-height: 170%;
}

#frontp ul a {
	text-decoration: none;
	color: #000;
}

#frontp ul li.more {
	text-align: right;
	font-weight: bold;
}

#frontp ul li.more img {
	margin-bottom: -2px;
}

#frontp #left .orange h3,
#navbar li.orange li,
.orange li.more li {
	border-bottom: 1px solid #eb9e72;
	width: 200px;
}

#frontp #left .green h3,
#navbar li.green li,
.green li.more li {
	border-bottom: 1px solid #adaf7b;
	width: 200px;	
}

#frontp #left .blue h3,
#navbar li.blue li,
.blue li.more li {
	border-bottom: 1px solid #ced9df;
	width: 200px;	
}

#main #frontp h2 {
	visibility: hidden;
	height: 30px;
}

#sub #frontp h2 {
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 0.1em;
	padding: 0.5em 0 0.2em 0;
}

#frontp li.more:hover ul.submenu a {
	color: #fff;
}

#frontp li.more:hover ul.submenu a:hover {
	color: RED;
}

#bbb {
	float: left;
	margin-top: 5px;
}