body { text-align: center; background:#270903 url(../images/body-bg.gif) 0 0 repeat-x; font-size:62.5%; color:#FFF }

h1 { font-size:3.6em; font-family:Georgia, Times, 'Times New Roman', serif; }
h2	{ font-size:3.6em; font-family:Georgia, Times, 'Times New Roman', serif; }
h3	{ font-size:1.7em; }
h4	{ font-size:1.7em; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
p { text-align: left; line-height: 1.4em; font-size:1.3em; margin:0 0 1em 0; }

a { color: #AF590B; text-decoration: none; }
p a	{ text-decoration:underline; }
a:hover, a:focus { color:#FFF; cursor:pointer }

.clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.ir	{ display:block; text-indent:-1000em; background:0 0 no-repeat; overflow:hidden }

/**********	LAYOUT BLOCKS	***********/
#container { width:900px; margin: 30px auto 0 auto; text-align: left; }
#header { height:326px; background:url(../images/header-bg.jpg) 0 0 no-repeat; clear: both; margin:0 0 20px 0; position:relative; }
#content { padding:0 20px; clear: both; position:relative; }
#footer { padding:12px 20px; margin:0; background:url(../images/footer-bg.gif) 0 0 repeat-x; clear: both; color:#AF590B; }

/*******	IR	*********/
.ir.logo	{ background:url(../images/logo.png) 0 0 no-repeat; width:399px; height:144px; }
.ir#experience	{ display:none; }
.home .ir#experience, .contact .ir#experience	{ display:block; width:177px; height:175px; background-image:url(../images/22-years-experience.png); position:absolute; right:-1px; top:-1px; }

/********	HEADER CONTENT	*******/
#header h1	{ float:left; font-size:1em; }
#header h1 a	{ color:#320B04;  }

#header #proprietor	{ position:absolute; right:10px; top:10px; display:block; width:210px; background:#FFF; color:#7C3800; padding:2px; font-style:italic; }
#header #proprietor img	{ width:100px; height:100px; float:left; border:1px solid #270903; margin:0 5px 0 0; }
#header #proprietor strong	{ display:block; font-style:normal; font-weight:bold; color:#270903; }
#header #proprietor:hover, #header #proprietor:focus,
#header #proprietor:hover strong, #header #proprietor:focus strong	{ color:#AF590B; }
#header #proprietor:hover img, #header #proprietor:focus img	{ border-color:#AF590B; }
#header #proprietor span	{ line-height:1.4em; font-size:1.3em; }
.home #header #proprietor, .contact #header #proprietor	{ display:none; }

.nav	{ clear:both; width:100%; margin:0 0 0 20px; position:absolute; bottom:40px; }
.nav a	{ display:block; width:auto; margin:0 30px 0 0; color:#511007; font-size:1.7em; font-style:italic; font-family:Georgia, Times, 'Times New Roman', serif; padding:0.2em 0.3em; float:left; }
.nav a:hover, .nav a:focus	{ background:url(../images/current-bg.png) 0 0 repeat; }
.nav a.current	{ color:#AF590B; }
.nav a.current:hover, .nav a.current:focus	{ color:#AF590B; }

/******	FOOTER CONTENT	*******/
.copyright	{ float:left; width:40%; }
.netbop	{ float:right; width:40%; text-align:right; }
.contact .netbop	{ display:block }

/******	MAIN CONTENT	*********/
#content h2	{ color:#FFF; font-style:italic; }
#content h3	{ color:#AF590B;  width:50%; margin:0.5em 0; }
#content p	{ width:50% }
#content .tel	{ position:absolute; top:0; right:20px; z-index:300; color:#FFF; text-align:right; font-style:normal; }

#content blockquote p	{ width:100%; font-size:1em; position:relative; z-index:100; }
#content blockquote p.source	{ font-size:0.8em; position:relative; z-index:10; }
blockquote	{ display:block; width:360px; padding:6%; margin:1em 0; background:#AF590B; font-size:1.6em; }
.testimonials	{ margin:0 36px 0 0; width:47%; }
.testimonials.left	{ float:left; }
.testimonials.right	{ margin:0; float:right; }
blockquote .letterhead	{ margin:0 0 1em 0; }
blockquote .source	{ background:url(../images/rdquo.gif) 100% 0 no-repeat; padding:50px 15px 0 0; margin:-50px 0 0 0; text-align:right; color:#270903; font-style:italic; }
blockquote .first	{ background:url(../images/ldquo.gif) 0 0 no-repeat; padding:20px 0 0 20px; position:relative; right:20px; }
blockquote .source .company	{ display:block; }

.services	{ margin:10px 0 25px 0; }
.services a	{ display:block; width:202px; margin:0 17px 10px 0; float:left; font-family: Georgia, Times, 'Times New Roman', serif; color:#FFF; font-size:1.7em; font-style:italic; }
.services a:hover, .services a:focus	{ color:#AF590B; }
.services a img	{ display:block; width:198px; height:98px; margin:0 0 4px 0; border:2px solid #511007; }
.services a:hover img, .services a:focus img	{ border:2px solid #AF590B; }
.services .oak a, .services .velux a	{ margin-right:0; }

/********	GALLERY	********/

#gallery_wrap	{ clear:both; margin:20px 0; background:#7C3800; padding:16px 16px 8px; }

.gallery	{ clear:both; margin:20px 0; position:relative; }
.gallery_slider	{width:702px;margin:0 auto;}
.gallery_slider li	{ width:68px; height:50px; border:1px solid #270903; margin: 0 2px; background:#000; }
.gallery_slider.galleria li.active	{ border-color:#FFF; }
.gallery_slider li div	{left:240px}
.gallery_slider li div .caption	{font:italic 0.7em/1.4 georgia,serif;}

#main_image	{ position:relative;  margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #AF590B; height:auto; width:100%; float:left; }
#main_image .galleria_wrapper	{ float:left; border:1px solid #FFF; width:600px; height:450px; }
#main_image .caption	{ position:absolute; bottom:50px; right:10px; width:190px; padding:0 15px; font-size:1.7em; font-style:italic;color:#FFF; }

.gallery.nav	{ display:block; position:absolute; bottom:10px; right:0; width:220px; font-size:1.4em; height:3em; margin:20px 0 0 0; padding:0 0px; clear:right; font:80% 'helvetica neue',sans-serif; letter-spacing:1px;  }
.gallery.nav a	{ float:left; margin:0; display:block; position:relative; top:0; color:#270903; }
.gallery.nav a:hover, .gallery.nav a:focus	{ color:#FFF; background:none; }
.gallery.nav a.next	{ float:right; }
.info{text-align:left; width:650px; margin:30px auto; border-top:1px dotted #221; padding-top:30px;}
.info p{margin-top:1.6em;}
.jcarousel-container{list-style:none; width:100%; clear:both; position:relative; }
.galleria#mycarousel li{display:block; width:81px; height:81px; overflow:hidden; float:left; margin:0 10px 9px 0}
.galleria#mycarousel li a{display:none}
.galleria#mycarousel li div{position:absolute; display:none; top:0; left:180px}
.galleria#mycarousel li div img{cursor:pointer}
.galleria#mycarousel li.active div img,.galleria li.active div{display:block}
.galleria#mycarousel li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria#mycarousel li .caption{display:block;padding-top:.5em}
* html .galleria#mycarousel li div span{width:400px} /* MSIE bug */

.galleria li h2, .galleria li p	{ display:none; }
#content .caption h2	{ font-size:1.25em; width:100%; margin:0 0 0.5em 0; font-style:normal; }
#content .caption p	{ width:100%; font-style:normal; font-size:1em }

/**********	CAROUSEL	*********/
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative; width:740px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 .jcarousel-next, .jcarousel-prev	{ width:20px; height:17px; position:relative; top:35px; background:url(../images/next-prev.gif) 0 -16px no-repeat; cursor:pointer; }
.jcarousel-next {
    z-index: 3;
    display: none; float:right; background-position: 100% -16px; margin:0 10px 0 0;
}
.jcarousel-next:hover, .jcarousel-next:focus	{ background-position:100% -33px; }

.jcarousel-prev {
    z-index: 3;
    display: none; float:left; margin:0 15px 0 10px;
}
.jcarousel-prev:hover, .jcarousel-prev:focus	{ background-position:0 -33px; }

.jcarousel-next-disabled, .jcarousel-next-disabled	{ background-position:100% 0; cursor:inherit; }
.jcarousel-prev-disabled, .jcarousel-prev-disabled	{ background-position:0 0; cursor:inherit; }
.jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus	{ background-position:100% 0; }
.jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus	{ background-position:0 0; }

/************	CONTACT	**********/
fieldset.contact_form { width:450px; float:left; font-size:1.7em; margin:0 0 2em 0; }
fieldset.contact_form dl dt { width:150px; margin:5px 15px 5px 0; float:left; clear:both; text-align:right; }
fieldset.contact_form dl dd { width:250px; margin:5px 0;  float:left; }
fieldset.contact_form label, fieldset.contact_form input	{ font-size:1em; }
input, textarea { width:250px; }

.button	{ font-size:2em; color:#FFF; width:auto; border:none; background:transparent; cursor:pointer; font-family: Georgia, Times, 'Times New Roman', serif; }
.button:hover, .button:focus	{ color:#AF590B; }

#content .email	{ position:absolute; right:20px; top:90px; text-align:right; width:auto; font-size:2em; margin:0; }
#content .email a	{ text-decoration:none; }

address	{ position:absolute; right:20px; top:130px; font-size:1.7em; text-align:right; }