/* CssTweak */
* {margin: 0; padding: 0; /*border:1px solid red;*/}
html {direction: ltr;}
img {border: 0;}
.clear {clear:both; font-size: 0; line-height: 0;}
.nolist {list-style:none; list-style-type:none;}
.notable {border:0; border-collapse:collapse; border-spacing:0;}

body {background: url('../images/background_image.jpg') no-repeat center top; margin: 0 auto; text-align: center; font-size: 12px; font-family: arial;}

/* Main */
div#base {width: 900px; text-align: right; margin: 0 auto; direction: rtl; padding-bottom: 5px;}
div#base .topbar {position: relative; width: 900px; height: 261px; margin: 0 auto;}
div#base .topbar .topbar_bg {position: absolute; z-index: 1; top:0; right:0; width: 900px; height: 261px; margin: 0 auto; background-image: url('../images/topbar.png'); font-size: 0; line-height: 0;}
div#base .maincolumn {float: right; display: inline; margin-right: 25px; width: 600px;}

/* KeyWords */
h1.keywords {position: absolute; z-index: 2; left: 50px; top: 47px; font: normal 11px arial; color: #515254; text-align: left;}

/* PhoneNum */
img.phonenum {position: absolute; z-index: 2; right: 95px; top: 10px; width: 280px; height: 61px; display: block; font-size: 0; line-height: 0;}

/* Logo */
a.logo {position: absolute; z-index: 2; left: 110px; top: 95px; width: 364px; height: 57px; display: block;}
a.logo img {display: block; font-size: 0; line-height: 0;}

/* Slogen */
img.slogen {position: absolute; z-index: 2; left: 95px; top: 155px; width: 404px; height: 55px; display: block; font-size: 0; line-height: 0;}

/* SideMenu */
div.sidemenu {position: relative; top: -20px; width: 189px; padding-top: 15px; min-height: 250px; height: auto !important; height: 250px; margin: 0 33px 0 0; float: right; display: inline; background: url('../images/sidemenu.jpg') repeat-y top center;}
div.sidemenu .top {position: absolute; top:0; right:0px; z-index: 1; width: 189px; height: 231px; margin: 0 auto; background: url('../images/sidemenu_top.jpg') no-repeat center bottom; font-size: 0; line-height: 0;}
div.sidemenu ul {position: relative; top:0; right:0; z-index: 2; width: 157px; margin-right: 18px;}
div.sidemenu ul li {width: 157px; border-bottom: 1px solid #d4d4d5;}
div.sidemenu ul li a {width: 137px; padding: 5px 20px 5px 0; display: block; color: #515254; text-decoration: none;}
div.sidemenu ul li a:hover {text-decoration: underline;}
div.sidemenu ul li.header {color: #515254; margin-top:0; font: bold 14px arial; background: url('../images/sidemenu_header.jpg') no-repeat 100% 10px;}
div.sidemenu ul li.header_nolink {width: 137px; padding: 5px 20px 5px 0; color: #515254; margin-top:0; font: bold 14px arial; background: url('../images/sidemenu_header.jpg') no-repeat 100% 10px;}
div.sidemenu ul li.spacer {height: 20px; border:0; padding:0; font-size: 0; line-height: 0;}
div.sidemenu .bottom {width: 188px; height: 14px; margin: 10px auto 0 auto; background: url('../images/sidemenu_bottom.jpg') no-repeat center bottom; font-size: 0; line-height: 0;}

/* WelcomeBox */
div.welcomebox {position: relative; top: -20px; right:0; width: 341px; height: 255px; color: #515254; float: right; display: inline;}
div.welcomebox .welcomebox_bg {position: absolute; z-index: 1; top:0; right:0; width: 341px; height: 255px; margin: 0 auto; background-image: url('../images/welcomebox.png');  font-size: 0; line-height: 0;}
div.welcomebox .header {font-size: 18px; margin: 40px 35px 0 0; position: relative; z-index: 2; top:0; right:0;}
div.welcomebox .text {margin-top: 10px; padding: 0 30px 0 35px; line-height: 1.5em; text-align: justify; position: relative; z-index: 2; top:0; right:0;}

/* IndexContact */
form.indexcontact {position: relative; margin: 5px 15px 0 0; width: 238px; height: 267px; color: #515254; float: right; display: inline;}
form.indexcontact .indexcontact_bg {position: absolute; z-index: 1; top:0; right:0; width: 238px; height: 267px; margin: 0 auto; background-image: url('../images/indexcontact.png');  font-size: 0; line-height: 0;}
form.indexcontact .header {font-size: 18px; margin: 25px 25px 10px 0; position: relative; z-index: 2; top:0; right:0;}
form.indexcontact label {display: block; margin: 0 25px 7px 0; position: relative; z-index: 2; top:0; right:0;}
form.indexcontact label span {display: inline-block; width: 60px; vertical-align: middle;}
form.indexcontact label span.spantextarea {vertical-align: top;}
form.indexcontact label input, form.indexcontact label textarea {display: inline-block; vertical-align: middle; width: 111px; padding: 2px; border: 1px solid #d4d4d5; font: normal 12px arial; color: #515254;}
form.indexcontact label textarea {height: 70px;}
form.indexcontact input.submit {cursor: pointer; position: absolute; z-index: 999; bottom: 20px; right: 105px; width: 42px; height: 42px; border: 0; background: url('../images/indexcontact_submit.jpg') no-repeat center;}

/* Contact */
form.contact {position: relative; width: 238px; height: 267px; color: #515254; float: left; display: inline;}
form.contact .contact_bg {position: absolute; z-index: 1; top:0; right:0; width: 238px; height: 267px; margin: 0 auto; background-image: url('../images/indexcontact.png');  font-size: 0; line-height: 0;}
form.contact .header {font-size: 18px; margin: 25px 25px 10px 0; position: relative; z-index: 2; top:0; right:0;}
form.contact label {display: block; margin: 0 25px 7px 0; position: relative; z-index: 2; top:0; right:0;}
form.contact label span {display: inline-block; width: 60px; vertical-align: middle;}
form.contact label span.spantextarea {vertical-align: top;}
form.contact label input, form.contact label textarea {display: inline-block; vertical-align: middle; width: 111px; padding: 2px; border: 1px solid #d4d4d5; font: normal 12px arial; color: #515254;}
form.contact label textarea {height: 70px;}
form.contact input.submit {cursor: pointer; position: absolute; z-index: 999; bottom: 20px; right: 105px; width: 42px; height: 42px; border: 0; background: url('../images/indexcontact_submit.jpg') no-repeat center;}

/* Content */
div.content {width: 600px; margin: 0 auto; padding-bottom: 30px;}
div.content .content_left {width: 238px; float: left; display: inline; margin: 5px 10px 0 6px;}
div.content .contentimg {margin: 0 auto 5px auto; display: block; padding: 1px; border: 1px solid #d4d4d5; float: right;}
div.content h3.header {font-size: 22px; margin-bottom: 10px; color: #515254;}
div.content div.text {text-align: justify; font-size: 14px; line-height: 1.5em; color: #515254;}
div.content div.text a {color: #515254;}
div.content div.text a:hover {text-decoration: none;}
div.content div.text ul {margin: 10px auto; padding-right: 25px;}
div.content div.text ul li {margin-bottom: 5px; vertical-align: middle;}

/* Gallery */
div.gallery {width: 600px; margin: 0 auto;}
div.gallery img {float: right; display: inline; margin: 5px; width: 250px; height: 179px; padding: 1px; border: 1px solid #d4d4d5;}

/* PostBox */
div.postbox {position: relative; z-index: 1;}
div.postbox .header {font: normal 22px arial; position: relative; z-index: 2; top:0; right:0;}
div.postbox .text {line-height: 1.5em; text-align: justify; margin-top: 5px; color: #515254; position: relative; z-index: 2; top:0; right:0;}
div.postbox .more {display: block; width: 120px; margin-top: 10px; text-decoration: none; position: relative; z-index: 3; top:0; right:0;}
div.postbox .more:hover {text-decoration: underline}
div.postbox_blue {top: -50px; right: -5px; margin-bottom: -50px; width: 582px; height: 213px;}
div.postbox_blue_bg {position: absolute; z-index: 1; width: 582px; height: 213px; background: url('../images/postbox_blue.png') no-repeat top center;}
div.postbox_blue .header {padding: 60px 95px 0 0; color: #00b0d8; background: url('../images/postbox_blue_header.jpg') no-repeat 500px 70px;}
div.postbox_blue .text {padding: 0 95px 0 25px;}
div.postbox_blue .more {margin-right: 240px; padding-left: 15px; color: #00b0d8; background: url('../images/postbox_blue_link.jpg') no-repeat 0 6px;}
div.postbox_purple {top: -20px; right: 30px; margin-bottom: -20px; width: 560px; height: 203px;}
div.postbox_purple_bg {position: absolute; z-index: 1; width: 560px; height: 203px; background: url('../images/postbox_purple.png') no-repeat top center;}
div.postbox_purple .header {padding: 70px 45px 0 0; color: #ab218e; background: url('../images/postbox_purple_header.jpg') no-repeat 520px 80px;}
div.postbox_purple .text {padding: 0 45px 0 50px;}
div.postbox_purple .more {margin: 0 210px 0 0; padding-left: 15px; color: #ab218e; background: url('../images/postbox_purple_link.jpg') no-repeat 0 6px;}
div.postbox_green {top: -15px; right: -10px; margin-bottom: -15px; width: 587px; height: 211px;}
div.postbox_green_bg {position: absolute; z-index: 1; width: 587px; height: 211px; background: url('../images/postbox_green.png') no-repeat top center;}
div.postbox_green .header {padding: 65px 100px 0 0; color: #b2d235; background: url('../images/postbox_green_header.jpg') no-repeat 495px 75px;}
div.postbox_green .text {padding: 0 100px 0 25px;}
div.postbox_green .more {width: 155px; margin-right: 235px; padding-left: 15px; color: #b2d235; background: url('../images/postbox_green_link.jpg') no-repeat 0 6px;}
div.postbox_orange {top: -20px; right: 45px; margin-bottom: -20px; width: 556px; height: 196px;}
div.postbox_orange_bg {position: absolute; z-index: 1; width: 556px; height: 196px; background: url('../images/postbox_orange.png') no-repeat top center;}
div.postbox_orange .header {padding: 65px 45px 0 0; color: #fdb913; background: url('../images/postbox_orange_header.jpg') no-repeat 520px 75px;}
div.postbox_orange .text {padding: 0 45px 0 45px;}
div.postbox_orange .more {width: 155px; margin-right: 190px; padding-left: 15px; color: #fdb913; background: url('../images/postbox_orange_link.jpg') no-repeat 0 6px;}
div.postbox_pink {top: -15px; right: -10px; margin-bottom: -15px; width: 587px; height: 210px;}
div.postbox_pink_bg {position: absolute; z-index: 1; width: 587px; height: 210px; background: url('../images/postbox_pink.png') no-repeat top center;}
div.postbox_pink .header {padding: 65px 100px 0 0; color: #ee2a7b; background: url('../images/postbox_pink_header.jpg') no-repeat 495px 75px;}
div.postbox_pink .text {padding: 0 100px 0 25px;}
div.postbox_pink .more {margin-right: 255px; padding-left: 15px; color: #ee2a7b; background: url('../images/postbox_pink_link.jpg') no-repeat 0 6px;}

/* Footer */
div.footer {width: 900px; margin: 10px auto; color: #515254;}
div.footer .allrights {float: right; display: inline;}
div.footer .kidum {float: left; display: inline;}
div.footer .kidum a {color: #515254; text-decoration: none;}
div.footer .kidum a:hover {text-decoration: underline;}