/*
Site: Posey Plumbing - Southlake/Keller, TX
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.eightninety.com
July 08, 2012
*/
/* ---- Reset CSS ---- */
html, body, img {
margin: 0; padding: 0; border: 0; outline: 0;
font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0; }
html { overflow-x: auto; overflow-y: auto; }
body { line-height: 1; }
p { margin:0; padding:0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }
/* Posey - CSS */
@font-face {
font-family: 'DemingEPRegular';
src: url('../fonts/deming_ep-webfont.eot');
src: url('../fonts/deming_ep-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/deming_ep-webfont.woff') format('woff'),
url('../fonts/deming_ep-webfont.ttf') format('truetype'),
url('../fonts/deming_ep-webfont.svg#DemingEPRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
margin: 0;
background:#F4F4F4;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:100%; line-height:1.4em;
color:#212121; text-align:left;
}
/* Type */
p { padding:0; margin:0 0 20px 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:100%; color:#212121; line-height:1.4em; }
h1, h2, h3, h4, h5 { color:#333; font-weight:normal; font-family:'DemingEPRegular', serif; }
h1 { margin: 0 0 .1em 0; font-size: 2.2em; line-height:1.6em; }
h2 { margin: 0 0 .1em 0; font-size: 1.5em; line-height:1.4em; }
h3 { margin: 0; font-size: 22px; line-height:30px; }
h4 { margin: 0; font-size: 16px; line-height:22px; }
label { font-size: .8em; padding-left: 5px; }
/* Layout */
#wrapper { width:970px; margin:15px auto; position:relative; }
#nav { width:970px; position:absolute; background: url(../images/nav-bg.png) 0 0 repeat-x; height: 71px; margin-top: 120px; z-index:99; }
.navLeft { height: 61px; width: 250px; float: left; background: url(../images/nav-left.png) 0 0 no-repeat; text-align: right; padding: 30px; position: relative; }
.navRight { height: 61px; width: 250px; float: right; background: url(../images/nav-right.png) 100% 0 no-repeat; padding: 30px; position: relative; }
#logo { width: 326px; height: 187px; position: absolute; left: 322px; top: -52px; }
#nav ul { padding: 0; margin: 0; list-style:none; }
#nav li { padding: 0 12px; margin: 0; display: inline; }
#phone { clear:both; width:200px; float: right; text-align:right; height:35px; font-family: 'DemingEPRegular', serif; font-size: 18px; color: #000066; background: url(../images/icon-phone.png) 0 0 no-repeat; padding-left:30px; margin-right: 20px; }
#container { clear:both; width:940px; margin:15px auto; background:url(../images/container-top.png) 0 0 repeat-x; }
#slideshow { height:330px; padding-top:5px; border-bottom: 3px solid #CCE6FF; z-index: 1; }
/* About */
#about { background:#FFF; padding: 70px 30px; }
#aboutLeft { float: left; width: 400px; }
#aboutCenter{ float: left; width: 160px; margin-left: 30px; font-size: 13px; color: #212121; }
#aboutCenter h4 { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; color: #CCC; font-weight: bold; text-align: center; padding-bottom: 15px; margin-bottom: 10px; }
#aboutCenter img { display: block; padding: 10px 0; }
#aboutCenter p { border-top: 1px solid #EEE; margin-top: 10px; padding-top: 15px; }
#aboutRight { float: right; width: 230px; }
/* End About */
/* Services */
#services { background:#EEE; padding: 50px 80px 40px; border-top: 3px solid #9CF; }
ul.services { padding: 0; margin: 0 0 20px; list-style: none; }
ul.services li { padding: 0; margin: 0 12px; display: inline-block; width: 232px; height: 232px; }
ul.services li:last-child { padding-right: 0; }
ul.services .text { vertical-align:top; padding-top:20px; }
li.residential { background: url(../images/services-sprite.jpg) 0 0 no-repeat; }
li.residential:hover { background: url(../images/services-sprite.jpg) 0 -249px no-repeat; }
li.showers { background: url(../images/services-sprite.jpg) -250px 0 no-repeat; }
li.showers:hover { background: url(../images/services-sprite.jpg) -250px -250px no-repeat; }
li.newhome { background: url(../images/services-sprite.jpg) -505px 0 no-repeat; }
li.newhome:hover { background: url(../images/services-sprite.jpg) -505px -250px no-repeat; }
li.kitchens { background: url(../images/services-sprite.jpg) -760px 0 no-repeat; }
li.kitchens:hover { background: url(../images/services-sprite.jpg) -760px -250px no-repeat; }
li.vanities { background: url(../images/services-sprite.jpg) -1015px 0 no-repeat; }
li.vanities:hover { background: url(../images/services-sprite.jpg) -1015px -250px no-repeat; }
/* End Services */
/* Projects */
#projects { background:#8A939D; padding: 50px 30px; border-top: 3px solid #FFF; }
#projects h3, #projects p { color: #FFF; }
#projects p { padding: 20px 0 0; margin-bottom: 0; }
#projects ul.projects { padding: 0; margin: 0 0 15px; list-style: none; }
#projects ul.projects li { padding: 0 14px 0 0; margin: 0; display: inline-block; }
#projects ul.projects li:last-child { padding-right: 0px; }
/* End Projects */
/* Projects */
#contact { background:url(../images/container-bottom.png) 0 100% repeat-x #E8E8E8; padding: 50px 30px; border-top: 3px solid #FFF; }
#contact p { padding: 20px 0; }
#contactLeft { float: left; width: 425px; }
#contactRight { float: right; width: 385px; margin-top: 24px; }
#contactRight h4 { font-size: 16px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#contactRight ul { padding: 0; margin: 0; list-style: none; float: left; margin-left: 30px; margin-top: 20px; }
#contactRight li { padding: 0; margin: 0; font-size: 15px; }
/* End Projects */
#footer { width:940px; margin:0 auto; text-align:center; color: #999; font-size: 13px; }
#footer span { padding: 0 8px; }
/* links */
a { white-space:normal; }
a:link, a:visited, a:active, a:hover { color: #006; font-weight: bold; text-decoration:none; }
a:hover { color: #7FBDE7; }
#nav a:link, #nav a:active, #nav a:visited, #nav a:hover {
text-transform:uppercase;
font-size:15px;
color:#006;
font-weight:bold;
text-decoration: none;
}
#nav a:hover { color:#FFF; }
#footer a { font-weight: normal; }
#footer a:hover { color: #848484; }
/* Lists */
ul { padding:0; margin:0; }
li { padding:0; margin:0 0 0 20px; border:0; }
/* form elements */
input[type="text"], textarea {
-moz-border-radius:3px !important;
-webkit-border-radius:3px !important;
border-radius:3px !important;
border:1px solid #DDD !important;
padding:10px !important;
font-size: 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 300px;
}
/* input[type="text"]:focus, textarea:focus { background-color:#EEE !important;border-color:#BBB !important; width: 425px; padding: 10px !important; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } */
input [type="image"] { border:none; }
button {
margin-top: 10px;
font-size: 18px;
}
fieldset {
border: none;
}
/* random */
.center { text-align:center; }
.space { padding:0 4px; }
.pipe { padding:0 10px; color:#DDD; font-size:22px; }
/*#content img { border:2px solid #80BDE8; }*/
@media screen and (max-width: 768px) { }
@media screen and (max-width: 520px) { }
@media screen and (min-width: 960px) { }