/* reset and basic setting */

/* BASIC =====================================================================*/
body {background:#fff url('img/image_07.png') center 190px}
body {font-family: Georgia, serif; font-size:12px; line-height:22px;text-align:center;}
body,code,div,h1,h2,h3,h4,h5,h6,img,li,ol,span,table,th,td,ul {padding:0px; margin:0px; border:0px;}

/* links */
a {color:#545E5D; text-decoration:none;}
a:hover {color:#79D913; text-decoration:underline;}

/* headings etc. */
h1,h2,h3,h4,h5,h6 {font-family:Georgia, serif;; font-weight:bold; line-height:30px}
h2 {}
h4 {font-size:13px}

/* paragraphs */
p {line-height:24px; margin-bottom:10px;margin-top: 0px;}
p.main {margin-top:20px;}
p.top {margin-top:10px;}
p.no-top {margin-top:0px;}
p.no-bottom {margin-bottom:0px;}

/* tables */
table {border-collapse: collapse}
th,td {font-size: 11px;}

/* lists */
ul,ol,li    {list-style: none;}
ul          {margin-bottom: 22px;}

/* other */
hr        {border:0px; height:0px; border-bottom:3px solid #C9D8A2; margin:20px 0 20px 0;}
hr.cleaner {border:0px; clear:both; height:0px; margin:0px; padding:0px; visibility:hidden;}
hr.left {clear:left;}
hr.right {clear:right;}
hr.line {border-bottom:3px solid #C9D8A2; margin-bottom:10px; visibility:visible;}

img         {border:0px;}
sub, sup {position:relative; vertical-align:baseline;}
sub {top:0.4em;}
sup {bottom:0.4em;}

/* alignment */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.middle {vertical-align:middle;}
.top {vertical-align:top;}

.clear-left {clear:left}
.clear-right{clear:right}

/* header section  */
#header {height:110px;background:url('img/image_02.png') repeat-x top center; text-align:center}
#header h1 {font-size:11px; margin-left:-5000px; float:left}
#header #logo {width:660px;height:110px;background:url('img/image_03.png') no-repeat top left;margin:0px auto;text-align:center}
#header #logo a {display:block; margin:0px auto;width:230px;height:105px}

/* menu under header section */
#header-sub {height:80px;background:url('img/image_05.png') repeat-x top center; text-align:center}
#menu {width:660px;height:80px;background:url('img/image_06.png') no-repeat top left;margin:0px auto;}
#menu ul {width:580px; margin:0px auto; padding-top:5px; padding-left:15px; list-style:none;}
#menu li {padding:1px; margin-right:10px; display:block; line-height:20px; float:left}
#menu li a {font-family:'Trebuchet MS'; color:#fff; font-size:14px; text-decoration:none; padding:0 15px 0 15px; margin:3px; border:0px; display:block; line-height:32px;}
#menu li a:hover {background:#82C81F url('img/hover.png') repeat-x center center; margin:0px; border:3px solid #7AB040;border-left:3px solid #8FCE35;border-right:3px solid #8FCE35; color:#000}
#menu li.active a {background:#372A1D url('img/active.png') repeat-x center center; margin:0px;border:3px solid #B49E90;border-left:3px solid #79802A;border-right:3px solid #79802A; color:#fff;}

/* content section */
#content {width:660px;margin:0px auto;text-align:left; color:#111}
#text {width:540px;margin:0px auto;text-align:left;background:#fff;border:10px solid #DAE3BB;border-top:0px;margin-left:10px; padding:0 30px 30px 30px}

#content h2 {font-size:18px;color:#000; letter-spacing:-1px; margin-bottom:5px;line-height:30px}
#content h3 {font-size:16px;color:#000; letter-spacing:-1px; margin-bottom:5px;line-height:30px}
#content .box-left,#content .box-right, #content .box-wide {margin-bottom:20px; color:#111}
#content .box-left a,#content .box-right a,#content .box-wide a {text-decoration:underline; color:#006600}
#content .box-left a:hover,#content .box-right a:hover,#content .box-wide a:hover {color:#6CA72D}
#content .box-left {float:left; width:270px;}
#content .box-right {float:right; width:210px;}

/* portfolio items */
#content .slim {width:220px;}
#content .wide {width:270px;}
#content .no-heading {margin-top:35px}
#content .portfolio-item {margin-bottom:30px;}
#content .preview {width:270px; display:block; float:right; text-align:right; margin-left:50px}
#content .preview a {text-decoration:none; display:inline-block}
#content .preview a img{float:left; margin:0 8px 8px 0}


/* homepage preview */
#content .preview-home {display:block; margin-bottom:0px}
/*#content .preview-home a {text-decoration:none; display:inline-block; float:left; margin:0 10px 5px 0}*/
#content .preview-home a {text-decoration:none; display:inline-block;}
#content .preview-home a img {float:left; margin:0 8px 8px 0}


/* lists */
#text ul {line-height:22px;margin:0 0 20px 0; padding:0px}
#text li{padding-left:22px; background:url('img/icon/ok.png') no-repeat 0px 3px}
#text li.email {background-image:url('img/icon/email.png')}
#text li.email a {color:#111}
#text li.phone {background-image:url('img/icon/phone.png')}
#text li.user {background-image:url('img/icon/user.png'); font-weight:bold}
#text li.house {background-image:url('img/icon/house.png')}

/* footer */
#footer {clear:both}
#footer {height:30px;}
#footer * {color:#888; font-size:11px}
#footer a {text-decoration:underline}
#footer a:hover {color:#222}

/* gallery */
#gallery-body {margin:1px auto;text-align:center}
#gallery-info{color:#606060; margin-bottom:20px}
#gallery-body img {border:0px solid #ddd;margin-bottom:0px}
#gallery-body div.thumb {display:inline-block; padding:6px; background-color:#eee; border:1px solid #aaa}
#gallery-body div.thumb {margin:8px; padding-bottom:0px}
#gallery-body div.thumb:hover {background-color:#aaa;border:1px solid #aaa}

/* listing */
div.listing {margin-top:20px;margin-left:15px;text-align:center}
div.listing a{font-size:13px;font-family:Arial;color:#000;border:1px solid #ccc; margin-right:5px; padding:5px 10px 5px 10px; text-align:center; text-decoration:none}
div.listing a.active{color:#545E5D;font-weight:bold;}
div.listing a:hover{border:1px solid #79D913; color:#000; background:#79D913;}

/* confirm boxes */
div.confirm {background:#E0FFC0 url('../common/ok.gif') 10px 7px  no-repeat;}
div.confirm {line-height:18px; margin-bottom:20px; padding:10px; padding-left:45px; text-align:left;}
div.red {background-color:#fce8e8; background-image:url('../common/nok.gif');}

/* colors */
.blue {color:#06F;}
.rosa {color:#F03;}
