/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #888;
    font-size: .9em;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #555;
}

ul, ol
{
	margin-bottom: 15px;
    line-height: 1.5em;
}

p
{	
	 line-height: 1.3em;
	 margin-bottom: 12px;
}

.condensed
{
	line-height: 1.2em;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

.menu a:link
{
    color: White;
    text-decoration: none;
}
.menu a:visited
{
    color: White;
    text-decoration: none;
}
.menu a:hover
{
    color: White;
    text-decoration: underline;
}
.menu a:active
{
    color: White;
}

.adquote p
{
	color: #777;
	font-size: 18px;
	font-style: italic;
	letter-spacing: 0em;
	line-height: 1.2em;	
	margin-bottom: 0.4em;
}

a.button_contact_m
{
	font-size: 12px;
	padding: 2px 22px 2px 22px;
	display: inline-block;
	color: White;
	text-decoration: none;
	background: Transparent url(images/button_more_m.png) no-repeat scroll 0 0;
}

a.button_start_m
{
	font-size: 12px;
	padding: 0 22px 2px 15px;
	display: inline-block;
	color: White;
	text-decoration: none;
	background: Transparent url(images/button_more_m.png) no-repeat scroll 0 0;
}

a.button_more_m
{
	font-size: 12px;
	top: 200px;
	margin: 0 10px 5px 0;
	padding: 5px 22px 5px 10px;
	display: block;
	float: right;
	color: White;
	text-decoration: none;
	background: Transparent url(images/button_more_m.png) no-repeat scroll 0 0;
}

a.button_more_m:hover, a.button_start_m:hover
{
	 text-decoration: underline;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    padding-bottom: 0;
    margin-bottom: 10px;
}
h2
{
    font-size: 1.2em;
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.corner_top_white, .corner_top_888
{ 
	position: relative;
	margin: 0 0 -7px 0;	
	width: 100%;
	background: url(images/corners/c_tr_white.png) no-repeat top right;	
}

.corner_bottom_white, .corner_bottom_888
{
	margin: -7px 0 0 0;		
	width: 100%;
	background: url(images/corners/c_br_white.png) no-repeat top right;
}

.corner_top_888 { background: url(images/corners/c_tr_888.png) no-repeat top right; } 
.corner_bottom_888 { background: url(images/corners/c_br_888.png) no-repeat top right; } 

img.corner 
{   
   text-align: left;  
   width: auto;   
   height: 7px;
   z-index: -1;
   border: none;
   display: block !important;
}

img.art-left
{
	 margin-right: 10px;
	 margin-top: 3px;
	 float: left;	 
}

img.art-right
{
	 margin-left: 10px;
	 margin-top: 3px;
	 float: right;	 
}

img.art-sidebar
{
	margin-top: 7px;
}

img.art-navbar
{
	margin-left: 7px;
}



div.roundedcorners_container { margin: 7px; }
div.roundedcorners_content { border: solid 1px #CCC; padding: 10px; }

div.preheader, div.postheader, div.prefooter, div.postfooter { background-color: White; margin: 0; padding: 7px; }
/*div.prefooter { padding-top: 0; }
div.postheader { padding-bottom: 0; }*/

/*We'll remove this once the site is up*/
#loginControl
{ 
	 color: White;
	 float: right;
	 margin: 5px 10px 0 0;
}

#loginControl a
{
	color: White;
}

#container
{
	width: 100%;
	padding-top: 20px;
}

#logo
{
	position: absolute;
	z-index: 1000;
	top: 10px;
	left: 20px;	
}

#page
{
    position: relative;
    width: 920px;
    margin: 0 auto;
}

#header
{
    margin: 0;
    padding: 0;
    color: #000;      
}

#header div.top
{
	font-size: 0.9em;
	padding-right: 5px;
	background: #000 url(images/header_bk.png) repeat-x scroll 0 0;
	color: White;
}

#header div.top div.menu
{
	margin-right: 5px;
	width: 100%;
}

#header div.top div.menu ul
{
	float: right;
	margin: 3px 0 0 0;
	padding: 0;	
	list-style: none;	
}

#header div.top div.menu ul li
{
	float: left;
	margin: 0;
	padding: 3px;
}

#header div.middle
{
	width: 100%;
	background-color: White;
	background-image: url(images/header_abstract_bk.png);
	background-position: right top;
	background-repeat: no-repeat;	
}

#header div.middle div.title
{
	margin: 10px 0 0 130px;
	float: left;
}

#header div.middle div.title h2
{
	 margin: 0 0 0 80px;
	 font-weight: normal;
	 font-size: 22px;
	 font-style: italic;
	 color: #777;	 
}

#header div.middle div.callandsearch
{
	float: right;	
}

#header div.middle div.callandsearch
{
	
}

#header div.middle div.call
{
	 margin: 10px 8px 10px 0;
	 text-align: right;
	 letter-spacing: -1px;
	 font-weight: bold;
	 font-size: 18px;
	 font-style: italic;	 
	 color: #444;	  
}

#header div.middle div.search
{
	margin: 20px 3px 10px 0;
	padding: 4px 0 4px 3px;
	border: none;	
	background: Transparent url(images/search.png) no-repeat scroll right top;
	height: 20px;
	width: 230px !important;		
}

#header div.middle div.search form
{
	display: inline;
	float: right;	
}

#header div.middle div.search form fieldset
{
	border: medium none;
	float: right;	
	margin: 0;
	padding: 0;
}

#header div.middle div.search form input
{
	background: Transparent none repeat scroll 0 0;
	border: none;
	color: #FFF;
	line-height: 18px;
	cursor: pointer;	
	overflow: visible;	
}

#header div.middle div.search form input[type="submit"]
{
	padding: 0 10px 0 0;
}

#header div.middle div.search form input[type="text"]
{
	color: Black;
	font-size: 14px;
	width: 150px;
	height: 18px;	
	cursor: text;
	margin-right: 0;	
}

#header div.bottom
{
	background-color: #7da6c4;
	background-image: url(images/menu_blend_bk.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;		
}

#menu 
{ 
	float: left;	
}

#menu ul
{
    margin: 0;
    padding: 0;
    float: left;
    background: Transparent url(images/menu_item_bk.png) repeat-x scroll left top;      
}

#menu ul li.divider
{
	width: 2px;
	padding: 2px 0;
	background: Transparent url(images/menu_divider.png) no-repeat scroll left top;	
}

#menu ul li { display: block; float: left; }

#menu ul li ul
{
     display: none;
     min-width: 210px;
     max-width: 240px;
}

#menu ul li ul li
{
    display: block;
    background-color: Transparent;
    border-top: solid 1px #AAA;
    border-bottom: solid 1px #4b7ea3;    
    width: auto;
    height: auto;   
}

#menu ul li ul li:first-child
{
	border-top: solid 1px #999;	
}

#menu ul li a
{
    display: block;
    padding: 2px 15px;        
}

#menu ul li ul a
{
	padding: 3px 15px;
	padding-right: 25px;
	background-color: Transparent;
	white-space: normal;
}

#menu ul li a:hover
{
    background-color: #5b90b6;
}

#menu ul li:hover > ul
{
    display: block;
    position: absolute;
    z-index: 2000;
    border-left: solid 1px #CCC;    
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background: #5b90b6 url(images/dropdown_menu_bk.png) repeat-x scroll left bottom;    
}

/*IE7 fix if you mouse-off a submenu without travelling up to the parent - it will still be visible when you come back down */
#menu ul li:hover ul li ul { display: none; }
#menu ul li:hover ul li ul li { display: none; }

li.submenu
{
	background-image: url(images/submenu_arrow.png);
	background-repeat: repeat;
	background-position: right center;
	background-repeat: no-repeat;	
}

#menu ul li ul li:hover > ul
{
	display: block;	
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 2000;
    border-top: solid 1px #CCC; 
    border-left: solid 1px #CCC;    
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background: #5b90b6 url(images/dropdown_menu_bk.png) repeat-x scroll left bottom;
}

#menu ul li ul li:hover ul li { display: block; }

#menu ul li:hover li
{
    float: none;
    background-color: Transparent;
}
#menu ul li:hover a
{
    background-color: #5b90b6;
}

#menu ul li:hover li a
{
    background-color: Transparent;
}

#menu ul li:hover li a:hover
{
    background-color: Transparent;
}

#menu ul li:hover li
{
	width: auto;
	height: auto;
}

#main
{
   width: 100%;
   background-color: #FFF;   
}

div.navbar
{
	float: left;
	width: 160px;	
}

div.navbar > div
{
	margin-right: 0;
}

div.content_single_column, div.content_two_column, div.content_three_column { float: left;	}
div.content_single_column { width: 920px; }
div.content_two_column { width: 700px; }
div.content_three_column { width: 540px;}

div.content p
{
	 font-size: 1.05em;	 
}

div.content h1
{
	 font-size: 1.5em;
	 line-height: 1.3em;
	 margin-bottom: 0.8em;
}

div.content h2
{
	 font-size: 1.2em;
}


div.content ul, div.content ol
{
	 list-style-position: outside;
	 list-style-type: disc;
	 margin-left: 1.5em;
	 line-height: 1.3em;
}

div.content ol
{
	list-style-type: decimal;
	margin-left: 2em;
}

div.content ul li, div.content ol li
{
	margin-bottom: 0.4em;
}

div.sidebar
{
	float: left;
	width: 220px;	
}

div.sidebar > div
{
	margin-left: 0;
}

div.adpanel
{
	min-height: 200px;		
	background: Transparent url(images/qcc-73-3-2.png) no-repeat scroll 7px 15px;
}

div.adpaneltext
{
	float: right;
	font-size: 18px;
	width: 290px;
	padding: 10px 0 0 0;	
}

div.practices
{
	margin-bottom: 7px;	
}

div.practices > div
{
	float: left;
	width: 166px;
	margin-left: 7px;	
}

div.practices .practice
{
	padding-left: 3px;
	height: 275px;	
	border: solid 1px #CCC;
	background: #FFF url(images/panel_bk.png) repeat-x scroll left bottom;
	cursor: pointer;
}

div.practices .practice:hover { background-image: url(images/panel_hover_bk.png); }

div.practices .practice div { height: 240px; }

.practice dl { font-size: 14px; color: #444; margin: 0 3px 0 5px}
.practice dt { font-weight: normal; margin-bottom: 10px; line-height: 1.2em; } 
.practice dd { margin: 0 0 9px 0; padding: 0 0 0 12px; background: Transparent url(images/bullet_orange.png) no-repeat scroll 2px 4px;}


div.urgent
{
	height: 102px;
	font-size: 10px;	
	margin: 0 7px 10px 7px;
	background: #FFF url(images/Urgent_Enquiries_bk.png) no-repeat scroll -4px top;
	color: White;
	padding: 41px 10px 9px 14px;
}

div.urgent p { line-height: 1.3em; font-size: 13px; }

div.careers
{
	height: 223px;
	font-size: 10px;	
	margin: 0;
	color: White;
	padding: 0;
}

div.careersenquiries
{
	height: 165px;
	font-size: 10px;	
	margin: 0 7px 10px 7px;
	background: #FFF url(images/SRM_Enquiries_bk.jpg) no-repeat scroll -4px top;
	color: Black;
	padding: 41px 15px 15px 14px;
}



div.srmenquiries
{
	height: 165px;
	font-size: 10px;	
	margin: 0 7px 10px 7px;
	background: #FFF url(images/SRM_Enquiries_bk.jpg) no-repeat scroll -4px top;
	color: Black;
	padding: 41px 15px 15px 14px;
}

div.srmenquiries p { line-height: 1.3em; font-size: 13px; text-align:center }

div.news 
{
	height: 100%;
	font-size: 13px;	
	background: #FFF url(images/panel_bk.png) repeat-x scroll left bottom;	
}

div.news a
{
	 text-decoration: none;
	 color: #555;
	 font-weight: bold;
	 border-bottom: dotted 1px #000;
}

div.news a:hover
{
	color: #AAA;
}

div.news ul
{
	line-height: 1.5em;
}

div.news ul li
{
	margin-bottom: 5px;
}

div.syndication-panel-more
{
	float: right;
	margin-right: 10px;
}


div.serviceslanding, div.productslanding
{
	float: left;
	width: 310px;
}

div.serviceslanding ul, div.productslanding ul
{
	 list-style-type: none;
	 list-style-position: inside;
	 margin: 0;
}

div.serviceslanding ul a, div.productslanding ul a
{
	font-size: 14px;
	font-weight: bold;
	color: #444;
	
}

div.serviceslanding ul a:hover, div.productslanding ul a:hover
{
	color: #999;	
}

div.section_menu
{
	background: #FFF url(images/section_menu_bk.png) repeat-x scroll left bottom;
	overflow: hidden;
	padding: 10px 0 0 0;	
}

div.section_menu ul
{
	line-height: 1.3em;
}

div.section_menu ul li
{
	display: block;	
}

div.section_menu ul li a 
{ 
	display: block; 
	border-top: solid 1px #E5E5E5;
    color: #555; 
	padding: 4px 5px; 
	text-decoration: none;	
}

div.section_menu ul li:last-child a
{
	border-bottom: solid 1px #E5E5E5;
}

div.section_menu ul li a:hover 
{ 
	background-color: #EEE;
	border-top: solid 1px #AAA;
}

div.section_menu ul ul
{
	 font-size: 0.9em;
	 margin-bottom: 0;
}

div.section_menu ul ul li a 
{ 
	padding: 2px 15px; 	
}

div.section_menu ul ul li:last-child a
{
	border-bottom: none;
}


div.section_security_risk_management
{
	 background: Transparent url(images/section_risk_management_bk.png) no-repeat scroll right top;	 
}

div.section_incident_response
{
	background: Transparent url(images/section_incident_response_bk.png) no-repeat scroll right top;	 
}

div.section_digital_forensics
{
	background: Transparent url(images/section_digital_forensics_bk.png) no-repeat scroll right top;	
}

div.section_blackthorn
{
	background: Transparent url(images/section_blackthorn_bk.png) no-repeat scroll right top;
}

div.section_careers
{
	background: Transparent url(images/section_careeers_bk.png) no-repeat scroll right top;
}


div.badges
{
	padding: 3px 0 9px 50px;
	line-height: 0.5em;
}

div.badges a
{
	 margin-right: 60px;
}

#footer 
{ 
	width: 100%;
	margin-bottom: 100px; 	
}

div.footer_panel
{
    padding: 20px 0 40px 20px;
    color: #AAA;
    background: #555 url(images/footer_bk.png) repeat-x scroll 0 bottom;
          
    line-height: normal;
    margin: 0;
    font-size: .85em;
}

div.footer_panel .footer_content
{
    position: relative;
    width: 100%;      
}

div.footer_panel ul
{
	float: left;
	padding: 0 15px 5px 0;
	margin: 0 10px 0 0;	
	border-right: dotted 1px #AAA;
	height: 110px;
}

div.footer_panel ul li
{
	padding: 0 20px 0 0;
}

div.footer_panel a:link { color: #AAA; text-decoration: none; }
div.footer_panel a:visited { color: #AAA; text-decoration: none; }
div.footer_panel a:hover { color: #AAA; text-decoration: underline; }

div.footer_panel .copyright
{
	position: absolute;
	bottom: -30px;
	right: 10px;
	white-space: nowrap;
}

div.footer_panel .footer_logo
{
	position: absolute;
	top: 5px;
	right: 30px;	
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

div.testimonial
{
	 font-size: 1.05em;
}

div.testimonial p
{
	line-height: 1.3em;
}

span.quote
{
	font-size: 1.6em;
}

div.accreditations ul
{
	 list-style: none;
	 margin: 0;
	 padding: 0;
}

div.accreditations ul li
{
	 margin-bottom: 20px;
}

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;   
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}


/* MISC  
----------------------------------------------------------*/
.clear { clear: both; height: 0em; font-size: 0em; line-height: 0; margin: 0; padding: 0; visibility: hidden; }

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{    
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

#banie6content { text-align: left; position: absolute; z-index: 1002; width: 500px; height: 200px; font-family: Arial; margin-top: 70px; margin-left: -220px; background-color: White; border: solid 1px #000; }
#banie6content p, #banie6content h2, #banie6content ul { margin-left: 15px; margin-right: 10px; }
#banie6mask { position: absolute; top: 0; left: 0; z-index: 1001; background-color: #000; width: 100%; height: 2000px; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80; -khtml-opacity:0.80; }


/*********** ACCREDITATIONS IN FOOTER ********************/

#accredsFooter { position:absolute; top:15px; width:450px; margin:0 0 0 120px; background:#ffffff; padding:5px; border:2px solid #888888; text-align:center; }
#accredsFooter a img { margin:0; height:50px; padding:2px 5px 2px 5px; }