*{
 margin:0;
 padding:0;
}

/*******   Typography   ********/
/*******************************/
/*******************************/

a img{ border:0;}
fieldset{ border:0;}
h1{
 font-size:2em;
 margin: 0 0 17px 0;
}

h1 span{ font-weight:normal;}
h2{ font-size:1.4em;}
h2 a{
 padding-left:16px;
 background:url('../img/h2-bg.gif') no-repeat 0 -46px;
 color:#eb5ba3;
 text-decoration:underline;
 font-weight:bold;
 line-height:1em;
 padding-bottom:0;
}

h2.active a, h2.active a:hover{ color:#333; background:url('../img/h2-bg-active.gif') no-repeat 0 -46px;}
h2 a:hover{ background-position: 0 1px;}
h3{ font-size:1.6em; margin-bottom:15px; padding-top:20px;}
h3 a{
 padding-left:25px;
 background:url('../img/h3-bg.gif') no-repeat 0 -49px;
 color:#eb5ba3;
 text-decoration:underline;
 font-weight:bold;
 line-height:1em;
 padding-bottom:0;
}

h3 a:hover{background-position: 0 1px;}
p, #content li, #left-column li{
 font-size:1.4em;
 line-height:1.3em;
}

#content p{ margin: 10px 0;}
#content h2 { margin: 20px 0px 5px 0px; }

a, em{
 font-style:normal;
 color:#eb5ba3;
}

a:hover{color:#049DE3;}
#content li, #left-column li{ margin:0 0 20px 0; padding-top:0px; line-height:1.4em; }

/****   Main Layout styles    **/
/*******************************/
/*******************************/

body{
 margin:0;
 padding:0;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 62%;
 color:#333;
}

#mainwrapper{
 position:relative;
 width:940px;
 left:50%;
 margin:0 auto;
 margin-left:-470px;
 background: url('../img/top-gradient.jpg') repeat-x 0px 20px;
}

/******   Masthead Styles  *****/
/*******************************/
/*******************************/

#masthead {
 padding:23px 0 0 0;
 height:85px;
}

#masthead img#logo {
	float:left; 
	margin: 0px 0px 0px -7px;
}

#masthead #supportButton {
	float:right;
	margin-right:37px;
}

#masthead p {
	float:right;
	font-size:1.1em;
	font-weight:bold;
	margin:0px 37px 5px 0;
}

#masthead p a {
 color:#000;
 text-decoration:none;
 padding:0 0px;
} 

#masthead p a:hover{ color:#049DE3; border-bottom:1px dotted; }

#masthead p span{ margin-left:12px;}

#masthead form{
 float:right;
 display:inline;
 clear:right;
 margin:0 37px 0 0;
}

#masthead form input#searchstring{
 float:right;
 border:1px solid #cddcdf;
 width:155px;
 height:14px;
 font-size:1.1em;
 color:#666;
 padding:2px 5px;
 margin:0 2px 0 0;
 position:relative;
 top:1px;
 vertical-align:top;
}

#masthead form input.button{
 position:relative;
 vertical-align:bottom;
 margin:0 0 0 2px;float:right;
}

#navigation { 
 position:relative;
 width:940px;
 height:36px;
 background:#333;
}

#navigation h1 {
 position:absolute;
 top:59px;
 left:419px;
 color:#F2F8FF;
 font-size:3.2em;
 line-height:1.1em;
}

#home #navigation{
 height:266px;
 border-bottom:1px solid #d2d2d4;
 background: url('../img/home-banner.jpg') no-repeat top left;
}

#find-out-how{
 position:absolute;
 left:419px;
 top:151px;
 width:187px;
 height:29px;
 background: url('../img/find-out-how.jpg') no-repeat top left;
}

#find-out-how:hover{background: url('../img/find-out-how-2.jpg') no-repeat top left;}


/*****   Main Content Styles  ***/
/*******************************/
/*******************************/

#main{
 background: url('../img/main-bg.jpg') repeat-x top left;
 padding: 27px 0 0 0;
}

#content{
 width:623px;
 margin:0 14px 30px 0;
 float:right;
 display:inline;
}

#content div{
 width:577px;
 background:#fff;
 padding:25px 23px 20px 23px;
 margin-bottom:13px;
}

#content div div{
 width:auto;
 background:none;
 padding:0;
 margin:0;
}

#content div.security-solution{ /* background: #fff url('../img/security-solution.jpg') no-repeat top right; height:189px; padding-bottom:0; */}
#content div.security-solution p{ /* width:400px; */ margin-bottom:0;}
#content div.be-secure p{
/*width:375px;*/
}
#content div.be-secure ul li{
width:375px;
}

#content div ul { list-style: none;}
#content div ul li a{background:url('../img/li-arrow.gif') no-repeat 0 -20px; padding-left:16px;} 
#content div ul li a:hover {background-position:0 2px;}

#content div ol { margin: 0px 1em; padding: 0px 1em;  }
#content div ol li { }


#left-column{
 width:278px;
 padding-bottom:15px;
 float:right;
 display:inline;
 margin-right:12px;
 background: #dceaed url('../img/left-column-bg.jpg') repeat-x top left;
 border-bottom:1px solid #999;
}

#left-column div{
 width:180px;
 padding:0 0 0 65px;
 margin:29px 0 40px 16px;
}

#left-column h2{ margin-bottom:6px;}
#left-column ul{ padding-left:16px; color:#878787}
#left-column li{ margin:0 0 5px 0;}
#left-column li span{color:#333;}
#left-column div.technology{ background:url('../img/technology-bg.jpg') no-repeat top left;}
#left-column div.applications{ background:url('../img/applications-bg.jpg') no-repeat top left;}
#left-column div.consultancy{ background:url('../img/consultancy-bg.jpg') no-repeat top left;}
#left-column div.password-problems{ background:url('../img/password-problems-bg.jpg') no-repeat top left;border:1px solid #cccdcf; height:109px;padding-top:8px;margin-bottom:0;}
#left-column div.password-problems h2 a{ line-height:1.3em; background-position:0 -44px;}
#left-column div.password-problems h2 a:hover{background-position:0 3px;}

#sub-navigation{
 position:relative;
 width:240px;
 height:92px;
 background:#fff;
 margin:0 12px 14px 12px;
 padding:15px 19px;
 border:1px solid #98999b;
}

#sub-navigation ul{ list-style:none;}
#sub-navigation li{ margin:11px 0 0 0;}
#sub-navigation li a{
 font-size:1.2em;
 font-weight:bold;
 padding-left:16px;
 background:url('../img/h2-bg.gif') no-repeat 0 -45px;
 color:#eb5ba3;
 text-decoration:underline;
 font-weight:bold;
 line-height:1em;
 padding-bottom:0;
}



#sub-navigation li a:hover, #sub-navigation li a.active{ background-position: 0 2px; }
#sub-navigation li a:hover{color:#079AE0;}


/******   Footer Styles  *****/

/*******************************/

/*******************************/



#footer{

 width:910px;
 height:15px;
 background:#000;
 color:#cacaca;
 clear:both;
 font-size:.7em;
 padding:9px 15px;
 font-family:  Verdana, Arial,Helvetica, sans-serif;
}

#footer-links{
 color:#fff;
 float:right;
}



#footer-links a{
 color:#fff;
 text-decoration:none;
 margin:0 5px;
 padding-bottom:2px;
}

#footer-links a:hover{ color:#bedbfb; border-bottom:1px dotted;}

#footer2{
 font-size:.7em;
 padding:23px 15px;
 font-family:  Verdana, Arial,Helvetica, sans-serif;
 color:#999;
}

#footer2 p{
}


/******   Navigation  *****/

/*******************************/

/*******************************/

#navigation ul{
 position:absolute;
 bottom:0;
 left:0;
 height:36px;
 margin:0;
 padding:0 20px 0 0;
 list-style:none;
 color:#aaa;
     
}

#home #navigation ul{
 left:auto;
 right:0;
}

#navigation ul li{
 float:left;
 display:inline;
}

#navigation ul li a{
 padding:7px 25px 0px 26px;
 text-align:center;
 height:29px;
 display:block;
 float:left;
 text-decoration:none;
 color:#fff;
 font-size:1.6em;
 font-weight:bold;
}

#navigation ul li a.active{ background:url('../img/nav-arrow.gif') no-repeat bottom center; color:#929292}
#navigation ul li a:hover{ color:#bedbfb;}


/******   Misc Styles  *****/

/*******************************/

/*******************************/

.clear{
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
}

.floatright{ float:right;} 
.floatleft{ float:left;} 


/******   Home page Styles  *****/

/*******************************/

/*******************************/
#content div div.security-needs, #content div div.security-needs-wide{
 width:276px;
 height:122px;
 padding:22px 0 0 108px;
 background:url('../img/security-bg.jpg') no-repeat;
 border:1px dashed #7f8180;
 margin: 15px 0px;
}

#content div div.security-needs-wide{
  height:87px;
  width:457px;
  /*margin-top:40px;*/
  background:url('../img/security-bg-2.jpg') no-repeat;
}



#content div ul{ margin-bottom:40px;}
#content div div.security-needs h2, #content div div.security-needs-wide h2{ margin: 0px 0px 17px 0px; }
#content div div.security-needs p, #content div div.security-needs-wide p{width:auto; margin-bottom:0;}

/**  Application page Styles  **/
/*******************************/
/*******************************/

ul#page-links{ padding-top: 30px; width:565px;  font-family: Arial, Verdana, Helvetica, sans-serif; } 
ul#page-links li{ font-size:1.1em;}
#content ul#page-links li a{ padding:0; background:none;}
ul#page-links li#next-page{float:right;}
ul#page-links li#prev-page{float:left;}
#content ul#page-links li#next-page a, #content ul#page-links li#prev-page a { padding: 0px 0px 5px 0px; 
 color:#eb5ba3;
 text-decoration:underline;
 font-weight:bold;
 line-height:1em;
}
#content ul#page-links li#next-page a { padding-right: 25px; background:url('../img/h3-bg.gif') no-repeat right -50px;}
#content ul#page-links li#prev-page a { padding-left: 25px; background:url('../img/h3-bg-2.gif') no-repeat 0 -50px; }
#content ul#page-links li#next-page a:hover{background-position: right 0px; color:#079AE0}
#content ul#page-links li#prev-page a:hover{background-position: 0 0px; color:#079AE0}

/* new stuff for ajax search 
 *
 */
#ajaxSearch form {
color: #444;
width: auto;
}

#ajaxSearch input {
width: auto;
display: inline;
height: 17px;
border: 1px solid #ddd;
border-left-color: #c3c3c3;
border-top-color: #7c7c7c;
background: #fff url(images/input-bg.gif) repeat-x top left;
margin: 0 3px 0 0;
padding: 3px 0 0;
vertical-align: top;
}

#ajaxSearch submit {
display: inline;
height: 22px;
line-height: 22px;
}

#ajaxSearch_output {
border: 1px solid #444;
padding: 10px;
background: #fff;
display: block;
height: auto;
vertical-align: top;
}

.AS_ajax_result {
color: #444;
margin-bottom: 3px;
}

.AS_ajax_resultLink {
text-decoration: underline;
}

.AS_ajax_resultDescription{
color: #555;
}

.AS_ajax_more {
color: #555;
}

#botom_box { 
padding:0px 23px 20px;
}

#map_container { width:290px;  font-size:x-small; text-align:right; font-weight:bolder; margin-right:12px; margin-left:10px; }
#map_canvas { width: 290px; height: 230px; }

#supportLink {
text-indent:-9000px;
 width:110px;
height:34px;
 text-align:left;
background:url(../img/support.jpg) no-repeat 0px 00px;
 
} 

#supportLink a{
 
text-decoration:none;
width:110px;
height:24px;
 display:block;

} 

#masthead #supportLink a:hover{
text-decoration:none;
border:none;
} 

#phone{
width:500px;
float:right;
text-align:right;
} 
#phone p{
 
float:right;
 
} 

#support{
width:500px;
float:right;
 text-align:right;
 padding:10px 0px 0px 0px;
}