@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color:#211D14;}
html { padding:0; margin:0;}

p { line-height:1.8em;}

.clr { clear:both;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

.white { color:#FFF;}

/* main */
.main { width:100%; padding:0; margin:0 auto;}

/* header */
.header { width:100%; margin:0 auto; padding:0;}
.logo { float:right; color:#7a6b65; background:url(../images/TempImages/line_08.gif) repeat-x bottom left; padding-bottom:15px; /*padding-top:15px;*/}
.logo h1 { font: bold 30px Arial, "Times New Roman", Times, serif; color:#36b0ba; margin-bottom:0px; margin-top:0px;}
.logo p { margin-top:0px;}
.logo .left { width:150px; float:right; border-left:1px solid #3d332b; font: 11px Arial, "Times New Roman", Times, serif; padding:15px;}
.logo .right { color: #776F67;
    float: right;
    font: 15px/1.8em Arial,"Times New Roman",Times,serif;
    padding: 5px 20px 15px;
    width: 600px; line-height:1.8em;}

/* menu */
.menu { float:left; width:500px; margin:0 auto; height:101px; font:12px Arial, "Times New Roman", Times, serif;}
.menu ul { margin:0; list-style:none; padding:35px 0 0 50px; float:left;}
.menu li { margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left;}
.menu a { float:left; font:normal 12px Arial, "Times New Roman", Times, serif; color:#fff; padding:5px 10px; margin:0 2px 0 0; text-decoration:none;}
.menu a:hover { color:#32939a; background:#0e0d0b;}
.menu a.active { color:#32939a; background:#0e0d0b;}

/* search */
.search { float:right; width:500px;}
.search form { float:right; padding:30px 20px 0 0;}
.search form label {}
.search form input { float:left;}
.search form input.text { padding:4px 3px; margin:0 10px 0 0; background:#201b18; border:1px solid #403734; color:#CCC; font:normal 11px Arial, Helvetica, sans-serif;}
.search form input.button_search { float:left;}

/* scroller */
.scroller { width:100%; margin:0 auto; float:right; font:12px Arial, "Times New Roman", Times, serif; color:#fff; background:url(../images/TempImages/line_08.gif) repeat-x bottom left;}
.scroller h1 { font:bold 20px Arial, "Times New Roman", Times, serif; color:#fff; padding-top:35px;}

/* slicer */
.gallery { float:left;padding:20px 0 0 0; height:280px;}

.corner_l { float:left; width:43px; height:26px; background: url(../images/TempImages/but_18.gif) repeat-x; margin:3px 5px;}
.corner_l div { width:43px; height:26px; background:url(../images/TempImages/corner_16.gif) no-repeat top left; padding:3px 0 0 0;}
.corner_r { float:left; width:43px; height:26px; background: url(../images/TempImages/but_18.gif) repeat-x; margin:3px 5px;}
.corner_r div { width:43px; height:26px; background:url(../images/TempImages/corner_18.gif) no-repeat top right; padding:3px 0 0 0;}
.corner_l a { color:#17110f; text-decoration:none;}
.corner_r a { color:#17110f; text-decoration:none;}

.img_left {float:left; font:12px Arial, "Times New Roman", Times, serif; padding-top:19px; padding-bottom:30px;}
.img_left h1 { font:bold 17px Arial, "Times New Roman", Times, serif; color:#fff;}
.img_left p { font:normal 13px Arial, "Times New Roman", Times, serif; color:#61564f;}
.text_right { margin:0 auto; float:right; color:#61564f;}
.text_right p { color: #A9A39B;font: 14px/1.8em Arial,"Times New Roman",Times,serif;}
.text_right h1 { font:bold 30px Arial, "Times New Roman", Times, serif; color:#fff; margin:0px;}

/* gr */
.gr { width:100%; float:right; margin:0 auto; padding-bottom:20px; font:11px Arial, "Times New Roman", Times, serif; color:#61564f; background:url(../images/TempImages/line_08.gif) repeat-x bottom left;}
.gr a { color:#61564f; text-decoration:underline;}

.gr .left { float:right; margin:15px 0; padding:30px; border-left:1px solid #2d2520;}
.gr .left_s { float:left; margin-bottom:15px; padding:15px 30px; border-right:1px solid #2d2520;}
.gr .left_s h2 { font: bold 12px Arial, "Times New Roman", Times, serif; color:#fff; border-bottom:1px solid #382e2a; padding:0 10px 10px 10px; margin:0;}
.gr .l_l {  float:left; margin:15px 0 0 0; padding:10px;}
.gr .l_l img { margin:0 10px 150px 10px;}
.gr .l_r { float:right; margin:15px 0 0 0; padding:10px;}
.gr .l_r img { margin:0 10px 150px 10px;}
.gr .l_p { float:left; margin:15px 0 0 0; padding:10px;}
.gr .r_p { float:right; margin:15px 0 0 0; padding:10px;}
.gr .l_p p, .gr .r_p p { padding:0 10px;}
.gr .l_p .but, .gr .r_p .but { margin:0 10px;}
.gr h3 { font: bold 24px Arial, "Times New Roman", Times, serif; color:#fff; border-bottom:1px solid #2d2520; padding:0 0 10px 0; margin:10px 0;}
.gr .left h4 { font: bold 12px Arial, "Times New Roman", Times, serif; color:#32838a;}

.gr .center { float:right; margin:15px 0; padding:30px; border-left:1px solid #2d2520;}

.gr .right { float:right; margin:15px 0; padding:30px;}

.gr .right_s { float:right; padding:15px; margin-bottom:15px;}
.gr .right_s a { color:#61564f; text-decoration:none;}
.gr .right_s a:hover { color:#61564f; text-decoration:underline;}
.gr .right_s a.active { color:#61564f; text-decoration:underline; font-weight:bold;}
.gr .right_s ul { list-style:none; margin:0 5px; padding:0;}
.gr .right_s ul li { background:url(../images/TempImages/ul_03.gif) no-repeat left center; margin:0; padding:5px 0 5px 15px;}
.gr p.info { color:#FFF; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.gr p.info a { color:#FFF;}

.gr .str { width:670px; border-top:1px solid #2d2520; padding-top:15px;}
.gr .str .pag_center { width:110px; margin:0 auto;}
.gr .str a { color:#17110f; text-decoration:none;}

/* white*/
.white { width:100%; float:right; margin:0 auto; padding:0; font: 11px Arial, "Times New Roman", Times, serif; color:#61564f;}
.white img { /*padding-right:10px;*/}
.white h2 { height:21px; font: bold 17px Arial, "Times New Roman", Times, serif; margin:0; padding-bottom:10px; color:#fff; border-bottom:1px solid #382e2a;}
.leftWide h4 { font: bold 17px Arial, "Times New Roman", Times, serif; margin:0; padding-bottom:10px; color:#fff; border-bottom:1px solid #382e2a;}
.leftWide h5 { border-bottom: 1px solid #382E2A;color: #A9A39B;font: bold 15px Arial,"Times New Roman",Times,serif;margin: 0 0 10px;padding-bottom: 5px; }
.white h3 { font: bold 18px Arial, "Times New Roman", Times, serif; color:#6f6f6f; border-bottom:1px solid #edeeee;}
.white a { color:#fff; text-decoration:underline;}
.white h2 a { text-decoration:none;}
.white h2 a:hover { text-decoration:underline;}
.white .leftWide { float:right;  margin:20px; padding:0; width:820px;}
.white .leftWide p { margin-top:0; font-size:14px;color: #A9A39B;}
.white .left { float:right;  margin:20px; padding:10px 0;}
.white .center { float:right;  margin:20px; padding:10px 0;}
.white .right { float:right;  margin:20px; padding:10px 0;}

/* button */
.button {  height:20px; background:#718e9f url(../images/TempImages/top_right.gif) top right no-repeat; font: 12px Arial, "Times New Roman", Times, serif; color:#fff;}
.button div {  height:20px; background: url(../images/TempImages/top_left.gif) top left no-repeat;}
.button div div {  height:20px; background: url(../images/TempImages/bottom_left.gif) bottom left no-repeat;}
.button div div div {  height:20px; background: url(../images/TempImages/bottom_right.gif) bottom right no-repeat;}

/* prorfolio */
.portfolio { float:left; background:#161c1f; width:100%; height:91px;}
.portfolio div { width:100%; height:91px; float:left; margin:0 auto; padding:0; background: url(../images/TempImages/2_portfolio_03.gif) no-repeat top left;}
.portfolio .text { height:70px;}
.portfolio div div { width:100%; height:91px; background:url(../images/TempImages/2_portfolio_04.gif) no-repeat top right;}

#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#7fa72f; text-decoration:none;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:3px 10px; background:none; border:none;}
#contactform li.buttons { margin:0; padding:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#201b18; margin:0; padding:0;}
#contactform input.text { width:380px; border:1px solid #403734; margin-bottom:15px; padding:5px 2px; height:16px; background:#201b18;}
#contactform textarea { width:380px; border:1px solid #403734; padding:2px; background:#201b18;}
#contactform li.buttons input { padding:0 10px; margin:0 0 0 150px; border:none;}
p.response { text-align:center; color:#F00;}

/* autorization */
.autorization { }
.autorization input { padding:4px 3px; margin:0 10px 0 0; background:#201b18; border:1px solid #403734; color:#CCC; font:normal 11px Arial, Helvetica, sans-serif; width:200px;}

/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px  Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:450px; float:left;}
.form_style .form { width:450px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}

/* body footer */
.body_footer { background: url(../images/TempImages/bg_51.gif) repeat-x;}
/* bottom*/
.bottom { width:100%; margin:0 auto; padding:0; font:11px Arial, "Times New Roman", Times, serif; color:#61564f;}
.bottom a { font: 11px Arial, "Times New Roman", Times, serif; color:#61564f;}
.bottom .left { float:left; width:240px; margin:20px 10px; padding:10px 20px; line-height:1.8em; border-right: 1px solid #1f1915;}
.bottom .center { float:left; width:180px; margin:20px 10px; padding:10px 10px; line-height:1.8em; border-right: 1px solid #1f1915;}
.bottom .right { float:right; width:240px; margin:20px 10px; padding:10px 10px; line-height:1.8em;}
.bottom ul { margin:0; padding:0; list-style:none;}
.bottom ul li { margin:0; padding:5px 0; line-height:1.6em;}

/* footer*/
.footer { margin:0; padding:15px; background:#151110; border-top:1px solid #2c241e;}
.footer p { font:12px Arial, "Times New Roman", Times, serif; color:#3e322a; line-height:1.8em;}
.footer a { font:12px Arial, "Times New Roman", Times, serif; color:#3e322a; text-decoration:none; padding:0 5px;}
.footer a:hover { text-decoration:underline;}

/* but */
.but { height:26px; float:right; background:url(../images/TempImages/but_17.gif) repeat-x; color:#1f1a18; margin-left:5px;}
.but div { height:26px; float:left; background:url(../images/TempImages/but_15.gif) no-repeat top left;}
.but div div {  height:16px; float:left; background:url(../images/TempImages/but_19.gif) no-repeat top right; line-height:1.8em; padding:5px 0;}
.but a { color:#cccccc; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; margin:0 12px; display:inline-table;}
.but a:hover { color:#ffffff;}




/* -------- index -------- */

#slider { margin:0 auto; padding:0; list-style:none;}
#slider ul, #slider li { margin:0; padding:0; list-style:none;}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {border: 4px solid #333134;height: 225px;overflow: hidden;width: 453px;}
#slider li img, .white img {border: 1px solid #271d1c;}
p#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:160px; height:30px; position:absolute; left:180px; top:10px;}
#nextBtn { left:260px; }
#prevBtn a { color:#cccccc;display:block; width:80px; height:30px; background: url(../images/TempImages/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { color:#cccccc;display:block; width:80px; height:30px; background: url(../images/TempImages/r_arrow.gif) no-repeat 0 0; }
.img_right {border: 4px solid #333134; margin-left:15px;margin-bottom:15px !important;}
.img_left {border: 4px solid #333134; margin-right:10px;}
/* -------- end of index -------- */