/*********************************/
/* Stylesheet for Landing Pages  */
/* Solutions Answers Results     */
/* Date:
/*********************************/

/*********************************/
/* HTML - Content Styling        */
/*********************************/
body{ 
  font-family:MS Trebuchet,Verdana,Arial,san-serif;
/*  background: #742986; */
  background: #742986 url(../img/bg.jpg) 0 0 repeat-x; 
}
h2 {
  color:#742986;
}
a{
  padding:0 3px;
  font-weight:bold;
  color:#990000;
  text-decoration:none;
  border-bottom:dotted 1px #990000}
		
a:hover{
  color:#fff;
  background:#990000}

/*********************************/
/* Container - Content Styling   */
/*********************************/
div#header h1{
  margin:0;
  color: #120808;
}
div#footer p{
  margin:0;
  padding:5px 10px;
}
div.container1 p, div.container1 h3, div.container1 h4{
  color:#120808;
}
div.container2 p, div.container2 h3, div.container2 h4{
  color:#120808;
}
div.container1 h3, div.container2 h3{
  font-size:22px;
  font-weight:bold;
  line-height:34px;
}
div.container1 h4, div.container2 h4{
  font-size:18px;
  font-weight:bold;
}
div.container1 p, div.container2 p{
  text-align:justify;
}

/*********************************/
/* Classes - Content Styling     */
/*********************************/
.intro{
  font-size:18px;
  font-weight:bold;
  text-align:center;
}
.target{
  font-weight:bold;
  text-align:center;
}
.benefit{
  font-size:34px;
  font-weight:bold;
  text-align:center;
  color:#333333;
}
.brand{
  color:#F68B22;
  font-weight:bold;
}
.brandbuy{
  color:#894D13;
  font-weight:bold;
}
.homepage a{
  padding:0 3px;
  font-weight:bold;
  color:#990000;
  text-decoration:none;
  border-bottom:dotted 1px #FFFFFF;
}		
.homepage a:hover{
  color:#990000;
  background:#FFFFFF;
}
.enlarge1{
  font-size:18px;
}
.underline{
  text-decoration:underline; 
}
.highlight{
  background-color:#FFFF00;
}
.typed{
  font-family:Courier New, Courier, mono;
}

/*********************************/
/* Container Styling             */
/*********************************/
div#container{
  text-align:left;
  background:#FFFFFF;
}
div#rightcol{
  background:#B9CAFF;
}
div#leftcol{
  background:#FF8539;
}
div#footer{
  background:#B640D2;
  color:#FFFFFF;
  font-size:12px;
}
div.box1 {
  border:1px solid #FCBE6C;
  background-color:FFEEC5;
  font-size:14px;
}
div.box2 {
  border:1px solid #80462A;
  background-color:#CFA882;
  font-size:14px;
}
div.container1 {
  font-family: Helvetica, Arial, serif;
}
div.container1 #box-style .module{
  background:url(../img/box1/top-left.gif) no-repeat 0 0 #CDBAD2;
}
div.container1 #box-style .boxes-top-right{
  background:url(../img/box1/top-right.gif) no-repeat right 0;
}
div.container1 #box-style .boxes-bottom-right{
  background:url(../img/box1/bottom-right.gif) no-repeat right bottom;
}
div.container1 #box-style .boxes-bottom-left{
  background:url(../img/box1/bottom-left.gif) no-repeat 0 bottom;
}
div.container2 {
  font-family: Helvetica, Arial, serif;
}
div.container2 #box-style .module{
  background:url(../img/box2/top-left.gif) no-repeat 0 0 #C9E6D6;
}
div.container2 #box-style .boxes-top-right{
  background:url(../img/box2/top-right.gif) no-repeat right 0;
}
div.container2 #box-style .boxes-bottom-right{
  background:url(../img/box2/bottom-right.gif) no-repeat right bottom;
}
div.container2 #box-style .boxes-bottom-left{
  background:url(../img/box2/bottom-left.gif) no-repeat 0 bottom;
}
div.orderbox {
  border:5px dashed #990000;
  font-size:90%;
}

/*********************************/
/* Layout HTML Elements          */
/*********************************/

html,body{
  margin:0;
  padding:0;
}
body{
  text-align:center;
}
p, h1, h2, h3, h4, h5 {
  margin:0 10px 10px;
}

/*********************************/
/* Layout Page Containers        */
/*********************************/

div#container{
  width:700px;
  margin:0 auto;
}
div#rightcol{
  float:right;
  width:350px;
}
div#leftcol{
  float:left;
  width:350px;
}
div#footer{
  clear:both;
  width:100%;
}
div.box1, div.box2 {
  margin:20px;
  padding:10px;
}
div.container1, div.container2 {
  margin:10px 40px;
  padding:10px;
}
div.orderform {
  margin:10px 20px;
}
div.orderbox {
  margin:10px 40px;
  padding:20px 10px;
}
div.indent1 {
  margin:0px 20px;
}
div.indent2{
  margin:0px 40px;
}
.alignright{
  text-align:right;
}
.aligncenter{
  text-align:center;
}
.width{
  width:100%;
}
#box-style{
  width:100%;
  overflow:hidden;
  padding:14px 0px 0px 0px;
}
#box-style .boxes-top-right{
  width:100%;
}
#box-style .boxes-bottom-left{
  padding:20px 20px 20px 24px;
}