/* Web Design and Web Development by Goran Beko */
/* Added: 10.06.2009 */


body {font-family: "Times New Roman", Times, serif;font-size: 16px;color: #230A05;background: #FFFDEB url(../img/body_bg.gif) repeat-x left top;line-height: 150%;}

.left {float: left !important}
.right {float: right !important}
img.left {float: left;margin: 0 20px 0 0;padding:10px;background: url(../img/storyImg_bg.gif) no-repeat}
img.right {float: right; margin: 0 0 0 20px;padding:10px;background: url(../img/storyImg_bg.gif) no-repeat}
.nomargin {margin:0 !important}

body, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#9C2F1A; margin-bottom:15px}
h1 {font-size: 30px;}
h2 {font-size: 28px; border-bottom: 1px solid #E3DDC1; padding-bottom:10px; width:100%}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p {padding-bottom:15px}

a, a:visited {color:#FFFDEB; text-decoration: underline; outline: none;}
a:hover {text-decoration: none;}

/*----- easy clearing ------*/

.fix:after {clear:both; content:'[.]'; display:block; height:0; visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}


/********************************************
   LAYOUT
********************************************/ 

#nav {height:100px; width: 900px; margin:0 auto;}
#container {background: url(../img/container_bg.jpg) center bottom no-repeat;padding-bottom:150px;}
.header {height:370px; background: url(../img/header_bg.jpg) center top no-repeat}
.main {width:900px; margin:0 auto;}
.blockFot{width:900px; margin:0 auto}

.columnLeft {float:left;width:270px}
.columnLeft .block, .columnRight .block {background: #FFFEF4 url(../img/columnLeft_bg.png) repeat-x left bottom;margin:5px;padding:30px 20px;color:#444444;}

.columnRight {float:right;width:620px}
.columnRight .block {background: #FFFEF4 url(../img/columnRight_bg.png) repeat-x left bottom}

.content {background-color:#FFFEF4;border: 1px solid #E6E1D2;position:relative;margin-top:8px;}
#footer {background: #6F1E0D url(../img/footer_bg.png) center bottom repeat-x ; height:150px;padding-top:5px;}



/********************************************
   DECORATIVE ELEMENTS
********************************************/ 

span.topCap{background:url(../img/capTop.png) no-repeat;display:block;height:16px;left:270px;position:absolute;top:-10px;width:57px;}
span.bottomCap{background:url(../img/capBottom.png) no-repeat;display:block;height:16px;left:270px;position:absolute;bottom:-10px;width:57px;}
span.leftNail{background:url(../img/nailLeft.png) no-repeat;display:block;height:50px;left:5px;position:absolute;top:5px;width:128px;}
span.rightNail{background:url(../img/nailRight.png) no-repeat;display:block;height:50px;right:5px;position:absolute;top:5px;width:128px;}

span.foliageLeft{background:url(../img/foliageLeft.png) no-repeat;display:block;height:187px;left:-25px;position:absolute;top:-15px;width:78px;z-index:100;}
span.foliageRight{background:url(../img/foliageRight.png) no-repeat;display:block;height:213px;right:-30px;position:absolute;top:-20px;width:123px;z-index:100;}


/********************************************
   LOGO
********************************************/ 

h1.logo {display:block; float:left; height:60px; width:230px; background: url(../img/logo.png) left top no-repeat;text-indent: -2000px; margin-top:20px}
h1.logo a {display:block;height:60px; width:230px;}


/********************************************
   FOOTER ELEMENTS
********************************************/ 

#footer p.copy, #footer p.power {font-size:13px; color:#FFFDEB; display:block;margin:0;padding:10px 0 0;}

/********************************************
   SLIDESHOW
********************************************/ 

.slideshow {height:230px;margin:0 auto;width:880px; padding-top:50px}
.slideshow img {position:absolute;z-index:8;opacity:0.0;}
.slideshow img.active {z-index:10;opacity:1.0;}
.slideshow img.last-active {z-index:9;}


/********************************************
   HOME COLUMNS
********************************************/ 

.col{float:left; width:290px; margin-right:13px}
.col p {padding:0}
.col h3 {text-align:center;background: url(../img/h3Cap.jpg) center top no-repeat;font-family: Georgia, "Times New Roman", Times, serif;font-size: 22px;color: #9C2F1A;font-weight:normal;padding-top:30px;margin-bottom:20px;}
.col .imgBg{background:url(../img/smallImg_bg.jpg) no-repeat;display:block;height:90px;margin:0 0 15px;padding:10px;width:270px;}
.col .imgBg img {border:none; vertical-align:bottom}