/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:#fff;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#2a2a2a;
	 line-height:16px;
}


/* ============================= main layout ====================== */

a{ color:#2833c4; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h2{ font-size:28px; color:#8e9091; line-height:30px; padding:24px 0 22px 0; letter-spacing:-1px;}
h1{ font-size:31px; color:#464545; line-height:34px; padding:21px 0 0 0; letter-spacing:-1px;}

h3{ font-size:24px; color:#adadad; line-height:26px; padding:0 0 30px 0; margin-top:-7px;}
h4{ font-size:31px; color:#8e9091; line-height:30px; padding:24px 0 22px 0; letter-spacing:-1px;}
p{ padding-bottom:16px;}
img{ vertical-align:top}

.box1, .box2{ background:#fff}
.box2_left{ background:url(images/box2_border.jpg) left repeat-y}
.box2_right{ background:url(images/box2_border.jpg) right repeat-y}
.box1_left{ background:url(images/box1_border.jpg) 0 11px no-repeat}
.box1_right{ background:url(images/box1_border.jpg) right 11px no-repeat}
.box1_top_left{ background:url(images/box1_top_left.jpg) top left no-repeat}
.box1_top_right{ background:url(images/box1_top_right.jpg) top right no-repeat; width:100%}
.box2_top_left{ background:url(images/box2_top_left.jpg) top left no-repeat}
.box2_top_right{ background:url(images/box2_top_right.jpg) top right no-repeat; width:100%;}
.box1_bot, .box2_bot{ background:url(images/box2_bot.jpg) bottom repeat-x}
.box2_bot_left{ background:url(images/box2_bot_left.jpg) bottom left no-repeat} 
.box2_bot_right{ background:url(images/box2_bot_right.jpg) bottom right no-repeat}
.box1_bot_right{ background:url(images/box1_bot_right.jpg) bottom right no-repeat}
.box1_bot_left{ background:url(images/box1_bot_left.jpg) bottom left no-repeat}
.pad1{ padding:0 15px 10px 21px}

/* ============================= header ====================== */
#logo{float:left;}

#menu { float:right; padding-right:27px; padding-top:30px;}
#menu li { float:left; padding-left:7px;}
#menu li a{ display:block;font-size:12px; color:#000000; font-weight:bold; line-height:26px; text-decoration:none;}
#menu li a span{ display:block}
#menu li a span span{ padding:0 21px;}

#menu li a:hover, #menu #menu_active a{ background:#141414; color:#fff}
#menu li a:hover span, #menu #menu_active a span{ background:url(images/menu_left_active.jpg) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(images/menu_right_active.jpg) top right no-repeat} 

/* ============================= content ====================== */
/*--- slider begin ---*/
#faded { padding-bottom:4px;}
#faded .rap {overflow: hidden; height:324px; width:100%; position:relative; z-index:1}

ul.pagination { position:absolute; z-index:2; padding-top:9px; padding-left:558px; width:100px;}
ul.pagination li {float:left; padding-right:3px; font-size:0;}
/*ul.pagination li a {background:url(images/button.jpg) no-repeat; height:3px; width:3px; display:block; padding:5px; line-height:0; color:#81d200;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(images/button_active.jpg) no-repeat; color:#26a3c7}*/
/*--- slider end ---*/

.pad_left1{ padding-left:6px;}
.pad_left2{ padding-left:43px;}
.marg_top1{ margin-top:6px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:8px;}
.pad_bot2{ padding-bottom:20px;}

#slides{ padding:13px 14px 31px 14px;}

.img1{ background:url(images/img1.jpg) 0 19px no-repeat; padding:19px 0 22px 40px}
.img2{ background:url(images/img2.jpg) 0 19px no-repeat; padding:19px 0 22px 40px}
.img3{ background:url(images/img3.jpg) 0 19px no-repeat; padding:19px 0 22px 40px}

.link1{ line-height:19px; font-weight:bold; color:#2833c4}
.link2{ color:#2a2a2a}

.font1{ font-weight:bold; color:#26a3c7}
.font2{ font-style:italic; color:#9c9c9c;}

.under{ padding-bottom:14px; background:url(images/line_hor1.jpg) bottom repeat-x; margin-bottom:16px;}

.list1{ margin-top:-9px;}
.list1 li{ background:url(images/line_hor1.jpg) bottom repeat-x; padding-bottom:14px; padding-top:9px}
.list1 li div{ padding-left:32px; background:url(images/marker_1.jpg) 0 2px no-repeat}

.list2{ margin-top:-8px;}
.list2 li{ line-height:30px}
.list2 li a{ padding-left:19px; background:url(images/marker_2.gif) 0 3px no-repeat}

.clients li{ padding-bottom:25px;}
/* ============================= footer ====================== */

#footer { color:#2a2a2a; font-size:12px; padding:28px 22px 0 22px;}
#footer a{ color:#2a2a2a;}
#icon{ float:right; font-size:13px;}
#icon li{ float:left; padding-left:5px}
#icon li a{}

/* ============================= forms ============================= */

#ContactForm { width:257px; overflow: hidden; min-height:408px;}
* html #ContactForm { height:408px;}
#ContactForm .bg1{ background: url(images/input.jpg) no-repeat; margin-bottom:15px;}
#ContactForm .bg2{ background:url(images/textarea.jpg) no-repeat; margin-bottom:15px;}
#ContactForm a{ margin-left:26px}
#ContactForm .input {width:229px; height:15px; background: none; padding:5px 14px;color:#2a2a2a; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:229px; height:205px; background: none; padding:5px 14px;color:#2a2a2a; font:12px Arial, Helvetica, sans-serif; overflow:auto}