* {
	margin: 0;
	padding: 0;
}
html, body, #bg, #bg table, #bg td, #cont {
	height:100%;
	width:100%;
	overflow:hidden;
}
#bg {
	position: fixed;
}
#bg div {
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}
#bg td {
	text-align:center;
	vertical-align:middle;
}
#bg img {
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}
#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	margin-left:300px;
}
/* SUPERSIZED*/
#loading1 {
	position: absolute;
	top: 47%;
	left: 50%;
	width: 32px;
	height: 32px;
	text-indent: -999em;
	z-index:-1;
	background-image: url(../img/loader.gif);
}
#supersize {
	float:left;
	top:0;
	z-index:-1;
	position:absolute;
}
#supersize img, #supersize a {
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}
#supersize .prevslide, #supersize .prevslide img {
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img {
	z-index: 2;
}
.box {
	width: 400px;
	background: white;
	font: 14px/2.8 Georgia, Serif;
	height:100%;
}
#focus-stealer {
	position: absolute;
	left: -9999px;
}
/* 7.NAVIGATION
---------------------------------------------------------------------- */

.servicesmenu {
	width: 100%; /*width of menu*/
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 15px;
}
.servicesmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	margin-bottom: 0;
}
.servicesmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
}
.servicesmenu ul li a {
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	padding: 1px 0;
	padding-left: 25px; /*link text is indented 8px*/
	text-decoration: none;
	width: 70%;
	background-repeat: no-repeat;
}
.servicesmenu ul li a:hover { /*hover state CSS*/
	color:#FFF;
	background: #999;
	background-repeat: no-repeat;
}
/**/

/* 4.LINKS ---------------------------------------------------------------------- */

a {
	outline: none;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
}
a.orange {			
	color:#333333;
	display:block;
	padding-top: 5px;	
}
a.orange:hover {
	color:#888888;
	text-decoration:underline;
}
.sub2 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;	
	font-size: 0.6em;
	font-weight: bold;	
}
.sub2:hover {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #999;	
	font-size: 0.7em;
	font-weight: bold;
}
/* 3.HEADINGS ---------------------------------------------------------------------- */
h2 h3 {
	font-weight:normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
h2 {
	font-size: .75em;
	line-height: 1.1em;
 color: padding-bottom: 5px;
	padding-bottom: 5px;
	color: #999999;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#contentPane {
	position: absolute;
	top: 0px;
	bottom: 0px;
	padding:130px 0 0 0px;
	overflow: hidden;
	width: 310px;
	height: 100%;
	z-index: 5;
	/*background-image: url(../img/grey-opacity.png);	
	_background-image: url();*/
	
	background-color:#eee;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	left: 235px;
	_background-color: #eeeeee;
}
/* 2.GLOBAL STYLING ---------------------------------------------------------------------- */
.sub_ul {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #111111;
	font-size: 0.75em;
	font-weight: lighter;
}
.sub_li {
	padding-left:1px;
	list-style:inside;
	list-style-type:square;
	color:#666666;
}
.li_color {
	color:#111111;
}
p {
	margin: 0px 0px 10px 0px;
	text-align: left;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #111111;
	font-size: 0.75em;
	font-weight: lighter;
}
p.body {
	font-size: 0.7em;
	color: #FFFFFF;
	padding-top: 25px;
	height: 100%;
}
p.footer {
	font-size: 0.65em;
	color: #FFFFFF;
}
p.credit {
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: right;
}
b {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
}
.nfootp {
	margin-top:15px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:0.55em;
	color:#666;
}
.milagro {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#F63;
}
.milagro:hover {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#666;
}
h1.title {
	font-size:0.9em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444444;
	padding-bottom: 20px;
}
/* 9. JSCROLL PANE PAGE
---------------------------------------------------------------------- */

.holder {
	float: left;
	margin: 0px;
	padding: 0px 30px 30px 30px;
}
.scroll-pane {
	width: 250px;
	height: 275px;
	overflow: hidden;
	float: left;
}
.wide {
	width: 400px;
}
.super-wide {
	width: 700px;
}
.tall {
	height: 400px;
}
#pane1 {
}
.readmore{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	text-decoration:none;
}
.text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
.text_small{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333;
}
.frmElement {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#787C65;
	}