@charset "UTF-8";
/* CSS Document */

.body { margin:0 auto; padding:0;}
.wrapper { width: 900px; min-height: 560px; height: auto; margin:0 auto; padding: 5px 0 0 0; }

.header { width:880px; height:81px; margin: 0 auto; background: url(skin/hdr_bgY.gif) no-repeat center top; padding: 0 0 5px 0; }

.copyRight { position: relative; float: right; right: 16px; height: 30px; top: 26px; }
.nav { position: relative; float: right; right: 28px; width: 537px; height: 26px; padding: 0 0 0 0; margin: 0 auto; background: url(skin/nav_bg.gif) no-repeat bottom; top: 27px; background-image: url(skin/nav_bg.gif); }
.doorsCall { background: url(skin/img_call2actionY.gif) no-repeat left top; width:205px; height:81px; position: relative; float: left; margin: 0; }


.leftCol { width:50%; float:left; }
.rightCol { width:50%; /*min-height:560px;*/ float: left; }

.text { width:430px; min-height:208px; height:auto;}
.footer { width:430px; height:22px;}

.squares { width:204px; height:208px; padding:10px;}
.squareDbl { width:430px; height:208px; padding:10px;}
.squareQuad { min-height:436px; padding:10px; overflow: hidden; width: 428px; }

.upperRow { padding:0; }
.bottomRow { padding:0; }
.contactDbl { width: 205px; position: relative; padding: 0 10px 0 0; } 
.left { float:left;}
.right { float:right;}

.logo { background: url(skin/box_redlgo.gif) no-repeat center center; height:208px; }
.logoYel { background: url(skin/box_yellogo.gif) no-repeat center center; height:208px; }
.logoWht { background: url(skin/box_whtlogo.gif) no-repeat center center; height:208px; }
.yellowTag { background: url(skin/box_ylw.gif) no-repeat center center; height:208px; }
.contactTag { background: url(skin/box_tagcontact.gif) no-repeat center center; height:208px; }
.yellow { background: url(skin/box_ylwno.gif) no-repeat center center; height:208px; }
.graySolid { background: url(skin/box_grysold.gif) no-repeat center center; height:208px; }
.tanSolid { background: url(skin/box_tansold.gif) no-repeat center center; height:208px; }
.tanSketch { background: url(../images/img_sketch.gif) no-repeat center center; height:208px; }
.grayPin { background: url(skin/box_grypin.gif) no-repeat center center; height:208px; }
.kidsDoors { background: url(skin/img_doors.gif) no-repeat center center; height:208px; }
.phone { background: url(skin/img_phone.jpg) no-repeat center center; height:208px; }
.chisel { background: url(../images/img_chisel_wht.jpg) no-repeat center center; height:208px; }
.flash { background: url(../images/rotate_placeholder.jpg) no-repeat center center; }


.grayPinCont { height: 436px; min-height: 436px; width: 430px; margin: 0; padding: 0; overflow: visible; }
.grayPinTop { width:430px; height: 11px; background: url(skin/box_ex_gr_top.gif) no-repeat top; vertical-align: bottom;}
.grayPinlg { height: auto; background: url(skin/box_ex_gr_rpt.gif) repeat-y top; }
.grayPinBtm { width:430px; height: 11px; background: url(skin/box_ex_gr_btm.gif) no-repeat top; vertical-align: top;}

.bloglink { text-align:center; margin: 0 auto; padding: 50px 0 0 0; }
.seemore { padding: 0px 0 0 30px0; width: 150px; margin: 0 auto; }

.textContsml { height: 208px; width: 205px; overflow: hidden;}
.thumbRow { width: auto; margin: 0 auto; padding: 5px 0 4px 2px; clear: both; }
.thumbNail { float: left; padding: 0 7px 0 0; } 
 
.carraige { background: url(skin/img_carriage.jpg) no-repeat center center; height:208px;}
.image { margin: 0 0 0 50px; }
/*Type and Fonts*/
h1.kidText { padding: 22px 22px 14px 10px; margin: 0 auto; display: block; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; }
p.kidText { font: 85%/1.7em "normal Verdana", Arial, Helvetica, sans-serif; color: #4e4c49; width: auto; overflow: hidden; o\verflow: visible; padding: 5px 22px 10px 10px; margin: 0 auto; display: block; }
p.kidText a { text-decoration: none; color: #fdb728; }
p.kidText a:hover, p.kidText a:focus { text-decoration: underline; color: #fdb728; }

p.contact { font: 85%/1.4em "normal Verdana", Arial, Helvetica, sans-serif; color: #4e4c49; width: auto; overflow: hidden; o\verflow: visible; padding: 5px 22px 10px 10px; margin: 0 auto; display: block; }
p.contact a { text-decoration: none; color: #fdb728; }
p.contact a:hover, p.contact a:focus { text-decoration: underline; color: #fdb728; }

p.thumb { font: 80%/1.2em "normal Verdana", Arial, Helvetica, sans-serif; color: #aca8a1; width: auto; o\verflow: visible; padding: 4px 22px 15px 15px; margin: 0 auto; display: block; clear: both; }
P.thumb .Ttl { color: #dacbab; font-weight: bolder; font-size: 1.0em; }

.gap { padding: 20px 0 0 0; }

ul.navlinks { height: 20px; padding: 5px 0 0 28px; margin: 0 auto; position: relative; display: block; }
ul.navlinks li { padding: 0 3px 0 3px; float: left;}
ul.navlinks li { display:block; font: normal 0.82em Verdana, Arial, Helvetica, sans-serif; color: #d1bea1; list-style: none; }
ul.navlinks li a { text-decoration: none; color: #d1bea1; }
ul.navlinks li a:hover, ul.navlinks li a:focus { text-decoration: underline; color: #fdb728; }

p.thumb a { text-decoration: none; color: #fdb728; }
p.thumb a:hover, p.thumb a:focus { text-decoration: underline; color: #fdb728; }

.divider { color: #ebdbb8; padding: 0 8px 0 12px; }

.gray { color: #666; }

a img { border: 0; }
a:hover img, a:focus img { border-top: 1px #efeadf; border-right: 1px #efeadf; border-bottom: 1px #efeadf; border-left: 1px #efeadf; }

/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }