/* -------------------------------------------
Author:	    Sebastian Krzyska
------------------------------------------- */

html { min-height: 100%; font-size: small; font-family: Georgia, 'Times New Roaman', Times, sans-serif }
body { margin: 0; padding: 0; background: #fff; color: #001D39; }

* { margin: 0; padding: 0; }


img { border: none; }

a { color: #000167; text-decoration: none; }
a:hover { color: #A3A3A3; }


.bold { font-weight: bold; }
.italic {font-style: italic; }
.justify { text-align: justify; }
.center { text-align: center; margin: 0 auto; }
.trebuchet {font-family:'Trebuchet MS',Helvetica,Verdana,sans-serif}

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight: lighter; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1em; }
h5 { font-size: 0.800em; }
h6 { font-size: 0.800em; }





/* layout */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#page { width: 931px; margin: 0 auto; margin-top: 2em; }
#header { width: 100%; display: block; }
#content-corners { width: 100%; height: 17px; background: url(../img/content-corners.png) top left no-repeat; }
#sidebar-top-corners { width: 270px; height: 100%; background: url(../img/sidebar-top-corners.gif) top left no-repeat; margin-top: 5px; margin-right: 5px; overflow: hidden; }
#content {  width: 100%; background: url(../img/content-bg.png) top left repeat-y; overflow: hidden;}
#content-inner { width: 630px; margin-left: 10px; margin-top: 15px; }
#content-bottom { clear: both; width: 931px; height: 48px; margin: 0 auto; background: url(../img/content-bottom.png) top left no-repeat; display: block; }
#sidebar-bot-corners { width: 270px; height: 41px; background: url(../img/sidebar-bot-corners.gif) bottom left no-repeat; margin-right: 5px; overflow: hidden; }
#sidebar { width: 210px; background: #333333 url(../img/sidebar-bg.png) top left repeat-y; margin-right: 5px;  color: #fff; padding:30px; padding-top:30px; padding-bottom: 32000px; margin-bottom: -32000px; z-index: 9999999}
.portfolio #content-inner {width: 570px;padding: 0 30px}
.portfolio #content-inner h2 {margin-left: 10px;float:left;width:100%;}

#footer { width: 100%; height: 109px; background: url(../img/bg.png) top left repeat-x; }
#footer-inner { width: 931px; margin: 1em auto 0 auto; text-align: center; padding-bottom: 50px;}

.exterior {margin-left: 10px; float:left;width:100%}
.exterior ul {list-style:none;}
.exterior li {margin: 5px 0;padding: 0 0 3px 15px; background: url(../img/plus2.gif) 0 55% no-repeat;width:100%;border-bottom:1px dotted #000;}
.exterior li.first {border-top:1px dotted #000;padding-top:5px;}
.exterior li .exterior-when {font-size:.8em;float:right;display:inline;padding-top:2px;color:#6AA0D0}
.exterior li a {color:#E79E1D;float:left;}
.interior {margin-left: 10px;list-style:none;float:left;width:100%}
.interior ul {list-style:none;}
.interior li {margin: 5px 0;padding: 0 0 3px 15px; background: url(../img/plus2.gif) 0 55% no-repeat;width:100%;border-bottom:1px dotted #000;}
.interior li.first {border-top:1px dotted #000;padding-top:5px;}
.interior li .exterior-when {font-size:.8em;float:right;display:inline;padding-top:2px;color:#000167}
.interior li a {color:#E79E1D;float:left;text-decoration:underline;}
#navi-interior, #navi-exterior {float:right;margin:10px 0;font-family:Tahoma,Verdana,sans-serif;font-size:.85em;}
#navi-interior a, #navi-exterior a {margin: 0 3px;text-decoration:underline}
#navi-interior a:hover, #navi-exterior a:hover {cursor:pointer;color:#D7B5B8}

#logo { width: 171px; height: 63px; background: url(../img/logo.png) no-repeat; display: block; margin-left: 35px; }
#logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px;  }

#header ul { list-style: none; margin-top: 1.5em; }
#header ul li { display: inline; background: url(../img/menu-sep.png) 0px 50% no-repeat; text-align: center;  float: left; }
#header ul li.first { background: transparent; }
#header ul li a { text-transform: none; font-size: 1.3em; padding: 0 10px; }
#header ul li.alt a { color: #E79E1D; text-transform: none; font-size: 1.3em; padding: 0 10px; }
#header ul li.alt a:hover { color: #B4B4B4; }
#header ul li.current a { color: #A3A3A3; }

#sidebar h2 { text-transform: uppercase; padding: 5px 0 15px 20px; background: url(../img/recent.gif) 0 20% no-repeat;font-weight:bold; color: #fff;}
#sidebar .dl-wrap,#sidebar .dl-wrap2 {float:left;width:100%}
#sidebar dl { margin: 20px 0; float: left; width: 210px; margin-bottom: 0; }
#sidebar dl dt { width: 50%; float: left; padding-bottom: 0; color:#E79E1D}
#sidebar dl dd  { float: right; display: inline;  width: 90px; border-top: 1px dotted #fff;  padding-top: 10px; padding-left: 20px;}
#sidebar dl dd.thumb { float: left; display: inline; width: 100px; border-top: 1px dotted #fff; margin: 0; padding: 0; padding-top: 10px; }
#sidebar dl dd.desc {  font-family: 'Trebuchet MS',Tahoma, Verdana, sans-serif; font-size: 0.8em; text-align: justify; line-height:1.1em}
#sidebar dl dd.thumb img { display: inline; border: 1px solid #ECECEC; border-bottom: 24px solid #ECECEC;}
#sidebar dl dd.thumb a img:hover {border-color:#D7B5B8}
#sidebar dl dd.date { float: right; width: 50%; font-size: 0.8em; text-align: right;  border-top: none; padding: 0; margin: 0; color:#7284BC}
#sidebar a { color: #6AA0D0; text-decoration: underline; }
#sidebar a:hover, #content-inner a:hover { color: #D7B5B8; }


.left {float:left}
.right {float:right}

.hide {display:none;}
.show {display:inline}
.pics { border: 5px solid #000167; width: 610px; margin-left: 15px; height:  407px;  padding: 0; }

#sidebar.sidebarfull {width:861px;min-height:400px;background:#333;}
#more {float:left;margin-top:20px;padding-left:30px;}

.arrow-left {background:url(../img/showmore.png) left 60% no-repeat}
.arrow-right {background:url(../img/hidemore.png) right 60% no-repeat}
.arrow-back {background:url(../img/back.png) left 60% no-repeat; padding-left:25px; color:#E79E1D; float:right}

#sidebar dl.margin {margin:1em 2.8em}

#main-picture-wrap {width:220px;height:330px;overflow:hidden;border: 1px solid #ECECEC; border-bottom: 24px solid #ECECEC;background:url(img/logo-small.png) top left no-repeat;}

#content-inner h2.proj-title {font-size: 1.5em;margin-left:0;color:#E79E1D;margin-bottom:5px}
#content-inner h3.proj-desc {font-size: 1.3em;color:#000167;padding-bottom:10px;border-bottom: 1px solid #A3A3A3}
#proj-wrap {width:100%}
#content-inner .proj-row {width:100%;float:left;margin-top:10px}
#content-inner .left {width: 30%;float:left}
#content-inner .right {width: 70%;float:right;color:#6AA0D0}
#content-inner .client-name {font-weight: bold;display:block;}
#content-inner .address {display:block;margin-bottom:5px;}
#content-inner .contact {display:block;}
#content-inner ul.right li {list-style:square;margin-left:15px;}

#sidebar #gallery {width: 100%; margin:0 auto;margin-top:10px}
#sidebar #gallery img {margin-bottom:20px;border: 1px solid #ECECEC; border-bottom: 24px solid #ECECEC;}
#sidebar #gallery img:hover {border-color:#D7B5B8}

#content-inner h2.contact-title {font-size: 1.5em;margin-left:0;color:#E79E1D;margin-bottom:20px;padding-bottom:10px;border-bottom: 1px solid #A3A3A3}
#content-inner p.contact {padding-bottom:10px;border-bottom: 1px solid #A3A3A3}
#content-inner p.contact .address {display:block;margin-bottom:20px}
#content-inner p.contact .tel {display:block;margin-bottom:20px}
#content-inner p.contact .email {display:block;margin-bottom:10px;}


#content-inner #contact {  display: block; margin-bottom: 20px; clear: both;padding-top: 20px; }
#content-inner #contact h2 {margin:0;}
#content-inner #contact-form { margin-top: 20px; }
#content-inner #contact-form p { margin: 6px 0; color: #333333; }
#content-inner #contact-form label { color: #6AA0D0; }
#content-inner fieldset { border: none; }
#content-inner #name-f { margin-left: 75px; width: 320px; }
#content-inner #phone-f { margin-left: 75px; width: 320px;  }
#content-inner #email-f { margin-left: 79px;  width: 320px; }
#content-inner #subject-f { margin-left: 67px; width: 320px; }
#content-inner #msg-f { margin-left: 60px; }
#content-inner .submit { width: 100px; margin: 0px auto 20px 250px; }
#content-inner .submit button { width: 100px; background: #000167;  padding: 0; border: none; color: #fff; margin-top: 10px; }

#contact-img {border: 1px solid #ECECEC; border-bottom: 24px solid #ECECEC;}

#content-inner p.aboutus {margin-bottom:10px;text-align:justify}
#content-inner p.aboutus.signature {margin-left:20px}