/*---------------
MASTER STYLESHEET
---------------*/

/*Reset
==============================*/
body, h1, h2, h3, p, ul, ol, li, dl, dd, dt, blockquote, cite {margin: 0; padding: 0; }
ul, ol, dl, blockquote, cite {line-height: 1; }
h1, h2, h3, p, li, dd, dt {line-height: 1.1; }
a img {border: none;}
/*Form Reset
==============================*/
form, form p, form label, form select, form option, form input, form button, form button img {vertical-align: bottom;margin: 0; padding: 0; line-height: 1;}
form label, form input, form button {line-height: 1.1; }
form input {padding: 1px; margin: 0px; font-size:1em;  }
form select, form option {font-size:1em;line-height:1; }
button {cursor:pointer;background-color:transparent;border:0px solid black; }
button img {margin:0px; padding:0px;}
/*Fonts
==============================*/
body {font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3 {}
/*Main Layout Elements
==============================*/
html {height:100%;}
body {text-align: center; font-size: 62.5%; height:100%; background: url(i/body-bg.jpg) repeat-x top left;}
#container {text-align: left; width: 939px; overflow: visible; height: auto; margin: 0 auto 0 auto; position: relative;background:  url(i/container-bg.gif) repeat-y -30px 0px; min-height:100%; }
#header {height: 180px; width: 939px; background-image: url(i/logo.jpg); margin:0px; padding:0px; position: relative; left:0px; }
p.contact {margin:0px; padding:0px; font-size:1.6em; font-weight:bold; color:#e2007a; position: absolute; right:30px;  top:85px; text-align:right; }
p.contact a, p.contact a:hover {color:#e2007a;}
p.contact span a, p.contact span a:hover {font-size:0.8em; color:#444; font-weight:normal; line-height:1.2;   }
#main-nav {margin:0 0 20px 0; padding:0px;}
#content {overflow: visible; height: auto; width: 610px; float: right;margin:0 10px 0 0px; padding:20px 40px 60px 0; position: relative; top:-22px; display:inline; }
/*.with-pic #content {background:  url(i/sc-pic.jpg) no-repeat top right;}*/
#block-1 {width: 220px; overflow: visible; height: auto; float: left; margin:0 0 0 10px; padding:10px 0 20px 0;display:inline;}
#footer {width: auto;  height: auto; overflow: visible; clear: both; position: relative;margin:0px; padding:0px 50px 0 280px;text-align:left;}
.clear {height: 0px; font-size: 1%; width: 100%; clear: both;}

/*General link styles
==============================*/
a:link, a:visited {color:#e2007a; text-decoration: none;}
a:hover, a:focus, a:active {color:#e2007a; text-decoration: underline;}

/*Main content styles
==============================*/
#content p.bigBlueItalic, .mceContentBody .bigBlueItalic {font-size: 1.6em; font-weight: bold; font-style:italic; color: #91b1af; }
#content h2 {font-size: 3.6em; margin: 5px 0 5px 0; padding:0px; color: #91b1af; }
#content h3 {font-size: 2em; margin: 20px 0 10px 0; padding:0px;color:#e2007a;}
#content p,  .mceContentBody p {font-size: 1.4em; line-height: 1.3; margin: 0 0 10px 0; padding:0px; color:#696969; }
#content ul, .mceContentBody ul {font-size: 1.4em;margin:0 0 10px 0;padding:0 0px 0 20px; color:#696969; }
#content ul ul, .mceContentBody ul ul {font-size: 1em;margin:0 0 0 20px; padding:0 0 0 0px;}
#content ol, .mceContentBody ol {font-size: 1.4em;margin:0 0 10px 0;padding:0 0px 0 26px;  color:#696969; }
#content ol ol, .mceContentBody ol ol {font-size: 1em;margin:0 0 0 20px; padding:0 0 0 0px;}
#content li, .mceContentBody li {list-style-position:outside;margin:0px; padding:0px; line-height: 1.3;}
.mceContentBody { text-align: left; }

.with-pic #content h1 {padding:0 275px 0 0px;}
.with-pic #content h2 { padding:0 275px 0 0px;}
.with-pic #content p {padding:0 275px 0 0px; }
.with-pic #content ul {padding:0 275px 0 20px; }
.with-pic #content ul ul {padding:0 275px  0 0px;}
.with-pic #content ol {padding:0 275px 0 26px;  }
.with-pic #content ol ol { padding:0 275px 0 0px;}
.with-pic #content li {padding:0px; }



/*Other styles
==============================*/
#accessibility {position: absolute; font-size: 0.0em; text-indent: -5000em; height:0px; top:-50px; left:0px;  }
#header #header-link {display: block; width: 100%; height: 100%; text-indent: -5000em; overflow: hidden;}


#block-1 .social{ margin: 0 0 15px 30px;}
#block-1 .social img{ padding-right: 10px;}


#block-1 h2 {margin:0 10px 10px 10px; padding:0px;}
#block-1 blockquote {font-style:italic; margin:0 10px 25px 20px; }
#block-1 blockquote p {margin:0 0px 10px 10px; padding:0px; font-size:2.1em; color:#91b1af;}
#block-1 blockquote p.cite {font-size:1.3em; line-height:1.1; }
#block-1 blockquote p cite  {color:#e2007a; font-style:italic; }
#block-1 ul {font-size: 2em;margin:0 10px 20px 30px; }
#block-1 ul li ul{font-size: 1em;margin:0 0px 0px -23px; }
#block-1 li {background: url(i/bullet.gif) no-repeat 0px 3px; padding:0 0 0 23px; margin:0 0 15px 0; list-style:none; }
#block-1 ul a, #block-1 ul a:hover {color:#ededed;}
#block-1 ul a:hover {color:#91b1af; text-decoration:none; }
#block-1 a#hypno-link, #block-1 a#hypno-link:hover {display:block; margin:0; padding:0; width:112px; height:140px; text-indent:-5000em; text-decoration: none; overflow:hidden; background:  url(i/hypno-link.gif) no-repeat top left; }
#block-1 a#rebhp-link, #block-1 a#rebhp-link:hover {display:block; margin:0; padding:0; width:112px; height:140px; text-indent:-5000em; text-decoration: none; overflow:hidden; background:  url(i/rebhp.gif) no-repeat top left; margin-top: 0px;}
#block-1 a#cnhc-link, #block-1 a#cnhc-link:hover {display:block; margin: 0px 0 10px 5px; padding:0; width:233px; height:106px; text-indent:-5000em; text-decoration: none; overflow:hidden; background:  url(images/CNHC-Registered-Quality-Mark.jpg) no-repeat top left; }


#footer ul {margin:0 0 5px 0; padding:5px 0 0 0; border-top:1px solid #888; }
#footer li {margin:0px; padding:0px;list-style:none; display:inline; }
#footer p {padding: 0px 0 10px 0; }

#quote-block{
	position: absolute;
	right: 30px;
	top: 122px;
	z-index: 100;
	color: #FFF;
	font-size: 1.3em;
	width: 380px;
	overflow: hidden;
}

#quote-window{
	width: auto;
	float: left;
}

#the-quote{
	float: right;
	white-space: nowrap;
}

#quote-block .extra{
	font-weight: bolder;
	color: #E2007A
}

#westlake{
	font-size: 12px;
	color: #FFF;
	margin-left: 25px;
	margin-bottom: 40px;
	display: block;
}

#content label{
	float: left;
	width: 120px;
	padding: 4px;
	clear: left;
	font-size: 12px;
	margin: 5px 0;
}

#content input{
	float: left;
	padding: 4px;
	width: 400px;
	margin: 5px 0;
}

#content select{
	float: left;
	margin: 5px 0;
	padding: 4px;	
}

#content textarea{
	float: left;
	padding: 4px;
	width: 400px;
	margin: 5px 0;
	height: 200px;
}

#content input[type=submit]{
	float: left;
	clear: left;
	width: 100px;
	height: 25px;
	background: #69696b;
	border: 2px solid #545456;
	margin-top: 10px;
	color: #FFF;ie7 
}

#content form{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#header h1{
	margin-left: -999em;
	position: absolute;
	top: 0;
}

#content .success{
	color: green;
	font-weight: bolder;
	padding: 5px 0;
	background: #d1fccd;
	border: 1px solid green;
	float: left;
	text-align: center;
	width: 100%;
	clear: left;
}

#content .error{
	color: red;
	font-weight: bolder;
	padding: 5px 4px;
	float: left;
	font-size: 12px;
	clear: left;
	margin-left: 120px;
}

#map_canvas{
	width: 610px;
	height: 400px;
	border: 3px solid #545456;
	margin-top: 20px;
	float: left;
	margin-bottom: 30px;
}

.gmap-popup{
	font-size: 13px;
}

#content h1{
	text-align: right;	
	font-size: 12px;	
	padding: 5px 0;	
	color: #CFCFCF;
}

.shorten li a{
	font-size: 75%;
}

#promo-video{float: left; height: 404px; width: 627px;  margin-top: 7px; position: relative; z-index:100;}
.bg-image{background: url("i/circle-face.jpg") right no-repeat; height: 397px; width: 310px; float: right; z-index: 10; margin-right: -40px;}
#wrapper { width: 300px; float: left; position: relative; z-index: 40;}
.with-pic #content #wrapper p, .with-pic #content h1{padding-right: 0px;}
.with-pic #content h1{ margin-right: -10px; margin-top: -12px;}