@charset "utf-8";
/* CSS Document of williamson and klark*/

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #fff; background: #110f0f;}
.body-bg {position: absolute; right: 0; top: 356px; width: 487px; height: 800px; z-index: 0; background: transparent;}
.body-bg1 {background: url(/design/body-bg01.jpg) transparent right top no-repeat;}
.body-bg2 {background: url(/design/body-bg02.jpg) transparent right top no-repeat;}
.body-bg3 {background: url(/design/body-bg03.jpg) transparent right top no-repeat;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; color: #e7b397; text-decoration: none; font-size: 12px;}
a:hover {text-decoration: none;}
p {font-family: Arial, Georgia, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: none; margin: 0; font-size: 12px; line-height: 20px;}
ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;} 

p.fail
{
	color: #b60000;
	font-weight: bold;
}

p.success
{
	color: #fbf09d;
	font-weight: bold;
}

span.mandatory
{
	color: #b60000;
	font-weight: bold;
}

form.registration, form.login
{
	margin: 15px 0px 0px 0px;
	width: auto;
}

form.registration label, form.login label
{
	clear: both;
	display: block;
	line-height: 200%;
	margin: 10px 0px 0px 0px;
	text-align: left;
	width: 100%;
}

form.registration input, form.login input
{
	margin: 0px 0px 0px 0px;
}

form.registration input.checkbox, form.login input.checkbox
{
	clear: none;
	display: block;
	float: left;
	width: auto;
}

form.registration input.submit, form.login input.submit
{
	clear: both;
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {font-family: Georgia, Arial, sans-serif; color: #fff; font-weight: 400; text-transform: none; margin: 0; padding: 0 0 0 16px; font-size: 20px; background: url(/design/h1-bg.png) 0 4px no-repeat; line-height: 28px;}
h2 {font-family: Georgia, Arial, sans-serif; color: #fff; font-weight: 900; text-transform: none; margin: 15px 0px 0px 0px; padding: 0; font-size: 16px; line-height: 16px;}

h2.no_margin {
	margin: 0px 0px 0px 0px;
}

span {font-family: Arial, Georgia, Helvetica, sans-serif; color: #fff;}
br {font-size: 7px;}
hr {color: #fff;}

img {vertical-align: bottom;}
* html img {font-size: 0; } /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0; padding: 0; margin: 0;} /* hack for gecko browsers */

.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.floatleft {float: left;}
.floatright {float: right;}
.noborder {border: none;}
.imgborder {border: 1px solid #3f2f26;}
.bold {font-weight: 900;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}
.small {font-size: 11px;}

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 11px;}

.main {position: relative; width: 100%; height: auto; padding: 0; margin: 0; background: url(/design/bg-top.jpg) transparent center 0 no-repeat; text-align: center;}
.main2 {position: relative; width: 100%; height: auto; padding: 0; margin: 0; background: url(/design/bg-bottom.jpg) transparent bottom left repeat-x; text-align: center;}

/* header - navigation*/
.header-main {position: relative; width: 860px; height: 198px; padding: 0; margin: 0 auto 0 auto; background: transparent; text-align: left;  z-index: 33;}
.logo {float: left; border: none; margin: 68px 0 0 0;}
.langs {position: absolute; left: -5px; top: 135px; width: 110px; height: 19px; margin: 0; background: transparent;}
.lang {position: relative; float: left; display: inline; width: 44px; height: 17px; padding: 2px 0 0 0; margin: 0 5px 0 5px; text-align: center; font-size: 11px; color: #eeeeee; text-transform: capitalize; background: url(/design/lang-bg.gif) transparent 0 30px no-repeat;}
.lang:hover {background: url(/design/lang-bg.gif) transparent 0 0 no-repeat;}
#lang-current {background: url(/design/lang-bg.gif) transparent 0 0 no-repeat;}

.navigation-main {position: absolute; left: 0; bottom: 0; width: 860px; height: 27px; padding: 1px 0 1px 0; margin: 0 auto 0 auto; background: transparent; border: 1px solid #816856; border-left: none; border-right: none;}
.navigation-sub {position: relative; width: 860px; height: 22px; padding: 5px 0 0 0; margin: 0 auto 0 auto; background: url(/design/navigation-bg.png) transparent no-repeat; border: none; text-align: center;}
* html .navigation-sub {background: #261105;}
.content-main {position: relative; width: 840px; height: expression( this.scrollHeight < 797 ? "796px" : "auto" ); min-height: 796px; /* min-height is required because of the bottom fixed body background */ padding: 30px 20px 0 0; margin: 0 auto 0 auto; background: url(/design/content-bg.png) transparent repeat-y; text-align: left; z-index: 1;}
* html .content-main {background: #0E0C0C;}

/* left pane */
.content-left {position: relative; width: 270px; height: auto; float: left; padding: 0; margin: 0;}
.leftbox-main {position: relative; width: 265px; height: auto; padding: 0 0 20px 5px;}
.leftbox-news {position: relative; width: 270px; height: auto;}
.leftbox-inner {position: relative; width: 230px; padding: 7px 20px 20px 20px; background: url(/design/dotted.gif) transparent bottom right repeat-x;}
.leftbox-date {color: #999999; font-size: 11px;}
.leftbox-title {color: #985f34; font-weight: 900;}
.leftbox-readmore {color: #985f34; float: right; padding: 10px 20px 0 0; font-size: 11px;}
.input1 {position: relative; display: block; width: 225px; height: 16px; padding: 2px 0 0 3px; margin: 5px 0 0 0; font-size: 11px; border: 1px solid #9f9e9e; background: transparent; color: #eeeeee;}
.input1:focus {border: 1px solid #eeeeee;}
.select1 {position: relative; display: block; width: 225px; height: 20px; padding: 0 0 0 3px; margin: 0px 0 0 0; font-size: 11px; border: 1px solid #9f9e9e; background: transparent; color: #eeeeee; background-color: #110f0f;}
.select1:focus {border: 1px solid #eeeeee;}
.button1 {position: relative; float: right; margin: 5px 0 0 0; padding: 0!important;}


/* right pane aka content */
.content-right {position: relative; width: 540px; height: auto; float: right; padding: 0 0 20px 0; margin: 0;}

#top-slideshow {position: relative; width: 538px; height: 158px; overflow: hidden; border: 1px solid #3f2f26;}
#top-slideshow img { display:none; position:absolute; top:0px; left:0px; height:158px; width:538px; opacity: -0.01;}
.text-area {position: relative; width: 540px; height: auto; padding: 40px 0 0 0;}
.index-text:first-letter {position: relative; display: block; font-family: Georgia, Arial, sans-serif; font-size: 30px; color: #e7b397; padding: 0 2px 0 0; _line-height: 28px;}
*:first-child+html .index-text:first-letter  {line-height: 28px;}
.index-readmore {display: block; color: #e7b397; font-weight: 900; font-size: 13px; margin: 4px 0 40px 0;}

.morenews-main {position: relative; width: 540px; height: auto; margin: 40px 0 0 0;}
.morenews-box1 {position: relative; float: left; width: 230px; height: 160px; padding: 7px 0 20px 0; margin: 0 0 0 16px; /*background: url(/design/dotted.gif) transparent bottom right repeat-x;*/}
.morenews-box2 {position: relative; float: right; width: 230px; height: 160px; padding: 7px 0 20px 0; margin: 0 10px 0 0; /*background: url(/design/dotted.gif) transparent bottom right repeat-x;*/}

.calculator-main {position: relative; width: 232px; height: 90px; padding: 0; margin: 10px 0 0 0; border: 1px solid #5b3824; background: transparent;}
.calculator {position: relative; width: 222px; height: 80px; display: block; padding: 5px; background: #411c0c; margin: 0;}
.calculator p {line-height: 14px; margin: -2px 0 0 0!important; font-size: 11px; text-align: left; float: right; width: 106px;}
.calculator img {position: relative; float: left; display: block; width: 111px; margin: 0 5px 0 0; border: none;}
.calculator:hover {background: #2d1308;}


.content-left p, .content-right p {margin: 10px 0 0 0;}
.bottomimg {position: relative; display: block; width: 30px; height: 20px; margin: 30px auto 0 auto;}




/* footer */
.footer {position: relative; width: 860px; height: 210px; margin: 0 auto 0 auto; padding: 1px 0 0 0; background: url(/design/dotted.gif) transparent top right repeat-x; text-align: center; z-index: 33;}
.footer-sub {position: relative; width: 820px; height: 170px; margin: 0 auto 0 auto; padding: 20px; background: url(/design/content-bg.png) transparent repeat-y; text-align: center;}
* html .footer-sub  {background: #0E0C0C;}
.footer-left {position: relative; float: left; width: 280px; height: 110px; text-align: left;}
.footer-right {position: relative; float: right; width: 200px; height: 110px; text-align: left;}
.footer p {font-size: 10px; color: #cacaca; line-height: 13px;}
.footer a {font-size: 10px; color: #fff;}



/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none!important;}
.margin0 {margin:0!important;}
.auto {margin: auto!important;}
.nobg {background: transparent!important;}