/* Stylesheet: global Modified On 2014-10-24 12:29:26 */
/* 
    Document   : global
    Created on : Jun 15, 2011, 1:38:30 PM
    Author     : Cameron Fergus
    Description:
        Purpose of the stylesheet follows.
*/
root { 
    display: block;
}
img{border: none;}
a{
    border: none;
}
body{
    margin: 0;
    padding: 0;
    /*background-color: #055a94;*/
background-color: pink;
    font-family: arial, verdana, sans-serif;
}

#wrapper {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: auto;

}

#header-wrapper{
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 509px;
       /* background: url('../../images/headerbg.png') center no-repeat;*/
background: url('http://www.punctualplumbersanantonio.com/images/headerbg-san-antonio-pink.png') center no-repeat;

      
}
#seo-header{
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 40px;    
    
}

#seo-text{
display: none;
    float: left;
    width: 20px;
    height: 33px;
    overflow: hidden;
    padding-top: 7px;
    *margin-top: 10px;
    _margin-top: 10px;
    padding-left: 20px;
       
}
#seo-text p{
    color: white;
    font-size: 11px;
    
}
#phone-header{
    float: left;
    width: 655px;
    height: 29px;
margin-left: 30px;
color: white;
    font-size: 24px;
    font-weight: bold;
   margin-top: 11px;
}
#phone-header h1{
    color: white;
    font-size: 24px;
    font-weight: bold;
   margin-top: 11px;
}
#phone-header a{
text-decoration: none;}
#phone-header a:hover{
text-decoration: none;}
#social{
    float: left;
    width: 130px;
    height: 30px;
    padding-top: 10px;
    padding-left: 100px;
}
#header-main{
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 125px;

}
#header-main-left{
    float: left;
    width: 375px;
    height: 125px;
   
}
#logo{
    padding-left: 35px;
    padding-top: 8px;  
    *margin-top: 5px;
    _margin-top: -13px;
}

#header-main-right{
    float: left;
  
    width: 585px;
    height: 125px;

}
#banner-ads{
    position: relative;
    width: 585px;
    height: 82px;
 margin-top: -1px;

 _margin-top: -20px;
    
}
#banner-ads img{
    vertical-align: top;
}
#nav{
    position: relative;
    width: 585px;
    height: 42px;
*z-index: 999999999;


    
}
#burner{
    position: relative;
    width: 940px;
    height: 325px;
    margin: 0 auto;
*z-index: -1;

   
}
#burner-left{
  float: left;
    width: 210px;
    height: 325px;
    
}
#service-request{
    position: relative;
    width: 232px;
    height: 275px;
    padding: 50px 10px 0 13px;
   _padding-top: 25px;
  
   
   
  
}
#form-table tr{
    height: 29px;
}
.label{
    vertical-align: top;
    padding-top: 5px;
}
#form-table input {
    float: right;
    width: 144px;
    height: 20px;
    border: 1px solid #034d80;
}

#form-table label{
    float: right;
    vertical-align: top;
    font-size: 12px;
    color: white;
}
#form-table textarea{
    position: relative;

padding: 0;
margin: 0;
    width: 144px;
  width: 144px\0/;
  _width: 144px;
  *width: 144px;
    height: 40px;
    border: 1px solid #034d80;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#form-table textarea { width: 153px; }
}


 @-moz-document url-prefix() { #form-table textarea { width: 144px; } }
#message{
 vertical-align: top;
    
}
#form-lower{
    position: relative;
    margin: 0 auto;
    width: 200px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 6px;
}
#checkbox{
    color: white;
    font-size: 14px;
}
#form-text{
    font-size: 9px;
    line-height: 14px;
    color: white;
}
 #requestsubmit {
    width: 110px;
    height: 29px;
    display: block;
    background: url('../../images/submit.png') 0 0 no-repeat;
    _background: url('../../images/submit.gif') 0 0 no-repeat;
    border: none;
    position: relative;
    margin-top: 10px;
    margin-left: 50px;
    text-indent: -9000px;
    cursor: pointer;
    
}
#burner-right{
   float: right;
   width: 708px;
    _width: 680px;
   *z-index: -1;
    height: 325px;
  
}
#burner-right-top{
    position: relative;
    width: 708px;
    _width: 680px;
    height: 250px;
*z-index: -1;
}
#burner-right-bottom{
    position: relative;
    width: 708px;
    _width: 680px;
    height: 75px;
   *z-index: -1;
}
#burner-right-bottom-text{
    position: relative;
    width: 508px;
    _width: 470px;
    height: 75px;
    padding-left: 200px;
*z-index: -1;
}
#burner-right-bottom-text .h1{
    font-size: 24px;
    color: white;
    font-weight: bold;
    line-height: 13px;
    margin-bottom: 20px;
    padding-top: 15px;
    _padding-top: 5px;
    _margin-bottom: 30px;

}

#burner-right-bottom-text .h2{
    font-size: 18px;
    color: #d58c23;
    font-weight: bold;
    font-style: italic;
    line-height: 16px;
    _margin-top: -10px;
}
/* financing button update 11-28-2012 */
#burner-right-top .financing-buttons{
    position: relative;
    float: left;
    margin: 20px 0 0 20px;
}

#burner-right-top .financing-buttons, #burner-right-top .financing-buttons .bills, #burner-right-top .financing-buttons .piggy-bank{
    width: 264px;
    height: 74px;
}

#burner-right-top .financing-buttons .bills, #burner-right-top .financing-buttons .piggy-bank{
    position: absolute;
    background: url(../../images/financing-button-bills.png) 0 0 no-repeat;
}

#burner-right-top .financing-buttons .piggy-bank{
    background: url(../../images/financing-button-piggy-bank.png) 0 0 no-repeat;
}
/* end financing button update */
#page-wrapper{
    position: relative;
    margin: 0 auto;
    width: 940px;
    height: auto;
overflow: hidden;
*z-index: -1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
behavior: url('../PIE.htc');
    -moz-box-shadow: 0 3px 10px 2px #333;
    -webkit-box-shadow: 0 3px 10px 2px #333;
    box-shadow: 0 3px 10px 2px #333;
    background-color: white;




}
#page-wrapper-inner{
    position: relative;
    margin: 0 auto;
    width: 920px;
    height: auto;
overflow: hidden;
    padding: 12px 10px 10px 10px;
*z-index: -1;
   
}
#page-wrapper-inner-left{
    float: left;
}
#testimonials-container{
    width: 219px;
    height: 165px;
    background: url('../../images/testimonials.png') no-repeat;
    margin-top: 13px;
}
#testimonials-container a{
color: white;
text-decoration: none;}
#testimonials-container a:hover{
text-decoration: underline;}
#testimonial-text{
    position: relative;
    margin: 0 auto;
    width: 199px;
    height: 135px;
    padding: 16px 10px 0px 10px; 
    color: white;
    font-size: 15px;
}

#testimonial-text .testimonial-text {
font-style: italic;
padding-top: 20px;
}

#testimonial-text p{
    font-family: georgia, sans-serif;
    font-style: italic;
    font-size: 12px;
    color: white;
    line-height: 22px;
    _padding-top: 8px;
    *padding-top: 8px;
}
#testimonials-text a{
    font-family: georgia, sans-serif;
    font-style: italic;
    font-size: 12px;
    color: white;
    line-height: 22px;
    _padding-top: 8px;
    *padding-top: 8px;
color: white;
text-decoration: none;
}
#consumer-choice{
    margin-top: 15px;
    margin-bottom: 8px;
}
#blog{
    position: relative;
    width: 219px;
    height: 255px;
    background: url('../../images/blog.png') no-repeat;
}
#blog-inner{
        position: relative;
    margin: 0 auto;
    width: 199px;
    height: 210px;
    padding: 45px 10px 0px 10px; 
}
#blog-inner ul{
    color: white;
    font-size: 12px;
    list-style: none;
    margin-left: 0;
padding-left: 5px;
margin-top: 5px;
}
#blog-inner li{
    padding-left: 10px;
    

background: url('../../images/blogbullet.png');
_list-style-type: disc;
_margin-left: 10px;
_padding-left: 5px;
_background: none;
background-repeat: no-repeat;
background-position: 0 .5em;
line-height: 20px;


margin-bottom: 8px;
}
#blog-inner a{
    color: white;
    text-decoration: none;
}
#blog-inner a:hover{
    text-decoration: underline;
}
#page-wrapper-inner-content{
    float: left;
    width: 450px;
    height: auto;
}
#content-area{
    float: left;
    width: 425px;
    height: auto;
    padding: 0px 10px 10px 15px;
   
}
#content-area h1{color: #055a94; font-weight: bold; font-size: 22px; line-height: 26px; margin-bottom: 18px;}
#content-area h2{color: #d58c23; font-weight: bold; font-size: 16px; line-height: 20px;}
#content-area h3{color: #055a94; font-weight: bold; font-size: 14px; line-height: 20px;}
#content-area p{color: #000; font-weight: normal; font-size: 12px; line-height: 22px;}
#content-area a{color: #055a94; font-weight: normal; text-decoration: none; line-height: 16px;}
#content-area a:hover{color: #055a94; font-weight: normal; text-decoration: underline; line-height: 16px;}
#content-area ul{color: #000; font-size: 12px;  list-style: none; margin-left: 0; padding-left: 5px;}
#content-area li{padding-left: 10px; background: url('../../images/bulle.png') top; background-repeat: no-repeat; background-position: 0 .5em; line-height: 20px; margin-bottom: 8px;}
#content-footer-span a{color: #d58c23; font-weight: bold; font-size: 24px;}
#content-footer-span a:hover{color: #d58c23; font-weight: bold; font-size: 24px; text-decoration: none;}

#testimonialform input, #testimonialform textarea {
width: 300px;
}

#testimonialform textarea {
height: 100px;
}

#testimonialform input.submit {
width: 200px;
}

#page-wrapper-inner-right{
    float: left;
    width: 248px;
    height: 750px;
    margin: 0 auto;
}
#page-wrapper-inner-right img{
    text-align: center;
    margin: 0 auto;
    display: block;   
    margin-left: auto;   
    margin-right: auto;
    margin-top: 8px; 
    margin-bottom: 5px;
}
#social-bottom{
    position: relative;
    width: 165px;
    height: 50px;
    margin: 0 auto;
}
#social-bottom img{
    display: inline;
        text-align: center;
    margin: 0 auto;
    margin-left: 4px;   
    margin-right: 4px;
    margin-top: 15px; 
    margin-bottom: 5px;
}
#spacer{width: 100%; height: 20px;}
#pre-footer-container{
    position: relative;
    margin: 0 auto;
    width: 940px;
    min-height: 210px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
behavior: url('../PIE.htc');
    -moz-box-shadow: 0 3px 10px 2px #333;
    -webkit-box-shadow: 0 3px 10px 2px #333;
    box-shadow: 0 3px 10px 2px #333;
    background-color: white;

}
#pre-footer{
    position: relative;
    margin: 0 auto;
    width: 920px;
    height: auto;
    padding: 12px 10px 20px 10px;
}
#pre-footer ul{
    color: #055a94;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
    margin-left: 0px;
padding-left: 10px;
}
#pre-footer li{
    padding-left: 17px;
background: url('../../images/footerbullet.png');
_list-style-type: disc;
_margin-left: 10px;
_padding-left: 5px;
_background: none;
background-repeat: no-repeat;
background-position: 0 .4em;
line-height: 20px;
margin-bottom: 8px;
}
#pre-footer a{
    color: #055a94;
    text-decoration: none;
    cursor: pointer;
}
#pre-footer a:hover{
    text-decoration: underline;
    cursor: pointer;
}
#cities{
    float: left;
    width: 445px;
    padding-left: 15px;
    height: auto;
}

#cities .h1{
    font-size: 18px;
    color: #055a94;
    font-weight: normal;
margin-bottom: 15px;
padding-top: 15px;
}
#cities table{
    width: 95%;
}
#cities table td{
    vertical-align: top;
}
#services{    
    float: left;
/*    width: 460px;*/
    height: auto;
}
#services .h1{
    font-size: 18px;
    color: #d58c23;
    font-weight: normal;
margin-bottom: 15px;
padding-top: 15px;
}
#services table{
/*    width: 95%;*/
}
#services table td{
    vertical-align: top;
}
#bottom-nav{
    float: left;
    width: 960px;
    height: 40px;
    _height: 20px;
    margin: 0 auto;
    color: white;
    font-size: 12px;
 

    text-align: center;
    padding-top: 25px;
}
#bottom-nav a{
    color: white;
    text-decoration: none;
    display: inline;
}
#bottom-nav a:hover{
    text-decoration: underline;
}
#clear{
    width: 100%;
    height: 60px;
    _height: 0px;
    *height: 0px;
}
#footer-container{
    position: relative;
    margin: 0 auto;
    width: 940px;
    min-height: 80px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
behavior: url('../PIE.htc');
    background-color: #033c65;
}
#footer-container p{
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    color: white;
    font-size: 12px;
    line-height: 22px;
}
#footer-container a{
    color: white;
    line-height: 22px;
    text-decoration: none;
}
.formrequired{display: none; visibility: hidden;}
ul#primary-nav li ul a {*z-index: 999999; overflow: hidden;}

#fonize-button-container {
position: absolute;
top: 0px;
right: 40px;
cursor: pointer;
}

#slide-out-form {
position: fixed;
top: 196px;
right: -215px;
    width: 215px;
    z-index: 99999;
}

#slide-out-form form {
    height: 280px;
    padding: 10px;
    border: 1px solid #fff;
    background: #cd0000;
    font-family: arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#slide-out-form input {
    width: 180px;
    height: auto;
    margin: 3px 0px 8px;
}

#slide-out-form textarea {
    width: 178px;
    height: 60px;
    margin: 3px 0px;
}

#slide-out-form .submit {
	position: relative;
	left: 40px;
	width: 110px;
	height: 29px;
	display: block;
	background: url('http://www.punctualplumberdallas.com/images/submit.png') 0 0 no-repeat;
	border: none;
	cursor: pointer;
}

#slide-out-form form label {
    color: #fff;
    display: block;
}

#product-boxes {
	height: 195px;
	padding: 10px 25px 20px;
        text-align: center;
}

#product-boxes .box {
	position: relative;
	height: 195px;
	float: left;
	background: white;
	width: 220px;
	margin-right: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
}

#product-boxes .box.last {
	margin-right: 0px;
}

#product-boxes .heading {
	position: relative;
	background: #055A94;
	padding: 6px 10px;
	border: 4px solid white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
	color: white;
	font-weight: bold;
        height: 40px;
}

#product-boxes .heading a {
	color: #fff;
        text-decoration: none;
}

#product-boxes .box img {
	display: block;
	margin: 0 auto;
}
/* Stylesheet: menu Modified On 2011-07-19 13:56:54 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
z-index: 99999;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	/*background-color: #243135;*/
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	/*border-top: 1px solid #3F565C;*/
	margin: 0;
	padding: 0;
z-index: 99999;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
z-index: 99999;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 3px;
/* keeps the first menu item off the left side */
	padding-left: 0px;
background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;
z-index: 99999;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	/*border-top: 1px solid #C8D3D7;*/
	border-right: 1px solid #C8D3D7;
	/*border-bottom: 1px solid #ADC0C7;*/
	border-left: 1px solid #A5B9C0;
background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;
overflow: hidden;
}

ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 50px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 10px;
background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;

background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;
}

#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 220px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
background-image: none;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 14px;
/* make sure we keep the font normal */
	font-weight: bold;
/* set default link colors */
	color: #055a94;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 12px 8px 15px 8px;
	display: block;
/* sets no underline on links */
background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;
	text-decoration: none;
}
ul#primary-nav li a:hover {
/* kind of obvious */
	background-color: transparent;

}
ul#primary-nav li li a:hover {
/* this is set to #000, black, below so hover will be white text */
	color: white;
background-color: #679cbe;
background-image: none;

}
ul#primary-nav li a.menuactive {
	/*color: #000;*/
/* bold to set it off from non active */
	font-weight: bold;
/* set your image here */
	background:  url(http://www.punctualplumbersanantonio.com/images/hover.gif) repeat-x left 0px;
}
ul#primary-nav li a.menuactive:hover {
	color: #055a94;
/* keep it the same */
	font-weight: bold;
background: url(http://www.punctualplumbersanantonio.com/images/navspacer.gif) no-repeat top left;

}




#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	/*background:  url(http://www.punctualplumbersanantonio.com/uploads/ngrey/parent.png) no-repeat 98% center;*/
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
	background:  url(http://www.punctualplumbersanantonio.com/images/hover.gif) repeat-x left 0px;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
	
border: none;
outline: none;
background-image: none;


/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */
	color: #143a52;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #F3F5F5;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 99999;
	/*border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #374B51;*/
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	background:  url(http://www.punctualplumbersanantonio.com/images/hover.gif) repeat-x left 0px;

}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#primary-nav li li a {
	height: 1%;
border: none;
outline: none;
background-image: none;


}




ul#primary-nav li ul li a.menuactive {

background-image: none;
font-weight: normal;
}

ul#primary-nav li ul li a.menuactive:hover {

background-image: none;
background-color: #679dbf;
color: #fff;
font-weight: normal;
}
ul#primary-nav li ul a{display: overflow; z-index: 99999999;}