/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#39484f; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#afafaf; line-height:18px; overflow:hidden}

/* Global Structure ============================================================= */

.container_24 {height:640px; padding:1px 0; position:relative;}

.spinner{ position:absolute; z-index:99; background:url(../images/ajax-loader.gif) 50% 50% no-repeat #39484f; width:100%; height:100%; top:0; left:0}

.bg_spinner{ width:100%; height:30px; position: absolute; z-index:0; background:url(../images/ajax-loader.gif) 50% 10px no-repeat}
#bgSlider{ min-width:960px; position:fixed !important}
#bgSlider img{ position:fixed !important}
.pagination{ position:absolute; bottom:10px; right:11px; z-index:4}
.pagination li{ float:left; padding-left:3px;}
.pagination li a{ display:block; width:19px; height:19px; background: url(../images/bg_buttons.png) right 0 no-repeat}
.pagination li a:hover, .pagination .current a{ background-position:left}


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

a{ color:#dddddd; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:0 0 0 0}
h2{ font-size:48px; color:#fff; line-height:1.2em; padding:0 0 14px 0; margin-top:-15px; letter-spacing:3px;}
h2 span{ display:block; margin-top:-15px;}
h3{ font-size:20px; color:#fff; line-height:1.2em; padding:12px 0 10px 0; font-weight:normal}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ height:152px; position:relative; z-index:2;}

#logo{ display:block; background:url(../images/logo.gif) 0 0 no-repeat; width:377px; height:114px; text-indent:-9999px;}
#menu { float:left;}
#menu > li { float:left; padding-left:1px; position:relative}
#menu > li > a{ display:block; font-size:20px; color:#fefefe;width:142px; text-align:center; height:114px; line-height:114px; text-decoration:none; position:relative;}
#menu > li > a span{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#00bff3;}
#menu > li > a strong{ background:#2f3c41; display:block; width:100%; height:100%; position:absolute; top:0; left:0; font-weight:normal}

#menu .submenu_1{ position:absolute; top:104px; left:-128px; width:550px;}
#menu .submenu_1 > li{ position:relative; float:left; background:url(../images/menu_line.gif) right 10px no-repeat #fff; padding:0 22px;}
#menu .submenu_1 > .first{ float:none; left:182px; background:url(../images/menu_marker.png) 0 0 no-repeat; width:28px; height:14px; padding:0}
#menu .submenu_1 > .last{ background:#fff}
#menu .submenu_1 > li > a{ display:block; font-size:15px; color:#3d4c50; text-transform:uppercase; text-decoration:none; line-height:32px;}
#menu .submenu_1 > li > a:hover { color:#00bff3}

/* ============================= content ====================== */

#content{ height:479px; position:relative; z-index:1; margin:0 5px;}
#content > ul{ position:relative; height:100%; width:100%}
#content > ul > li{background:url(../images/bg_content.png) repeat; height:100%; position: relative; width:100%;}

.box{ padding:40px 0 50px 0;}

.pad_bot1{ padding-bottom:16px;}
.pad_bot2{ padding-bottom:22px;}
.pad_bot3{ padding-bottom:9px;}
.pad_right1{ padding-right:20px;}
.pad_top1{ padding-top:11px;}
.pad_left1{ padding-left:54px;}
.marg_right1{ margin-right:19px;}

.line1{ background:url(../images/line_vert1.png) 334px 0 repeat-y}
.line2{ background:url(../images/line_vert1.png) 654px 0 repeat-y}

.link1{ display:inline-block; font-size:24px; color:#fff; text-decoration:none; line-height:1.2em;}
.link1:hover{ color:#00bff3}
.link2{ text-decoration:none; color:#fff}
.link2:hover{ text-decoration:underline}

.list1{ padding-top:5px}
.list1 li{ line-height:30px; background:url(../images/line_hor1.png) 0 bottom repeat-x} 
.list1 .end{ background:none}
.list1 a{ color:#fff; text-decoration:none; padding-left:22px; background:url(../images/marker_1.gif) 6px 7px no-repeat}

.underline{ border-bottom:1px solid #5a6469; padding-bottom:16px; margin-bottom:8px;}

.close{ position:absolute; top:0; right:0; display:block; width:30px; height:30px; z-index:4}
.close img{ position:absolute; top:0; left:0; width:100%; height:100%}

#gallery1{ height:290px !important; margin-bottom:5px;}
#gallery1 li{ padding-bottom:7px;}

.next1, .prev1{  position:relative; float:left; margin-right:1px; width:123px; height:35px;}
.next1 img, .prev1 img{ width:100%; height:100%; position:absolute; top:0; left:0}

.color1{ color:#fff}

.cols{ width:248px; float:left;}

iframe{ padding:5px; border:1px solid #626b6e}

.box_subscribe{ background: url(../images/box1_bg.gif) top repeat-x #00a5d2; border:1px solid #005f7d; margin-top:13px;}
.box_subscribe form{ padding-left:19px;overflow:hidden; padding-bottom:28px;}
.box_subscribe h2{ font-size:21px; color:#fff; line-height:1.2em; padding: 14px 0 21px 57px; background:url(../images/newsletter_bg.png) 16px 7px no-repeat; margin-top:0; letter-spacing:0}
.box_subscribe .input{ background: url(../images/bg_input.gif) top repeat-x #e1e5e6; padding:8px 5px; width:144px; float:left; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2f3c41; height:15px;}
.box_subscribe a{ float:left; width:38px; height:31px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-align:center; line-height:30px; background:#2f3c41; text-decoration:none}
.box_subscribe a:hover{ background:#fff; color:#2f3c41}

#page_Services figure, #page_More figure{ padding-top:4px;}
#page_Services h3, #page_More h3{ padding-top:7px;}
#page_Services figure.pad_top1, #page_More figure.pad_top1{ padding-top:10px;}

#page_Solutions .cols { width:270px;}
#page_Solutions .pad_left1 { padding-left:31px}
#page_Solutions .cols figure{ padding-top:10px;}
#page_Solutions .cols .marg_right1{ margin-right:15px}

#page_Contacts .line1{ background-position:408px 0;}

/* ============================= footer ====================== */

footer { position:absolute; z-index:2; bottom:0px; width:950px; margin:0 5px; border-top:1px solid #414a4d; background:url(../images/bg_footer.png) 0 4px repeat-x; font:12px Arial, Helvetica, sans-serif; color:#98a3a8; font-style:italic; font-style:oblique; text-align:center; padding:17px 0 11px}
footer a{ color:#98a3a8}
footer a:hover{}

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

#ContactForm { position:relative}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:16px; background:#5f686c; padding:12px 10px;color:#fff; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; z-index:1;}
#ContactForm textarea { overflow: auto;width:450px; height:201px; background:#5f686c; padding:12px 10px;color:#fff; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0}

#ContactForm .success{ position:absolute; z-index:10; background:#2f3c41; width:470px; text-align:center; top:70px; padding:30px 0}

#ContactForm label{ position:relative;}
#ContactForm .empty,#ContactForm .error{position: relative; left:10px;top:0;font:10px Arial, Helvetica, sans-serif;color:#00bff3;z-index:2; display:none;}

#ContactForm .name, #ContactForm .email{ width:220px; float:left; min-height:53px;}
#ContactForm .email{ padding-left:30px;}
#ContactForm .message{ min-height:240px; padding-bottom:11px; overflow:hidden; display:block}

/* Lightbox image */
#page_Gallery .lightbox-image {position:relative;overflow:hidden;	display:block; z-index:1; width:100%; height:78px;}
#page_Gallery .lightbox-image img {position:relative;z-index:2;}
#page_Gallery .lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3; background:url(../images/border2.gif) 0 0 no-repeat}