/*----------
	HD Guard - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #2b2b2b;
  background-color: #AFBAC0;
	font: 62.5%/1.6em Arial, Helvetica, sans-serif;
}

#container {
  width: 960px;
  margin: 20px auto;
  font-size: 1.2em;
  background-color: #FFFFFF;
}

#content {
  padding: 30px;
}

#column-left {
  width: 590px;
  float: left;
}

#column-right {
  width: 290px;
  float: right;
  background-color: #F2EFE8;
}

#text {
  width: 580px;
}


/*----------	CoMMoN STYLeS	----------*/
a { text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  color: #ffffff;
  font-weight: normal;
}
h1 { font-size: 1.7em; display: none; }
h2 {
  font-size: 1.4em;
  width: 300px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  margin: 0 0 20px 0;
}
#text h2 {
  margin: 60px 0 0 -40px;
  background: url(../images/core/h2-fans.gif) no-repeat;
}
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #0068AA; margin: 10px 0; }
p { margin: 15px 10px; }
ul { margin: 10px 50px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 0; }

#mudmap { margin: 10px; float: right; }
.photo { text-align: center; margin: 10px; }
.blue {
  font-weight: bold;
  padding: 10px 25px;
  background-color: #ECF6F8;
  border-top: 1px solid #ADCEDC;
  border-bottom: 1px solid #ADCEDC;
}

ul#testimonials { margin: 0; padding: 20px 0; }
ul#testimonials li {
  padding: 10px 20px;
  margin: -1px 0 0 0;
  background-color: #F0F9E6;
  border-top: 1px solid #CBE2B7;
  border-bottom: 1px solid #CBE2B7;
}
ul#testimonials li span {
  color: #616161;
  text-transform: uppercase;
}




/*----------	HeaDeR STYLeS	----------*/
#header { width: 960px; height: 112px; position: relative; }
#header #logo { position: absolute; top: 38px; left: 39px; }
#header #slogan { position: absolute; top: 38px; left: 720px; }


/*----------	BaNNeR STYLeS	----------*/
#banner {
  width: 960px;
  height: 400px;
  display: block;
  padding: 0 15px;
  position: relative;
  margin: 0 0 0 -15px;
  background: url(../images/core/banner.jpg) no-repeat;
}


/*----------	ReQUeST FoRM STYLeS	----------*/
#request_form {
  position: absolute;
  top: 10px;
  left: 645px;
  width: 240px;
  height: 255px;
  display: block;
  padding: 100px 45px 0 45px;
  background: url(../images/core/form_request.jpg) no-repeat;
}
#request_form legend { text-indent: -9999px; }
#request_form form#request li { position: relative; }
#request_form form#request label { display: none; }
#request_form form#request input {
  border: none;
  width: 220px;
  height: 14px;
  margin: 0 0 5px 0;
  padding: 8px 10px;
  font-weight: bold;
  background: #FFFFFF;
}
#request_form form#request button {
  width: 105px;
  height: 45px;
  cursor: pointer;
  border: none;
  float: right;
  background: url(../images/core/button-submit-red.jpg) no-repeat;
}
#request_form form#request button:hover {
  background-position: 0 -45px !important;
}

#request_form form#request label.error {
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  top: 8px;
  left: 218px;
  text-indent: -9999px;
  background: url(../images/core/icon-cross.gif) no-repeat;
}


/*----------	VIDeo STYLeS	----------*/
#video {
  width: 580px;
  display: block;
  margin: 0 0 20px 0;
}



/*----------	oUR GUaRaNTee STYLeS	----------*/
#guarantee { width: 290px; padding: 0 0 30px 0; }
#guarantee h2 { background: url(../images/core/h2-guarantee.gif) no-repeat; }
#guarantee p {
  font-weight: bold;
  margin: 10px 30px;
}


/*----------	DoWNLoaD STYLeS	----------*/
#download { width: 290px; padding: 0 0 30px 0; }
#download h2 { background: url(../images/core/h2-download.gif) no-repeat; margin: 0; }
#download a { color: #2D2926;}
#download ul { margin: 0 10px; }
#download ul li {
  padding: 15px 10px;
  border-bottom: 1px solid #D7D6D3;
}
#download ul li#icon-d {
  padding: 15px 0 15px 65px;
  background: url(../images/core/icon-prog.gif) no-repeat 20px 15px;
}
#download ul li#icon-m {
  padding: 15px 0 15px 65px;
  background: url(../images/core/icon-master.gif) no-repeat 20px 15px;
}
#download ul li#icon-a {
  padding: 15px 0 15px 65px;
  background: url(../images/core/icon-pdf.gif) no-repeat 20px center;
}


/*----------	WHY STYLeS	----------*/
#why { width: 290px; padding: 0 0 30px 0; }
#why h2 { background: url(../images/core/h2-why.gif) no-repeat; }
#why p { margin: 15px 20px;}
#why ul { margin: 10px 10px 10px 20px; }
#why ul li {
  line-height: 22px;
  margin: 20px 0;
  padding: 0 0 0 33px;
  background: url(../images/core/icon-tick.gif) no-repeat left 3px;
}
#why ul li strong { color: #4683C2; }


/*----------	WHY STYLeS	----------*/
#howmuch { width: 290px; padding: 0 0 30px 0; }
#howmuch h2 { background: url(../images/core/h2-howmuch.gif) no-repeat; }
#howmuch table { width: 90%; margin: 0 0 0 10px; }
#howmuch tr { border-bottom: 1px solid #D7D6D3; }
#howmuch td { padding: 2px 8px; }
#howmuch td.price { text-align: right; }
#howmuch p { font-size: 0.9em; margin: 15px; }


/*----------	SCReeNSHoTS STYLeS	----------*/
#screenshots { width: 290px; padding: 0 0 30px 0; }
#screenshots h2 { background: url(../images/core/h2-screenshots.gif) no-repeat; }
#screenshots ul { margin: 0 0 0 15px; }
#screenshots ul li { float: left; display: block; width: 110px; height: 85px; margin: 10px; }
#screenshots ul li a { width: 100px; height: 75px; border: 5px solid #D2CBC3; display: block; }
#screenshots ul li a:hover { border: 5px solid #AFBAC0; }


/*----------	ReQUeST FoRM 2 STYLeS	----------*/
#request_form2 { width: 290px; padding: 0 0 30px 0; }
#request_form2 h2 { background: url(../images/core/h2-request.gif) no-repeat; }
#request_form2 form#request2 li { position: relative; }
#request_form2 p { margin: 15px 0;}
#request_form2 form#request2 { margin: 0 0 0 30px;}
#request_form2 form#request2 label { display: none; }
#request_form2 form#request2 input {
  border: 1px solid #AEBABF;
  width: 220px;
  height: 14px;
  margin: 0 0 5px 0;
  padding: 8px 10px;
  font-weight: bold;
  background: #FFFFFF;
}
#request_form2 form#request2 button {
  width: 105px;
  height: 45px;
  border: none;
  cursor: pointer;
  float: right;
  background: url(../images/core/button-submit.jpg) no-repeat;
}
#request_form2 form#request2 button:hover {
  background-position: 0 -45px !important;
}

#request_form2 form#request2 label.error {
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  top: 8px;
  left: 218px;
  text-indent: -9999px;
  background: url(../images/core/icon-cross.gif) no-repeat;
}



/*----------	PaRTNeRS STYLeS	----------*/
#partners { width: 290px; text-align: center; padding: 50px 0 30px 0; }


/*----------	FooTeR STYLeS	----------*/
#footer { font-size: 1.2em; background-color: #90A1A8; height: 87px; color: #fff; }
#footer #content-container { width: 920px; margin: 0 auto; padding: 20px 0; }
#footer a { color: #fff; }
#footer span { margin: 0 10px; }
#footer #wflogo { float: right; margin: 10px; }