/* Start of CMSMS style sheet 'UE' */
div {     background-color:transparent; }
*{margin:0;	padding:0;}
td {vertical-align:top;} /*to align names in contact page*/
.clearb{	display:none;}
#content-wrapper,
#clearb,
#links1,
#menuwrapper,
#primary-nav{	border:none;}
body{	font-size:0.8em;	font-family: "Tahoma", arial, helvetica, sans-serif; }
#pagewrapper{
	width:990px; /* no horizontal scrolling for 1024x768 */
	margin: 2px auto;
	background: url(./images/cms/background.jpg) no-repeat #FFF -4px 0px;
  	height:715px;
}

#header{
	display:block;
	float:left;
	}
	#header h1 a{
		text-indent:-99em;
		display:block;
		padding: 0px ;
		height:110px;
		width:400px;
	}

#content{
	width:740px;
	margin-left:250px;
	color:#666;
	float:left;
	padding:10px 0px 20px 0px;	
	min-height:550px;
	}
.front #content{min-height:300px;}
	
	#main{
		padding:0px;
		border:none;
		margin-left:50px;
		background:transparent;
			}
	#nav-block{
		float: right;
		margin:5% 2%;
		width:30%;
	}
		#nav-block h3 {
			text-align:center;
		}
			#nav-block h3 a {
				text-decoration:none;
			}
		#side-nav, #side-nav ul{
			list-style:none;
		}
		#side-nav li{
			padding: 5px 0px;
		}
#footer{ 
	text-align:center;
	clear:both;
	font-size:0.8em;
	color:#808080;
	padding-left:250px;
	}
#footer .left{
	float:left;
}
#footer .right{
	float:right;
}

/*************************************************************************************/
/* Text formatting  */
/*************************************************************************************/

p{
	padding: 3px 0 3px 0;	
}
ul{
	padding: 3px 0px 3px 30px;
	list-style: none;
}

#content ul li{
	background: url(images/cms/bullet.gif) no-repeat 0px 3px;
	padding: 3px 0px 3px 18px;
	
}
#content ul li ul li {
	background: url(images/cms/bullet2.gif) no-repeat 0px 4px;
}
/* header title only */
h1{
	}
/* main page title */
h2{
	font-size:1.8em;
	font-weight:normal;
	color:#040b60;
	padding: 8px 0 3px 0;
	}
h3{
	color:#676EB7;
	padding: 10px 0 2px 0;
	}
#content a{
	color:#040b60;
	text-decoration:none;
}
#content a:hover{
	color:#676EB7;
}
/***********************/
/** Careers details page ***/
/***********************/
#JobPostDisclaimer{
     margin-top:5px;
     font-size:0.9em;
}
/***********************/
/** Testimonial form ***/
/***********************/
.contactform fieldset{
	padding:10px;
	border: 1px #F9DC02 solid;
	width:700px;
	background:white;
	float:left;
}
.contactform .error-msg{ width:300px; clear:none; display:block; float:right; color:red}
.contactform legend { padding:3px; font-weight:bold;}
ol{margin-left:30px;}

.contactform legend,
.contactform input,
.contactform textarea
{
	margin:3px; display:block; float:left;
}
.error_message { color:red;}
.contactform label, .contactform .error-msg{ margin:8px 0 8px 0;}
.contactform input{
	padding:5px;
	background:transparent url(images/cms/link-background.jpg) repeat-x scroll 0 4px;
	border:1px solid #D9DBE7;
}
.contactform .agree{
	margin-left:150px;
	display:block;
	float:left;
	margin-top:10px;
	width:550px;
}
.contactform .agree input{
	display:inline;
	margin-top:10px;
	border:none;
	float:none;
	padding:0px;
}
.contactform .agree .error-msg{
	margin-top:0;
	display:inline-block;
	float:none;
}
.contactform .agree label{
	display:inline;
	float:none;
}
.contactform .conditions{
	display:block;
	font-weight:bold;
	margin-left:150px;
	width:400px;
}
.privacy { margin-bottom:10px; width:500px; display:block; border:none;}
.contactform .privacy div{	float:left; margin: 2px 0px 2px 150px; width:250px;}
.contactform .privacy div div{margin:0}
.contactform .privacy div label{float:none; width:300px;margin:0px; display:inline;  vertical-align:middle; }
.contactform .privacy div input{background:none; float:none; margin-top:5px; padding:5px;border:none; display:inline; vertical-align:middle;}	
.contactform .privacy .error-msg {margin:0;  float:right; width:300px; padding-top:50px;}
.contactform .privacy label { margin-bottom:-20px;}
.contactform textarea {float:left; width:400px;}
.contactform label{
	width:130px;
	display:block;
	float:left;
}
.contactform div{
	clear:both;
	float:left;
	width:700px;
	padding-top:1px;
}
.contactform input.checkbox{
	clear:both;
	float:left;
	margin:8px;
}

/*****************/
/** Front page ***/
/*****************/
.front h2 a, .front h2 a.visited{
	text-decoration:none;
	color:#040B60;
	padding:20px 50px;
}

.front h2{  line-height:30px;}
#content H2{ margin-left:0px; padding-left:50px; line-height:35px;}
.front #content{height:350px; width:775px;}
.front #content h2{padding-left:0px;}
.front #main{ padding-top:0px; margin-left:50px; width:300px; float:left; display:block;}
.front p{ padding-left:50px; padding-top:0px; margin-top:-5px;}
.front #capabilities{	background: url(images/cms/capabilities.jpg) 	no-repeat 0px 3px;	}
.front #about{			background: url(images/cms/about.jpg) 			no-repeat 0px 3px;	}
.front #clients{		background: url(images/cms/clients.jpg)			no-repeat 0px 3px;	}
.front #contact{		background: url(images/cms/contact.jpg) 		no-repeat 0px 3px;	}
#inset-img{ 
	background: url(images/cms/inset.jpg) no-repeat;
	display:block;
	height:210px;
	margin-top:6px;
	width:787px;
	float:left;
	margin-left:200px;}
.front .sideBox { margin: 20px 0 0 5px; float:left; display:block; width: 380px; border:2px solid #f4d200; }
.front .NewsSummary{padding:10px;}
.front .NewsSummarySummary{padding:10px 0px 10px 0px; /*color:#040b60;*/}
.front #content .NewsSummarySummary a{ color:#666;}
.front #content .NewsSummarySummary a:hover { color:#676Eb7;}
.front #content .NewsSummaryOtherlink { float:right; display:block; }
.front #content .NewsSummaryMorelink a,
.front #content .NewsSummaryOtherlink a{/*color:#808080;*/ margin-top:5px;}
.front #content .NewsSummaryMorelink a:hover{color:#676EB7;}
.front #content .sideBox h2{padding:0; line-height:1.3em; font-size:1.3em;}
.front #content .sideBox h2 a { padding:0;}
.front #content .sideBox span.quotes {font-size:1.3em}

body.clients 		#content h2{	background: url(images/cms/clients.jpg) 0px 5px no-repeat; }
body.capabilities 	#content h2,
body.case-studies	#content h2	{	background: url(images/cms/capabilities.jpg) 0 5px no-repeat;}
body.about 			#content h2,
body.our-team       #content h2 {	background: url(images/cms/about.jpg) 0 5px no-repeat;}
body.testimonial	#content h2,
body.testimonials	#content h2,
body.submit-testimonial #content h2,
body.contact		#content h2{	background: url(images/cms/contact.jpg) 0 5px no-repeat;}
body.careers		#content h2{	background: url(images/cms/careers.jpg) 2px 6px no-repeat;}

/*************************************************************************************/
/* Navigation - Primary  */
/*************************************************************************************/

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#links1 {
   margin-top:50px;
   display:block;
   float:right;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { /* sets the width, background, location of the menu */
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   border:none;
   padding: 5px 20px; 
   text-decoration: none; 
   color:#4c4c4c;
   background-color:#FFF;
   
}
	
#primary-nav li ul{
	border: 1px solid #ffdc03;
	margin-left:2px;
	padding:0;
}	
#primary-nav li{	
	padding:0px;
}
 
#primary-nav li.menuparent a { 
  /* background-color: #ececec; */
}
#primary-nav li a { 
   padding: 30px 20px 5px 20px;
   margin: 2px; 
    font-size:0.9em;
    display:block;
    background:url(images/cms/link-background.jpg) repeat-x 0 12px;
}

/* don't want background gradient in drop-down */
#primary-nav li.menuparent li a, 
#primary-nav li li a,
#primary-nav li.menuactive ul li a,
#primary-nav li.menuparent ul,
#primary-nav li.menuparenth ul li a{
	background:#fff;
	
}

#primary-nav li li a:hover,
#primary-nav li.menuparent ul li a:hover,
#primary-nav li.menuparenth ul li a:hover{
	   background: #FFDC03;
}
/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive a{ 
  /* background-color: #C7C7C7; */
    background: url(images/cms/mouseover.jpg) repeat-x  0px 12px;

}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
}


/* Styling the apperance of menu items on hover */

/*#primary-nav li:hover,*/ 
#primary-nav li.menuh a, 
#primary-nav li.menuparenth a, 
#primary-nav li.menuactiveh a,
#primary-nav li a:hover { 
  background: url(images/cms/mouseover.jpg) repeat-x  0px 12px;
}
#primary-nav li li a { 
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
   margin:0px;
   top:-2px;
   background: white;
}
#primary-nav ul li ul li a,
#primary-nav ul li li a,
#primary-nav ul li.menuactive li a,
#primary-nav ul li.menuparent ul li a{
	background:#fff;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 2px;
   margin-left: 2px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a.
#primary-nav li a { 
   height: 1%; 
}
/*************************************************************************************/

/* End of 'UE' */