@charset "utf-8";
/*******************************************************************/
/*           Project: Vidra Orastie                   **************/
/*           CSS Main Author: Elena Coman             **************/
/*           E-mail: elena.coman33@yahoo.com          **************/
/*******************************************************************/

* { margin: 0; padding: 0; border: 0 solid #fff; text-decoration: none; outline-width: medium; outline-style: none; list-style-type: none; }
.clearAll { clear: both; height: 0; line-height: 0; font-size: 0; }
.floatLeft { width: auto; float: left; }
.floatRight { width: auto; float: right; }

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; text-align: center; }

#mainYBackground { width: 1000px; margin: 0 auto; padding: 0; height: auto!important; min-height: 100px; height: 100px; background: url(../img/main_y_background.jpg) 23px top repeat-y; }
#mainTopBackground { width: 1000px; margin: 0 auto; padding: 0; height: auto!important; min-height: 420px; height: 420px; background: url(../img/site_main_background.jpg) center top no-repeat; }
#mainBottomBackground { width: 1000px; margin: 0 auto; padding: 0; height: auto!important; min-height: 420px; height: 420px; background: url(../img/main_bottom_background.jpg) 23px bottom no-repeat; text-align: left; }

#webSite { width: 924px; margin: 0; padding: 0 0 0 33px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; text-align: left; }

.header { margin: 0; padding: 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e3dbb0; }
.headerLeftArea { width: 88px; margin: 0; padding: 0; }
.headerRightArea { width: 794px; margin: 0; padding: 0 0 0 42px; }

.logoVidraOrastie { width: 88px; margin: 0; padding: 0px 0 0; font-size: 0; }
.logoVidraOrastie h1 { width: 88px; height: 114px; margin: 0; padding: 0; font-size: 0; background: url(../img/logo_vidra_orastie.jpg) left top no-repeat; }
.logoVidraOrastie h1 a { display: block; width: 88px; height: 83px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.mainMenu { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e3dbb0; }
.mainMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e3dbb0; }
.mainMenu ul li { line-height: 22px; margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e3dbb0; float: left; }
.mainMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e3dbb0; }
.mainMenu ul li a:hover { color: #deba00; }

.CatsMenu { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ceccc1; }
.CatsMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ceccc1; }
.CatsMenu ul li { line-height: 34px; margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ceccc1; float: left; }
.CatsMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ceccc1; }
.CatsMenu ul li a:hover { color: #deba00; }

.mainContent { height: auto!important; min-height: 274px; height: 274px; margin: 0; padding: 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4f4f4f; }

.flashHolder { width: 625px; height: 414px; margin: 0; padding: 0 12px 0 0; }
.rightFlash { width: 275px; margin: 0; padding: 0 0 7px; }









.footer { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }
.bottomMenu { margin: 0; padding: 0 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }
.bottomMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }
.bottomMenu ul li { line-height: 24px; margin: 0; padding: 0 12px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; float: left; }
.bottomMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }
.bottomMenu ul li a:hover { text-decoration: underline; }

.logoWebsiteDevelopment { width: 130px; margin: 0; padding: 0 12px 0 0; font-size: 0; }
.logoWebsiteDevelopment h2 { width: 130px; height: 24px; margin: 0; padding: 0; font-size: 0; background: url(../img/logo_website_development.jpg) left top no-repeat; }
.logoWebsiteDevelopment h2 a { display: block; width: 130px; height: 24px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.theCenterOfIt { margin: 0; padding: 0 0 0 12px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; }

.theCenterOfIt .title { margin: 0; padding: 0 0 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #35231c; }
.theCenterOfIt .title h1 { margin: 0; padding: 0 11px 0 0; background: #faf6f2; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #35231c; }

.brownBorder { margin: 0; padding: 0; background: url(../img/brown_border_x_bg.jpg) left 10px repeat-x; }

.leftArea {  height: auto!important; min-height: 140px; height: 140px; width: 600px; margin: 22px 0 10px 0; padding: 0 20px 0 0; float: left;/* background: url(../img/vertical_dotted_line.png) right top repeat-y;*/ border-right: 1px dotted #afadab; }
.leftArea1 {  height: auto!important; min-height: 50px; height: 50px; width:884px; margin: 22px 0 10px 0; padding: 0 20px 0 0; float: left;/* background: url(../img/vertical_dotted_line.png) right top repeat-y;*/ }
.rightArea { width: 264px; margin: 0; padding: 16px 0 0 26px; float: left; }

.leftArea p { line-height: 17px; margin: 0; padding: 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; }

.contactArea { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
.contactArea a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
.contactArea a:hover { text-decoration: underline; }
.iconContact { width: 51px; margin: 0; padding: 0; font-size: 0; }
.iconContact .iconContactBg { width: 51px; height: 47px; margin: 0; padding: 0; font-size: 0; background: url(../img/icon_contact.png) left top no-repeat; }
.titleContact { margin: 0; padding: 0; line-height: 47px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #7e4d36; }

table.contactDetails { width: 264px; margin: 0; padding: 3px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
table.contactDetails th { width: 47px; padding: 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #7e4d36; text-align: left; vertical-align: top; }
table.contactDetails td { padding: 3px 0 2px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: left;/* background: url(../img/vertical_dotted_line.png) left top repeat-y;*/ border-left: 1px dotted #afadab; vertical-align: top; }




.firstD {width:100px; float:left; padding-bottom:15px; padding-left:10px; }
.secondD {padding-bottom:10px; }
.secondD input { width: 250px; border:1px  #F2E9DD inset; font-size:12px; vertical-align:top; }
.secondD textarea { width: 250px; height:100px;  border:1px #F2E9DD inset; font-size:11px; }

.firstD1 {width:180px; float:left; padding-bottom:15px;  }
.secondD1 {padding-bottom:10px; vertical-align:middle; }
.secondD1 input { width: 200px; border:1px solid  #d09219;  vertical-align:top; }
.secondD1 select { border:1px solid  #d09219; vertical-align:top; }