/*
 * CSS RESET
 */
*{margin:0;padding:0;font-family:Verdana, Arial, sans-serif}
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;font-family:Myriad, Helvetica, Arial, Verdana, sans-serif}
q:before,q:after{content:'';}
abbr,acronym,img{border:0;}

/*
 * TAGS
 */

body {
  background: white url('images/background.png') repeat-x;
  height: 800px;
  font-size: 11px;
  color: #404040;
}

a {
  text-decoration: none;
  color: #828e19;
}

a:hover {
  text-decoration: underline;
}

h1 {
 font-size: 22px;
 color: #0b2e3c;
}

input, select, textarea {
  font-size: 11px;
}

/*
 * IDS
 */
 
#container, #footercontainer {
  width: 949px;
  margin: 0 auto;
}

#buttonbg {
  background: transparent url('images/footer_gradient.png') repeat-x;
  padding-top: 10px;
  position: relative;
}

#curve {
  background: transparent url('images/bg_curve.png') repeat-x;
  position: absolute;
  left: 0;
  top: -123px;
  z-index: -1;
  height: 123px;
  width: 99.9%;
}

#curvecontact {
  background: transparent url('images/bg_curve.png') repeat-x;
  position: absolute;
  left: 0;
  height: 123px;
  width: 99.9%;
}

#header {
  position: relative;
  height: 86px;
  background: #828e19 url('images/header_bg.png') no-repeat;
}

#header.features {
  position: relative;
  height: 120px;
  background: #828e19 url('images/header_bg.png') no-repeat;
}

#header a.logo {
  position: absolute;
  top: 26px;
  left: 26px;
}

#header ul {
  position: absolute;
  right: 15px;
  bottom: 7px;
}

#header ul li {
  display: inline;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: transparent;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 50px;
	margin-right: .4em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 50px;
	background-repeat: no-repeat;
}
li.why {background-image: url(images/tab_why_f2.png); width: 169px; position: relative}
li.why a {background-image: url(images/tab_why.png);}
li.customers {background-image: url(images/tab_customers_f2.png); width: 139px;}
li.customers a {background-image: url(images/tab_customers.png);}
li.support {background-image: url(images/tab_support_f2.png); width: 142px;}
li.support a {background-image: url(images/tab_support.png);}
li.contact {background-image: url(images/tab_contact_f2.png); width: 142px;}
li.contact a {background-image: url(images/tab_contact.png);}
li.benefits {background-image: url(images/subtab_benefits_f2.png); width: 90px; position: relative}
li.benefits a {background-image: url(images/subtab_benefits.png);}
li.features {background-image: url(images/subtab_features_f2.png); width: 87px; position: relative}
li.features a {background-image: url(images/subtab_features.png);}
li.modules {background-image: url(images/subtab_modules_f2.png); width: 91px; position: relative}
li.modules a {background-image: url(images/subtab_modules.png);}
ul.menu li a:hover, ul.menu li a.currentpage {background: none;}
ul.menu li {float: left;}
ul.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#header .why ul {position: absolute; top: 50px; left: 0; width: 280px;}
#header .why ul li {margin: 0; padding-right: 0px;}

#content {
  padding-top: 50px;
}

#content.main {
  background: transparent url('images/home_mainimage.png') no-repeat 440px 23px;
}

#content.why {
  background: transparent url('images/why_mainimage.png') no-repeat 650px 200px;
  width: auto;
}

#content.benefits {
  background: transparent url('images/benefits_mainimage.png') no-repeat 470px 140px;
}

#content.customer {
  background: transparent url('images/customers_mainimage.png') no-repeat 400px 23px;
}

#content.contact {
  background: transparent url('images/contact_mainimage.png') no-repeat 442px 123px;
  width: auto;
}


#content div.leftcol {
  margin: 0 0 30px 75px;
  width: 370px;
  padding: 0 10px 0 0;
  float: left;
}

#content div.leftcol p {
  line-height: 1.6;
  padding: 4px 0 10px 22px;
}

#content div.leftcol p.noindent {
  padding: 4px 0 10px 18px;
}

#content div.leftcol p.leftalligned {
  padding: 4px 0 10px 8px;
}

#content div.leftcol a.important {
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 18px;
}

#content div.leftcol a.readmore {
  display: block;
  margin: 20px 0 0 11px;
}

#content div.top-seperator {
  padding-top: 10px;
  
}

#content div.rightcol {
  float: right;
  position: relative;
  width: 470px;
  margin-bottom: 30px;
}

#content div.rightcol a.features {
  position: absolute;
  top: 500px;
  left: 150px;
}

#content div.rightcol a.modules {
  position: absolute;
  top: 550px;
  left: 150px;
}

#content div.rightcolimage {
  float: left;
  position: relative;
  width: 450px;
  margin-bottom: 30px;
}

#content div.arrow {
  background: transparent url('images/arrow_left.gif') no-repeat 0px 100px;
  padding: 15px 40px 20px 70px;
  width: 350px;
}

#content div.arrow h1 {
  padding-bottom: 20px;
}

#content div.arrow p {
  line-height: 1.6;
  padding-bottom: 20px;
}

#content img.title {
  display: block;
  margin-left: 75px;
}

#content img.title2 {
  margin-top: 10px;
}

#content img.info {
  display: block;
  margin: 7px 0 20px 78px;
}

#content p.home_text {
  border-top: 2px solid #e5e7ec;
  width: 318px;
  margin-left: 75px;
  padding: 19px 0 26px 11px;
  line-height: 1.6;
}

#content p.legal_text {
  width: 770px;
  margin-left: 75px;
  padding: 19px 0 10px 11px;
  line-height: 1.6;
}

#content a.button {
  margin-left: 78px;
  display: block;
  margin-bottom: 15px;
}

#content a.centerbutton {
  margin-left: 195px;
  display: block;
  margin-bottom: 15px;
}

#content a.leftbutton {
  margin-left: -6px;
  display: block;
  margin-top: 10px;
  background: none;
}

#content ul li {
  background: transparent url('images/bullet_arrow.png') no-repeat 0 2px;
  margin-left: 22px;
  padding: 0 0 10px 22px;
  line-height: 1.6;
}

#content div.list {
  padding: 5px 0 0;
}

#content div.framed {
  background: white;
  padding: 15px 15px 15px 80px;
}

#content div.framed hr {
  margin: 7px -13px 0 -77px;
  border: 0 none;
  border-top: 1px solid #d2d5da;
  border-bottom: 1px solid #f3f3f5;
}

#content div.framed p {
  padding: 10px 0 10px;
  margin: 0;
}

#content div.framed h1{
  padding: 8px 0 0;
}

#content div.framed form label {
  display: block;
  width: 250px;
  font-weight: bold;
  padding: 4px 0 2px;
}

#content div.framed form label.checkbox {
  display: inline;
  font-weight: normal;
  width: auto;
  padding-right: 20px;
  margin-bottom: 5px;
  padding-top: 0;
}

#content div.framed form input {
  display: block;
  width: 250px;
  padding:4px 0;
  border: 2px solid #dbdfde;
}

#content div.framed form input.checkbox {
  display: inline;
  border: 0 none;
  width: auto;
  height: auto;
  margin-bottom: 5px;
}

#content div.framed form input.button {
  margin-top: 10px;
  border: 0 none;
  float: right;
  width: auto;
  height: auto;
} 

#content div.framed form textarea {
  border: 2px solid #dbdfde;
  width: 250px;
  margin-bottom: 10px;
}

#content div.framed form select {
  margin-bottom: 5px;
}

#content div.framed form input.send {
  margin: 10px 0 26px;
}

#content div.framed h1.help {
  margin-left: -60px;
  padding: 20px 0 35px 60px;
  background: transparent url('images/icon_person.png') no-repeat;
}

#content div.framed h1.contact {
  margin-left: -60px;
  padding: 20px 0px 25px 60px;
  background: transparent url('images/icon_contact.png') no-repeat;
}


#content div.contact {
  background: transparent url('images/contact_roundbox.png') no-repeat;
  padding: 15px 15px 15px 80px;
  height: 650px;
  width: auto;
}

#content div.login_frame {
  background: transparent url('images/support_box.png') no-repeat;
  margin-left: 35px;
  width: 279px;
}

#content div.login_frame a {
  display: block;
  padding: 5px 0;
}

#content div.login_frame form input.button {
  margin-top: 17px;
}

#content a.block {
  color: #404040;
  margin-left: 70px;
  display: block;
  margin-bottom: 25px;
  text-align: center;
}

#content a.block img.wide{
  display: block;
}

div.twocols {
  margin: 0 auto;
  width: 949px;
  padding-bottom: 30px;
}

div.col {
	width: 325px;
	float: left;
	padding-left: 110px;
	padding-top: 25px;
}

div.col strong {
  font-weight: bold;
}

div.infoblock {
  padding-bottom: 15px;
}

#content a.block img.magnify {
  margin-bottom: -15px;
}

#content a.block:hover {
  text-decoration: none;
}

#button_area {
	background: transparent url('images/box_horizontal.png') no-repeat;
	margin: 0 auto;
	width: 949px;
	height: 190px;
}

#button_area2 {
	background: transparent url('images/address_bg_03.png') no-repeat;
	margin: 0 auto;
	width: 949px;
	height: 550px;
}


#button_area div.button {
  padding: 24px 0px 20px 125px;
  background: transparent url('images/icon_plus.png') no-repeat 50px 18px;
  float: left;
  width: 340px; /*(348+125)x2~=949*/
  position: relative;
}

#button_area div.button a.button{
  position: absolute;
  left: 118px;
  top: 118px;
}

#footer {
  border-top: 1px solid #d8dbe3;
  padding: 5px 0 5px 40px;
}

#footer ul li {
  display: inline;
  border-left: 1px solid #828e19;
  padding: 0 2px 0 5px;
}

#footer ul li.first {
  border-left: 0px none;
}

/*
 * CLASSES
 */

.copyright {
  float: right;
  color: #828E19;
}

.highlight {
  font-weight: bold;
}

.approval {
  font-weight: bold;
  color: #0b2e3c;
}

.plus {
  font-weight: bold;
  color: #828e19;
}

.seperator {
  border-right: 1px solid #cbcfda;
}

.top-seperator {
  border-top: 1px solid #cbcfda;
}

.left-seperator {
  border-left: 1px solid #cbcfda;
}

.pdf {
  margin-bottom: -8px;
}

.vpush {
  float: right;
  height: 459px;
  width: 1px;
}

.spacer {
  clear: both;
}