/*  
Description:  Kuebler Enterprises, Inc.
URI: http://www.kueblerenterprises.com
Version: 1.0
Author: Pixelpunk
Author URI: http://www.pixelpunk.com
	
COLORS
#801213 = RED

*/
 
/* ---------- Reset CSS ---------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} :focus {outline: 0;} input, select {font-size: 11px;} .clear {clear: both;}

/* ---------- General Styling ----------   */

body {background: #000 url(../images/bg-body.jpg) repeat-x; color: #444; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }

#wrapper {width: 960px; margin: 0px auto;}

p {margin: 0px 0px 10px 0px;}

.hr {border: 0 #fff solid; border-top: 1px solid #999; clear: both; height: 0; margin: 20px 0px 20px 0px;}

.bullets {list-style-type: none; padding-left: 0px; margin: 10px 0px 20px 20px;}
.bullets li {float: none; clear: none; background: url(../images/ico-checkmark.gif) no-repeat 0 -3px; padding-left: 20px; margin-bottom: 10px;}

/* ---------- Links ---------- */

a {color: #801213; text-decoration: none;} a:hover {color: #000; text-decoration: underline}

/* ---------- Header Styles ---------- */

h1, h2, h3, h4, h5, h6 {color: #801213; font-weight: normal;}
h1 {font-size: 30px; padding: 0px 0px 15px 0px;}
h2 {font-size: 20px; padding: 00px 0px 0px 0px;}
h3 {font-size: 15px; margin-top: 20px;}
h6 {font-size: 10px; color: #777; text-transform: none;}

/* ---------- Header ---------- */

#logo a {float: left; display: inline; width: 160px; height: 80px; background-image: url(../images/bg-logo.png); background-repeat: no-repeat; margin: 18px 0px 15px 25px;}
#logo span {display: none;}

#navigation {float: right; display: inline; width: 710px; color: #fff; font-size: 12px; text-align: right; margin: 44px 15px 5px 0px;}
#navigation a {color: #fff;}
#navigation a:hover {text-decoration: underline;}
#navigation span {padding: 0px 5px 0px 5px;}

#tagline {float: right; display: inline; width: 710px; height: 15px; background-image: url(../images/bg-tagline.png); background-repeat: no-repeat; margin: 18px 15px 10px 25px;}
#tagline span {display: none;}

/* ---------- Home Page Content ---------- */

#photoGallery {width: 960px; height: 372px; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-top: 12px;}

#podContact {float: left; display: inline; text-align: center; color: #fff; width: 200px; height: 200px; background-color: #333; margin: 20px 25px 0px 0px;}
#podContact {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
#podContact p {margin: 5px 0px 0px 0px;}
#call {margin: 15px 0px 4px 0px;}
#phone {font-size: 26px;}
#contact {width: 170px; text-transform: uppercase; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0px 5px 0px; margin: 10px 0px 0px 15px;}
#contact a {color: #fff;}
#contact a:hover {color: #dcd9c6; text-decoration: none;}

#craftman {font-size: 13px; margin: 10px 0px 0px 0px; line-height: 18px; padding: 0px 10px 0px 10px; line-height: 22px;}

#introduction {float: left; display: inline; width: 500px;}
#introduction h1 {font-size: 19px; margin: 25px 0px -10px 0px; color: #fff;}
#introduction p {color: #fff; line-height: 20px; margin-top: 15px; font-size: 15px;}

#podSpotlight {float: right; display: inline; width: 200px; height: 200px; background-color: #333; margin: 20px 0px 0px 20px; }
#podSpotlight {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}



/* ---------- General Content ---------- */

#contentWrapper {width: 960px;  background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding-bottom: 20px;}

/* ---------- Left Sidebar ---------- */

#leftColumn {width: 160px; float: left; display: inline; margin: 50px 48px 0px 25px;}

#sideNav {font-size: 14px;}
#sideNav ul {list-style-type: none; text-align: left; margin-bottom: 20px; margin-top: -20px;}
#sideNav li {border-top: 1px dotted #801213;}
#sideNav ul li a {display: block; position: relative; padding: 8px 0px 8px 0px; background: transparent url(../images/bullet.gif) left center no-repeat; padding-left: 20px; text-align: left; text-decoration: none; color: #801213;}
#sideNav ul li a:hover {background: transparent url(../images/bullet-hover-2.gif) left center no-repeat; color: #000;}

blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 25px; font-weight: normal; display: block; padding: 0px 20px 0 20px; width: 140px;}
blockquote p {margin-top: -25px;}
blockquote:before, blockquote:after {color: #801213; display: block; font-size: 700%; width: 50px;}
blockquote:before {content: '\201C'; height: 50px; margin-left: -30px; margin-top: 0px;}
blockquote:after {content: '\201D'; height: 50px; margin-top: 35px; margin-left: 80px;}
blockquote .quotename {display: block; padding: 30px 0px 0px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: normal;}

/* ---------- Main Content ---------- */

#rightColumn {width: 680px; float: left; display: inline; margin: 25px 35px 0px 0px;}

#rightColumn p {line-height: 20px; margin: 0px 0px 25px 0px;}

#rightColumn ul li {padding: 0 5px 12px 0; margin-left: 25px; list-style-image: url(../images/bullet.gif); }
#rightColumn ul { margin-top: 15px; }

/* ---------- Main Content ---------- */

#gallery ul li {float: left; list-style: none; padding: 0px; margin: 0px 20px 20px 0px; border: 10px solid #eee;}

/* ---------- Contact Page ---------- */

.contactPhone {font-weight: bold; font-size: 16px;}

#formwrapper #name,#email,#comments { width: 400px;}

#formwrapper p {margin: 10px 0px 0px 0px;}

.alert { padding-left:18px; background:0 url(../images/alert.gif) no-repeat; }


/* ---------- Footer ---------- */

#footer {font-size: 11px; color: #fff; text-transform: uppercase; margin: 15px 0px 0px 0px; padding-bottom: 15px; height: 20px;}

#copyright {float: left; display: inline;}
#copyright a {color: #fff; text-decoration: none}
#copyright a:hover {color: #fff; text-decoration: underline;}

#credit {float: right; display: inline; color: #828282;}
#credit a {color: #828282;}
#credit a:hover {color: #fff;}