/* CSS Document */

/* html ------ */
html {
	height: 101%;
	width: 100%;
	font-size: 75%;
	font-family: sans-serif;
	color: #fff;
}
body {
	background: #fff URL(../images/page_bg.jpg) repeat-x;
	width: 100%;
	padding: 0;
	margin: 10px auto;
	text-align: center;
}
table  {
	border-collapse:collapse; 
	border-spacing:0;
}
ul  {
	margin: 10px; 
	padding: 0;
}
ol  {
	margin: 10px 10px 10px 15px; 
	padding: 0;
}
li  {
	margin: 6px; 
	padding: 0; 
	list-style-image:url(../images/buttons/arrow_medium_white.gif);
}
img {
	border: 0;
}
a, a:visited, a:active{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
    color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a.titleLinks {
    color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
a.titleLinks:hover {
    color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a.Links {
    color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
a.Links:hover {
    color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
}
a.Lower {
    color: #FF6600;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
a.Lower:hover {
    color: #FF6600;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	color: #fff;
	margin: 5px 0;
	font-weight: bold;
	font-size: 175%;
}
h2 {
	color: #fff;
	font-weight: bold;
	margin: 0;	
	margin: 0 0 10px 0;
	font-size: 180%;
}
h3 {
	color: #fff;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;	
	font-size: 140%;
}
h4 {
	font-size: 120%;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;	
}
h5 {
	font-size: 115%;
	color: #fff;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;	
}
strong {
	font-size: 110%;
}
input, textarea, select  {
	font-family:inherit; 
	font-size:inherit; 
	font-weight:inherit;
}

/* functions */
.centerIt {
    text-align: center;
}
.rightIt {
    text-align: right;
}

/* custom ids ------ */
#container {
	width: 760px;
	margin: auto;
}
#top {
	height: 80px;
	background: #fff;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	border-bottom: 3px solid #FD6700;	
}
#topLogo {
	float: left;
	height: 80px;
	width: 190px;
	margin: 0px;
	padding: 0px;
}
#topRight {
	float: right;
	text-align: right;
	height: 81px;
	width: 530px;
	padding: 0px;
}
#topMSGold {
	margin-bottom: 16px; 
	padding-right: 20px;
}
#topRight UL {
	padding-right: 6px;
	margin: 0px;
	list-style: none;
	display: inline;
}
#topRight LI {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: inline;
}
/* home CSS */
#homeImage {
	background: #B2CBD0 url(../images/home_lighthouse.jpg);	
	height: 205px;
	width: 740px;
	padding: 10px;
	text-align: right;
}
#homeImage img {
	margin-top: 167px;
	text-align: right;
}

/* left box */
#homeLeft {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
	width: 380px;
	border-right: #fff 1px solid;
}
#homeLeft P, #homeRight P {
	margin: 5px 0 0 0;
	padding: 0;
}
#homeLeft HR, #homemainRight HR {
	color: #fff;
	width: 100%;
	height: 1px;	
	background-color: #fff;
	border: none;
	margin: 10px 0; 
}
/*right box*/
#homeRight  {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	width: 295px;
}
#homeRight P {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#homeRight HR {
	color: #fff;
	width: 100%;
	height: 1px;	
	background-color: #fff;
	border: none;
	margin: 4px 0px; 
}
#home_customerlogin {
	padding: 0px 0px 10px 0px;
}
#homeLoginbox {
	padding: 2px 5px 0px 0px;	
	margin: 0px;
}

/* custom home page classes ------ */

.btn_whatwedo {
	padding: 5px 0px;
	clear: both;
}
.btn_whatwedo_first {
	padding: 10px 0px 5px 0px;
	clear: both;
}
.homeField {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.homeField LABEL {
	font-weight: bold;
	float: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 6px 0px 0px 5px;
	text-align: right;
}
.homeField INPUT {
	font-weight: bold;
	width: 180px;
	height: 16px;
	float: right;
	color: #0D315E;
	margin: 3px;
	padding: 2px;
	background: #89AAD2 url(../images/textbox_bg.gif) repeat-x;
	border: solid 1px #CFDCEC;	
}
.homeBtn {
	clear: both;
	padding: 2px 3px 0px 0px;
	text-align: right;
}
.projectZoneHome {
    font-size: 125%;
}

/* navigation CSS */
#aboutLander, #productsLander, #servicesLander, #solutionsLander, #clientLander, #contactLander, #loginLander {
    height: 120px;
    padding: 15px 23px 15px 20px;  
    font-weight: bold;
}
#aboutLander {
    background: URL(../images/banner_about.jpg) no-repeat;
}
#productsLander {
    background: URL(../images/banner_products.jpg) no-repeat;
}
#servicesLander {
    background: URL(../images/banner_services.jpg) no-repeat;    
}
/*#servicesLander A { color: #104587; }*/
#solutionsLander {
    background: URL(../images/banner_solutions.jpg) no-repeat;
}
#clientLander {
    background: URL(../images/banner_clients.jpg) no-repeat;
}
#contactLander {
    background: URL(../images/banner_contact.jpg) no-repeat;
}
#loginLander {
    background: URL(../images/banner_login.jpg) no-repeat;
}


/* top navigation spacing */
#nav_aboutus, #nav_clients, #nav_solutions, #nav_services, #nav_contactus  {margin-right: 15px;}

#sectionBanner {
    background: #1255A7 URL(../images/banner_bg.jpg) no-repeat;
    padding: 15px 23px 10px 20px;
    text-align: left;
}
#sectionDesc {
    clear: both;
    padding: 5px 0px 0px 0px;
    text-align: left;
}
#sectionLinks {
	float: right;
    font-weight: bold;
    text-align: right;
    font-size: 110%;
}
#subProductsLinks {
    font-weight: bold;
    text-align: left;
    font-size: 110%;
    margin-bottom: 20px;
}

#main {
	background: #1255A7 URL(../images/main_bg.jpg) repeat-x;
	width: inherit;
	width: 720px;
	padding: 15px 20px;
	min-height: 340px;
	border-top: 3px solid #FD6700;
	text-align: left;
}
#main a:hover {
	color: #FF6600;
}

#mainAlone {
	float: left;
	margin: 0px;
	padding: 0px 20px 20px 0px;
	text-align: left;
}
#mainLeft {
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	text-align: left;
	width: 455px;
	border-right: #fff 1px solid;
}
#mainRight  {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	width: 220px;
}
#mainLeftAbout {
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	text-align: left;
	width: 430px;
	border-right: #fff 1px solid;
}
#mainRightAbout  {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	width: 245px;
}
#mainLeft P, #mainRight P {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#mainLeft HR, #mainRight HR {
	color: #fff;
	width: 100%;
	height: 1px;	
	background-color: #fff;
	border: none;
	margin: 10px 0px; 
}

#footer {
	width: 740px;
	margin: 0px auto;
	text-align: center;
	clear: both;
	color: #000;
	font-size: 80%;
	padding: 10px;
	border-top: 3px solid #FD6700;	
}


/* custom classes ------ */

.breadcrumb {
    font-size: 90%;
}
.breadcrumb A {
}
.breadcrumb A:hover {
    text-decoration: underline;
}
.photo {
	border: #fff 1px solid;
	float: left;
	margin-right: 15px;
}
.logo {
	border: #BAA87E 1px solid;
	background: #fff;
    margin: 5px;
    width: 200px;
    text-align: center;
}
.logo2 {
    text-align: center;
    margin: 5px;
}
.MSlogo {
	border: #BAA87E 1px solid;
	background: #fff;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 200px;
    text-align: center;
}
.lighthouseMini {
	border: #BAA87E 1px solid;
	background: #fff;
    margin-right: 5px;
    width: 220px;
    text-align: center;
}
.desc {
	font-weight: bold;
}
.rightLogos {
    text-align: center;
}
.rightLogos img {
    padding: 7px 0px;
}
.featuredProjectLogo {
    margin-bottom: 6px;
    border: #BAA87E 1px solid;
	text-align: center;
	background: #fff;
}

.quadrantPhoto {
	border: #fff 1px solid;
	float: left;
	margin-right: 15px;
	height: 79px;
	width: 109px;
}
.newslist {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.btnLink A:hover {
    color: #FB6400; 
}
.newsitem {
    margin: 15px 0px;
    list-style: none;    
}
.newslist2 {
    list-style: square;
    padding-left: 17px;
    margin: 0px;
}
.newsitem2 {
    margin: 10px 0px;
}
.mgmtList {
    list-style-image: url(../images/buttons/arrow_medium.gif);
    margin-bottom: 10px;
}
.caseList {
    list-style-image: url(../images/buttons/arrow_medium.gif);
    margin-bottom: 2px;
}
.quote {
    padding: 10px;
    margin: 10px;
    background: #1255A7 URL(../images/main_bg.jpg) repeat-x;
    font-size: 95%;
    border: 1px solid #BAA87E;
}
.cooplogo {
    float: left; 
    margin: 3px 15px 3px 0px; 
    border: 1px solid #BAA87E;
}