@charset "utf-8";
/* CSS Document */

body{ 
	margin:0px; 
	padding:0px; 
	border:0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
*{
	padding:0px; 
	margin:0px;  
	outline:0px; 
	border:0px;
	font-family:Arial, Helvetica, sans-serif; 
	color: #666;
}
h1, h2, h3, h4, h5, h6, ul, li,{ 
	padding:0px; 
	margin:0px; 
	font-family: "Comic Sans MS", cursive;
}
p { 
	padding:10px 15px 0 0; 
	margin:0px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}
.clear{ 
	clear:both;
}
.wrapper{
	width:100%;
}
.container{
	width:980px;
	margin:auto;
}
.header{
	width:950px;
	float:left;
	padding: 0 0 0 15px;
}
.logo{
	width:275px;
	float:left;
	padding: 0 0 0 0px;
}
.header_right{
	width:425px;
	float:right;
	padding: 0 0 0 0px;
}
.header_contact{
	width:310px;
	float:right;
	padding: 35px 0 0 0px;
}
.header_contact table p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222;
	padding: 3px 0 0 0px;
}
.header_contact table p a{
	text-decoration:none;
	color:#222;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.header_contact table p a:hover{
	text-decoration:none;
	color:#f4b11e;
}
.header_contact table p span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#222;
	padding: 0 0 0 7px;
}
.header_share{
	width:89px;
	float: right;
	padding: 27px 0 0 0px;
}
.menu{
	width:950px;
	float:left;
	padding: 3px 0 0 15px;
}
.menu_list{
	width:659px;
	float:left;
	padding: 0 0 0 0px;
	background:url(../images/menu_list_bg.jpg) repeat-x;
	height:42px;
}
.menu_list ul{
	padding: 0 0 0 0px;
}
.menu_list ul li{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	list-style:none;
	float:left;
	display:block;
	padding: 8px 25px 0 24px;
	text-transform:uppercase;
	font-weight:bold;
}
.menu_list ul li a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.menu_list ul li a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f4b11e;
	text-decoration:none;
}
.menu_search{
	width:291px;
	float: right;
	padding: 0 0 0 0px;
	background: url(../images/menu_search_bg.jpg) repeat-x;
	height:42px;
}
.menu_search table{
	margin: 5px 0 0 0px;
}
.menu_search p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	padding: 0 0 0 6px;
	font-weight:bold;
}
.menu_search_fld{
	width:195px;
	height:22px;
	border:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding-left:3px;
}
.menu_search_but{
	width:26px;
	height:24px;
	border:0px;
	background:#363636;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
.banner_area{
	width:950px;
	float:left;
	padding: 5px 0 0 15px;
}
.banner_area_shadow{
	width:950px;
	float:left;
	margin: 0px 0 0 15px;
	height:7px;
	background:url(../images/banner_shadow.jpg) repeat-x;
}
.banner_slider{
	width:659px;
	float:left;
	padding: 0 0 0 0px;
}
.banner_right{
	width:291px;
	float:right;
	padding: 5px 0 0 0px;
	background:url(../images/banner_right.jpg) repeat-x;
	height:296px;
}
.banner_right p span{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	padding: 0 0 0 0px;
}
.banner_right p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	padding: 15px 15px 0 15px;
	line-height:18px;
}
.banner_right h2{
	padding: 32px 15px 0 0px;
	float:right;
}
.bottom_logo{
	width:950px;
	float:left;
	padding: 7px 0 0 15px;
}
.footer{
	width:950px;
	float:left;
	padding: 0 0 0 15px;
	background:url(../images/footer-bg.jpg) 15px 5px no-repeat;
}
.footer_left{
	width:270px;
	float:left;
	padding: 0 0 0 0px;
}
.footer_left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#868686;
	padding: 18px 0 18px 0px;
}
.footer_right{
	width:181px;
	float:right;
	padding: 0 0 0 0px;
}
.footer_right p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#868686;
	padding: 18px 0 18px 0px;
}
.footer_right p a{
	text-decoration:none;
	color:#868686;
}
.footer_right p a:hover{
	text-decoration:none;
	color:#f4b11e;
}





/*contact page*/

.inner-wrapper{
	width:950px;
	float:left;
	padding: 5px 0 0 15px;
}
.content-wrapper{
	width:659px;
	float:left;
	padding: 0 0 0 0px;
}

.complete-security {
 width:639px;
	float:left;
	padding: 0 0 0 0px;
	}

	
.content-wrapper h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-style:italic; 
	color:#5956f9;
}
.content-wrapper h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:17px; 
	font-style:italic; 
	color:#333;
	padding:15px 0 0 0;
}
.content-wrapper h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-style:italic; 
	color:#333;
	padding:15px 0 0 0;
}
.content-wrapper ul{ padding:10px 0 0 20px}
.content-wrapper ul li{ line-height:25px}


.contact-form-wrapper{
	width:400px; 
	float:left
}
.contact-form-wrapper h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic; 
	color:#363636;
}
.contact-form-wrapper h5 span{
	color:#F00;
}
.contact-form-wrapper .txtbox{
	width:233px;
	height:19px;
	background:#f0f0f0;
	border:1px solid #cdcdcd
}
.contact-form-wrapper .txtarea{
	width:233px;
	height:130px;
	background:#f0f0f0;
	border:1px solid #cdcdcd
}

.contact-address-wrapper{
	width:230px; 
	float:left;
}
.contact-address-wrapper h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic; 
	color:#363636;
	font-weight:bold;
	line-height:25px
}

.contact-location-map{ 
	width:620px; 
	height:230px; 
	float:left; 
	padding:5px 0 15px 0;
}



/*quote page*/

.quote-form-wrapper{
	width:630px; 
	float:left
}
.quote-form-wrapper h5{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic; 
	color:#363636;
}
.quote-form-wrapper h5 span{
	color:#F00;
}
.quote-form-wrapper .txtbox{
	width:233px;
	height:19px;
	background:#f0f0f0;
	border:1px solid #cdcdcd
}
.quote-form-wrapper .txtarea{
	width:233px;
	height:130px;
	background:#f0f0f0;
	border:1px solid #cdcdcd
}
























/*****Style for Drop Down Menu *****/
.dropmenudiv{ position:absolute; left:0px; top:10px; z-index:100; width:auto; visibility: hidden; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; color: #fff; line-height:20px;	margin-top:8px; background:#7ea5d5; border:1px #547aa9 solid}

.dropmenudiv ul{list-style:none; }
.dropmenudiv ul li { list-style:none; border-bottom:1px solid #95bcec}
.dropmenudiv ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:left; text-decoration: none; }
.dropmenudiv ul li a div{ line-height:20px; color:#fff; width:150px; height:22px; padding:3px 0 2px 13px; background:url(../images/arroe.png) 4px 11px no-repeat}
.dropmenudiv ul li a div:hover{ /*THEME CHANGE HERE*/ color:#fff; font-weight:bold; background:#333; text-decoration:none; }


.sub{position:relative; text-align:left; padding:3px 0 0 10px}
.sub a{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.sub ul{list-style:none; padding:0 0 5px 0; border-bottom:#8d1128 1px dashed}
.sub ul li a{ text-transform:none; font-size:12px; background-image:none}
.sub ul li a:hover{ /*THEME CHANGE HERE*/ color:#333; font-weight:bold; }


.left_txt{width:460px;float:left; padding: 4px 0 0 0px}
.complete-security{ width:639px; float:left; padding:0 0 0 0px;}
.left_txt h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-style:italic;font-weight:bold; color:#363636}
.left_txt p{ font-size:12px; color:#666666; text-align:justify; line-height:18px;}
.icons_frame{width:460px;float:left; padding:20px 0 20px 0px}

.gartner{ width:460px; float:left; padding:5px 0 0 0px;}
.gartner ul{ padding:0; margin:0;}
.gartner li{ display:block; font-family:Arial, Helvetica, sans-serif; color:#363636;}
.gartner a{ text-decoration:underline; color:#666666;}
.gartner a:hover{  text-decoration:underline; color:#666666;}

.magic-quadrant{ width:460px; height:auto; float:left; padding:10px 0 20px 0px;}
.left-icon{ width:35px; height:auto; float:left; padding:0 0 0 0px;}
.middile{ width:360px; height:auto; float:left; padding:0 0 0 0px;}
.middile h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#0a978d; font-style:normal; padding:0 0 0 10px;}
.middile h2 span{ color:#666666; font-size:12px;}
.last-icon{ width:60px; height:auto; float:left; padding:0 0 0 0px;}

.right_boxarea{ width:164px; height:auto; float:right; padding:0 0 0 0px;}
.box1{ width:164px; height:184px; float:left; padding:0 0 0 0px; border:1px solid #e5e5e5; margin-bottom:40px;}
.box2{ width:164px; height:184px; float:left; padding:0 0 0 0px; border:1px solid #e5e5e5; margin-bottom:0px;}
.inbox1{ width:150px; height:auto; margin:auto; padding:12px 0 0 10px;  }

.inbox1 span{ color:#0072be; font-size:12px; font-weight:bold; padding:0 0 0px 0px;}

.middile_contentarea{ width:639px; height:auto; float:left; padding:0 0 20px 0px;}
.endpoint_area{ width:639px; height:auto; float:left; padding:0 0 0 0px; }
.endpoint_icon{ width:34px; height:34px; float:left; padding:5px 0 0 0px;}
.endpoint_text{ width:605px; height:34px; float:left; padding:4px 0 0 0px;}
.endpoint_text h4{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#1f497d;}
.endpoint_textarea{ width:639px; height:auto; float:left; padding:5px 0 0 0px;}

.endpoint_textarea p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:0 0 0 0px; }
.endpoint_textarea p span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2065c6; padding:0 0 0 0px; font-weight:bold;}

.sophasendpoint{ width:639px; height:auto; float:left; padding:12px 0 0 0px;}
.sophas_txtcont{ width:483px; height:auto; float:left; padding:0 0 0 0px;}
.sophas_txtcont span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2065c6; padding:0 0 0 0px; font-weight:bold; padding:20 0 0 0px;}
.sophas_img{ width:156px; height:auto; float:left; padding:0 0 0 0px;}

.sophas_learnmore{ width:639px; height:auto; float:left; padding:0px 0 10px 0px;}
.sophas_learnmore h4{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:8px 0 10px 0px; color:#000;}
.sophas_learnmore h4 span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;color:#000;}
.sophas_learnmore ul{ padding:0; margin:0;}
.sophas_learnmore li{ display:block; font-family:Arial, Helvetica, sans-serif; color:#666666;}
.sophas_learnmore a {text-decoration:underline; color:#666666;}
.sophas_learnmore a:hover{  text-decoration:underline; color:#666666;}

.key_features{ width:639px; height:auto; float:left; padding:5px 0 20px 0px; }
.key_features table{border:1px solid #95b3d7;}
.key_features table tr td{ padding:5px 0 3px 5px ;color:#111; }
.key_features table .heading2 td{ padding:5px 0 5px 5px ;color:#fff;font-weight:bold ;background:#4f81bd; width:150px; }
.endpoint_icon2{ width:34px; height:34px; float:left; padding:0px 0 0 0px;}

.sophas_learnmore1 h4{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:8px 0 0 0px; color:#000;}
.sophas_learnmore1 p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 0 0px; }
.sophas_learnmore1 p a { text-decoration:underline; color:#666666;}
.sophas_learnmore1 p a:hover { text-decoration:underline; color:#666666;}
div#error{
	padding:20px;
	color:#f00;
	text-align:center;
	background:#F9F5EA;
	}
/* Validation */
label.error {color:#F98B8B; display:block}
input.error, textarea.error, select.error { border:1px dashed #F98B8B !important}