@import "reset.css";
body { font-family: Arial;font-size:12px;line-height:18px;color:#000;text-align:left; background:#53a6e8 url(../images/bg_site_top.jpg) top center no-repeat; padding:0; margin:0; }

a       { color:#fff; text-decoration:underline; cursor:pointer; outline:none!important }
a:link  { color:#fff; text-decoration:underline; }
a:hover {  text-decoration:none;}
a:active{ color:#fff; text-decoration:underline;  outline:none!important}


h1{ font-size:48px; color:#ffe14f; font-weight:bold; margin-left:30px; padding-top:60px}
h2{ font-size:22px; color:#CC9933}
h3{ font-size:18px; color:#CC9933; float:left}
h4{}

.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.centr{ margin:auto; padding:0; width:1000px;  position:relative;
	 z-index:0;}

.red{ color:#d41b2b!important}
.yelow{ color:#fff000}
.brown{ color:#5d3101}
.orange{ color:#eb4707}
.orange_1{ color:#f94f00!important}
.color{ color:#956f51!important}
.color_1{ color:#3e62a3}
.color_2{ color:#a2539d}
.white{ color:#fff}

.top_10{ margin-top:10px}
.top_30{ margin-top:30px} 
.left_20{ margin-left:20px}
.left_30{ margin-left:30px}
.right_15{ margin-right:15px}
.right_10{ margin-right:10px}
.top_20{ margin-top:20px}
.left_10{ margin-left:10px}
.bot_5{ margin-bottom:5px}
.right_20{ margin-right:20px}
.pad_5{ padding-top:5px}

.grid_1{ width:925px}
.grid_2{ width:217px}
.grid_3{ width:527px}
.grid_4{ width:190px}
.grid_5{ width:293px}
.grid_7{ width:248px}
.grid_8{ width:272px}
.grid_9{ width:434px}
.grid_10{ width:885px}
.grid_11{ width:305px}

.up{ text-transform:uppercase}
.underline{ text-decoration:underline}
.small{ font-size:30px}
b{ display:block; margin-bottom:-10px}
/*-------------------------------top----------------------------------------------*/
.logo{ margin:10px 20px 10px 20px; margin-bottom:-20px}

/* -----------------------------bg_content------------------------------------------------*/
.bg_content{ background:#fff;-moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px; border-top-left-radius: 30px; -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px; border-top-right-radius: 30px; behavior: url(border-radius.htc); border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-color:#fff; border-radius: 30px; margin-top:10px; padding:5px 20px 0  }

/*---------------------------menu--------------------------------------------------*/

.menu li{ float:left; width:159px; height:43px; position:relative; z-index:0; margin-right:1px; background:url(../images/new_pencil_bar_3.png) no-repeat }
	.menu a{ font-family:arial; color:#fffefe; font-size:14px; line-height:45px;  text-decoration:none; ;-moz-border-radius-topleft: 20px; text-align: center; display:block; width:159px; height:98px}

.bg_blue{ background: url(../images/bg_blue.jpg) no-repeat; background-image:url(images/new_pencil_bar_2.png) no-repeat }
.bg_blue:hover, .act{ background: url(../images/bg_blue_hover.jpg) no-repeat; margin-top:-10px; padding-top:7px;  }

.bg_green{ background:url(../images/bg_green.jpg) no-repeat}
.bg_green:hover, .act_1{background: url(../images/bg_green_hover.jpg) no-repeat;margin-top:-10px; padding-top:7px }

.bg_yelow{ background: url(../images/bg_yelow.jpg) no-repeat}
.bg_yelow:hover, .act_2 {background: url(../images/bg_yelow_hover.jpg) no-repeat;margin-top:-10px; padding-top:7px  }

.bg_orange{ background: url(../images/bg_orange.jpg) no-repeat}
.bg_orange:hover, .act_3{ background: url(../images/bg_orange_hover.jpg) no-repeat;margin-top:-10px; padding-top:7px }

.bg_red{ background:url(../images/bg_red.jpg) no-repeat}
.bg_red:hover, .act_4{ background: url(../images/bg_red_hover.jpg) no-repeat;margin-top:-10px; padding-top:7px }

.bg_grey{ background: url(../images/bg_grey.jpg) no-repeat}
.bg_grey:hover, .act_5{ background: url(../images/bg_grey_hover.jpg) no-repeat;margin-top:-10px; padding-top:7px }


/*---------------------------big_baner--------------------------------------------------*/
.big_baner{ width:960px; height:335px; margin-top:5px; position:relative}
a.join{ display:block; width:136px; height:68px; background:url(../images/bg_join.png) left no-repeat; text-align:left; font-size:18px; line-height:63px; text-decoration:none!important; margin:232px 31px 0; color:#4a4a4a; padding-left:15px; font-weight:bold; }


/*---------------------------content--------------------------------------------------*/
.content{ background:#ffffcc; }
.border_title{ border-bottom: 1px dotted #c6c7c7; margin-top:10px; margin-bottom:12px}

.read{ background:#b9ab9d url(../images/arrow_read.gif) 10px 10px no-repeat; width:102px; height:19px; display:block; text-align:center; text-transform:uppercase; padding-top:7px; text-decoration:none!important; }
.read:hover{ background:#f94f00 url(../images/arrow_read_hover.gif) 10px 10px no-repeat}

.photo{ border:solid 6px #d6d1cd}

.bear{ background:url(../images/bear.jpg) left top no-repeat; width:234px; padding:16px 0 0 70px}
.bear h2{ color:#3e62a3}
.cow{ background:url(../images/cow.jpg) left top no-repeat; width:240px; padding:26px 0 0 70px; margin-top:-10px}
.cow h2{ color:#c36936} 
.pen{ background:url(../images/pen.jpg) left top no-repeat; width:240px; padding:16px 0 0 70px}
.pen h2{ color:#519a9a} 
.star{ background:url(../images/star.jpg) left top no-repeat; width:240px; padding:16px 0 0 70px}
.star h2{ color:#a2539d}

li.list_left a{color:#885f33!important}
li.list_left{ background:url(../images/bg_list_cont.gif) left no-repeat; padding-left:12px; line-height:24px}
li.list_left a:hover{ color:#f94f00!important; text-decoration:underline!important}

.white_block{ background:#fff; border: solid 1px #ecefef; padding:20px 23px 20px 30px; margin-top:10px;}
.white_block h2{ background:url(../images/bg_title.jpg) left no-repeat; padding-left:30px; color:#5d3101}
.border_title_1{ border-bottom: 1px dotted #ccc; margin-top:10px; margin-bottom:12px }

.list_right{ margin-top:-6px}
.list_right li {  border-bottom: 1px dotted #ccc; padding-bottom:6px; margin-top:6px}
.list_right a{background:url(../images/arrow_list.gif) left 4px no-repeat; padding-left:15px; color:#885f33; text-decoration:none}
.list_right a:hover{ background:url(../images/arrow_list_hover.gif) left 4px no-repeat;color:#f94f00;}

.small_more{ color:#f94f00!important; font-size:12px; margin-top:15px; text-decoration: underline; display:block }
.small_more:hover{ text-decoration:none}

/* --------------------------footer---------------------------------------------------*/ 
.footer{border-top: 1px dotted #c6c7c7; margin-top:5px; color:#5d3101; padding:15px 20px}
.footer a{ color:#5d3101!important}
.img_footer{ margin-left:-30px}
.footer p{ font-size:11px; color:#818181; line-height:14px; margin-top:6px}

.bottom_img{ background:url(../images/bg_site_bottom.jpg) bottom repeat-x; height:225px; margin-top:-224px}
/* --------------------------contacts---------------------------------------------------*/ 

#contact_form td{ color:#000; padding-bottom:4px; vertical-align: middle}
.sub{ display:block; width:92px; height:26px; color:#fff; font-family: Arial; font-size:12px; background:#b9ab9d url(../images/arrow_read.gif) 10px 10px no-repeat; text-decoration:none!important; text-align:center;cursor:pointer; border:0; padding-bottom:3px;font-weight:bold; padding-right:10px }
.sub:hover{background:#f94f00 url(../images/arrow_read_hover.gif) 10px 10px no-repeat;  }
	
.input_contact{background-color:#fff;
	width:530px;
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #b5a28d;
	margin-bottom:4px; 
	}
	
.textarea_contact{background-color:#fff;
	width:530px;
	height:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #b5a28d; margin-bottom:6px; line-height:22px;
	}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	border:1px solid #b5a28d;}