/* GLOBAL RESET */
* {
outline: 0;
outline-width: 0;
outline-style: none;
text-decoration: none;
}
a img {
border: 0;
}
body {
  margin: 0;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
  color: #666;
  text-align: center;
  background: #3080BA url(../img/bg-tile.png) fixed repeat-x top left;
}
#frame {
  margin: 0 auto;
  width: 859px;
}
.popup #frame {
  padding: 10px 10px;
  margin: 10px auto;
  background: #fff;
  width:80%;
  text-align: justify;
}

#header {
  background: url(../img/logo.png) no-repeat top center;
  width: 859px;
}
#logo {
  width: 300px;
  height: 97px;
  cursor: pointer;
  float: left;
}
#logo h1 {
  text-indent: -999999px;
  margin: 0;
  padding: 0;
}
#menu {
  width: 555px;
  float: right;
}
#menu ul {
  margin: 0 28px 0 0;
  padding: 0;
  list-style: none;
}
#menu ul li {
display: inline;
}
#menu ul li a:link, #menu ul li a:visited {
  display: block;
  width: 105px;
  float: left;
  overflow: hidden;
  text-align: right;
  font-size: 11px;
  background: url(../img/menu-raz.png) no-repeat top left;
  padding: 0px 5px;
  text-decoration: none;
  color: #1e4e71;

}
#menu ul li a:focus, #menu ul li a:hover, #menu ul li a:active {
  background: #fff url(../img/menu-raz.png) no-repeat top left;
  border-top: 2px solid #ef1f23;
}

#menu ul li a:link strong, #menu ul li a:visited strong{
  margin: 4px 0px;
  text-transform: uppercase;
  display: block;
  color: #3181bc;
}
#menu ul li a:focus strong, #menu ul li a:hover strong, #menu ul li a:active strong {
  color: #ef1f23;
}
#header #menu ul li.shorter a:link, #header #menu ul li.shorter a:visited  {
  display: block;
  width: 75px;
}
#info {
  width: 770px;
  margin: 0 auto;
  color: #fff;
  position: relative;
}
#info h5,#sidebar h5 {
  color: #aae8ff;
  margin: 5px 0 0 0;
  padding: 0;
}


#info #description {
  width: 300px;
  float: left;
  text-align: left;
}
#info #contactinfo {
  width: 440px;
  float: right;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  z-index: 9999;
}
#info #contactinfo strong {
  color: #aae8ff;
  font-size: 16px;
  display: block;
  width: 120px;
  float: right;
  height: 16px;
  overflow: hidden;
  text-align: right;

}
#container {
  background: url(../img/bg-head.png) no-repeat top center;
  padding-top: 45px;
  width: 858px;
}
#page {
  width: 802px;
  background: #fff;
  margin: 0 auto;


}
#margins {
  margin: 0px 20px;
}
.text {
  padding: 3px 12px;
}


#content {
  width: 450px;
  float: left;
  text-align: justify;
}
#highlight {
  height: 156px;
  padding: 10px 10px;
  background:  url(../img/bg-high.png) no-repeat top left;
}

#sidebar {
  width: 275px;
  float: right;   position: relative;
  padding-top: 172px;
}

#spotlight {
  background: url(../img/plumbers-trucks.png) no-repeat top right;
  height: 172px;
  width: 302px;
  position: absolute;
  top: 0;
  right: -37px;
  color: #fff;
  text-align: justify;
  font-weight: bold;
}
#spotlight ul {
  margin: 0;
  padding: 5px 0 0 10px; color: #aae8ff;
}
#spotlight ul li {
  margin: 3px 0;
}
#spotlight a:link, #spotlight a:visited {
  color: #fff;

}
#spotlight a:focus, #spotlight a:hover,#spotlight a:active {
color: #aae8ff;
}
.box {
  background: url(../img/shadow.png) no-repeat top center;
  padding: 10px 20px;
  text-align: left;
}
.box h4 {
  font-size: 20px;
  text-transform: none;
  letter-spacing: -1px;
}


#quote {
  background: url(../img/quote-request.png) no-repeat top right;
  height: 70px;

}
#callback {
  background:url(../img/callback.png) no-repeat top right;
  height: 63px;
}
#emergency {
  background:url(../img/faucet.png) no-repeat top right;
  height: 100px;
color: #3181BC;

}
#quote a, #emergency a, #callback a {
  text-decoration: none;
}
#emergency h4 {
  line-height: 1;
}


#callback h4, #testimonials h4 {
  color: #3181BC;
  line-height: 1;
}
#testimonials {
  background: url(../img/testimonials.png) no-repeat top right;
}


#badges {
  width: 268px;
  height: 73px;
  background: url(../img/badges.png) no-repeat top right;
  float: left;
  text-indent: -99999px;
  z-index: 1000;
}
#plumber {
  width: 143px;
  height: 230px;
  background: url(../img/plumber.png) no-repeat top center;
  float: left;
  margin-left: -30px;
  text-indent: -99999px;
  z-index: 1000;
}
#footer {
  background: url(../img/bg-footer.png) no-repeat top center;
  height: 200px;
  overflow: hidden;
  color: #61b3e3;
  margin: 0 auto;
  width: 858px;
}
#footer a {
  color: #61b3e3;
}


#copyright {
  padding-top: 40px;
  width: 700px;      margin: 0 auto;
}


.clear {
  clear: both;
  overflow: hidden;
  height: 1px;
  font-size: 1px;
}
/* IMAGES */

.photo {
	padding: 2px 2px;
	border: 2px solid #ddd;
    background: #fff;
}
.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}
.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
}
/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
  margin: 5px 0px;
  padding: 0;
  text-align: left;
  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #ef1f23;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
  color: #3181BC;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
  color: #3181BC;
}
h6 {
  font-size: 12px;
}


/* FORMS */
form {
  margin: 0;
  padding: 0 0 0 10px;
}
form label {
	cursor:pointer;
}
fieldset {
  border: 1px solid #AAE8FF;
  text-align: left;
  padding: 5px 5px;
}
legend, label {
  font-weight: bold;
}
legend {

}
.required {
  color: #EF1F23;
  font-weight: bold;
  font-size: 16px;
}
.forms, textarea, select {
  border: 1px solid #AAE8FF;
  padding: 2px 2px;
}
.button {
  background: #3181BC;
  border: 1px solid #1E4E71;
  padding: 5px 5px;
  color: #fff;
  font-weight: bold;
}


/* MESSAGES */
.error {
  color: #EF1F23;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #FBC8CA;
  background: #FDDFE0;
}
.success, .ok, .okay {
  color: #75AF0A;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #D7E699;
  background: #F2F8DE;
}
.notice, .caption {
  color: #F0853E;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #F5E067;
  background: #FFFFCC;
}
.accordion li h5 {
  cursor: pointer;
}


/* PNG Fix */
img, div { behavior: url(iepngfix.htc) }

/* Links */

a:link, a:visited {
  color: #3181BC;
}

a:hover, a:focus, a:active {
  color: #EF1F23;
}

/* MENU */

#menu ul li ul li a:focus, #menu ul li ul li  a:hover, #menu ul li ul li a:active {
  background-image: none;
  border-top: 0px solid #ef1f23;
}

/* SUBMENUS */
#submenus {
  background: #E0E0E0 url(../img/bg-hidden.gif) no-repeat bottom left;
  width: 801px;
  margin: 0 auto;
  overflow: hidden;
  height: 0px;
}
#submenus h3 {
  margin: 10px 0 0 0;
  padding: 5px 5px;
  color: #fff;
  font-size: 20px;
  background: #EF1F23;
}
.cols {
  float: left;
  margin: 0 40px 0 0;
  padding: 5px 5px;
}

#aboutusC, #servicesC, #savingsC {
  display: none;
}


#aboutus {
  background: url(../img/s-plumber-toronto.gif) no-repeat bottom left;
  height: 170px;
  margin: 0 10px 0 10px;
  padding: 0 0 0 150px;
  overflow: hidden;
}

#aboutus .cols {
  width: 260px;
  text-align: justify;
}

#savings {
  background: url(../img/s-specials.gif) no-repeat bottom left;
  height: 170px;
  margin: 0 10px 0 10px;
  padding: 0 0 0 150px;
  overflow: hidden;
}

#savings .cols {
  width: 260px;
  text-align: justify;
}


#services {
  background: url(../img/s-plumbing-tools.gif) no-repeat top left;
  height: 170px;
  margin: 0 10px 0 10px;
  padding: 0 0 0 250px;
  overflow: hidden;
  text-align: justify;
}
#services ul {
  margin: 0;
  padding: 0;
  list-style: none;
}


#services ul li {
    display: inline;
    margin: 0px 1px;
    padding: 5px 10px;
    background: #3181BC;
}
#services ul li a:link, #services ul li a:visited {
  color: #fff;
  font-weight: bold;
}
#services ul li a:hover, #services ul li a:active, #services ul li a:focus {
  color: #AAE8FF;
  font-weight: bold;
}


/* SHADOWBOX */
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:5px solid #FFFFFF;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#1E4E71}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(../js/shadowbox/resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(../js/shadowbox/resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(../js/shadowbox/resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(../js/shadowbox/resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(../js/shadowbox/resources/pause.png);background-repeat:no-repeat;}
#sb-counter{display:none;float:left;padding:0;width:0;}
#sb-counter a{display:none; padding:0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{display:none; text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#000;text-decoration:underline;}