/* 
Copyright 2008 Sitright Workwell. All Rights Reserved. 
Author: Tracey Tam, Sevenzest 
www.sevenzest.com
------------------------------------------------------
General Elements
Page Structure
Typography
Links
Navigation
Images
Forms
------------------------------------------------------ */
/* GENERAL ELEMENTS */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, select, textarea, p, a, span, blockquote, table, th, td { margin: 0; padding: 0; }
body {
font: normal 11px/17px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
color: #4d5253;
background: #46797C;
text-align: left;
margin: 0;
padding: 0;
}
/* PAGE STRUCTURE */
#wrap {
width: 980px; 
background: #fff url(images/bg.gif) repeat-x;
margin: 0 auto;
padding: 0;
position: relative;
}
#header {
padding-top: 41px;
margin: 0;
height: 181px;
width: 900px;
background: url(images/headerbg.gif) no-repeat;
}
#right {
width: 740px;
padding: 0;
float: right;
}
#logo { 
height: 121px;
width: 408px;
background: transparent url(images/logo.gif) no-repeat;
float: left;
margin-top: 15px;
}
#logo a { 
height: 121px;
width: 408px;
display: block;
margin: 0;
padding: 0;
}
#maincopy {
padding: 18px 0 20px 0px;
width: 355px;
float: left;
display: inline;
}
#subcopy {
padding: 18px 10px;
margin-top: 10px;
width: 296px;
float: right;
}
.subcontent {
background: transparent url(images/subcopy_bg.gif) repeat-y;
padding: 13px;
border-bottom: 1px dashed #ccc;
width: 266px;
}
.phone {
width: 206px;
height: 81px;
background: #e6e1dd url(images/phbg.gif) no-repeat;
margin: 20px 0 0 20px;
padding: 15px 0 0 20px;
color: #bC313a;
}
/* TYPOGRAPHY */
p {
margin: 0; 
padding: 7px 0px; 
}
p.testimonial {
font-size: 12px;
font-style: normal;
font-style: italic;
}
p.small {
font-size: 9px;
font-style: italic;
}
.subcontent p{
margin-left: 126px;
}
h1 {
font: bold 16px/24px "Palatino", Georgia, Times, serif;
color: #6a6565;
}
h2 {
font: bold 16px/20px "Palatino", Georgia, Times, serif;
color: #bC313a;
}
h2.sub {
background: #46797C;
width: 292px;
text-align: center;
padding-top: 20px;
height: 34px;
color:#fff;
}
h2.sub2 {
background: #46797C;
width: 292px;
text-align: center;
padding-top: 10px;
height: 44px;
color:#fff;
}
h2.title {
height: 32px;
width: 380px;
padding: 0;
background: #324346;
}
h3, h4, h3 a {
font-size: 11px;
color: #bC313a;
margin-top: 15px;
font-weight: bold;
}
h5 {
font: bold 13px/18px Helvetica, Arial, sans-serif;
color: #000;
padding: 4px 15px;
margin: 0;
}
ul#bullets {
padding: 0;
margin: 0;
list-style: none;
}
ul#bullets  li {
padding: 0px 0 0 15px;
margin: 7px 0 0 0px;
background: url(images/bullet.gif) 5px 5px no-repeat;
}
ul#bullets  li.subbullet  {
padding: 0px 0 0 25px;
margin: 5px 0 0 0px;
background: url(images/bullet2.gif) top left no-repeat;
}
/* LINKS */
a {
color: #638188;
text-decoration: underline;
}
a:hover, a:active {
color: #334745;
}
a img {
border: none;
}
/*span {
display: none;
}*/
#header a {
color: #fff;
text-align: right;
}
.subcontent a {
font-weight: bold;
}
/* NAVIGATION */
ul#nav  {
font: bold 11px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
text-transform: uppercase;
list-style-type: none;
width: 146px;
float: left;
padding-left: 30px;
}
ul#nav li {
margin: 0;
height: 25px;
display: block;
background: #46797C;
padding-left: 10px;
padding-top: 5px;
border-bottom: 1px solid #628D8F;
color: #fff;

}
ul#nav li a {
color: #fff;
font-family: "Palatino", Georgia, Times, serif;
}
ul#nav a:hover, ul#nav li.active a {
color: #bC313a;
background: #46797C;
height: 25px;
width: 126px;
}
ul#nav a {
text-decoration: none;
color: #314246;
}
ul#nav li.active {
border-bottom: 1px solid #628D8F;
}
/* IMAGES */
.goldman {
position: absolute;
top: 0;
left: 598px;
}
.imagelink {
margin-top: 10px; 
}
.subcontent img {
float: left;
width: 122px;
display: inline;
}
img, div { 
behavior: url(../../../iepngfix.htc); 
}
/* FOOTER */
#footer {
clear: both;
font: normal 9px/17px Verdana, Helvetica, Arial, sans-serif;
color: #334745;
background: #cecbcb;
padding: 0;
text-align: center;
}
#footer a {
font-size: 9px;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none
}
/* FORMS */
#benefits ul {
margin: 10px 0 10px 20px;
padding: 0;
list-style: none;
}
#benefits li {
font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0px 25px;
background: url(../../../images/tick.gif) top left no-repeat;
}
#form {
padding: 0px;
margin: 10px;
font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
}
label { 
width: 100px; 
float: left;
text-align: right;
display: block; 
font: normal 11px/14px Verdana, Helvetica, Arial, sans-serif;
margin: 7px 0 0 0;
clear: left;
}
input {
border-style: double;
border-color: #ccc;
border-width: 1px;
background: #fff;
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
height: 20px;
width: 190px;
padding-top: 4px;
margin: 4px 10px;
}
select {
margin: 0 0 4px 10px;
border-style: double;
border-color: #ccc;
border-width: 2px;
background: #fff;
font-size: 10px;
}
textarea { 
margin: 10px 0 20px 10px;
border-style: double;
border-color: #ccc;
border-width: 2px;
width: 190px;
height: 120px;
/*background: #fff;*/
}
/*select {
height: 20px;
margin: 10px 0 0 10px;
padding: 3px 0;
}*/
.submit {
float: left;
width: 70px;
padding: 3px;
margin-left: 110px;
background: #C04145;
color: #fff;
font-weight: bold;
height: 30px;
}

/*------------- Contact Form --------------*/

div.contactForm {
	width:365px;
	padding: 0px;
	margin: 30px;
}
div.row {
	clear: both;
	padding-top: 5px;
	vertical-align: middle;
}
div.row span.label {
	float: left;
	width: 120px;
	text-align: right;
	padding:0px 10px 0px 0px;
}
div.row span.formw {
	float: right;
	width: 210px;
	text-align: left;
}
input, textarea, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 210px;
	padding-left: 3px;
}
input {
	width:150px;
}
div.row span.formw textarea {
	height:50px;
}
div.spacer {
	clear: both;
}
.button{
  width:70px;
  cursor:pointer;
}