/* 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:#000;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:22px;font-style:normal}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
.body1{background:url(../images/bg.jpg) bottom center repeat}
.body2{background:url(../images/bg_top2.gif) bottom repeat-x}
.body3{background:#fff}
.body4{background:url(../images/bg.jpg) top center repeat}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px}
/* ============================= main layout ====================== */
a{color:#696969;text-decoration:underline;outline:none}
a:hover{text-decoration:none}
.benben {font-size:40px;font-style:normal;font-weight:400;line-height:25px;/*padding:38px 0 11px 0*/;color:#000;letter-spacing:-1px; margin-top:-10px; border-bottom:2px solid #999999;margin-bottom:25px;}
.benben2 {font-size:40px;font-style:normal;font-weight:400;line-height:25px;/*padding:38px 0 11px 0*/;color:#000;letter-spacing:-1px; margin-top:-10px; border-bottom:2px solid #999999;margin-bottom:-90px;}
.subhead1 {font-size:16px; font-weight:bold; color:#000000; font-style:normal; margin-bottom:-20px; }
.table-wrapper {width:100%; /*background-color:#FFFFFF;*/ padding-bottom:25px; /*padding-left:130px*/}
h1{float:left}
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #999999;margin-bottom:25px}
h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:16px; color:#FFFFFF; line-height:1.2em; letter-spacing:-0px; padding-bottom:5px; font-weight:400; font-style:normal; margin-top:-5px;}
h6.under{font-size:16px; color:#000; line-height:1.2em; letter-spacing:-0px; padding-bottom:5px; font-weight:400; font-style:normal; margin-top:-2px; border-bottom:1px solid #999999;margin-bottom:15px}
p{padding-bottom:22px; text-align:justify; font-style:normal}
/* ============================= header ====================== */
header{padding-top:34px;height:148px}
#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:288px;height:94px;text-indent:-9999px}
#menu {float:right;padding-top:15px}
#menu li {float:left;padding-left:30px}
#menu li a{display:block;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.2em;color:#bbb;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:79px;font-style:normal;font-weight:700}
#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}
#menu li a:hover, #menu .active a{color:#3399FF}
#menu li a:hover span, #menu .active a span{color:#fff}
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}
#menu #nav2 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}
#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}
#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}
#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}
#menu #nav4 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}
#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}
#menu #nav5 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}
#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}
#menu #nav6 a{background:url(../images/menu_icon6.gif) bottom center no-repeat}
#menu #nav6 a:hover, #menu #nav6.active a{background:url(../images/menu_icon6_active.gif) bottom center no-repeat}
/* ============================= content ====================== */
.slider{top:162px;position:absolute;z-index:1}
.slider .items{display:none}
.slider  .pagination{position:absolute;z-index:2;bottom:47px;left:432px}
.slider  .pagination li{float:left;padding-right:4px}
.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}
/* ============================================================ */

/* ============================= content ====================== */
#content{padding-top:50px;padding-bottom:36px}
#content2{padding-bottom:50px}
.pad_left1{padding-left:40px}
.pad_left2{padding-left:40px}
.pad_left3{padding-left:40px}
.pad_bot1{padding-bottom:8px; text-align:justify; font-style:normal}
.pad_bot1.1{padding-bottom:8px; text-align:justify; font-style:normal; margin-top:-20px}
.pad_bot11{padding-bottom:8px; padding-top:10px; text-align:justify; font-style:normal; margin-top:-0px}
.pad_bot2{padding-bottom:40px}
.pad_bot2.2{padding-bottom:20px}
.pad_bot22 {font-style:normal; margin-bottom:-5px; margin-top:-5px; text-align:center}
.marg_right1{margin-right:20px}
.link1{color:#3399FF;font-style:normal; text-decoration:none}
.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#3399FF}

.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}

.list2{background:url(../images/line_hor1.png) 10px 0 no-repeat; margin-top: -10px}
.list2 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list2 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list2 a:hover{color:#3399ff}

.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
.address a{color:#fff}
.address a hover{color:#fff}
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}
.tabs ul.nav li{padding-right:1px;float:left}
.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#3399FF;text-decoration:none;text-align:center}
.tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#000000}
.tabs .tab-content {display:none}
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer {padding:34px 0 38px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}
/* ============================= forms ============================= */
#ContactForm {margin-top:-4px}
#ContactForm span{width:109px;float:left;line-height:26px}
#ContactForm .wrapper{min-height:30px}
#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#ContactForm {}
#ContactForm {}
#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#FFFFFF;height:32px;line-height:32px;text-decoration:none;background:#3399FF;text-align:center}
#ContactForm a:hover{background:#3399FF; color:#FFFFFF}
#ContactForm .input {width:269px;height:36px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin-bottom:10px; float:left}
#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
/******************************************************************************************/
/* ============================= loginform ============================= */
#loginform {margin-top:-4px}
#loginform span{width:109px;float:left;line-height:26px}
#loginform .wrapper{min-height:30px}
#loginform .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}
#loginform {}
#loginform {}
#loginform a{/*margin-left:10px;float:right; width:'auto'; font-style:normal; font-weight:bold;color:#fff; height:'auto'; line-height:normal; text-decoration:none; background:#3399ff; border-radius:5px; text-align:center; padding:5px*/}
#loginform a:hover{/*background:#3366ff*/}
#loginform .buttons {margin-left:10px;float:left;width:62px;font-style:normal;font-weight:bold;color:#FFFFFF;height:32px;line-height:32px;text-decoration:none;background:#3399FF;text-align:center; margin-left:110px}
#loginform .buttons hover { height:36px; vertical-align:middle; font-size:18px;	padding:5px; font-family: "Trebuchet MS"; background:#3366FF; color:#FFFFFF}
#loginform .textfield {width:269px;height:36px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin-bottom:10px; float:left}
#loginform textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}
#loginform img {float:left}
/******************************************************************************************/
#newsletter{}
#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}
#newsletter .input:focus{color:#696969}
#newsletter .wrapper{min-height:40px}
#newsletter a{float:right;width:90px;height:32px;background:#3399FF;line-height:32px;color:#fff;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}
#newsletter a:hover{background:#3399FF;color:#fff}
/* ============================= Pricing Dropdown menu ============================= */
/* Main */
#menu2 {
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;  
    background-color: #558ABC;
    border-radius: 0px;
	/*background-image: linear-gradient(#444, #111);*/
    /*box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu2 li {
    float: left;
    padding: 0 0 10px 0;
    position: relative;
	font-size:18px;
	text-align:left
}

#menu2 a {
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    /*text-transform: uppercase;*/
    font: bold 18px/18px*/ "Trebuchet MS";
    text-decoration: none;
    /*text-shadow: 0 1px 0 #000;*/
}

#menu2 li:hover > a {
    color: #fafafa;
}

*html #menu2 li a:hover { /* IE6 */
    color: #fafafa;
}

#menu2 li:hover > ul {
    display: block;
}

/* Sub-menu */
#menu2 ul {
    list-style: none;
    margin: 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;    
    background-color: #444;   
    background-image: linear-gradient(#444, #111);    
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu2 ul li {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
	font-size:14px;
	font-weight:normal 
    /*box-shadow: 0 1px 0 #111111, 
                0 2px 0 #777777;*/
}

#menu2 ul li:last-child { 
    box-shadow: none;    
}

#menu2 ul a {    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu2 ul a { /* IE6 */   
    height: 10px;
    width: 150px;
}

*:first-child+html #menu2 ul a { /* IE7 */    
    height: 10px;
    width: 150px;
}

#menu2 ul a:hover {
    background-color: #558ABC;
    background-image: linear-gradient(#04acec, #0186ba);
}

#menu2 ul li:first-child a {
    border-radius: 5px 5px 0 0;
}

#menu2 ul li:first-child a:after {
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu2 ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

#menu2 ul li:last-child a {
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu2:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu2             { zoom: 1; } /* IE6 */
*:first-child+html #menu2 { zoom: 1; } /* IE7 */
/************************************************************************/

#carousel {                /*    the HTML element that will be turned into a carousel */
    width: 870px;        /*    depending on your situation */
    height: 300px;        /*    depending on your situation */
    overflow: hidden;
}

#pricing_banner table, table td{border:none; padding:0px; }
#pricing_banner img {margin-left:10px}

/* ============================= Data Security ============================= */

h3 .dropcap1{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/data_security/climate.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h3 .dropcap2{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/data_security/security.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h3 .dropcap3{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/data_security/ups.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h3 .dropcap4{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/data_security/fire.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h3 .dropcap5{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/data_security/network.png) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h3 .dropcap6{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
/*========================================================================*/