/* --------------------------
CSS DESIGN:Jacob Lett 
WEBSITE:http://www.jacoblett.com
HEX colors
Black #000000
Dark Gray #323232
Light Gray #999999 
Blue #0B479D
Green #C6DB00
SEO Tips:1. Keywords in url
2. Keywords in title tag
3. Keywords in in page content with strong or em
4. Keywords in anchor title text
5. Keywords in alt text of images
6. Use em or strong for seo keywords and bold and italic if you wan to just change the style
-------------------------- */
/* --------------------------
CSS RESET 
-------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/* --------------------------
Site structure 
-------------------------- */
#doc{margin-left:auto;margin-right:auto;width:960px;background-color:white;}
#hdr{margin-top:10px;}
#bd{clear:both;padding:0 0;overflow:visible;}
#mainContent{overflow:auto;width:690px;float:left;min-height:500px;}
#mainContent h1{padding-top:30px;}
#mainContent p,#mainContent dd,#mainContent li{padding-right:30px;}
#home #mainContent{padding-top:0;}
.rightSide{width:260px;float:right;margin-top: 10px;}
#ftr{clear:both;text-align:center;font-size:1em;border-top:35px solid #C6DB00;padding-top:10px;margin-top:10px;}
/* --------------------------
Typography
-------------------------- */
html{font-size:62.5%;font-family:Verdana,Helvetica,sans-serif;}
body{font-size:1.3em;line-height:1.6em;}
/* SEO Tags*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:1.7em;line-height:1.2em;margin:0 0 1.5em;text-transform:uppercase;font-weight:normal;color:#0B479D;padding-right:80px;}
h2{font-size:1.3em;line-height:1.4em;margin:1em 0 .25em 0;font-weight:bold;}
h3{font-size:1.4em;line-height:1.4em;margin:0 0 1.5em;}
h4{font-size:1.3em;line-height:1.4em;margin:0 0 0;font-weight:bold;color:#0B479D;}
h5{font-size:1.3em;line-height:1.4em;margin:0 0 0;font-weight:bold;}
h6{font-size:1.3em;line-height:1.4em;margin:0 0 0;font-style:italic;}
strong,dt{font-weight:normal;}
em{font-style:inherit;}
/* Links */
a{color:#004584;}
a:visited{color:#004584;}
a:hover{color:#000000;}
a:active{color:#004584;}
/* Body Text */
p{margin:0 0 1.5em;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
blockquote{font-size:1.5em;color:#0B479D;font-style:italic;margin:1em 0;}
.leftQuote {font-size:2em;float:left;text-indent:-20px;}
.rightQuote {font-size:2em;position: relative;top: 10px;line-height:10px;}


blockquote p {padding-left:20px;line-height:1.2em;font-weight:normal}
/* Lists */
ul,ol{margin:0 1.5em 1.5em 0;padding-left:3.333em;}
li ul,li ol{margin:0;}
li,dd{margin-bottom:.5em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
dt{text-transform:uppercase;}
/* Tables */
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead th{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}
/* --------------------------
Utility classes
-------------------------- */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.flush-c{text-align:center;}
.flush-l{text-align:left;}
.flush-r{text-align:right;}
.inlineList li{display:inline;}
.block{display:block;}
.placeholder{color:#DF0202!important;}
.float-r {float:right;overflow: hidden;}
.float-l {float: left;overflow: hidden;}
/* --------------------------
Form styles
-------------------------- */
input.required,textarea.required{border:1px solid #00A8E6;}
input.validation-failed,textarea.validation-failed{border:1px solid #FF3300;color :#FF3300;}
input.validation-passed,textarea.validation-passed{border:1px solid #00CC00;color :#000;}
.validation-advice{margin:5px 0;padding:5px;background-color:#FF3300;color :#FFF;font-weight:bold;}
.custom-advice{margin:5px 0;padding:5px;background-color:#C8AA00;color :#FFF;font-weight:bold;}
fieldset{padding:1em;margin-bottom:0.5em;}
label{font-weight:bold;}
.form-row{clear:both;padding:0.5em;}
/* --------------------------
Navigation
-------------------------- */
#ezStreet{padding:0;margin:0;overflow:hidden;height:118px;}
#ezStreet li{float:left;list-style-type:none;}
#ezHome a{display:block;width:103px;height:122px;text-indent:-2000px;overflow:hidden;background:url('/_/img/ez_street_asphalt_logo.png') no-repeat 0 0;margin-right:7px;}
#hdrNav{height:41px;padding:0;margin:10px 0 0 0;clear:both;width:100%;}
#hdrNav li{list-style-type:none;float:left;position:relative;text-align:center;margin-bottom:0;}
#hdrNav li a{background:url('/html-portugal/_/img/co-nav.gif') no-repeat 0 0;text-indent:-9999em;text-transform:uppercase;text-decoration:none;display:block;line-height:30px;font-size:18px;color:white;}
#hdrHome a{width:135px;background-position:top left;}
#hdrHome a:hover{background-position:bottom left;}
#hdrBaches a{width:169px;background-position:-135px top!important;}
#baches #hdrBaches a,#hdrBaches a:hover{background-position:-135px bottom!important;}
#hdrContratista a{width:355px;background-position:-304px top!important;}
#contratista #hdrContratista a,#hdrContratista a:hover{background-position:-304px bottom!important;}
#hdrResidencial a{width:301px;background-position:-659px top!important;}
#residencial #hdrResidencial a,#hdrResidencial a:hover{background-position:-659px bottom!important;}
#contactRow{overflow:hidden;margin:20px 0 10px 0;}
#contactRow .col{width:33%;float:left;text-align:center;}
.ftrNav{padding:0;text-align:center;}
.ftrNav li{list-style-type:none;}
#ftr p{line-height:1.2em;}
.ftrNav em{display:block;}
.divider{padding:0 3px;}
/* --------------------------
HOME
-------------------------- */
#locationsLink a{width:260px;height:300px;text-indent:-2000px;overflow:hidden;background:url('/_/img/locations.png') no-repeat;display:block;}
#locationsLink a:hover{background-position:bottom left;}
#cuantoLink{margin-top:0px;}
#cuantoLink a{width:260px;height:171px;text-indent:-2000px;overflow:hidden;background:url('/_/img/cuanto-ez-street-necesita.jpg') 0 -1px no-repeat;display:block;}
#cuantoLink a:hover{background-position:bottom left;}
#ezGlobal{margin:10px 0;}
#ezGlobal a{width:260px;height:179px;text-indent:-2000px;overflow:hidden;background:url('/_/img/global.jpg') no-repeat 0 0;display:block;}
#ezGlobal a:hover{background-position:bottom left;}
.blueTitle{font-weight:bold;color:#0B479D;}
#hmFtr{width:690px;height:300px;}
/* protofade */
#slider-container{width:700px;margin:0 auto 30px auto;border:}
#protofade{position:relative;margin:0;padding:0px;width:340px;height:170px;overflow:hidden;float:left;}
#slider-container{border:1px solid #CCCCCC;}
#protofade li{position:absolute;top:0;left:0;margin:0;padding:0;background:none;}
/* end protofade */
#dyi{margin-left:10px;width:330px;float:right;line-height:17px;}
#dyi p{padding-top:28px;}
#dyi img{float:left;margin-right:10px;}
#bag{width:340px;float:left;line-height:17px;}
#bag img{float:left;margin-right:5px;margin-bottom:20px;}
#testimonial{margin-top:10px;font-style:italic;}
#testimonial p{margin-left:120px;}
#testimonial img{float:left;margin-right:5px;margin-top:25px;}
.row{clear:both;margin-top:10px;overflow:hidden;}
/* --------------------------
CONTACT
-------------------------- */
#contact h1{margin-top:30px;}
#home #app6 {display:block!important;}
#nwsBx{display:none;}
/* --------------------------
Gallery
-------------------------- */
.gallery a {outline:none;}
.gallery {overflow:hidden;background:url('/_/img/gallery/gradiant.jpg') top right no-repeat;height:378px;}
.gallery img {border:1px solid #C1C1C1;}
.galleryImg {width:500px;float:left;}
.galleryNav {margin:0 0 0 0px;width:185px;float:right;padding:0;}
#mainContent .galleryNav li {list-style-type: none;float:left;padding:0!important;margin:0px 0px 5px 5px;}
.galleryNav li a  img{
width:80px;height:60px;
opacity: 0.5; /* safari, opera */
-moz-opacity: 0.5; /* firefox */
-khtml-opacity: 0.5; /* konqueror */
}
.galleryNav a:focus img, .galleryNav a:active img, .galleryNav .selected a img {
opacity: 1; /* safari, opera */
-moz-opacity: 1; /* firefox */
-khtml-opacity: 1; /* konqueror */
}
.wetSeason {margin-left:9px}
#topRight {height:320px;position: relative;}
#contactNum {border:1px solid black;margin-bottom:10px;padding:12px 0 15px 15px;}
#contactNum .title {display:block;font-weight:bold;font-size:1em}
.row {overflow: hidden;}
#ezText p {float:left;width:460px;padding-right:0;line-height:1.4em;margin-bottom:0;}
#ezText .firstP {border-bottom:1px solid #ccc;padding-bottom:.8em;margin-bottom:.8em;}
#rightSideFeature {
	width: 260px;
	height: 196px;
	position:absolute;
	bottom:0;
	overflow: hidden;
	background: url('../img/right-side-feature.jpg') no-repeat 0 bottom;
}