@charset "UTF-8";

/*
    Cafe Countertops Style Sheet
    By Todd Temple: http://www.t2graphicdesign.com
	Date Modified: 01-31-2012
*/

html { height: 100%; margin-bottom: 1px; }
body { background-image: url(../i/gfx_bkg.jpg); background-color: #E3E2CF; margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; }
#wrapper { width: 790px; margin-top: 7px; margin-right: auto; margin-bottom: 50px; margin-left: auto; position: relative; }
#banner { border-top-width: 7px; border-bottom-width: 7px; border-top-style: solid; border-bottom-style: solid; border-top-color: #865327; border-bottom-color: #868A78; margin-bottom: 7px; }
#nav { }
#navbar { float: left; height: 29px; width: 547px; margin: 0px; padding: 0px; position: relative; background-image: url(../i/gfx_nav.gif); }
#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }
#nav li, #nav a { height: 29px; display: block; }
#home { left: 0px; width: 93px; }
#about { left: 93px; width: 99px; }
#solid { left: 192px; width: 225px; }
#contact { left: 417px; width: 130px; }
#home a:hover, #home a.current { background: transparent url(../i/gfx_nav.gif) -0px -29px no-repeat; }
#about a:hover, #about a.current { background: transparent url(../i/gfx_nav.gif) -93px -29px no-repeat; }
#solid a:hover, #solid a.current { background: transparent url(../i/gfx_nav.gif) -192px -29px no-repeat; }
#contact a:hover, #contact a.current { background: transparent url(../i/gfx_nav.gif) -417px -29px no-repeat; }
#content { width: 790px; }
#col1 { width: 475px; float: left; padding-left: 50px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
#content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 16px; background-image: url(../i/gfx_content_bkg.gif); background-repeat: repeat; overflow: hidden; }
#col1 a, #col1 a:visited { color: #CC6633; text-decoration: none; }
#col1 a:hover { color:#CC6600; text-decoration: underline; }
#sidebar { width: 201px; float: left; background-image: url(../i/gfx_wenge_bkg.png); margin-left: 4px; background-color: #CFCFB7; background-repeat: no-repeat; padding: 20px; }
#sidebar a, #sidebar a:visited { color: #CC6633; text-decoration: none; }
#sidebar a:hover { color:#CC6600; text-decoration: underline; }
.sidebar_title { margin-left: 2px; }
#footer { width: 790px; padding-top: 5px; padding-bottom: 20px; border-top-width: thin; border-top-style: dotted; border-top-color: #868A78; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 0.55em; color: #333333; text-transform: uppercase; line-height: 1.5em; text-align: right; }
#footer a, #footer a:visited { color: #333333; text-decoration: none; }
#footer a:hover { color: #95632C; }
.insetRight { float: right; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.insetLeft { float: left; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; display: inline; }
.more { padding-top: 4px; padding-right: 4px; padding-bottom: 0px; padding-left: 16px; list-style-position: outside; list-style-image: url(../i/gfx_arrow.gif); background-image: url(../i/gfx_arrow.gif); background-repeat: no-repeat; background-position: left; display: block; }
.bold { font-weight: bold; }
.clear { float: left; margin: 0px; padding: 0px; }
a.border { display:block; width:150px; height:100px; border:1px solid #EEEDE1; }
html>body a.border { float: left; }
a.border:hover { border: 1px solid #95632C; }
h2 { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 14px; color: #CC6633; }
h3 { font-family: Arial, Helvetica, sans-serif; text-align: right; margin: 0px; padding: 0px; font-size: 14px; color: #CC6633; }
#soon { position: absolute; top: 810px; right: 33px; width: 170px; height: 52px; background-color: #366; color: white; text-transform: uppercase; font: bold 12px/16px Arial, Helvetica, sans-serif; text-align: center; padding: 20px 0 0 0; }