@import url(gallerysmall.css);

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.3;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff; /*#d8cece;*/
    background: url(../images/bg2.jpg);
    text-align: left;
}

a img { border: 0; }
a { color: #ff6; text-decoration: none; cursor: pointer;}
a:hover { text-decoration: underline; }

textarea { font-family: Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5 { color: #fefefe; }

h1 { font-size: 23px; }
h2 { font-size: 18px;  }
h3 { font-size: 23px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.clr { clear:both;}
.notext { font-size: 0; line-height: 0; text-indent: -9000px; }

.left { float: left; display: inline; width:44%; text-align:right; font-size:18px; line-height:1.9em;}
.right { float: right; display: inline;width:50%; text-align:left; font:Georgia, Times, serif; font-size:18px; font-style:italic; line-height:1.9em; }


#page { width: 962px; margin: 0px auto; /*min-width: 962px;*/ }

.last { margin-right: 0 !important; }

#header { margin:0; padding:10px 0 0 0; width:962px; height:130px;}
/*#header .shell { height: 87px; }*/

.llogo { float: left; width:180px; text-align:right; padding:0; margin:0;}
.llogo img { border:6px solid #3c1102; padding:0; margin:0;}

h1#logo { padding: 23px 0 0 3px;  }
h1#logo a { color: #ffffff; text-decoration: none; }
.slogan { text-align:right; color: #cdc6c6; font-size: 11px; }

.navslogan { float: right;   width:700px; text-align:right; margin:10px 45px 0 0; padding:0;}
.navslogan h2 {font: italic normal normal 18px/30px 'Georgia', serif;}

#navigation { float: right; /*display: inline;*/ height: 51px; background: url(../images/nav-left.png) no-repeat 0 0; padding-left: 13px; margin: 17px 35px 0 0; width:530px; }
#navigation ul { list-style: none; height: 51px; background: url(../images/nav-right.png) no-repeat right 0;/* padding-right: 18px;*/ /*padding-left: 5px;*/ float:left; margin:0; padding:0; width:100%; }
#navigation li { float: left; display: inline;  /*margin-right: 17px;*/ height: 51px; margin:0; padding:0;}
#navigation a.last { padding-right:0;  }
#navigation a { color: #ff6; font: normal normal bold 13px/51px Arial, sans-serif; text-transform: uppercase; margin:0; padding: 12px 13px;}
#navigation a:hover,
#navigation a.active { text-decoration: underline; }

#slider-frame { width: 940px; /*height: 280px;*/ padding:11px; background: url(../images/slider-frame2.png); } 
#slider, 
#slider .jcarousel-clip { width: 940px; height: 280px; position:relative; overflow: hidden; }
#slider ul { height: 280px; position:relative; overflow: hidden; list-style: none; }
#slider li { float: left; display: inline; width: 940px; height: 280px; position:relative; }
#slider .image { position:absolute; top: 0; left: 0; }
#slider .caption { position:relative; padding: 35px 12px 40px 14px; color:#FFFFFF; margin:187px 0 0 0; }
#slider h2 { font: normal  29px/1.3 Arial, sans-serif; color: #fff; padding-bottom: 20px; }
#slider p { line-height: 18px; color: #300; font: normal  16px/1.5 Georgia, "Times New Roman", Times, serif; background:url(../images/captionbkg.png)}
#slider a { color: #6b6b6b; text-decoration: underline; }
#slider a:hover { text-decoration: none; }
.slider-controls { position:absolute; top: 248px; left: 833px; }
.slider-controls a { float:left; margin-right: 5px; width: 19px; height: 19px; background: #452115; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider-controls a.active,
.slider-controls a:hover { background: #4c3d36; }


#main { padding: 10px 0; height: 100%; }

h2.title { font: italic normal normal 20px/27px Georgia, Times, serif; padding-bottom: 45px; }

.quote { padding: 8px 0 18px 0px; margin-left:15px; text-align:center;}
.quote .inner { padding: 0 0px 0 0; margin-right: 15px; }
.quote h2 { padding-bottom:0 !important; }

.box { width: 962px; }
.box .t { height: 16px; background: url(../images/box-t.png) no-repeat 0 0; }
.box .b { height: 16px; background: url(../images/box-b.png) no-repeat 0 0; }
.box .cnt { background: url(../images/box-cnt.png) repeat-y 0 0; padding: 5px 30px 15px; height: 100%; }
.box .col { float: left; display: inline; width: 280px; margin-right: 30px; }
.box .col2 { float: left; display: inline; width: 590px; margin-right: 30px; }
.box .col3 { float: left; display: inline; width: 900px; }
.box .col .content { min-height: 150px; height: auto !important; height: 150px; }
.box h3 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #907167; }
.box p { font-size: 12px; line-height: 19px;}
.box .col .content p, .box .col2 .content p { text-align:justify;}
.box .col2 .content p { line-height:1.7em; font-size:14px; margin-top:12px;}
.box .col2 .content ul {margin:0; padding:10px 0 10px 40px; line-height:1.5em; font-size:14px;}
.box .col .content h5 {padding:4px 0 7px 25px;}

.btn { display:inline-block; }
.btn span,
.btn strong { float:left; }
.btn,
.btn span,
.btn strong { height: 32px; line-height: 32px;}
.btn { background: url(../images/btn-left.png) no-repeat 0 0; padding-left: 9px;  }
.btn span { background: url(../images/btn-right.png) no-repeat right 0; padding-right: 9px;  }
.btn strong { padding-left: 12px; background: url(../images/arrow.gif) no-repeat 2px center; }

.entry { padding-bottom: 10px; border-bottom: 1px dotted #907167; margin-bottom: 10px; }
.last-entry { border-bottom:0; margin-bottom:0; }
.meta,
.meta a { font-size: 10px; line-height: 18px; color: #6b6b6b; }

.project-list { }
.project-list ul { list-style: none; padding-top: 5px; }
.project-list li { float: left; display: inline; width: 63px; height: 63px; margin: 0 6px 8px 0; border: 1px solid #4c3e37; }

#footer {  padding: 10px 0 20px; height: 100%;  font-size: 10px;  }
.bottom-nav { float: left; display: inline; color:#9a6a5b; }
.bottom-nav a { color:#9a6a5b; }
.copyright { float: right; display: inline; color: #9a6a5b; }
.copyright a { color: #af8a7e; text-decoration: underline; }
.copyright a:hover { text-decoration: none; }
.imgbox { border:3px solid #300;}
.it { font-family:Georgia, Times, serif; font-style:italic; font-size:18px; color: #FFFF99;}