/***** Global Settings *****/
 
body {
 
margin:0 auto;
text-align:center;
background:url(../images/main_bg.png) repeat-x;
font: normal 100% Arial, Helvetica, sans-serif;
color:#666;
 
}
 
 
/***** Headings *****/
 

 
h1 {
 
padding:0 0 0 0;
letter-spacing:0px;
font: normal 130% Arial, Helvetica, sans-serif;
color:#b30909;
 
}
 
h2 {

font:normal 130% Arial, Helvetica, sans-serif;
color:#fff; 
background:url(../images/sideBarHeader.gif) no-repeat;

height:30px;
padding-left:5px;
padding-top:2px;
margin-bottom:0px;


}

hr {
	
	
	
	color:#ccc;
	height:1px;
	border:1px solid #ccc;
	clear:both;

	

}
.ctitle {

font:bold 130% Arial, Helvetica, sans-serif;
color:#ffffff;
background:#c20509;
/*margin-top:2px;*/
height:25px;
padding-left:5px;
padding-top:5px;
margin: 0 0 10px 0;

}


.himg {

margin-bottom:30px;

}


 
h3 {
 
font: bold 90% Arial, Helvetica, sans-serif;
color:#2a2a2a;
 
}

h4 {

font:bold 90% Arial, Helvetica, sans-serif;
color:#2a2a2a; 
width:218px;
line-height:4px;
padding:4px;
margin-top:5px;

}
 
/***** Common Formatting *****/
 

 
 
img {
 
border:0;
 
}

#logo {

text-align:left;
margin:auto;
height: 65px;

}

acronym, abbr {
 
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
 
}

ul
{
    margin-left: 0;
    padding-left: 15px;
}

 
/***** Links *****/
 
a,
 
a:link,
 
a:visited,
 
a:hover {
 
text-decoration:none;
 
}
 
/***** Main Site Content *****/
 

#topbar {

margin:0 auto;
font: bold 70% Arial, Helvetica, sans-serif;
color:#fff;
padding-right:30px;
padding-top:8px;
height:25px;
width:850px;
background:url(../images/topbar_link.png) top right no-repeat;
text-align:right;
}

#topbar a {

color:#fff;

}

#topbar a:hover {

color:#e5131a;

}

#header {

margin:0 auto;
width:866px;
text-align:center;
position:relative;
height:290px;
}

#contact {
margin:auto;
width:205px;
height:100px;
position:absolute;
right:0px;
top:0px;
text-align:left;
margin-bottom:0px;

}

#contact p {
margin:0;
padding:10px 0 10px 0;
font:normal 70% Arial, Helvetica, sans-serif;
color:#595858;
}

.contactinput 
{
    width: 250px;
}
.contacttext
{
    width: 250px;
    height: 100px;
}

#topcenter {
float:left;
margin:10px auto;
height:218px;
width: 860px;
}

#topcenter img{
    float: left;
    margin: 20px 0 0 0;
}

#headerText
{
    float: left;
    width: 420px;
}

#topcenter h1
{
   text-align: left; 
    font: Bold 1.6em trebuchet ms;
    color: #fff;
    margin: 35px 0 0 0;
}

#topcenter h3
{
    text-align: left;
     font: Bold 1em trebuchet ms;
    color: #fff;
    line-height: 22px;
    margin: 10px 0 0 0;
   
}
		
#slider1 {width:866px; position:relative; margin:auto;}
		
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 0px 0 0px;
			width: 866px;
		}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:auto;
			position: relative;
			width: 866px;
		}

		/* These 2 lines specify style applied while slider is loading */
.csw {width: 866px; height: 282px; overflow: scroll; position:relative}
		
.csw .loading {margin: 10px 0 10px 0; text-align: center}

.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border:none; /* this is the border. should have the same value for the links */
			margin: 2px 0 0 0;
			text-align:left;
			width: 866px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 282px;
			clear: both;
			z-index:0;
		
		}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 866px;
			height: 282px;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 282px;;
			position: relative;
			width: 866px; /* Also specified in  .stripViewer  above */
		}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			margin-right: 30px;
			position:relative;
			
		}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
.stripNav a { /* The nav links */
			font-size: 1px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 0px;
		}
		
.stripNav li.tab1 a { background:url(../images/button-1.png); width:32px; height:36px; position:absolute; top:245px; right:62px; z-index:1; font-weight:bold; }
.stripNav li.tab2 a { background:url(../images/button-2.png); width:31px; height:36px; position:absolute; top:245px; right:31px; z-index:1; font-weight:bold; }
.stripNav li.tab3 a { background:url(../images/button-3.png); width:31px; height:36px; position:absolute; top:245px; right:0px; z-index:1; font-weight:bold; }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }
		
.stripNav li.tab1 a:hover { background:url(../images/button-1a.png); width:32px; height:36px; position:absolute; top:245px; right:62px; z-index:1; font-weight:bold; }
.stripNav li.tab2 a:hover { background:url(../images/button-2a.png); width:31px; height:36px; position:absolute; top:245px; right:31px; z-index:1; font-weight:bold; }
.stripNav li.tab3 a:hover { background:url(../images/button-3a.png); width:31px; height:36px; position:absolute; top:245px; right:0px; z-index:1; font-weight:bold; }
		
.stripNav li a:visited {font-size: 1px;
			color: #fff;}
		
.stripNav li.tab1 a.current {
			background:url(../images/button-1a.png); width:32px; height:36px; position:absolute; top:245px; right:62px; z-index:1; font-weight:bold;
		}
		
.stripNav li.tab2 a.current {
			background:url(../images/button-2a.png); width:31px; height:36px; position:absolute; top:245px; right:31px; z-index:1; font-weight:bold;
		}
		
.stripNav li.tab3 a.current {
			background:url(../images/button-3a.png); width:31px; height:36px; position:absolute; top:245px; right:0px; z-index:1; font-weight:bold;
		}
		
.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
.stripNavL {
			left: 0;
		}
		
.stripNavR {
			right: 0;
		}
		
.stripNavL {
			background: url("../images/arrow-left.gif") no-repeat center;
		}
		
.stripNavR {
			background: url("../images/arrow-right.gif") no-repeat center;
		}
		



#content {

font:normal 14px Arial, Helvetica, sans-serif;
color:#555;
margin:auto;
width:866px;
text-align:left;
padding-top: 0px;
position:relative;
left:0;


}





#contentleft {

font:normal 100% Arial, Helvetica, sans-serif;
left:2px;
position:relative;
width:218px;
float:left;


}

#contentleft h2 
{
    padding: 3px 0 4px 5px;
    margin-top: 0px;
    height: auto;
    overflow: hidden;
}
#contentleft h1 
{
    padding: 0;
    margin: 0;
}

#contentleft ul {
	list-style:none;
	margin: 0;

	padding: 0 0 0 5px;
}

#contentleft li {

background :url(../images/arrow2.png) no-repeat left center;
font:bold 12px Arial, Helvetica, sans-serif;
color:#595858;
border-bottom:dotted 1px #a8a8a8;
text-align:left;
padding:0 0 0 8px;
margin:4px 5px 8px 4px;

left:0;

}

#contentright {

right:0;
position:relative;
width:640px;
font:normal 12px/150% arial, verdana;
color:#555;
float:right;

}

#contentright .padding {
padding: 0px 5px 10px 5px;
}

#contentright .mycontent ul {
	position:relative;
	list-style-type:none;
	border:0;
}


#contentright .mycontent ul li {
	position:relative;
	padding:4px;
	list-style-type:none;
	border:0;
	width:350px;
}

#contentright .mycontent ul li strong {
	position:absolute;
	text-align:right;
	padding:4px;
	right:0;
}


#homeright {

right:-8px;
position:relative;
width:640px;
margin-top:-22px;
font:normal 12px/150% arial, verdana;
color:#555;
float:right;

}


#contentright h2 {
background:none;
right:0;
width:100%;
font:bold 14px arial, verdana;
color:#b30909;
padding:0px;
margin-top:0px;
margin-bottom:-10px;



}


#contentright h3 {
background:none;
position:relative;
font:bold 12px arial, verdana;
color:#595858;
padding:0px;
margin-top:20px;
margin-bottom:15px;



}


#contentright h5 {
background:none;
position:relative;
width:100%;
font:bold 12px arial, verdana;
color:#595858;
padding:0px;
margin-top:15px;
margin-bottom:-10px;



}


#contentright ul {

list-style: none;
margin-top:0px;
margin-bottom:0px;

}

#contentright li {

list-style-image:url(../images/arrow2.png);
font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#595858;
border-bottom:dotted 1px #a8a8a8;
text-align:left;
padding-bottom:4px;
margin:0px 0 8px 0px;
list-style-position:outside;



}

#contentright li a {


font:normal 12px/14px Arial, Helvetica, sans-serif;
color:#595858;
border-bottom:dotted 1px #a8a8a8;



}

#contentright a {
	text-decoration:underline;
	color:#595858;
}

#contentright a:hover {
	text-decoration:none;
	color:#990000;

}




#contentright span {

font:bold 130%/170% arial, verdanal;
color:#b01e21;

}



.top  {

padding-top: 10px;
margin-bottom:4px;

}


.top li {
line-height: 4px;
margin-bottom: 4px;

}

.top h1 {
padding:0 0 0 0;
letter-spacing:0px;
font: normal 18px Arial, Helvetica, sans-serif;
color:#b30909;
}



#contentright .specialisms .heading {
font:normal 12px Arial, Helvetica, sans-serif;
color:#fff;
background:#c6161c;
position:relative;
padding:1px;
width:33%;
text-align:left;
border:solid 1px #e1e1e1;
height:39px;
vertical-align:middle;

}


#contentright .specialisms .heading h3 {

font:bold 13px Arial, Helvetica, sans-serif;
color:#fff;


}

#contentright .specialisms .list li {

list-style-image:url(../images/arrow2.png);
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#595858;
text-align:left;
margin:-2px 0 10px 0px;
left:0;

}

#contentright .specialisms .list ul {

list-style:none;
margin-left:15px;


}

.box1 {

font:normal 13px Arial, Helvetica, sans-serif;
color:#fff;
background:#c6161c;
position:relative;
padding:1px;
width:33%;
text-align:left;
border: 0;
height:39px;
vertical-align:middle;

}



.box1 div {

font:bold 100% Arial, Helvetica, sans-serif;
color:#fff;
padding:12px 0 0 5px;

}


.box1 div a {

font:bold 100% Arial, Helvetica, sans-serif;
color:#fff !important;


}

.box1 img {

float:right;


}

.box1 img.right
{
    position: relative;
top: -1px;
right: -1px;
}


.box2 {

font:normal 95% Arial, Helvetica, sans-serif;
color:#555;
position:relative;
padding:8px;
width:200px;
text-align:left;
border-left:solid 1px #e1e1e1;
border-right:solid 1px #e1e1e1;
vertical-align:top;

}


.box2 li {

list-style-image:url(../images/arrow2.png);
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#595858;
text-align:left;
margin:-2px 0 10px 0px;
left:0;

}

.box2 ul {
    list-style:none;
    margin: 0;
    padding: 0 0 0 15px;
}
    

.box2, .box4  {

vertical-align:top;
font-size:90%;
}

 
.box2, .box4  {

list-style-image:url(../images/arrow.png);
text-align:left;
font-size:90%;
width:200px;

}

.box4 h4 {
    padding: 0 0 5px 0;
    margin: 0;
    height: 18px;
    overflow: hidden;
    font-size: 1.05em;
    line-height: 15px;
}


.box3 {

font:bold 110% Arial, Helvetica, sans-serif;
color:#fff;
background:#999999;
position:relative;
padding-left:8px;
width:200px;
text-align:left;
border-left:solid 1px #e1e1e1;
border-right:solid 1px #e1e1e1;
border-bottom:solid 1px #e1e1e1;

height:28px;

margin-top:-10px;
}

.box4 {

font:normal 90% Arial, Helvetica, sans-serif;
color:#555;
position:relative;
padding:8px;
width:200px;
text-align:left;
vertical-align:top;
border-left:solid 1px #e1e1e1;
border-right:solid 1px #e1e1e1;
border-bottom:solid 1px #e1e1e1;
}

.box4 a {text-decoration:underline;}

.box4 ul {
    list-style:none;
    margin: 0;
    padding: 0 0 5px 15px;
}

.box4 li {



list-style-image:url(../images/arrow2.png);
font:normal 11px/14px Arial, Helvetica, sans-serif;
color:#595858;
text-align:left;
margin:-2px 0 10px 0px;
left:0;

}



#foot {

margin:auto;
text-align:left;
position:relative;

}

#linkfoot {

background:url(../images/pspace.png) no-repeat;

}


.news ,a , a:visited {

font:normal 90% Arial, Helvetica, sans-serif;
color:#595858;

}

.testimonial {

font:normal 70%/125% Arial, Helvetica, sans-serif;
padding:0 0px;
position:absolute;
right:0;
top:0;

}

.lefttext {

    font:normal 87%/150% Arial, Helvetica, sans-serif;
    padding:8px 5px;
    
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    height: auto;
    overflow: hidden;

}

.context {

font-weight:bold;
margin-top:-19px;
background:url(../images/conbg.jpg);
color:#595858;



}


.context a {


font-weight:bold;
color:#fff;




}


.context strong {


font-weight:bold;
color:#ffffff;




}


.context p {
font:bold 12px Arial, Helvetica, sans-serif;
padding:5px;

}


.context_web {
    color:#595858;
    font-weight:bold;
    
    border-top: solid 1px #999999;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;


}
.context_web a {
    color:#fff;
    font-weight:normal;
}
.context_web p {
    font:bold 12px Arial, Helvetica, sans-serif;
    padding: 5px;
    margin: 0;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}
.context_web div 
{
    background: #c20509 url(../images/redbg.gif) no-repeat bottom;
    color: #fff;
    z-index: 100;
    font-weight: bold;
    
    overflow: hidden;
    padding: 5px 0 0 3px;
}




.lefttext a {

color:#990000;
padding-top:8px;
margin-bottom:-10px;
padding-bottom:5px;
text-decoration:none

}


.lefttext a:visited {

color:#990000;
padding-top:8px;
margin-bottom:-10px;
padding-bottom:5px;
text-decoration:none

}


.lefttext a:hover {

color:#666666;
padding-top:8px;
margin-bottom:-10px;
text-decoration:none

}



.navfont {

padding-top:6px;

}


.foot-wrap {
	clear:both;
	width:100%;
	border-top:solid 3px #d2d2d2;
	margin-top:5px;
	margin:auto;
	text-align:center;
	
}

.footer {
	font-size:11px;
	clear:both;
	width:866px;
	margin-top:5px;
	margin:auto;
	text-align:left;
	color:#c6161c;
	margin-top:5px;
	position:relative;
}

.footer span {
	font-size:10px;
	color:#595858;
}

.footer a {
	text-decoration:underline;
	color:#595858;
}

.footer a:hover {
	text-decoration:none;
	color:#990000;

}

.footer .footright {
	position:absolute;
	right:0px;
}

.contact_request 
{
    padding: 2px 0 10px 0;
    text-align: center;
    display: none;
}

#flags
{
    position: absolute;
    right: 0px;
    top: 104px;
    z-index: 999;
}

#flags img
{
    margin-right: 10px;
}

#headerBlurb
{
    width: 300px;
    position: absolute;
    top: 10px;
    right: 30px;
}

#headerBlurb h4
{
    font: Bold 0.7em Arial, Verdana;
    color: #333333;
    width: 310px;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 17px;
}


#headerBlurb h5
{
    font: Bold 0.7em Arial, Verdana;
    color: #666666;
    width: 310px;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 17px;
}

.navLeft
{
    background: url(../images/navLeft.gif) no-repeat top;
    width: 4px;
    height: 35px;
    position: absolute;
    top: 75px;
    left: -3px;
    z-index: 999;
}

.navRight
{
    background: url(../images/navRight.gif) no-repeat top;
    width: 4px;
    height: 35px;
    position: absolute;
    top: 75px;
    right: 357px;
}

.boxContent {
    width: 196px;
    border-left: solid 1px #acacad;
    border-right: solid 1px #acacad;
    padding: 10px;
}

.boxFooter{
    background: url(../images/sideBarFooter.gif) no-repeat top;
    width: 218px;
    height: 18px;
}

.sideBox
{
    margin-bottom: 15px;
}