/* 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:#25177A;
	text-decoration: underline;
	outline:none;
	font-size: 10px;
}
a:hover{
	text-decoration: none;
	color: #08baed;
	font-weight: normal;
	text-align: left;
}
li{ list-style:none}
h1{
	font-size:24px;
	color:#F38F1D;
	line-height:30px;
	padding:24px 0 22px 0;
	letter-spacing:-1px;
}
h2{
	font-size:31px;
	color:#F38F1D;
	line-height:34px;
	padding:21px 0 0 0;
	letter-spacing:-1px;
}
h3{ font-size:24px; color:#25177a; line-height:26px; padding:0 0 30px 0; margin-top:-7px;}
h4{
	font-size:31px;
	color:#f38f1d;
	line-height:30px;
	padding:24px 0 22px 0;
	letter-spacing:-1px;
}
p{
	padding-bottom:9px;
	color: #000;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
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;
	font-size: 14px;
}

/* ============================= header ====================== */

#logo{float:left; top:auto}

.bg {background: url(images1/button4.gif);}
.menu {
	float:right-top;
	padding-right:27px;
	padding-top:45px;
	padding:0 0 0 32px;
	margin:0;
	list-style:none;
	height:40px;
	background:#fff url(images1/button1a.gif) repeat-x;
	position: relative;
	font-family:arial, verdana, sans-serif;
	color: #bbb;
}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fbf9f9; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images1/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(images1/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images1/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images1/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(images1/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images1/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images1/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:50px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images1/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#999999 url(images1/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#999999 url(images1/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}
/* ============================= content ====================== */
/*--- slider begin ---*/
#faded { padding-bottom:6px;}
#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:#f38f1d;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(images/button_active.jpg) no-repeat; color:#25177a}
/*--- slider end ---*/

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

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

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

.font1{ font-weight:bold; color:#25177a}
.font2{ font-style:bold; color:#25177a;}

.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}