/* Software On Demand Style Sheet */
/* Author: Michael Marcialis */

/* ============================================================================
         UNIVERSAL RESET
=============================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {		  	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img {
	border:0;
	}
	
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
	}
	
ol,ul {
	list-style:none;
	}
	
caption,th {
	text-align:left;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-size:100%;font-weight:normal;
	}
	
q:before,q:after {
	content:'';
	}
	
abbr,acronym {
	border:0;
	}
	
/* ============================================================================
         LAYOUT STYLES
=============================================================================== */
body {
	background:#246297 url(../images/body_gradient.jpg) top left repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	min-width:880px;
}

#mainWrapper {
	width:880px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:transparent url(images/shadow.png) repeat-y top center;
}

#contentWrapper {
	width:850px;
	background:#dbebf9 url(../images/content_gradient.jpg) top left repeat-x;
	position:relative;
	margin:0 auto;
}

#fauxColumns {
	width:100%;
	background: url(../images/faux_columns.gif) top center repeat-y;
	position:relative;
}

#navigation {
	width:180px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}

#content {
	width:630px;
	float:right;
	position:relative;
	padding-right:10px;
	padding-top:10px;
}

.clearer {
	clear:both;
}

.contentBox {
	margin-bottom:20px;
	padding-bottom:17px;
	background:#eef5fa url(../images/content_footer.gif) bottom center no-repeat;
	position:relative;
	overflow:hidden;
	width:100%;
}

#menu {
	margin-bottom:20px;
}

.subcontentBox {
	margin-bottom:20px;
	background: url(../images/nav_gradient.gif) top center repeat-y;
	padding-top:10px;
}

/* ============================================================================
         HEADER STYLES
=============================================================================== */
h1 {
	width:850px;
	height:150px;
	text-indent:-5000px;
	background:#dbebf9 url(../images/header.gif) top center no-repeat;
	margin:0 auto;
}

#content h2 {
	width:630px;
	height:39px;
	text-indent:-5000px;
	position:relative;
}

h2#propel {
	background:url(../images/propel_header.gif) bottom center no-repeat;
}

h2#applications {
	background:url(../images/applications_header.gif) bottom center no-repeat;
}

h2#provide {
	background:url(../images/provide_header.gif) bottom center no-repeat;
}

h2#thanks {
	background:url(../images/thanks_header.gif) bottom center no-repeat;
}

#menu h3 {
	text-indent:-5000px;
	background:url(../images/menu_head.gif) bottom center no-repeat;
	width:180px;
	height:10px;
}

h3.navHead {
	width:180px;
	height:38px;
	background:url(../images/nav_head.gif) top center no-repeat;
	color:#196fb8;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	padding-top:12px;
}

/* ============================================================================
         LIST STYLES
=============================================================================== */
dl {
	position:relative;
}

dl.benefits {
	margin-top:15px;
	margin-bottom:15px;
	float:right;
	width:630px;
}

dl.benefits dd {
	font-size:.7em;
	color:#333333;
	line-height:1.3em;
	background:url(../images/bullet.gif) top left no-repeat;
	padding-left:20px;
	width:320px;
	float:right;
	padding-right:15px;
	margin:0 0 7px 0;
}

dl.benefits dt {
	width:246px;
	float:left;
	padding-left:15px;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul a:link, #menu ul a:visited {
	display:block;
	width:180px;
	height:30px;
	line-height:30px;
	color:#196fb8;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
	text-align:left;
	text-indent:40px;
	background:url(../images/menu_states.gif) top left no-repeat;
}

#menu ul a:hover {
	background:url(../images/menu_states.gif) top right no-repeat;
}

#menu ul a#menuEnd:link, #menu ul a#menuEnd:visited {
	height:40px;
	line-height:30px;
	background:url(../images/menu_end_states.gif) top left no-repeat;
}

#menu ul a#menuEnd:hover {
	background:url(../images/menu_end_states.gif) top right no-repeat;
}

#software #menu .software a,
#contact #menu .contact a,
#resale #menu .resale a,
#benefits #menu .benefits a {
	background-position:bottom left;
	color:#333333;
	cursor:default;
}

ol {
	font-size:1em;
	font-weight:bold;
	color:#555555;
	margin:0 0 0 30px;
	padding:15px 0;
}

ol li {
	padding:0 0 13px 30px;
	height:1%; /*Applies layout for IE viewing*/
}

li#one {
	background:transparent url(../images/number_1.gif) no-repeat top left;
}

li#two {
	background:transparent url(../images/number_2.gif) no-repeat top left;
}

li#three {
	background:transparent url(../images/number_3.gif) no-repeat top left;
}

/* ============================================================================
         TYPOGRAPHY STYLES
=============================================================================== */

strong {
	font-weight:bold;
}

.contentBox p {
	padding-left:15px;
	padding-right:15px;
	font-size:10pt;
	color:#333333;
	margin-bottom:15px;
	margin-top:0;
	line-height:1.4em;
}

p#footer {
	font-size:7pt;
	color:#333333;
	text-align:center;
	margin:15px 0;
}

.subcontentBox p {
	font-size:8pt;
	color:#333333;
	padding-left:10px;
	padding-right:10px;
}

/* ============================================================================
         TABLE STYLES
=============================================================================== */
.contentBox table {
	margin:0 15px 10px 15px;
	font-size:10pt;
	width:600px;
}

.contentBox table th {
	font-weight:bold;
	color:#ffffff;
	background:#ca5d0e url(../../images/table_gradient.gif) top left repeat-x;
	padding:5px 10px;
	white-space:nowrap;
	border-right:1px solid #eef5fa;

}

.contentBox table td {
	padding:5px 10px;
}

tr.alternate {
	background-color:#e1e1e1;
}

/* ============================================================================
         LINK STYLES
=============================================================================== */
#content a:link, .contentBox a:visited {
	font-weight:bold;
	color:#196fb8;
	border-bottom:1px dotted #a9cded;
	text-decoration:none;
}

#content a:hover {
	color:#ffffff;
	background-color:#196fb8;
	border-bottom:2px solid #adcbed;
}

#navigation p a:link, #navigation p a:visited {
	color:#196fb8;
	border-bottom:1px dotted #a9cded;
	text-decoration:none;
}

#navigation p a:hover {
	color:#ffffff;
	background-color:#196fb8;
	border-bottom:2px solid #adcbed;
}

a#notifyButton:link, a#notifyButton:visited {
	display:block;
	width:180px;
	height:74px;
	text-indent:-5000px;
	background:url(../images/notify_states.jpg) top left no-repeat;
}

a#notifyButton:hover {
	background-position:top right;
}

a#resellerButton:link, a#resellerButton:visited {
	display:block;
	width:180px;
	height:74px;
	text-indent:-5000px;
	background:url(../images/reseller_states.jpg) top left no-repeat;
}

a#resellerButton:hover {
	background-position:top right;
}

a#orderButton:link, a#orderButton:visited {
	display:block;
	width:180px;
	height:74px;
	text-indent:-5000px;
	background:url(../images/order_states.jpg) top left no-repeat;
}

a#orderButton:hover {
	background-position:top right;
}

a#contactButton:link, a#contactButton:visited {
	display:block;
	width:180px;
	height:74px;
	text-indent:-5000px;
	background:url(../images/contact_states.jpg) top left no-repeat;
}

a#contactButton:hover {
	background-position:top right;
}

/* ============================================================================
         RULE STYLES
=============================================================================== */
hr {
	display:none;
}

#headerRule {
	width:850px;
	height:26px;
	background:#c4c2c2 url(../images/header_rule.gif) top center no-repeat;
	margin:0 auto;
}

/* ============================================================================
         FORM STYLES
=============================================================================== */
fieldset {
	padding-left:15px;
	padding-right:15px;
}

fieldset p {
	margin-top:10px !important;
	margin-bottom:10px !important;
}

legend {
	font-weight:bold;
	font-size:10pt;
	color:#333333;
	border-bottom:1px solid #a9cded;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

input {
	width:200px;
}

input.radio, input.checkbox {
	width:auto;
}

input.radio {
	float:left;
	margin-right:7px;
}

input:focus {
	background-color:#FFFFCC;
}

#contactform label {
	float:left;
	width:150px;
}

#productform div {
	width:280px;
	float:left;
}

#productform label, #customerform label {
	font-size:8pt;
}

input.submit {
	width:80px;
	padding:5px 0;
	display:block;
	margin:0 auto;
	margin-top:10px;
	background-color:#d86a19;
	color:#ffffff;
	font-weight:bold;
}