/*   
Client: 3J Kitchens and Home Improvements
Client URI: http://www.3jkitchens.com
Author: Jose Dieppa
Author URI: http://josedieppa.com
Theme Version: 2
*/

/* RESET, BASIC AND GENERIC */
* { margin: 0; padding: 0; }
html { height: 100%; }
body { width: 100%; height:100%; background:url(../image/bg.jpg) }
h2, h3, h4 { border-bottom:1px solid #bbb; }
h3, p { margin-bottom: 20px; }
p { margin-left: 15px; }
a img { border: none; }
ol {list-style: decimal inside; }
ul {list-style: square inside; }
.clear { clear: both; }
.left { float: left; }
.frame, .wframe { padding: 25px; border: 1px solid #bbb; }
.frame { background: #f4f4f4; }
.wframe {background: #fff; margin: 25px 0; }
.smallerfont { font-size: 85%; }
#none { width: 0; height: 0; margin: 0; padding: 0; }

/* TYPOGRAPHY */
body, input, textarea { font: 16px/1.4 Verdana, "Lucida Grande", Arial, Sans-Serif; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }
h6, #footer_navbar li a { color: white; text-transform: uppercase; font-variant: normal; }
a { font-variant: small-caps; font-weight: bolder; text-decoration:none; color:#077647;}
legend { text-transform: uppercase; font-weight: bolder; }
#navbar li a { font-variant: normal; font-size: 14px; text-transform: uppercase; color:#fff; }


/* MAIN STRUCTURE */
#page-wrap { width: 100%; background: url(../image/header.png) repeat-x top; }
#content-wrap { width: 960px; margin: auto; }
#content-area { margin-bottom: 50px; padding: 25px; background: #fff; }

/* HEADER */
#header { width: 100%; padding-top: 55px; margin-bottom: 50px; }
#header a img { float: left; }
#navbar	{ display: inline; list-style: none; float: right; }
#navbar li { float: right; display: block; margin-top: 30px; padding: 0 10px; }

/*HOME PAGE*/
#content-area div.frame { float:left; width: 234px; height: 175px; margin-top: 25px; }
#content-area img.showcase { display:block; width: 860px; height: 275px; }
#content-area #middle_column { margin: 26px 26px; }

/* ARTICLE AREA */
#article-area { background: #f4f4f4; border: 1px solid #bbb; width: 550px; padding: 25px; float: left; }
#article-area-content { margin-left:25px; margin-right:25px; }
#article-area-content a { border-bottom: 1px dotted #077647; }
#article-area-content ul { margin: 0 0 15px 15px; } 

/*CONTACT US*/
#article-area fieldset { background: #fff; border: 1px solid #bbb; padding-bottom: 25px; }
#article-area fieldset p { margin: 15px 0  0 50px; }
#article-area fieldset input, #article-area fieldset textarea { padding: 5px; }
#article-area fieldset textarea { width: 400px; }

#article-area legend { padding: 0 5px; margin-left: 15px; }

/* SIDEBAR */
#sidebar { float: right; }
#sidebar ul { list-style: none; }
#sidebar h4 {margin-bottom: 15px; }
#sidebar div.module { width: 231px; padding: 25px; background: #f4f4f4; border: 1px solid #bbb; margin-bottom: 25px; }

/*FOOTER*/
#footer { margin: -15px 0 25px 0; }
#footer_navbar { display: inline; list-style: none; float: right; }
#footer_navbar li { float:right; display:block; padding: 0 5px; }

/* GALLERY */
#gallery-container { padding: 25px; background: #f4f4f4; border: 1px solid #bbb; position:relative; }
#main_image { width: 635px; height: 500px; margin-top: 25px; padding: 25px 28px; background: #f8f8f8; border: 1px solid #bbb; float:left; }
.caption { font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; display:block; padding-top: 15px; }
.gallery { display:block; width:100%; }
.gallery_style { margin-top: 25px; }
.galleria { list-style: none; width:150px; float:right; }
.galleria li { display:block; width:60px; height:60px; overflow:hidden; float:left; margin:0 15px 15px 0; }
.galleria li div img { cursor: pointer; }
* html .galleria li div span { width:400px; } /* MSIE bug */