/* --------------------------------------------------------------
	Resets default browser CSS
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Alisa: so the centered page wouldn't shift if the content is shorter than viewport */
html {
	overflow-y:scroll;
}

/* --------------------------------------------------------------
   typography
-------------------------------------------------------------- */
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.5;
	color: #000;
}

h2, h3, h4, h5, h6, p, ul, ol, img {margin: 10px 20px 5px 20px;}
h2, h3, h4, h5 {
	font-family: "Myriad Pro", Verdana, sans-serif;
	font-size: 2.7em;
	text-transform: uppercase;
	font-weight: normal;
	color: #652626;
}

h3 {
	font-size: 2.2em;
	text-align: center;}

h4, h5 {
	font-size: 1.8em;
	text-transform: none;
}
h5 {font-size: 1.5em;}
h6 {font-size: 1em;}
p, ol, ul, dl, form, table {font-size: 1.3em;}
ol, ul, dl {margin-left: 60px;}

img {vertical-align: bottom;}
p img {float: left; margin-left: 0;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li {margin-bottom: 5px;}
dt {font-weight: bold;}

a {color:#622129; text-decoration: none;}
a:focus, a:hover {color: #622129; text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}

/* --------------------------------------------------------------
 Some default classes
-------------------------------------------------------------- */

.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.first {margin-top: 15px;}
.clear {clear: both;}
.padding {padding: 10px 0;}
.sub {font-size: 50%;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hide {
	position:absolute;
	left:-9990px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.divider {
	border-bottom: 1px solid #eeeeee;
	height: 1px;
	clear: both;
	margin: 15px 0 15px 0;
}
p.divider {
	margin: 10px 20px;
}
.column {
	float: left;
	width: 50%;
}

/* --------------------------------------------------------------
	=Layout
-------------------------------------------------------------- */
body {
	background: #f00 url(../images/background.png) repeat-x;
}

.container {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
	/* background: yellow; */
}

.content {
	position: relative;
	background: #fff;
	float: left;
	width: 813px;
	margin: 0 119px;
}

.maincontent {
	width: 615px;
	float: left;
	display: inline;
	min-height: 500px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.sidecontent {
	width: 170px;
	margin-left: 10px;
	margin-right: 15px;
	float: left;
	display: inline;
}

.sidebar {
	display: none;
}

/* =threecolumn
-------------------------------------------------------------- */

.threecolumn .maincontent {
	width: 460px;
	margin-top: 70px;
	margin-left: 150px;
}

.threecolumn .maincontent h3 {
 	margin: -31px 0 -5px -150px;
 	text-align: left;

 }

.threecolumn .sidebar {
	width: 165px;
	float: left;
	margin-left: -605px;
	margin-top: 80px;
	display: inline;
}


/* =onecolumn
-------------------------------------------------------------- */

.onecolumn .maincontent {
	width: 793px;
	margin-left: 10px;
	margin-right: 10px;
}


/* =header
-------------------------------------------------------------- */
.header {
	margin: 0; float: left; width: 100%;
	height: 195px;
	background: url(../images/headerBackground.png) no-repeat 50px 88px;
}
.logo {
	margin: 48px 0 0 127px;
	width: 241px;
	float: left;
	position: relative;
	z-index: 1000;
}
.logo img {margin: 0; 	}

/* =nav
-------------------------------------------------------------- */
#navcontainer {
	height: 47px;
	width: 400px;
	margin: 68px 0 0 30px;
	float: left;
}

#nav {position:relative; margin: 0; z-index: 100;}
#nav li {float:left; list-style: none;}
#nav li a {position: absolute; top:0; display:block; height:47px; background:url(../images/nav.png) no-repeat; text-indent:-9999px; overflow:hidden; font-size:1%;}
li#nav1 a {width:97px; left:0;}
li#nav2 a {width:92px; left:97px; background-position:-97px top;}
li#nav3 a {width:83px; left:189px; background-position:-189px top;}
li#nav4 a {width:106px; left:272px; background-position:-272px top;}
li#nav5 a {width:82px; left:378px; background-position:-378px top;}
/* hover states */
li#nav1 a:hover, li#nav1.selected a {background-position:0 bottom;}
li#nav2 a:hover, li#nav2.selected a {background-position:-97px bottom;}
li#nav3 a:hover, li#nav3.selected a {background-position:-189px bottom;}
li#nav4 a:hover, li#nav4.selected a {background-position:-272px bottom;}
li#nav5 a:hover, li#nav5.selected a {background-position:-378px bottom;}




/* utility nav */
.header {
	position: relative;
}
#callUs {
	text-transform: uppercase;
	color: #666;
	position:absolute;
	right: 175px;
	top: 19px;
}

/* ticker */

#tickerwrap {
	float: left;
	position: relative;
	margin: -7px 0 0 122px;
	width: 810px;
	height: 44px;
	background: url(../images/tickerBackground.png) no-repeat 0 0;
	overflow: hidden;
}

#tickermask {
	position: relative;
	left: 178px;
	width: 628px;
	height: 42px;
	overflow: hidden;
}

#tickerwrap img {
	margin: 0;
	vertical-align: middle;
}

#ticker {
	list-style-type: none;
	position: absolute;
	top: 1px;
	left: 0;
	height: 40px;
	width: 803px;
	margin: 2px 0 0 0;
}

#tickerfinger {
	position: absolute;
	top: 0;
	left: 18px;
	z-index: 100;
}

#tickerright {
	position: absolute;
	top: 0;
	right: 2px;
	z-index: 100;
}

#clientBliss {
  position: absolute;
  left: 589px;
  top: 1px;
  width: 73px;
  height: 34px;
  z-index: 21;
}

#clientCulligan {
  position: absolute;
  left: 689px;
  top: 0px;
  width: 111px;
  height: 37px;
  z-index: 20;
}

#clientBvlgari {
  position: absolute;
  left: 28px;
  top: 10px;
  width: 112px;
  height: 17px;
  z-index: 25;;
}

#clientCondenast {
  position: absolute;
  left: 167px;
  top: 3px;
  width: 117px;
  height: 32px;
  z-index: 24;
}

#clientTrugreen {
  position: absolute;
  left: 309px;
  top: 0px;
  width: 117px;
  height: 37px;
  z-index: 23;
}

#clientTerminix {
  position: absolute;
  left: 448px;
  top: 5px;
  width: 116px;
  height: 27px;
  z-index: 22;
}

/* sidecontent nav */
.sidecontent ul {
	text-align: right;
	margin: 0;
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
}

.sidecontent h2 {
	margin: 35px 0 0 0;
	text-align: right;
}

.sidecontent ul li ul {
	margin-top: 5px;
	font-weight: normal;
	text-transform: none;
	font-size: 1em;
}

.sidecontent a {
	color: #666;
}

.sidecontent li.selected a {
	color: #600;
}

/* sidebar */
.sidebar img {
	margin: 0;
	border: 2px solid #600;
}

.sidebar h4 {
	margin: 5px 15px 15px 0;
	font-size: 1.2em;
	text-align: center;
	color: #333;
}


/* =home
-------------------------------------------------------------- */

#home .header {
	height: 185px;
}

#home .container {
	background: url(../images/homeBackground.png) no-repeat 8px 13px;
}

#home #tickerwrap {
	margin-top: 274px;
}

#home .content {
	background-color: transparent;
}

#home .maincontent {
	width: 810px;
	margin: 288px 0 20px 0;
	min-height: 0;
}

#home .boxwrap {
	float: left;
	position: relative;
	border: 5px solid #ccc;
	width: 230px;
	height: 160px;
	margin: 20px 4px;
	background-color: #fff;
}

#home .box h2, #home .box h2 img {
	margin: 0;
	text-align: left;
}

#home .box h2 img {
	margin-left: 15px;
}

#home .box a {
	top: -14px;
	left: -5px;
	display: block;
	position: absolute;
	height: 185px;
	width: 240px;
	z-index: 100;
}

#home .box {
	margin-top: 15px;
	font-size: .88em;
}

#home .boxwrap ul {
	margin: 0;
	list-style-type: none;
}

#home .box ul li {
	padding-left: 40px;
	margin-bottom: 2px;
	background: url(../images/finger.png) no-repeat 10px 4px;
}

#home .boxwrap.small {
	width: 190px;
}

#home .boxwrap.small a {
	width: 200px;
}

#home .boxwrap.large {
	width: 338px;
	margin-right: 0;
}

#home .boxwrap.large a {
	width: 348px;
}

#home .boxwrap.large #image {
	float: left;
	margin: 5px 10px;
}

#home .boxwrap.large .box p {
	font-weight: bold;
}

#home .boxwrap.large .box ul {
	margin-left: -10px;
	float: left;
}

#home #quote {
	border: 3px solid #000;
	background-color: #fff;
	width: 256px;
	height: 262px;
	position: absolute; 
	top: -46px; 
	right: 21px;	
	
}

#home #quote fieldset, #home #quote img, #home #quote ol, #home #quote li {
	margin: 0
}

#home #quote li {
	clear: both;
	margin: 0;
}

#home #quote label {
	float: left;
	font-size: .65em;
	font-weight: bold;
	width: 70px;
	text-align: right;
	padding-right: 20px;
	margin: 7px 3px 0 0;
	background: url(../images/redarrow.png) no-repeat center right;
}

#home #quote .text {
	display: inline;
	width: 140px;
	margin: 0;
}

#home #quote .button {
	margin: 5px 0 0 55px;
}

#home #quote h4 {
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
	margin-right:0;
}


/* =client
-------------------------------------------------------------- */

.client {
	width: 535px;
	margin: 11px 60px 0 0;
}

.client div {
	float: left;
	display: block;
	width: 25%;
	height: 125px;
	text-align: center;
}

.client div img {
	padding-top: 20px;
}

/* =threecolumn
-------------------------------------------------------------- */

#services .threecolumn {
	float: left;
	width: 33%;
}

#services .threecolumn img {
	border: 2px solid #600;
}

/* =footer
-------------------------------------------------------------- */

.footer {
	clear: both;
	background: url(../images/footerBackground.png) no-repeat;
	height: 20px;
	margin: 0 0 0 119px;
	padding-bottom: 20px;
}


/* =contact
-------------------------------------------------------------- */

.contact .maincontent {
	width: 550px;
}

.contact .maincontent p {
	margin-top: 35px;
}

.contact .sidebar {
	float: left;
	width: 240px;
	display: block;
	margin-left: 10px;
	margin-top: 105px;
	font-size: .8em;
}

.contact ol {
	width: 254px;
	float: left;
	border-right: 1px solid #ccc;
}

.contact ol.last {
	border: none;
}

.contact label {
	float: left;
	font-size: .7em;
	width: 70px;
	text-align: right;
	padding-right: 6px;
	margin: 6px;
	background: url(../images/bluearrow.png) no-repeat center right;
}

.contact ol.last label {
	float: none;
	padding-right: 10px;
	background: url(../images/bluearrowdown.png) no-repeat center right;
}

.contact ol.last .textarea {
	margin-left: 16px;
	width: 235px;
	height: 142px;
}

.contact .submit {
	text-align: right;
	margin-right: 22px;
}

.contact .sidebar h5 {
	color: #000;
	font-weight: bold;
}

.contact .sidebar p {
	margin-top: 0px;
	color: #600;
}

.contact .sidebar em {
	font-style: normal;
	color: #000;
}

.contact .sidebar img {
	margin: 10px 18px;
}

.contact .sidebar a {
	display: block;
}

.contact .sidebar .link {
	display: block;
	color: #22527e;
	font-weight: bold;
	padding-left: 10px;
	background: url(../images/bluearrow.png) no-repeat left center;
}

/* --------------------------------------------------------------
 =forms
-------------------------------------------------------------- */
form fieldset {margin: 10px 20px 10px 20px;}

form fieldset.submit {margin-top: 0;}

form ol {margin: 0;}

form li {
	margin-bottom: 5px;
	list-style: none;
}

form p {margin: 0;}

.label {display: block;}

input.text, select, textarea {
	border: 1px solid #c7c7c7;
	color: #888888;
}


input.text, .select, .textarea {width: 151px;}
input.tinytext {width: 46px;}
input.largetext, .largeselect, .largetextarea {width: 250px;}
input.mediumtext, .mediumselect, .mediumtextarea {width: 150px;}
input.smalltext, .smallselect {width: 100px;}

.textarea {height: 50px;}

input.button {padding: 0;}