/* CSS Document */

/* =Universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; border: 0;}
h2, h3, h4, h5, p, ul, ol, li  { margin: 0; padding: 0; border: 0; font-weight: 500; list-style: none}

/* =Body */
html { text-align: center; height: auto; padding: 0px 0px 0px 0px; margin: 0 0px 0px 0px; border: 0; background: url(../img/bg_top.gif) top repeat-x; 
		background-color: #fefefe; font-family: century gothic, verdana, arial, sans-serif;}
body { }

/* =Headings, Paragraphs, In-text links*/
h1 { background: url(../img/bg_head.gif) top left no-repeat; height: 165px; font-size: 0.1em; padding: 0px 0px 0px 10px; color: #fff;}
h2 { font-size: 1.4em; color: #d84b10; margin: 10px 0 26px 0; clear: both;}
h3 { font-size: 1em; color: #d84b10; margin: 0px 0 16px 0; clear: both;}
h4 { font-size: 0.9em; color: #d84b10; margin: 0px 0 6px 0;}
p { font-size: 0.8em; margin: 0 0 1em 0; color: #535353;}
#contentWrap ul li { font-size: 0.8em; margin: 0 0 1em 3em; color: #535353; list-style: disc}
p a:link, p a:visited { color: #126dc1; text-decoration: none; border-bottom: 1px dashed #5ea5e2;}
p a:hover { color: #5ea5e2; text-decoration: none; border-bottom: 1px dashed #d84b10;}

/* =Navigation */

#mainMenu { float: right; margin: 0px auto 0px auto; padding: 0px 20px 0px 0px; border: 0; font-weight: 800; 
	font-family: arial narrow, verdana, arial, sans-serif; text-align: right;}
#mainMenu ul#mainNav{ position: relative; top: -10px; padding: 0; margin: 0 0 -16px 0; font-size: 0.7em;}
#mainMenu ul#mainNav li{ display: inline;  padding: 0; margin: 0; line-height: 60px;}
#mainMenu ul#mainNav li a:link{ color: #dbe4ec; text-decoration: none; padding: 36px 16px 16px 16px; margin: 0; font-weight: 800; }
#mainMenu ul#mainNav li a:visited{ color: #dbe4ec; text-decoration: none; padding: 36px 16px 16px 16px; margin: 0; font-weight: 800;}
#mainMenu ul#mainNav li a:hover{background: url(../img/bg_hover.gif) top repeat-x; color: #fff; text-decoration: none; 
		text-decoration: none; padding: 36px 16px 16px 16px; margin: 0; font-weight: 800;}

/* =Containers and Wraps */
#main_wrap { width: 780px; border: none; height: auto; text-align: left; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: 0;}
#contentWrap{ clear: both; border-left: 3px double #d2d6d8; border-right: 3px double #d2d6d8; margin-top: 0px; margin-bottom: 0px; padding: 0 20px 50px 20px; 
		background: #fff url(../img/bg_content.gif) top repeat-x;}
#contentWrap{padding-top: 20px;}
#content{padding: 0px; margin: 0}
#feature_wrap{clear: both; background: #f8f7f7 url(../img/bg_foot.gif) top center repeat-x; margin: 0px 0px 0px 0px; clear: both;
		width: 100%; float: right; text-align: center; padding: 20px 0px 20px 0;}
#feature { font-size: 0.9em; width: 782px; border: none; height: auto; text-align: left; margin: 0px auto 0px auto; padding: 0px 0px 0px 10px;}
#feature_mod1 { width: 220px; float: left; padding: 0 18px; border-right: 1px dashed #f8f7f7; border-left: 1px dashed #f8f7f7;}
#feature_mod2 { width: 220px; float: left; padding: 0 18px; border-right: 1px dashed #f8f7f7;}
#feature_mod3 { width: 220px; float: left; padding: 0 18px; border-right: 1px dashed #f8f7f7;}
.side_mod{ font-size: 1.1em; float: right; border: 1px solid #d0372d; margin: 0 0 20px 20px; padding: 190px 10px 10px 10px; width: 220px; 
		background: #fff url(../img/olap2.gif) top center no-repeat;}
.wedo_mod{ font-size: 1.1em; float: right; border: 1px solid #5ea5e2; margin: 0 0 20px 20px; padding: 120px 10px 10px 10px; width: 220px; 
		background: #c2b9ba url(../img/bg_wedo.gif) top center no-repeat;}
.side_mod p{ color: #000;}
.wedo_mod p{ color: #fff;}
.side_img{ float: right; margin: 0 0 0px 20px; padding: 0; width: 220px; height: 165px;}
.side_img img{ margin: 0; padding: 0; border: 3px double #d2d6d8; background-color: #fff;}
.col_left{ width: 350px; float: left; border-right: 1px solid #e7e6e6; padding-right: 18px; margin-bottom: 30px;}
.col_right{width: 346px; float: right; }

/* =Images*/

/* =Extra bits */
.spacer{ clear: both;}
abbr { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
}

/* =Form */
input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; border: 1px solid #d4d4d4; width: 300px;
		background: url(../img/bg_input1.gif) top repeat; padding: 2px;}
label { font-size: 0.7em; color:#999; padding-left:2px; line-height: 15px;}
input:focus, textarea:focus { border:1px solid #7abfff;	}

/*Button*/
.buttonSubmit, .buttonSubmitHovered { width:69px; height:26px; color:#FFF; font-weight:bold; padding:2px 5px; 
		background: url(../img/button.gif) no-repeat left top; cursor:pointer; border:none;}
.buttonSubmitHovered { background-position:left bottom;}

/* =Footer */
#footer{clear: both; position: relative; top: 0px; background: #fff url(../img/bg_footer.gif) top center repeat-x; margin: 0px 0px 0px 0px; clear: both;
		width: 100%; float: right; text-align: right; padding: 20px 0px 20px 0;}
#footer ul {width: 780px; text-align: right; margin: 0px auto 0px auto; padding: 0 0 30px 0; background: url(../img/olap1.gif) top left no-repeat;}
#footer ul li{list-style: none; font-size: 0.6em; margin-top: 1px; line-height: 1.4em}
#footer ul li a:link, #footer ul li a:visited{color: #cac7b7; text-decoration: none; border-bottom: 1px solid #faf9f5;}
#footer ul li a:hover{color: #666; border-bottom: 1px dashed #cac7b7;}