body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 10pt;
	line-height: 123%;
	color: #4c4c4c;
	background: #fff url('images/bodybg.png') repeat-x;
}

h1, h2, h3, h4, h5, form {
	clear: both;
	margin: 0;
}
h2 {
	color: #ff7733;
}
h3 {
	font-size: 14pt;
}
h4 {
	font-size: 11pt;
	color: #3c3c3c;
}




a {
	outline: none;
}
a img {
	border: none;
}
a span.o {
	cursor: pointer;
}



img.type-a {
	float: right;
	margin: 0 0 10px 10px;
}
img.type-b {
	float: left;
	margin: 0 10px 10px 0;
}


/* = Self-Clearing Mechanism: Forces an element to expand to match the height of inner-floats
================================================================================================== */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.film {
	position: relative;
}
.film span.o {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.intro {
	font-size: 13pt;
	line-height: 120%;
	margin-top: 0;
}
p.prom {
	font-size: 110%;
	text-align: center;
	line-height: 120%;
}
p.prom strong {
	font-size: 115%;
}

.a {
	position: absolute;
	left: -9999px;
}



p.slim {
	margin: 0;
}
p.caption {
	margin: 0;
	font-size: 8.5pt;
	font-style: oblique;
	line-height: 115%;
}



input.flat, select.flat, textarea.flat {
	border: 1px solid #707070;
}
label.i {
	display: block;
	float: left;
	width: 125px;
	padding-top: .2em;
}
label.required em {
	color: red;
}

div#h {
	position: relative;
	width: 900px;
	margin: 100px auto 0 auto;
}



div#content {
	min-height: 300px;
	padding-top: 30px;
	background: url('images/contentbg.jpg') no-repeat;
}
div#primary {
	float: left;
	width: 620px;
	padding-right: 30px;
}
div#secondary {
	float: right;
	width: 200px;
	margin-left: 35px;
	padding-right: 10px;
}



div#primary h3 {
	margin-top: 1.5em;
	margin-bottom: .5em;
}
div#primary p {
	margin-top: .2em;
}

div#secondary h3 {
	margin-top: 1.25em;
	margin-bottom: .25em;
	font-size: 10pt;
}
div#secondary p {
	margin-top: .2em;
}
div#secondary p.figure {
	font-style: oblique;
	font-size: 8.5pt;
	line-height: 110%;
}



/* Masthead :
----------------------------------------------------- */
div#masthead {
	height: 14px;
	overflow: hidden;
}
body#splash div#masthead {
	height: 200px;
}

div#masthead div.title {
	float: left;
	width: 900px;
	height: 14px;
}
body#splash div#masthead div.title {
	float: left;
	width: 650px;
	height: 200px;
}
div#masthead div.title span.o {
	width: 900px;
	background: url('images/masthead/imoMasthead_simple.jpg') no-repeat top right;
}
body#splash div#masthead div.title span.o {
	background: url('images/masthead/imoMasthead.jpg') no-repeat;
}
div#masthead h1,
div#masthead h2 {
	margin: 0;
	padding: 5px;
}
div#masthead div.featureList {
	float: right;
	width: 250px;
	height: 200px;
	background: #0011aa;
}
div#masthead div.featureList ul {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	color: #fff;
}
div#masthead div.featureList ul li {
	margin: 3px 0;
	padding-left: 30px; /* this lines up to the gridline of the sidebar's content */
}
div#masthead div.featureList span.o {
	background: url('images/masthead/imoFeatures.jpg') no-repeat;
}

/* styles for non-image display to maintain legibility and aesthetic */
div#masthead {
	background: #0099ee;
}
div#masthead h1 {
	margin-top: 10px;
	text-indent: -9999px; /* I don't like this, but it's a stop-gap solution for IE6 at the moment */
}
div#masthead h1 a {
	color: #005588;
}
div#masthead h2 {
	font-size: 13pt;
	font-weight: 100;
	font-style: oblique;
	color: #fff;
}



div.photoblock {
	text-align: center;
	padding: 20px 12px 30px 12px;
}
div.photoblock img {
	margin: 0 5px;
}


div.iblock {
	margin: 0 15px 0 0;
}
div.iblock h3 {
	margin-right: -15px;
	margin-bottom: 1em;
}
div.iblock h4 {
	padding-left: 75px;
}
div.iblock p {
	margin-top: .2em;
	padding-left: 75px;
	min-height: 35px;
}
div.iblock #import_export {
	background: url('images/icons/import_export.png') no-repeat -5px -10px;
}
div.iblock #search {
	background: url('images/icons/search.png') no-repeat -5px -10px;
}
div.iblock #financial {
	background: url('images/icons/financial.png') no-repeat -5px -10px;
}
div.iblock #interface {
	background: url('images/icons/interface.png') no-repeat -5px -10px;
}
div.iblock #pos {
	background: url('images/icons/pos.png') no-repeat -5px -10px;
}


/* Sidebar :
----------------------------------------------------- */
form#login {
	margin-bottom: 2em;
}
form#login input#lusername {
	width: 185px;
}
form#login input#lpassword {
	width: 150px;
}

/* Site Navigation :
----------------------------------------------------- */
div#site-nav {
	position: absolute;
	top: -100px;
	left: 0;
	width: 900px;
	height: 100px;
}
div#site-nav div.main {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 900px;
	text-align: right;
	background: url('images/masthead/navback.png') no-repeat top;
}

div#site-nav div.main span.d {
	visibility: hidden;
	float: left;
}

div#site-nav div.main p.slim {
	float: right;
}
div#site-nav div.main a {
	display: block;
	float: left;
	height: 31px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
div#site-nav div.main a span.o {
	background-position: 0 0;
}
a#nav-homepage {
	width: 36px;
}
a#nav-homepage span.o {
	background-image: url('images/masthead/home.png');
}
a#nav-testimonials {
	width: 76px;
}
a#nav-testimonials span.o {
	background-image: url('images/masthead/testimonials.png');
}
a#nav-tour {
	width: 70px;
}
a#nav-tour span.o {
	background-image: url('images/masthead/virtualTour.png');
}
a#nav-contact {
	width: 48px;
}
a#nav-contact span.o {
	background-image: url('images/masthead/contact.png');
}

div#site-nav div.main a:hover span.o,
div#site-nav div.main a.active span.o {
	background-position: 0 31px;
}

/* nav logo positioninging */
div#site-nav div.main a#nav-logo {
	position: absolute;
	display: block;
	height: auto;
	left: -12px;
	bottom: -30px;
	margin: 0 !important;
	background: none;
}


/* Footer :
----------------------------------------------------- */
div.footer {
	clear: both;
	margin-bottom: 1.5em;
}
div.footer div.partners {
	width: 650px;
	text-align: center;
	margin: 20px auto 30px auto;
}

div.footer div.partners p {
	float: left;
	margin: 0 15px;
}
div.footer div.legal {
	height: 20px;
	position: relative;
}
div.footer div.legal p.copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 9pt;
	font-style: oblique;
}
div.footer div.legal p.host {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding-right: 100px;
	width: 120px;
	text-align: right;
	line-height: 100%;
}
div.footer div.legal p.host img {
	position: absolute;
	right: 0;
	bottom: 0;
}














div.contact_form div.primary {
	float: left;
	margin-right: 35px;
}