﻿@font-face {   
   font-family: "Aquarelle";   
   font-weight: normal;    
   font-style: normal;
   src: url(/images/fonts/aquarelle.eot); /* IE */   
   src: local("Aquarelle"), url(/images/fonts/aquarelle.ttf) format("truetype"); /* non-IE */   
 }   

*, * a { font-family: Tahoma; }
a {border: none 0; outline: none 0; color: #a96633 ;}
a[href]:hover { color: #996633; }
body, p, li, td, th, dt, dd, dl, div {color: #d1b280; font-size: 14px; } 

html
{
	background: url(/images/bg-global.jpg) repeat left top;
	padding: 0;
	margin: 0;
	text-align: center;
}

body 
{
	padding: 175px 275px 345px 290px;
	text-align: justify;
	margin: 0 auto 0px auto;
	position: relative;
	width: 435px;
	min-height: 750px;
}

body.default { padding-top: 520px; min-height: 560px;}
body.portfolio-sub { min-height: 900px; }
body.default, body.portfolio, body.portfolio-sub { padding-bottom: 120px; padding-right: 0; width: 710px; }
body.news-sub { padding-right: 0; width: 710px; }

img
{
	vertical-align: middle;
	margin: 0;
	border: none 0;
}

form
{
	padding: 0;
	margin: 0;
}

h1
{
	margin: 0px 0 20px 0;
	padding: 10px 0 0 20px;
	height: 44px;
	background: url(/images/bg-h1.png) no-repeat left top;
	font-size: 28px;
	font-weight: normal;
	font-family: Tahoma;
	line-height: normal;
	color: #d1b280;
	text-align: left;
	text-transform: lowercase;
	position: relative;
}
.default>h1 { display: none;}
body.news-sub h1 { background: none; padding: 10px; height: 65px; color: #a96633; width: auto; text-transform: none; font-size: 18px; background: #30170b; }

h2
{
	margin: 25px 0 15px 0;
	padding: 13px 0 0 20px;
	width: 254px;
	height: 33px;
	background: url(/images/bg-h2.png) no-repeat left top;
	font-size: 18px;
	font-weight: normal;
	font-family: Tahoma;
	line-height: normal;
	color: #996633;
	text-align: left;
	text-transform: lowercase;
	position: relative;
}
body.default h2, body.portfolio h2 { background: none; }

h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration: inherit; color: inherit;}
a h2 { text-decoration: none;}

input[type='text'], input[type='password'], textarea { border: solid 1px #3c2110; background-color: #291105; color: #fedaaa; }
input[type='text'], input[type='password'] { height: 19px; }
input[type='button'], input[type='submit'] { border: solid 1px #281105; background-color: #281105; cursor: pointer; color: #d1b280; font-weight: bold; padding: 5px 15px; }
input[type='button']:hover, input[type='submit']:hover { color: #996633; }
textarea { resize: none; }
img.left { padding: 8px 20px 10px 0; float: left; }

ul { margin: 10px 0 0px 25px; padding: 0; list-style-image: url(/images/bullet.png); }
ul li, ol li { padding: 0 0 7px 0px; }
p { margin: 10px 0 0 0; }
*>p:first-child {margin-top: 0;}

#logo {width: 0px; padding: 0 0 0 300px; height: 83px; margin: 0; position: absolute; left: 40px; top: 20px; 
            background: url(/images/logo.png) no-repeat left top; display: block; overflow: hidden; white-space: nowrap;}

#slogan {width: 0px; padding: 0 0 0 339px; height: 173px; margin: 0; position: absolute; right: 5px; top: -18px; 
            background: no-repeat left top; display: block; overflow: hidden; white-space: nowrap;}
            
#lang {position: absolute; right: 380px; top: 5px; }
#lang, #top>#lang>a {color: #926f4c; font-weight: bold; text-decoration: none;}
#lang>a {margin: 0 3px; }
#lang>a[href] {font-weight: normal; text-decoration: underline;}

ul#menu {position: absolute; left: 0px; top: 165px; list-style: none; width: 250px; overflow: hidden; }
ul#menu ul { list-style: none; }
ul#menu>li { padding: 0; margin: 2px 0; }
/*
ul#menu li>a { color: #d1b280; padding-left: 20px; font-size: 42px; line-height: 54px; font-weight: bold; font-family: Aquarelle; text-transform: lowercase; text-decoration: none; }
ul#menu li>a:hover, ul#menu li.sel>a { color: #996633; }
*/
ul#menu li>a { color: #d1b280; width: 0; height: 57px; padding: 0; background: no-repeat right top; display: block; overflow: hidden; white-space: nowrap; }
ul#menu li>a:hover, ul#menu li.sel>a { background-position: left top; color: #996633; }

ul#menu>li>ul { display: none; }
ul#menu>li.sel>ul { display: block; }
ul#menu>li>ul>li>a { font-size: 30px; line-height: 40px; }

#side { position: absolute; right: 0; top: 175px; min-height: 500px; border-left: dotted 1px #d1b280; padding: 0 10px; width: 235px; }
#side h2 { margin-top: 4px;}
body.default #side, body.portfolio #side, body.news-sub #side { display: none; }
body.portfolio-sub #side { left: 0; right: auto; top: 540px; border: none 0; }
body.contact #side { border: none 0; }

.itemsList { padding:  0 0 10px 20px; }
.itemsList li { margin-top: 5px; }
.itemsList li>a { text-decoration: none; color: #ccaa77; }
.itemsList li>a:hover, .itemsList li.sel>a { color: #996633; }

#bottomProjects { width: 960px; height: 202px; padding: 0px 20px 20px 20px; position: absolute; left: 0; bottom: 100px; border-top: dashed 1px #d1b280; }
#bottomProjects>ul { list-style: none; padding: 0 0 0 0px; margin: 0; height: 233px; width: 1000px;  }
#bottomProjects>ul>li { padding: 0; margin: 18px 15px; float: left; height: 195px; width: 300px; }
#bottomProjects>ul>li:first-child { margin-left: 0;}
#bottomProjects>ul>li>a { display: block; padding: 0 0 0 300px; width: 0; height: 195px; background: no-repeat center top; 
                                  overflow: hidden; white-space: nowrap; }

.default #bottomProjects, .portfolio #bottomProjects, .portfolio-sub #bottomProjects { display: none; }


#bottom {width: 1000px; height: 90px; position: absolute; left: 0; bottom: 0px; border-top: dashed 1px #d1b280;}
#bottom>ul {list-style: none; padding: 0; margin: 23px 0 0 0; position: relative; clear: both;} 
#bottom>ul>li { padding: 0; margin: 0 4px; float: left; width: 48px; }
#bottom>ul>li>a { vertical-align: top; height: 48px; width: 0; padding: 0 0 0 48px; background: no-repeat right center; position: relative; 
						display: inline-block; overflow: hidden; word-wrap: break-word; }
#bottom>ul>li>a:hover { background-position: left center; }
#bottom>ul>li:first-child { padding: 14px 0 0 30px; width: 570px; } 
#bottom>ul>li:first-child+li>a { background-image: url(/images/social/favorites.png); padding-left: 47px; } 
#bottom>ul>li:first-child+li+li>a { background-image: url(/images/social/email.png); } 
#bottom>ul>li:first-child+li+li+li { padding-left: 20px; }
#bottom>ul>li:first-child+li+li+li>a { background-image: url(/images/social/twitter.png); } 
#bottom>ul>li:first-child+li+li+li+li>a { background-image: url(/images/social/facebook.png); } 
#bottom>ul>li:first-child+li+li+li+li+li>a { background-image: url(/images/social/addthis.png); } 
#bottom>ul>li:first-child+li+li+li+li+li+li { padding-left: 20px; }
#bottom>ul>li:first-child+li+li+li+li+li+li>a { background-image: url(/images/social/rss.png); } 

#homeProjects { margin: 0 10px 20px 0; width: 425px; position: absolute; top: 175px; left: 290px; }
#homeProjects>div>#ribbon { position: absolute; right: 9px; bottom: 26px; width: 154px; height: 124px; background: url(/images/ribbon.png) no-repeat left top; }
#homeProjects>div { width: 425px; height: 325px; position: relative; overflow: hidden; background: url(/images/bg-home-project.png) no-repeat left top; margin: 0;}
#homeProjects>div>ul {list-style: none; padding: 0; margin: 0; clear: both; position: relative; width: 850px; height: 325px; overflow: hidden; }
#homeProjects>div>ul>li {padding: 293px 0 0 0; margin: 0 12px 0 13px; float: left; width: 400px; height: 32px; white-space: normal; overflow: hidden; display: none; 
                         background: no-repeat left 4px; }
#homeProjects>div>ul>li:first-child {display: list-item; }
#homeProjects>div>ul>li>a { text-decoration: none; border-bottom: dotted 1px #d1b280; color: #d1b280;}
#homeProjects>div>ul>li>a:hover { border-bottom-color: #935333;}
#homeProjects>div>ul>li>a:first-child { margin-right: 30px; }

#homeProjects>a {display: none; width: 29px; height: 30px; background: no-repeat left top; position: absolute; top: 120px; z-index: 1000;}
#homeProjects:hover>a { display: block; }
#homeProjects>a:hover {background-position: right top;}
#homeProjects>a:first-child {background-image: url(/images/arrow-left.png); left: 15px;}
#homeProjects>a:first-child+div+a {background-image: url(/images/arrow-right.png); right: 15px;}
#homeProjects>div>ul>li>a>h2 { font-family: Calibri; color: #cdcdcd; font-size: 20px; padding: 15px 0 10px 0; margin-top: 0; text-transform: none; 
                   font-weight: bold; text-align: center; white-space: normal; }

#homeProjects>div>ul { width: 425px; }
#homeProjects>div>ul>li { float: none; position: absolute; top: 0; left: 0px; display: list-item; }

#homeOptions { list-style: none; width: 270px; padding: 20px 0 0 0; margin: 0; position: absolute; left: 735px; top: 175px; }
#homeOptions>li { padding: 0; margin: 25px 0; }
#homeOptions>li>a { height: 55px; width: 0; padding: 0 0 0 270px; background: no-repeat right center; position: relative; 
						display: inline-block; overflow: hidden; word-wrap: break-word; }
#homeOptions>li>a:hover { background-position: left center;}

#homeReviews { margin: 30px 0 0 0; background: no-repeat right bottom; min-height: 200px;}
#homeReviews>ul { list-style: none; padding: 0; margin: 0; }
#homeReviews>ul>li { background: url(/images/bg-home-h2.png) no-repeat left top; float: left; padding: 0 10px; margin: 0 0 0 17px; width: 205px; }
#homeReviews>ul>li:first-child { margin-left: 0;}
#homeReviews>ul>li>h2 { margin: 0 0 15px 0; padding: 12px 0 0 2px; position: relative; left: -10px; }
#homeReviews>ul>li>h2>a { width: 0px; padding: 0 0 0 221px; height: 35px; margin: 0; background: no-repeat left top; display: block; overflow: hidden; white-space: nowrap;}
#homeReviews>ul>li>h2>a:hover { background: right top; }

#portfolioProjects { list-style: none; padding: 0; margin: 0; width: 630px; position: relative; clear: both; }
#portfolioProjects * { font-size: 12px; text-decoration: none; }
#portfolioProjects h2 { font-size: 22px; font-weight: normal; color: #a96633; text-transform: none; text-align: center; white-space: normal;
                        padding: 10px 0 0px 0; margin: 0 0 10px 0; width: 630px; text-align: left; }
#portfolioProjects>li { padding: 0; margin: 5px; width: 630px; min-height: 400px; }
#portfolioProjects>li>a { text-decoration: none; border-bottom: dotted 1px #d1b280; color: #d1b280; }
#portfolioProjects>li>a:first-child+a { margin-right: 30px; }
#portfolioProjects>li>a:first-child { display: block; padding: 0px; margin: 0 0 10px 0; position: relative; border: none 0; }
#portfolioProjects>li>a:first-child>h2:first-child+div { width: 630px; height: 280px; background: no-repeat center top; }

#projectTypes { padding: 0; margin: 0; position: relative; top: -10px; }
#projectTypes>li { text-decoration: none; padding: 0; margin: 0 27px; float: left; }
#projectTypes>li>a { text-decoration: none; }
#projectTypes>li.sel>a { color: #d1b280; font-weight: bold; }

#project { padding-top: 500px; position: relative; width: 670px; }
#project>#img { padding: 460px 15px 5px 15px; width: 595px; height: 15px; position: absolute; left: 15px; top: 0; background: no-repeat 15px 15px; }
#project>#img a { font-size: 14px; line-height: normal; font-weight: bold; }
#project>#img a:hover, #project>#img a.cur { color: #d1b280; }
#project>#img>#pager { position: absolute; right: 15px; top: 450px; }
#project>#img>#pager>a { text-decoration: none; }
#project .pf-image { display: none; }

#projectNav { margin: 40px 0 0 0; position: relative; width: 100%; text-align: center;}
#projectNav>a { display: inline-block; padding: 3px 6px 5px 6px; background-color: #34160b; font-weight: bold; text-decoration: none; }
#projectNav>a:first-child { position: absolute; left: 0; top: 0;}
#projectNav>a:first-child+a { margin: 0 auto;}
#projectNav>a:first-child+a+a { position: absolute; right: 0; top: 0;}

/* FORMS */
.form { width: 450px; padding: 10px 0px 15px 0px; }
.form dl { width: 440px; z-index: 1000; }
.form dt { width: 120px; float: left; height: 17px; padding: 6px 10px 0 0; text-align: right; font-weight: bold; }
.form dd { padding: 6px 0 2px 0px; margin: 0 0 0 132px; text-align: left; vertical-align: middle; }
.form dd span { font-size: 11px; }
.form dd input, .form dd textarea { width: 98%; vertical-align: middle; }
.req { font-weight: bold; color: Red; padding: 0 0px; }
.form dl+div { text-align: center; }
/* END FORMS */


/*body.services-sub { padding-right: 400px; width: 535px; min-height: 600px;}
body.services-sub h1 {margin-bottom: 170px; }
body.services-sub #services { height: 110px; width: 845px; background-color: #000000; }
body.services-sub #services>ul { top: 158px; }
*/

.sitemap-path { position: absolute; top: 80px; left: 70px; color: #ffffff; width: 780px; display: block; padding-bottom: 0px; 
                border-bottom: solid 1px #b0b7ed; z-index: 100; }
.sitemap-path, .sitemap-path * { font-size: 11px; }
.sitemap-path a { text-decoration: none; color: #bababa; }
.default .sitemap-path { display: none; }

.more { text-align: right; }
.more>a { color: #b7b6ef; font-size: 12px; }


.pager {text-align: center; margin: 0 auto; clear: both; }
.pager a {color: #d3b27d; display: inline-block; text-decoration: none; background: #281004; border: none 0; text-align: center; width: 22px;
          padding: 0px 0px 1px 0px; margin: 0 5px; }
.pager a[href] { font-weight: normal; color: #ab6532; background: #34160b; font-weight: normal; }
.pager a.prev, .pager a.next {font-weight: bold; border: none; display: none; background: none; }
.pager a.prev[href], .pager a.next[href] { display: inline-block; padding: 0; margin: 0; }

#map { display: block; float: right; width: 360px; height: 240px; padding: 10px 20px; margin: 10px 0 30px 0;
       background: #161616 url(/images/map-thumb.jpg) no-repeat 20px 60px;}
#map { text-decoration: none; } 
#map>h2 { border: none 0; text-decoration: none; text-align: left; margin-top: -20px;} 

#quick-order { padding: 0 0 0 15px; }
#quick-order input[type='text'], #quick-order textarea { width: 215px; padding: 3px; }
#quick-order input[type='submit'] { background: no-repeat left top; width: 117px; height: 32px; display: inline-block; border: none 0;}


.tooltip_filter {position: absolute; padding: 0; background: url(/images/bg_tooltip.png) no-repeat top left; width: 300px; z-index: 100;}
.tooltip_filter div {width: 100%; background: url(/images/bg_tooltip.png) no-repeat bottom left; padding-top: 14px;}
.tooltip_filter p {padding: 0 13px 12px 23px; color: #444; font-size: 10px; line-height: 1.3em;}
.tooltip_filter p b {color: #666; font-size: 11px;}

input[class="hasDatepicker"]+img {border: none 0; cursor: pointer;}

#news { list-style: none; padding: 0; margin: 0; }
#news a { text-decoration: none; }
#news>li, #news>li div { font-size: 13px; }
#news>li { background: none; padding: 0; margin: 30px 0; }
#news>li>div:first-child { padding: 90px 0 0 165px; background: #30170b no-repeat 10px 10px; height: 60px; position: relative; line-height: 25px; }
#news>li h2 { background: none; padding: 0; margin: 0; position: absolute; width: 260px; left: 165px; top: 10px; text-transform: none; }
#news>li h2>a { text-decoration: none; }

body.news-sub #options { position: relative; top: -30px; height: 0px; }
body.news-sub #options i { font-style: normal; position: absolute; bottom: 0; right: 10px; font-size: 12px; color: #d1b280; }