/* CSS Document */

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

body{ background:url(images/bg_top.jpg) top center no-repeat #000;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#595959;
	 line-height:17px;
}


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

a{ font-size:12px; color:#009cff; text-transform:uppercase; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1e2730; font-weight:bold; line-height:32px; padding: 19px 0 9px 0;}
p{ padding-bottom:17px;}
img{ vertical-align:top}

.box{ background:url(images/box_bg.png) repeat; margin:0 10px;font-size:0; line-height:0; height:10px;}
.box_cont{ background:url(images/box_bg.png) repeat; padding:0 10px;}
.box_top_left{ background:url(images/box_top_left.png) top left no-repeat}
.box_top_right{ background:url(images/box_top_right.png) top right no-repeat}
.box_bot_left{ background:url(images/box_bot_left.png) bottom left no-repeat}
.box_bot_right{ background:url(images/box_bot_right.png) bottom right no-repeat}

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

#menu{ text-align:center; vertical-align:top;}
#head{ text-align:center; vertical-align:top; margin-bottom:3px;}

/* ============================= content ====================== */
.box1{ background:#e4e9ee;}
.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%}
.box1_bot_left{ background:url(images/box1_bot_left.jpg) bottom left no-repeat}
.box1_bot_right{ background:url(images/box1_bot_right.jpg) bottom right no-repeat}
.pad{ padding:10px;}

.box2{ background:#fff; margin-bottom:7px;}
.box2_top{ background:url(images/box2_border.jpg) top repeat-x}
.box2_bot{ background:url(images/box2_border.jpg) bottom repeat-x}
.box2_left{ background:url(images/box2_border.jpg) left repeat-y}
.box2_right{ background:url(images/box2_border.jpg) right repeat-y}
.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%}
.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}

#gallery{ position:absolute; margin-left:580px; margin-top:10px; width:320px;}
#gallery li{ padding-bottom:3px;}
#gallery li a{ padding-left:45px; background:url(images/spacer.png) no-repeat; display:block}
#gallery li a:hover{ background:url(images/marker_gallery.png) no-repeat}
* html #gallery li{ padding-bottom:3px; margin-top:-17px;}
#marker_up{ position:absolute; margin-left:749px; margin-top:-4px;}
#marker_down{ position:absolute; margin-left:749px; margin-top:342px;}

.pad_left{ padding-left:10px;}
.pad_left1{ padding-left:17px;}
.pad_left2{ padding-left:42px;}
.pad_left3{ padding-left:60px;}
.pad_bot1{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:59px;}
.pad_bot3{ padding-bottom:30px;}
.marg_right1{ margin-right:20px;}
.marg_right2{ margin-right:57px;}

.block1{ text-align:center; padding-top:26px; font-size:15px; line-height:20px; margin-bottom:44px;}
.block1 .cols{ width:174px; padding-bottom:17px;}
.block1 h1{ font-size:170px; line-height:190px; color:#009cff; font-weight:normal; margin-top:-31px; padding:0 0 0 0}
.block1 h2{ font:26px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:28px; color:#93a5b7; font-weight:bold; padding:0 0 15px 0; margin-top:-11px;}
.block1 p{ padding-bottom:27px;}

.line_1{ background:url(images/line_ver.gif) 195px 0 repeat-y}
.line_2{ background:url(images/line_ver.gif) 411px 0 repeat-y}

.button{ display:inline-block; font-size:13px; color:#fff; text-decoration:none; line-height:26px; background:#009cff; text-transform:none}
.button span{ display:block; background:url(images/button_left.jpg) top left no-repeat}
.button span span{ padding:0 19px; background:url(images/button_right.jpg) top right no-repeat}
.button:hover{ color:#1e2730;}

.box2 .list1{ padding:17px 0 22px 5px}
.box2 .list1 li{ border-bottom:1px solid #dae3e8;}
.list1 li{ padding-bottom:5px; border-bottom:1px solid #c4d3dd; margin-bottom:2px;}
.list1 .last{ padding-bottom:0; margin-bottom:0; border:none}
.box2 .list1 .last{ padding-bottom:0; margin-bottom:0; border:none}
.list1 li a{ color:#39546b; font-size:13px; text-transform:none; text-decoration:none; padding-left:14px; background:url(images/marker_1.gif) 0 5px no-repeat}
.list1 li a:hover{color:#009cff;}

.under{ padding-bottom:11px; background:url(images/line_hor.gif) bottom repeat-x; margin-bottom:19px;}

.font1{ font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#009cff; padding-bottom:12px; line-height:22px;}

.clients li{ padding-bottom:21px;}
.clients .last{ padding-bottom:30px;}
/* ============================= footer ====================== */

#footer { text-transform:uppercase; color:#fff; padding:18px 0 40px 29px;}
#footer a{ color:#fff; text-decoration:none; font-size:13px;}
#footer a:hover{ text-decoration:underline;}

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

#ContactForm { width:276px;}
#ContactForm .box2{ margin-bottom:21px; font-size:0; line-height:0}
#ContactForm a{ margin-top:9px; margin-right:6px;}
#ContactForm .input {width:256px; height:17px; background: none; padding:6px 10px;color:#595959;  font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:256px; height:239px; background: none; padding:6px 10px;color:#595959;  font:13px Arial, Helvetica, sans-serif; overflow:auto}