/* CSS Document */

/* fixes font-size keyword problem for IE5/Win */
body { 
	margin-top:auto;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	background-color:#FFFFFF;
	}

/* self-clearing floats
----------------------------------------------------- */
body#welcome #twelcome a,
body#about #tabout a,
body#services #tservices a,
body#contact #tcontact a,
body#casestudies #tcasestudies a

 { 
background-position:0 -18px;
}
/* my ids for thr mango site
----------------------------------------------------- */
#horizonWelcome {
	background color: #FFFFFF;
	position: absolute;
	top: 0px;
	left:20px;
	background: url(assets/bg_welcome.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
/* following rules are invisible to IE 5 \*/
#horizonWelcome {
	top:38%;
	left:0px;
	width:100%;
	min-width:950px;
	margin-top:-230px;
	text-align:centre;
	background: url(assets/bg_welcome.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
#horizonContact {
	background color: #FFFFFF;
	position: absolute;
	top: 0px;
	left:20px;
	background: url(assets/bg_left.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
/* following rules are invisible to IE 5 \*/
#horizonContact {
	top:38%;
	left:0px;
	width:100%;
	min-width:950px;
	margin-top:-230px;
	text-align:centre;
	background: url(assets/bg_left_contact.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
#horizonServices {
	background color: #FFFFFF;
	position: absolute;
	top: 0px;
	left:20px;
	background: url(assets/bg_left_services.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
/* following rules are invisible to IE 5 \*/
#horizonServices {
	top:38%;
	left:0px;
	width:100%;
	min-width:950px;
	margin-top:-230px;
	text-align:centre;
	background: url(assets/bg_left_services.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
#horizonAbout {
	background color: #FFFFFF;
	position: absolute;
	top: 0px;
	left:20px;
	background: url(assets/bg_left_about.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
/* following rules are invisible to IE 5 \*/
#horizonAbout {
	top:38%;
	left:0px;
	width:100%;
	min-width:950px;
	margin-top:-230px;
	text-align:centre;
	background: url(assets/bg_left_about.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}

#horizonCaseStudies {
	background color: #FFFFFF;
	position: absolute;
	top: 0px;
	left:20px;
	background: url(assets/bg_left_casestudies.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}
/* following rules are invisible to IE 5 \*/
#horizonCaseStudies {
	top:38%;
	left:0px;
	width:100%;
	min-width:950px;
	margin-top:-230px;
	text-align:centre;
	background: url(assets/bg_left_casestudies.png) top left no-repeat;
	background-position: left;
	background-repeat: repeat-x;
}


/* end IE 5 hack */
#oneHundredWrapper {
position: relative;
text-align: centre;
width: 950px;
height:622px;
margin: 0px auto;
background-position: left;
background-repeat: no-repeat;

}
#containerTopWelcome {
	width:950px;
	height:276px;
	background:url(assets/bg_top_welcome.png) top left no-repeat;
	border:Opx;
	}
#containerBottomWelcome {
	width:950px;
	height:319px;
	background:url(assets/bg_bottom_welcome.png) top left no-repeat;
	border:Opx;
	}
#containerTopContact {
	width:950px;
	height:276px;
	background:url(assets/bg_top_contact.png) top left no-repeat;
	border:Opx;
	}
#containerBottomContact {
	width:950px;
	height:319px;
	background:url(assets/bg_bottom_contact.png) top left no-repeat;
	border:Opx;
	}
#containerTopServices {
	width:950px;
	height:276px;
	background:url(assets/bg_top_services.png) top left no-repeat;
	border:Opx;
	}
#containerBottomServices {
	width:950px;
	height:319px;
	background:url(assets/bg_bottom_services.png) top left no-repeat;
	border:Opx;
	}
#containerTopAbout {
	width:950px;
	height:276px;
	background:url(assets/bg_top_about.png) top left no-repeat;
	border:Opx;
	}
#containerBottomAbout {
	width:950px;
	height:319px;
	background:url(assets/bg_bottom_about.png) top left no-repeat;
	border:Opx;
	}
	
	#containerTopCaseStudies {
	width:950px;
	height:276px;
	background:url(assets/bg_top_casestudies.png) top left no-repeat;
	border:Opx;
	}
#containerBottomCaseStudies {
	width:950px;
	height:319px;
	background:url(assets/bg_bottom_casestudies.png) top left no-repeat;
	border:Opx;
	}
	
	
	
	
	
#MainLeft {
	width:485px;
	height:232px;
	border:0;
	float:left;
	}
#MainRight {
	margin-top:35px;
	width:465px;
	border:0;
	float:right;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 16px;
	color: #FFFFFF;
	line-height:2;
}
#SubRightLeft {
	width:176px;
	height:45px;
	border:0;
	float:left;
	}		


#SubRightRight {
	margin-top:25px;
	width:289px;
	height:45px;
	border:0;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:normal;
}


#SubRightRight a {
color:#FFFFFF;
text-decoration:underline;
font-size:16px;
}


#spacer {
	width:150px;
	height:153px;
	}
#containerNav {
	margin-top:0px;
	width:150px;
	height:72px;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 8px;
	color: #544A40;
	float:left;
	}
#containerFooter {
	width:950px;
	height:27px;
	background:url(assets/bg_footer.png) top left no-repeat;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: 8px;
	color: #544A40;
	}

#InnerLeft {
float:left;
width:300px;
font-size:14px;
}

#InnerRight {
float:right;
width:156px;
height:225px;
}

#pdflinks {
font-size:9px;
color:#FFFFFF;
}

#pdflinks a {
font-size:9px;
color:#FFFFFF;
}


/* navigation
----------------------------------------------------- */
#nav {
	margin: 0;
	padding: 0;
	height: 90px;
	list-style: none;
	display: block;
	overflow: hidden;
	}
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}
#nav a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height: /**:64px; ?* for IE5/Win only*/
	}
#nav a:hover {
	background-position:0 -18px;
}
#nav a:active, #nav a.selected {
	background-position:0 -18px;
}
#twelcome a {
	width:150px;
	background:url(assets/n_welcome.png) top left no-repeat;	
}
#tabout a {
	width:150px;
	background:url(assets/n_about_us.png) top left no-repeat;	
}
#tservices a {
	width:150px;
	background:url(assets/n_services.png) top left no-repeat;	
}
#tcontact a {
	width:150px;
	background:url(assets/n_contact_us.png) top left no-repeat;	
}

#tcasestudies a {
	width:150px;
	background:url(assets/n_casestudies.png) top left no-repeat;	
}

/* navigation end
----------------------------------------------------- */
/* LINKS */
a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0b4926;
	text-decoration: none;
	border:0;
}
a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #544A40;
	text-decoration: underline;
	border:0;
}
a.small:link, a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #544A40;
	text-decoration: none;
	border:0;
}
a.small:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #544A40;
	text-decoration: underline;
	border:0;
}
.clear {
 clear:both;
}
.bg {
background-position:top center no-repeat;
 
}	
.bgRight {
}
.bgRight1 {
 background:url(assets/images/general/bg_right.jpg) top left no-repeat;
}
.newForm {
	width: 300px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004D29;
	border:1px solid #004D29;
}
.textForm {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	padding-left:5px;
}
td {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #3C2825;
	line-height:1.8;
	padding-left:0px;
}