/* Bootstrap {{{ */

html {
    background:  #79897F url(/img/design/body-bg.jpg);
    font-family: Arial, sans-serif;
    font-size: 12px;
}

html, body {
    height: 100%;
}

a {
    text-decoration: none;
    color: #0B3716;
}

/* }}} */

/* Common classes {{{ */

.clear {
    clear: both;
}

.imp {
    text-align: center;
}

/* }}} */

/* Modules {{{ */

.hnav li {
    float: left;
	zoom: 1;
}

.wrapper {
    width: 900px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.button {
    display: block;
    position: relative;
    float: left;
}
.button .l,
.button .r {
    position: absolute;
    top: 0;
    left: 0;
    background-position: left top;
    background-repeat: no-repeat;
    width: 50%;
    height: 100%;
}
.button .r {
    left: auto;
    right: 0;
    background-position: right top;
}
.button span {
    position: relative;
}

.media img {
    float: right;
    margin-left: 20px;
}

/* }}} */

/* Body {{{ */

#left-bg {
    position: absolute;
    top: 0;
    left: 50%;
    background: url(/img/design/left-bg.jpg) 0 281px no-repeat;
    width: 115px;
    height: 100%;
    margin-left: -446px;
}

#right-bg {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    background: #79897F;
    padding-left: 200px;
}

/* layout {{{ */
#body {
    margin-top: 95px;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}
#sidebar {
    float: left;
    width: 250px;
}
#content {
    float: right;
    width: 630px;
	padding: 0 10px;
}
/* }}} */

/* sidebar {{{ */
#sidebar {
    position: relative;
}

#sidebar-bg {
    position: absolute;
    top: 10px;
    left: 5px;
    background: #7A896C;
    width: 115px;
    height: 100px;
    display: none;
}

#after-bg {
    position: relative;
}

#sidebar-wrap {
	width: 115px;
	margin-left: 5px;
}

#policy {
    padding-left: 10px;
    padding-bottom: 10px;
}
#policy a {
    font-size: 110%;
    font-weight: bold;
    color: #342670;
}
#policy a:hover {
    color: #0B3716;
}

#warranty {
	position: absolute;
    top: 500px;
	left: 126px;
	width: 116px;
	height: 247px;
	color: #CCC;
	font-size: 9px;
}
#warranty img {
	display: block;
    margin: 0 auto 5px;
}

#sidebar form {
	margin: 0 5px;
}
#sidebar form p {
	margin: 0;
	padding: 0;
}

#nav-sidebar li {
    position: relative;
    margin-top: 5px;
}
#nav-sidebar li.first {
	margin-top: 20px;
}
#nav-sidebar li.opened {
    background: url(/img/design/sidebar_active.png) right 5px no-repeat;
}
#nav-sidebar a.main,
#nav-sidebar a.main-imp {
    background-image: url(/img/design/sidebar_button.png);
    display: block;
    width: 113px;
    height: 33px;
    padding: 0 5px;
    text-align: center;
    line-height: 33px;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}
#nav-sidebar a.main-imp {
    background-image: url(/img/design/sidebar_button-imp.png);
}
#nav-sidebar ul {
    display: none;
}
#nav-sidebar li.opened ul {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 10;
    display: block;
    background: #B9DB7C;
    width: 110px;
}
#nav-sidebar ul li {
    margin: 0;
}
#nav-sidebar ul a {
    display: block;
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    padding: 0 5px;
}
#nav-sidebar ul a:hover {
    background: #FFFA9C;
}
#nav-sidebar ul li.active {
    background: #FFFA9C;
}

#promotion {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* }}} */

/* content {{{ */
#content {
    position: relative;
    min-height: 551px;
    font-size: 14px;
}
#content-wrapper {
    position: relative;
	padding-top: 20px;
}

p {
    margin: .5em 0;
    line-height: 1.2;
}

#flash {
    background: #003C20;
    width: 473px;
    margin: 0 auto;
}
#slideshow {
    background: #003C20;
    width: 462px;
	height: 283px;
    border: 5px solid #003C20;
    margin: 0 auto;
	cursor: pointer;
	cursor: hand;
}

#slogan {
    display: inline-block;
    height: 62px;
    padding: 0 166px;
    background: url(/img/design/slogan.png) top right no-repeat;
}

ul#idTabs
{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 29px;
	width: 628px;
    border-bottom: 1px solid #004C18;
}
ul#idTabs li
{
    float: left;
    width: 209px;
    font-size: 12px;
    text-align: center;
}
ul#idTabs li.last
{
	width: 210px;
}
ul#idTabs a
{
    background: #004C18;
    height: 30px;
    line-height: 30px;
    padding: 0 .5em;
    display: block;
    color: #FFF;
    text-decoration: none;
}
ul#idTabs a.selected
{
    background: #FAF5D9;
    color: #000;
}
ul#idTabs a:hover
{
    text-decoration: underline;
}
div.workstab
{
    clear: both;
    border: 1px solid #004C18;
    border-top: 1px solid #000;
    background: #79897F;
    padding: 5px;
	width: 616px; /* totals to 628 */
}

/* }}} */

/* }}} */

/* Forms {{{ */
.newsletter input.text {
    background: #CECECE;
    width: 90px;
	margin: 5px 0;
    border: 0;
}
.newsletter p {
    color: #C5C6A6;
}

.contact-form span {
    display: block;
    margin-top: 10px;
}
/* }}} */

/* Header {{{ */

/* layout */
#header {
    background: #003C20;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    border-bottom: 5px solid black;
}

/* logo */
#header h1 {
    float: left;
    position: relative;
    display: block;
    background: url(/img/design/sigla.png) 0 0 no-repeat;
    width: 311px;
    height: 49px;
    margin-top: 23px;
    text-indent: -9999px;
}
#header h1 a {
    display: block;
    width: 311px;
    height: 49px;
}

/* nav */

#nav-main {
    float: left;
    margin-top: 29px;
    margin-left: 10px;
}

#nav-main a {
    height: 31px;
    padding: 0 10px;
    line-height: 31px;
    color: #FFF;
}

#nav-main .button .l,
#nav-main .button .r {
    background-image: url(/img/design/header_button.png);
}

#nav-main .button:hover .l,
#nav-main .button:hover .r,
#nav-main .active .l,
#nav-main .active .r {
    background-image: url(/img/design/header_button_hover.png);
}

/* }}} */

/* Headers {{{ */

h1, h2, h3, h4, h5, h6 { font-size: 1em; clear: both; }
h1 {
	color: #000;
	font-size: 2em;
	margin-bottom: 1em;
}
h2 {
    color: #0B3716;
    margin-bottom: 10px;
    font-size: 1.6em;
}
h3.contact-header {
    color: #296F30;
	color: #000;
}
h4 {
    margin-bottom: 5px;
}
.price-details {
    position: relative;
    font-size: 90%;
}
.price-details {
    margin-top: 20px;
}
.price-details.first {
    margin: 0;
}
.price-details h3 {
    color: #0B3716;
    position: absolute;
    right: 65px;
    top: 0;
    line-height: 1.6em;
}

/* }}} */

/* Tables {{{ */

table
{
    width: 100%;
    margin: 1em auto;
}
table tr
{
    background: #FFF;
}
table tr.alt
{
    background: #E5D5AC;
}
table tr.hover
{
    background: #FAF5D9;
}

tbody th
{
    text-align: left;
}
tbody th,
tbody td
{
    padding: 5px;
}

caption
{
    font-weight: bold;
}

td ul
{
    list-style: square;
}

#latestwork
{
    margin: 0;
    font-size: 120%;
    text-align: center;
}
#latestwork td
{
    border: 1px solid #D3C89B;
    padding: 1em 0;
}

.ext th,
.ext td {
    background: #D9D2A8;
}

#contact-mobile,
#contact-address,
#contact-gps {
    width: 170px;
    margin-right: 5px;
    float: left;
    background: #E4DFC1;
}
#contact-mobile {
    width: 260px;
}

.contact-table {
    margin: 0;
}
.contact-table td {
    background: #E4DFC1;
}
h5 {
    background: #A09857;
    color: #FFF;
    padding: 5px;
    margin: 0;
    text-align: center;
}

/* }}} */

/* Lists {{{ */

.product-gallery li {
    float: left;
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 12px;
}
.product-gallery img {
    display: block;
}
ul.prices img,
ul.product-gallery img {
    border: 2px solid #79897F; 
}
ul.prices img.selected,
ul.product-gallery a.selected img {
    border: 2px solid rgb(255,242,0);
}
ul.prices img,
ul.prices img.selected {
	border-width: 5px;
}

.notes {
    list-style: decimal;
    margin-left: 20px;
}
ul.simple {
    list-style: square;
    margin-left: 20px;
}

dt {
    font-weight: bold;
    margin: 5px 0;
}
dd {
    margin-left: 20px;
}

/* }}} */

#workscontinued {
    text-align: right;
}
#workscontinued img {
    margin-right: 100px;
}

/* Colorbox */
body #cboxTitle {
    color: #000;
    font-weight: bold;
    margin-left: 55px;
}

.images
{
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.images img
{
    padding: 2px;
    border: 1px solid #CCC;
}

a.map {
    border: 1px solid #003C20;
    background: #FFF;
    color: red;
    padding: 2px;
    display: block;
    margin-bottom: 5px;
}