body{ 
  color:#3c3937;
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
  margin:0px;
  border:0px;
  padding:0px;
  width:100%;
  z-index:1;
/*  overflow:auto;
  overflow-y:scroll;
  overflow-x:auto;*/
}

#backgroundDots{
  width:100%;
  height:442px;
  background-color:#ffffff;
  background-image:url('assets/background-dots.gif');
  background-repeat:no-repeat;
  background-position: top right;
  z-index:0;
  position:absolute;
}






/*                                                      Banner       */




#banner{
  width:100%;
  height:128px;
  background-image:url('assets/banner-background.gif');
  background-repeat:repeat-x;
  z-index:2;
  position:relative;
}

#bannerContent{
  width:760px;
  height:128px;
  clear:both;
  text-align:left;
}

#logo{
  z-index:4;
  position:absolute;
}

#menu{
  color:#ffffff;
  background-color:#923e23;
  font-size:12px;
/*  background-image:url('assets/menu-bg.gif');
  background-repeat:repeat-x;
  width:760px;
  z-index:3;*/
  position:relative;
}


#menu ul {
	padding: 0px;
	margin: 3px 0px;
	border: 0px;
	list-style: none;
}

#menu li {
	float: left;
	position: relative;
	padding: 0px;
	margin: 3px 7px;
	border: 0px;
	list-style: none;
}


#menu li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 5px;
	left: -14px;
	background: #923e23;
	padding: 3px 7px;
	margin: 0;
	border: 0px;
	list-style: none;
}

#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#menu a:link, #menu a:active, #menu a:visited, #menu a:hover{
  color:#ffffff;
  display:inline;
  padding:3px;
  text-decoration:none;
}





/*                                                      Content       */



#contentWrapper{
  width:100%;
  clear:both;
  z-index:1;
  position:relative;
}

#contentArea{
  text-align:left;
  width:760px;
/*  padding: 114px 0px 0px 0px;*/
}

#DesignedBy{
  color:#625749;
  margin-top:20px;
  text-align:center;
/*  z-index:3;
  position:relative;*/
  clear:both;
}

b.rtop, b.rbottom{display:block; background-color:#ffffff;}
b.rtop b, b.rbottom b{display:block; height:1px; overflow:hidden; background:#923e23;}
b.r1{margin:0 5px}
b.r2{margin:0 3px}
b.r3{margin:0 2px}
b.rtop b.r4, b.rbottom b.r4{margin:0 1px; height:2px}

table.grid {
  width:100%;
  border-left:4px solid #923e23;
  border-right:3px solid #923e23;
}
table.grid th, table.grid td {
  border-right:1px solid #923e23;
  padding:2px;
  vertical-align:top;
}
table.grid td {
  border-top:1px solid #923e23;
}
table.grid td.gridTop {
  border-top:0px;
}

/* HostQuarters website specific */

div.HostQuartersContactForm {
  float:left;
  width: 400px;
  padding: 0px 10px 0px 0px;
}
div.HostQuartersContactForm div.row {
  clear: both;
  padding-top: 10px;
  vertical-align:top;
}
div.HostQuartersContactForm div.row span.label {
  float: left;
  width: 115px;
  text-align: right;
  padding:0px 10px 0px 0px;
}
div.HostQuartersContactForm div.row span.formfield {
  float: right;
  width: 260px;
  text-align: left;
}





/* General ContactForm styles to be used on clients sites */

div.contactForm{
  width:400px;
  padding: 0px;
  margin: 0px;
  position:absolute;
}
div.row {
  clear: both;
  padding-top: 5px;
  _padding-top: 2px;
  }
span.label {
  float: left;
  width: 160px;
  text-align: right;
  padding:0px 10px 0px 0px;
  }
div.row span.formfield {
  float: right;
  width: 225px;
  text-align: left;
  }
div.row span.formfield input.text, div.row span.formfield textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 225px;
	border: 1px solid #666666;
	background: none !important;
}
div.row span.formfield textarea{
  height:50px;
}
div.spacer {
  clear: both;
}