@import 'css/reset-min.css';
@import 'css/fonts-min.css';

/*  
Theme Name: Berrett
Theme URI: http://firm-media.com/
Description: Firm Media Template custom designed
Version: 1.0
Author: Thom Meredith
Author URI: http://firm-media.com/


*/

/*reset */


/*
Site design by Firm Media, LLC
http://www.reddoorla.com

Site development by Thom Meredith
http://www.thommeredith.com

*/


*
{
  outline: 0;
}

body {
  background: white url(images/bg.png) repeat-x;
  text-align: center;
  color: #4c4d4f;
  font-family: helvetica, arial, verdana, sans-serif;
  padding: 20px 0 40px 0;
}

a {
  color: #f7941e;
  outline: none;
}

a:hover, li a.selected {
  color: #00aeef;
}

.blocklinks a {display: block;}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img {
  border: none;
}

#wrap {
  background: white url('images/roundtop.jpg') no-repeat top ;
  width: 956px;
  margin: 0px auto 60px auto;
  position: relative;
  text-align: left;
  
}

#head {
  padding:36px 28px 0;
}

#logo {float: left;
	margin-top:-25px;
	padding-right:30px;
	}
	
#serving {
	color:#00aeef;
	right:34px;
	position:absolute;
	text-transform:uppercase;
	top:-16px;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: .08em;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

p {
  font-size: 93%;
  line-height: 20px;
  letter-spacing: .01em;
  padding-bottom: 10px;
}



#content {
}

#nav{
  list-style-type: none;
  padding: 0 0 8px 0;
  margin-top: 31px;
  margin-left: 168px;
}

#nav li {
  float: left;
  margin-right: 25px;
  padding: 0;
	background: #e2e2e2 url(images/nav_round_left_grey.gif) top left no-repeat;
}

#nav li.selected {
	background: #00aeef url(images/nav_round_left.gif) top left no-repeat;
}

#nav li a {
  display:block;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 85%;
	height: 14px;
	padding: 6px 8px 5px 8px;
	background: url(images/nav_round_right_grey.gif) top right no-repeat;
	color: #00aeef;
	font-weight: bold;
}

#nav li.selected a {
	background: url(images/nav_round_right.gif) top right no-repeat;
	color: white !important;
}

#nav li.right {
  margin-right: 0;
	background: #f7941e url(images/nav_round_left_orange.gif) top left no-repeat;
	margin-left: 25px;
}

#nav li.right:hover {
	background: #00aeef url(images/nav_round_left.gif) top left no-repeat;
	
}

#nav li.right:hover a{
	background: url(images/nav_round_right.gif) top right no-repeat;
}


#nav .right a.customer_tools {
	background: url(images/nav_round_right_orange.gif) top right no-repeat;
	color: white !important;
}



#nav li a:hover {
	color: #f7941e;
}





/*COMMON*/
.clear {
  clear: both;
}

.contentpad {
  padding: 24px 56px 18px 18px;
}

/*HOME*/

#customerlinks a { display: block; width: 449px; height: 70px; background-position: left;}
#customerlinks a:hover {background-position: right;}
a.newcustomers {background: url('images/newcustomers_link.png');}
a.existingcustomers {background: url('images/existingcustomers_link.png');}


.twocol {padding: 0 25px 23px 22px;}
.twocol .left, .twocol .right {width: 449px;}

.home .twocol .left {background: url('images/orange_reflection.png') 0 155px no-repeat;}
.home .twocol .right {background: url('images/blue_reflection.png') 0 155px no-repeat;}

.home .right .contentpad {
  padding: 24px 156px 18px 18px;
}

h1, h2, h3, h4, h5, h6 {font-size: 125%; line-height: 20px; padding-bottom: 5px; margin-bottom: 5px;}

h1, h4 {color: #00aeef;}
h2, h3 {color: #f7941e;}

.ruletop.blue {border-top: 1px solid #00aeef;}
.rulebtm.blue {border-bottom: 1px solid #00aeef;}
.ruletop.orange {border-top: 1px solid #f7941e;}
.rulebtm.orange {border-bottom: 1px solid #f7941e;}

#sidebar .ruletop {margin: 0 -14px; padding: 7px 14px;}

div.contact {width: 449px;}

div.contact p { color: #f7941e; padding-bottom: 8px;}

div.contact .left, div.contact .right {background: none !important; width: 208px;}

/*FOOT*/

#foot {color:#939598; border-top: 1px solid #f7941e;
padding: 20px 40px;}

#foot .left {width: 320px;}
#foot .right {width: 550px;}

#foot a {
	text-decoration: none;
	color: inherit;
}

/*FORMS*/

input, textarea { width: 208px; border: 1px solid #00aeef; height: 20px; color: #f7941e ; padding: 6px 4px 4px; margin-bottom: 12px;}
textarea { height: 70px;}

.radio {width: auto;}

.submit { background: none; border: none; display: inline; text-align: left; height: 24px;}

/*INTERIOR*/
#interior {}

#interior h1 {background: #f7941e; height: 84px; line-height: 96px; font-size: 175%; color: white; letter-spacing: .025em; margin-top: 18px; padding: 0 24px;}

#interior .contentpad { float:left; padding: 24px; width: 550px;}

/*SERVICES*/
#services {height: 36px;}
#services a {display: block; float: left; width: 33%; height: 36px; line-height: 46px; font-size: 120%; text-align: center; color: #939598;}
#services a.selected {color: #f7941e; background: url('images/services_tab.png') top center no-repeat; }
#services a.selected.first {background-position: left; }
#services a:hover {color: #f7941e;}

#servicescontent {background: url('images/services_content.png') no-repeat top right; margin-bottom: 24px;}

.tabContainer {padding: 14px;}

p.calltoaction {
  font-size: 120%;
}

#pests { margin-left: -12px !important; width: 324px;}

#pests a {display: block; width: 54px; float: left; height: 60px; background-position: top;}
#pests a:hover, #pests a.selected { background-position: bottom;}

#pests .roaches       {background: url(images/pests/roach.png) no-repeat;}
#pests .mosquitoes    {background: url(images/pests/mosquito.png) no-repeat;}
#pests .rodents       {background: url(images/pests/rodent.png) no-repeat;}
#pests .ants          {background: url(images/pests/ants.png) no-repeat;}
#pests .spiders       {background: url(images/pests/spider.png) no-repeat;}
#pests .termites      {background: url(images/pests/termite.png) no-repeat;}

/*SIDEBAR*/
#sidebar {float:left; margin: -40px 0 36px 0; width: 333px;}
#sidebar .round div {padding: 7px 14px; margin: 0 0 16px 0; color: white;}
#sidebar .pad {padding: 7px 14px;}
#sidebar .round div div {padding: 0; margin: 0;}
.customer_tools .round.green div {height: 30px; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.customer_tools .fade {padding-top: 0 !important; margin-bottom: 0 !important;}
.green.top {background: #00aeef url('images/roundtop_green.png') no-repeat top left; color: white;}

#sidebar .green a{
	color: white;
	text-decoration: underline !important;
}

#sidebar .green a:hover{
	text-decoration: none !important;
	
}

.fade {background: url('images/login_bg.png') top left repeat-x; }
.fade p {color: #4c4d4f;}
.login {display: block; height: 60px; line-height: 40px; color: white;}
.green .bottom {background: url('images/roundbtm_blue.png') no-repeat bottom; padding-bottom: 36px;}

.orange.top {background: #f7941e url('images/roundtop_orange.png') top no-repeat;}
.orange .bottom {background: url('images/roundbtm_orange.png') bottom no-repeat; padding-bottom: 36px;}

.threecol {width: 33%; float: left;}
.threecol p {padding-bottom: 6px; line-height: 14px;}


#interior ul li {
  list-style-type: disc;
  margin: 15px;
}

#interior ul {
  padding-bottom: 25px;
}

#fax {display: none !important;}

p + h3, p + h2, p + h1, p + h4 { padding-top: 25px;}

.table {
	width: 280px;
	margin: 10px;
	border: solid 1px #F7941E;
	border-spacing: 10px;
	background: white;
}

.table th {
	color:#F7941E;
	padding: 5px;
	font-weight: bold;
	border-spacing: 10px;
}

.table td { 
	padding: 4px 10px;
}

.tabContainer {
	position: relative;
}

#Monthly, #Bi-Monthly, #Quarterly {
	display: none;
	position: absolute;
	top: 57px;
	left: 5px;
}

#show-monthly, #show-bi-monthly, #show-quarterly {
	position: relative;
}

.vvqbox { 
	margin:-5px auto 20px !important;
}