@charset "utf-8";
html, body, table, td, tr, form, fieldset, input, img, a, a:link, a:visited, i, b, p, br, h1, h2, h3, h4, h5, h6, ul, il, ol, label, div{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	background:#beb9aa url(/images/bg.gif) repeat-x;
	}
	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

	.clearfix {display: inline-block;}  /* for IE/Mac */

	
#outerContainer {
	position:relative;
	background: url(/images/home-box.jpg) no-repeat;
	height: 794px;
	width: 949px;
	margin:0 auto;	
	margin-top:50px;
	z-index:1;
}

#innerContainer{
	position:relative;
	height:719px;
	width:884px;
	margin:0 auto;
	top:30px;
	z-index:2;
}

#innerContainer p {
	margin: 0 0 10px 0;
}

#homeHeader{
/*	background:url(../images/home-pic.jpg) top right no-repeat;
*/	width:884px;
	height:275px;
	text-indent:-99999px;
}

#subHeader{
	background:url(../images/sub-header.jpg) top right no-repeat;
	width:884px;
	height:101px;
	text-indent:-99999px;
}

#homeHeader h1{font-size:0px;}

#homeLogo{
	background:url(../images/logo.gif) no-repeat;
	width:304px;
	height:275px;
	float:left;
	text-indent:-99999px;
}
#subLogo{
	background:url(../images/sub-logo.gif) no-repeat;
	width:304px;
	height:101px;
	float:left;
	text-indent:-99999px;
}

#homeMenu{
	margin:0px auto;
	text-align:center;
	padding:0;
	background-color:#FFF;
	width: 884px;
	height: 40px;
}


.alignLeft{float:left;}
.alignRight{float:right;}
.padRight10{padding-right:10px;}

#homeContent {background:#f5f3ea;}
#homeContent div {width:265px; margin: 13px; padding-bottom:1px;}
#homeContent p {color:#685e51; font-size:80%;}
#homeContent h2 {color:#3f3931; font-size:175%;}
#homeContent em {font-family:Georgia, "Times New Roman", Times, serif; color:#790909; display:block; margin:5px 0;}


#subContent {background:#f5f3ea; height: 528px;  margin-bottom: 15px;  overflow:hidden;}
#subContent p {color:#685e51; font-size:80%;}
#subContent p a{color:#685e51;}
#subContent p em {font-family:Tahoma, "Geneva",  sans-serif; color:#790909; display:inline; margin:5px 0; font-style:normal}
#subContent h2 {color:#3f3931; font-size:175%; margin-bottom:10px;}
#subContent em {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#790909; display:inline; margin:5px 0;}
#subContent em.bold {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#790909; display:inline; margin:5px 0; font-style:italic}
#subContent img {
	margin-top: 10px;
	}
.left-col-small, .left-col-big {
	margin:13px;
}

.left-col-small {
	width: 254px;
	padding-right: 25px;
}

.left-col-big {
	width: 530px;
	margin-right: 10px;	
	padding-right: 20px;
}
.right-col-small {
	width: 297px;
	margin-top: 4px;
	margin-left: 23px;
}
.right-col-big {
	width: 500px;
	float: left;
}

#subContent h1 {
	
}

#subContent h2 {
	
}

#subContent h3 {
	font-family:Tahoma, Geneva, sans-serif;
	color: #790909;
	margin-bottom: 10px;
	
}

#subContent h3 a{
	color: #790909;
	
}


#subContent ul {
	padding-top: 3px;
	padding-left: 15px;	
	color: #685e51;
	font-size:12px;
	line-height: 1.7em;
	margin: 0 0 10px 0;
}

.list-box-right {
	margin: 13px 0 0 0;
	padding: 13px;
	background: #e2e0ce;
	
}

img.tech-chart {
	margin: 35px 0 0 100px!important;
	
}



.readMore{font-family:Georgia, "Times New Roman", Times, serif; color:#9f978d; font-size:70%; font-style:italic; padding:5px 0; display:block;}
.readMore a{color:#9f978d; text-decoration:none;}


.clearBoth{clear:both;}

#homeSignUp{
	background:url(../images/sign-up-bg.gif) no-repeat;
	width:260px;
	height:113px;
	padding:0px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:150%;
}
#homeSignUp p {
	margin-top: 40px;
}
.alignLeft li a {
	color: #3F3931;
	text-decoration: none;
}



#homeSolutions{
	width:550px;
	background:url(../images/solutions-box.jpg) no-repeat; 
	padding:15px;
	font-size:90%;
	line-height:100%;
	color:#685e51;
}

#homeSolutions span{
	font-size:170%;
	color:#3f3931;
}

#homeSolutions span.Georgia{
	font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; font-style:italic;}

#homeSolutions ul{list-style:url(../images/bullet.gif); padding:0; margin:0; margin-top:5px;}
#homeSolutions li{
	margin:4px 25px;
	font-size:80%;
}
#homeFooter {
		clear:both;	
}

#subFooter {
		clear: left;
		margin: 0 0 0 0;	
}

#bottom{
	margin-top: 10px;
	text-align:center;
	background:#ecead3;
	padding:10px;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
	font-style:italic;
	color:#685e51;
}
#bottom a{color:#685e51;
}

/* SCROLL PANE */
a.jScrollArrowUp {
	background: url(/images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

	
.scroll-pane {
	/*
	
	
	background: #ccc;
	
	*/
	height: 490px;
	overflow: auto;
	float: left;
}


.jScrollPaneContainer {
	margin-top: 13px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #c7c5ba;
}
.jScrollPaneDrag {
	position: absolute;
	background: #a39c78 url(/images/drag_grab.gif) no-repeat 50% 50%;

	cursor: pointer;
	overflow: hidden;
	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/}



code { font-family: "Courier New", Courier, Monaco, monospace; background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 300px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap {
	margin: 40px 0;
	padding: 20px;
	border: 1px solid #E7E4D9;
	background-color: #F7F5EE;
	background-image: url(/images/quote-mark.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	}

