/* CSS Document */

* { margin:0; padding:0;}

html, body { height:100%; }

body {font-size:100%; line-height:1.0625em; background:url(images/bot2.gif) center; min-width:985px; max-width:1280px;}

html, input, textarea	{font-family: Arial, Helvetica, sans-serif; color:#484848;}	



.alignMiddle{ vertical-align:middle}

.alignCenter{ text-align: center}

.container1{ width:100%;}

.clear { clear:both; line-height:0px; font-size:0px;}

.fleft{ float:left}

.fright{ float:right}

div.container {overflow:hidden; width: 100%;}

a img{ border:0px}

img{ vertical-align:top;  }



a{color:#ea7a16; text-decoration:underline} 

a:hover{text-decoration:none}

h2{font-family:arial narrow; font-size:23px; color:#d47600; padding:10px 0 15px 0;}

h3{font-family:tahoma; font-size:13px; font-weight:bold; color:#000000; padding:0 0 6px 0; border-bottom:1px solid #ea7a16; text-transform:uppercase;}



.tail-top{ background:url(images/bg.gif) repeat-x top center #f2f2f2}

.tail-bottom{background:url(images/bot.gif) repeat-x  bottom }





.col1, .col2, .col-1, .col-2, .col-3, .col-4, .col-5{ float:left}

.col-1, .col-2, .col-3{width:21%; margin:30px 30px 0 0;}

.col-4 {width:21%; margin-top:30px;}

.col-1 .img1{background:url(images/img1_bg.jpg) no-repeat top center; padding:90px 0 0 0;border:1px solid #e1e1e1;}

.col-2 .img{background:url(images/img2_bg.jpg) no-repeat top center; padding:90px 0 0 0; border:1px solid #e1e1e1;}

.col-3 .img{background:url(images/img3_bg.jpg) no-repeat top center; padding:90px 0 0 0; border:1px solid #e1e1e1;}

.col-4 .img{background:url(images/img4_bg.jpg) no-repeat top center; padding:90px 0 0 0; border:1px solid #e1e1e1;}

/*======= width =======*/

.main{margin:0 30px 0 33px;; text-align:left;}



/*======= header =======*/

#header {height:295px; font-size:0.8125em; color:#313538; line-height:1.307em;}

#header .logo{margin:76px 0 0 -7px; float:left; position:absolute;}

#header .indent{ padding:36px 0 0 286px}

#header .padding{padding:40px 0 0 274px;}

#header .indent1{background:url(images/top.jpg) repeat-x  top left; height:255px;}

#header .left_angle{background:url(images/left_angle_bg.jpg) no-repeat top right; height:255px;}

#header .right_angle{background:url(images/right_angle_bg.jpg) no-repeat top left; height:255px; position:relative;}

#header .indent-block{ padding:47px 282px 0 33px}

#header .slogan{ margin:0 0 11px 0; }

#header .block{ background:url(images/bg_block.jpg); width:603px; height:247px}

#header .button{color:#fff; background:url(images/button.gif) top left no-repeat; padding:4px 59px 12px 21px; text-decoration:none; float:right	}

#header .button:hover{text-decoration:none; color:#000000 }

#header ul{margin:0; padding:0 15px; list-style:none; height:75px;}

#header ul li{ margin:0; display:inline}

#header ul li a{color:#fff; text-decoration:none; margin:0; width:140px; text-align:center; display:block; float:left; padding:14px 0 13px 0; font-size:.92em} 

#header ul li a:hover { text-decoration:none; background:url(images/bg_menu1.gif) top left no-repeat;}

#header ul li a.smal{color:#fff; text-decoration:none; margin:0; width:101px; text-align:center; display:block; float:left; padding:14px 0 13px 0; font-size:.92em} 

#header ul li a.smal:hover { text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat;}

#header .img_header{margin:0 25px 0 25px; height:248px; position:absolute; width:94%;background:url(images/header.jpg) center top no-repeat;}

#header .img_header .left_bot{background:url(images/left_angle.gif) bottom left no-repeat; height:248px;}

#header .img_header .right_bot{background:url(images/right_angle.gif) bottom right no-repeat; height:248px;}

#header .img_header .right_top{background:url(images/top_right.gif) top right no-repeat; height:248px;}

#header .img_header .left_top{background:url(images/left_top.gif) top left no-repeat; height:248px;}



.link{color:#090909; background:url(images/marker.gif) top left no-repeat; padding-left:9px; background-position:0 2px; }

.link1{color:#090909;}

.link2{color:#f18524;}



#content ol{margin:0; padding:0; list-style-position:inside; }

#content ol li{background:none; margin:0; padding-left:0px; padding-bottom:15px }

#content ol li a{color:#313538; text-decoration: underline; line-height:1.5em} 

#content ol li a:hover { text-decoration:none; }



#content ul{margin:0; padding:0; list-style:none;}

#content ul li{background-position:0 5px; margin:0; padding-left:10px; }

#content ul li a{color:#dc7d06; text-decoration: underline; line-height:1.5em} 

#content ul li a:hover { text-decoration:none; }



#content .ul li{background:url(images/tail.gif)  bottom left repeat-x; margin:0; padding-left:5px; }

#content .ul .last{background:none }

#content .ul li a{color:#ea7800; text-decoration:none; line-height:2.61em} 

#content .ul .li a{color:#090909; text-decoration:none; line-height:2.61em} 

#content .ul li a:hover { text-decoration:underline; }



/*content*/

#content{ font-size:0.8125em; width:100%; text-align:left; background:url(images/bg_cont.gif); min-height:570px;}

#content .indent-main{padding:0 0 0 0}

#content .title{  margin-bottom:21px}

#content .title1{  margin-bottom:11px}

#content .title2{  margin-bottom:16px}

#content .title3{  margin-bottom:35px}

#content .title4{  margin:20px 0 16px 0}

#content .img-left{ float:left; margin:0 20px 16px 0}

#content .img-indent{ margin:0 0 15px 0}

#content .img-indent1{ margin:0 26px 0 0}

#content p{ margin:0 0 17px 0}

#content .p{ margin:0 0 11px 0}

#content .p1{ margin:0}

#content .p2{ margin:0 0 31px 0}

#content h4{color:#ea7800; font-size:1em; margin-bottom:13px; font-weight:normal  }

#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:25px; margin-bottom:19px}

#content .tail1{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:11px; margin-bottom:9px}



#content .indent{padding:0 26px 0 0}



#content .form td{padding:5px;}

#content .form input, textarea {border:1px solid #b6b6b6; background-color:#ebebeb; padding:2px;}

#content .form textarea {height:100px; background-color:#ebebeb;}

#content .form .submit{text-align:center; border:2px solid #b6b6b6; cursor:pointer;height:24px; background-color:#ebebeb;}



/*box*/

.box{ background:#fff; width:100%; margin-bottom:17px}

.box .border-top {background:url(images/border_top.gif) repeat-x top;}

.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}

.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}

.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}

.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }

.box .indent-box{ padding:12px 30px 24px 28px; }

.box .indent-box1{ padding:12px 20px 10px 28px; }

.box .indent-box2{ padding:12px 0 10px 28px; }

/*box1*/

.box1{ background:#960000; width:100%; color:#ffffff; font-size:.923em; line-height:1.58em}

.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}

.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}

.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}

.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}

.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}

.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}

.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}

.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }

.box1 .indent-box{ padding:26px 29px 28px 33px; }

#content .box1 p{ margin:0 0 3px 0}

#content .col1{ width:242px; margin-right:55px; position:absolute; left:30px;}

#content .col2{ position:relative; width:100%; margin-bottom:-53px;}

#content .col2 .padding{padding:85px 30px 0 300px;}



/*======= footer =======*/

#footer { height:130px;}

#footer { color:#989c9e; font-size:0.75em; }

#footer .indent-footer{float:left; padding:25px 0 0 15px; width:210px; text-align:center; line-height:32px;}

#footer a {color:#989c9e; text-decoration:none}  

#footer a:hover {text-decoration:underline}

#footer .bg{margin:0 0 0 274px; height:85px;}

#footer .bg1{background:url(images/bot2.jpg) no-repeat top right #fff; height:79px;}

#footer .bg2{background:url(images/bot3.jpg) no-repeat top left; height:79px;}



.indent-2{ position:relative; padding-left:10px; float:left;}

.h{ height:23px}

.block-contact span{ float:right; margin-right:10px}

input{

   	border:1px solid #a4a4a4; 

	background:#FFFFFF;

	padding-left:5px;

	width:180px; height:18px;

	font-size:1em;

}

textarea{

   	border:1px solid #a4a4a4; 

	background:#FFFFFF;

	width:180px; height:186px;

	font-size:1em;

	padding-left:5px;

	margin-bottom:11px;

	overflow:auto}



.catalog{width:150px; height:320px; float:left; margin:20px 20px 0 0; text-align:center;}

.catalog img{padding:0 0 10px 0;}

.catalog1{width:120px; float:left; margin:20px 20px 0 0; text-align:center; height:200px;}

.catalog1 img{padding:0 0 10px 0;}

.more img{float:left; padding:0 30px 20px 0;}

.balloons{width:100%; height:100%; background:url(images/balloons.jpg) no-repeat bottom right; width:200px; height:350px; float:right;}

