/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 

0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; 

text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; 

padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#E8F6FF }
.warning { color:#FDB927; font-weight:bold; }
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }
.wysiwygLeft { border: 4px solid #e6e6e6; float: left; margin: 10px 10px 10px 0; }

/* =default form controls styling: */
.pagination { padding: 10px; font-size: 1.1em; background: #e5e5e5; font-weight: bold; }
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; }
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: 

normal; margin: 0 2px 2px 2px; }
.paginationF a.lastpage { border: solid 2px #EEEEEE; }
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: 

#FDB930; font-weight: normal; }
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; }
.resources li { margin-bottom: 8px; padding-left: 0px; background: 

url(../images/more-bullet.gif) no-repeat 0 4px; }
.resources li img { padding-left: 5px;  }

div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; }
div.row p { font-size: 1em; }
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; }
div.rowlong span.label { width:370px; }

#searchdiv *
{
	vertical-align:middle;
}
.keywordtext {
	font-weight:normal;	
	}

/* ==UNIVERSAL: (overall body and content formatting) 

======================================================= */
body
{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 62.5%;
color: #323232;
background: #666666;
text-align: center;
}

p
{
line-height: 1.4em;
}

a:hover
{
text-decoration: underline;
}

/* ==LEGO: (the main divs used to build the layout) 

======================================================= */
#container
{
	width: 769px;
	background: url(../images/background-repeater2.gif) repeat-y top right #fff;
	margin: 0 auto;
	text-align: left;
}

#wrapper
{
width: 760px;
padding-right: 0px;
overflow: hidden;
position: relative;
z-index:1;
text-align: left;
}

#toolbarshow
{
	z-index:100;
}

#logo-nav
{
background-color: #9E9E9E;
border-bottom: 7px solid #fff;
}

#sidebar
{
clear: left;
float: left;
width: 186px;
min-height: 287px;
padding: 0 22px 0 17px;
margin: 0 0 60px 0;
background: url(../images/sidebar-bg.gif) no-repeat;
}

* html #sidebar
{
height: 287px;
}




#maincontent
{
float: left;
width: 489px;
padding: 5px 25px 10px 21px;
overflow: hidden;
margin: 0 0 40px 0;
}
* html #maincontent
{
width: 455px;
padding-left: 0;
margin: 4px 0 0 10px;
}


#print-etc
{
position: absolute;
bottom: 30px; left: 0;
margin-bottom: 20px;
padding: 0 22px 0 17px;
}

#copyright-etc
{
width: 100%; overflow: hidden;
padding: 0 10px 0px 0 !important;
padding: 0 8px 0px 0;
clear: both;
background-color:#EEEEEE;
}
* html #copyright-etc
{
width: 100%; margin-right: -10px;
}
#copyright-etc ul
{
	float: left;
	padding: 1.2em 1.2em 1.2em 1.2em;
}

/* ==PAINT: (styling of items within the main divs) 

======================================================= */

#logo-nav h1
{
float: left;
}
#logo-nav h1 img
{
	margin-top:8px;	
	display: block;
}
#logo-nav ul
{
float: right;
}
#logo-nav ul li
{
float: left;
margin-top: 59px;
padding: 0 17px 0 15px;
background: url(../images/nav-bg.gif) no-repeat top right;
}
#logo-nav ul li.nav5
{
padding-right: 30px;
background: none;
}
#logo-nav ul li a
{
display: block;
height: 14px;
text-indent: -10000em;
background-repeat: no-repeat;
overflow: hidden; /* Firefox "still-pretend-you-can-click-the-minus-10000-text-and-outline" 

fix */
}
#logo-nav ul li.nav1 a
{
width: 60px;
background: url(../images/nav-aboutus.gif);
}
#logo-nav ul li.nav2 a
{
width: 81px;
background: url(../images/nav-casestudies.gif);
}
#logo-nav ul li.nav3 a
{
width: 51px;
background: url(../images/nav-services.gif);
}
#logo-nav ul li.nav4 a
{
width: 91px;
background: url(../images/nav-infrastructure.gif);
}
#logo-nav ul li.nav5 a
{
width: 70px;
background: url(../images/nav-contactus.gif);
}
#subnav
{
	margin: 1em 0 0 0; padding: 0;
	font-size: 1.2em;
}
#subnav li 
{
	padding: 0.1em 0 0.1em 0;
}
#subnav li a 
{
	font-weight: bold;
	color: #333333;
}
#subnav li a:hover
{
	text-decoration: none;
	color: #D30033;
}
#subnav li ul
{
	margin: 0.2em 0 0.2em 0; padding: 0;
}
#subnav li ul li
{
	list-style-type: square;
	margin: 0 0 0 1.3em;
}
#subnav li ul li a
{
	font-weight: normal !important;
}
ul#resource
{
	list-style-type: none;
}
ul#resource li 
{
	font-size: 1.1em;
	margin-bottom: 0.4em;
	color: #333333;
}
ul#resource li a
{
	color: #333333;
}
ul#resource li a:hover
{
	text-decoration: none;
	color: #D30033;
}
ul#resource li a img
{
	vertical-align: middle;
	margin: 0 0.75em 0 0;
}

#pagetitle
{
width: 100%;
overflow: hidden;
background: url('../images/orange-pagetitle-bg.gif') top left repeat-x #FF9300;
}
#pagetitle h2
{
float: left;
margin-bottom: -2px;
width: 225px;
max-width: 225px;
overflow: hidden;
}
#pagetitle h2 span
{
display: block;
margin: 1.5em 1.5em 1em 0.6em;
color: #FFFFFF;
font-size: 2.8em;
font-weight: normal;
text-transform: lowercase;
overflow: hidden;
width: 200%;
}

#pagetitle h2 span span
{
display: none;
}
.pagebanner
{
float: left;
}


#sidebar h3
{
font-size: 1.6em;
text-transform: lowercase;
margin-bottom: 7px;
/*font-family: "lucida sans", "lucida grande", lucida, arial, helvetica;*/
font-family: verdana, arial, helvetica, geneva, sans-serif; 
}
.sidebar-item#keepinformed h3
{
background: url('../images/keepinformed-bg.gif') top left repeat-x #C7C7C7;
margin: 0 0 14px -17px;
padding: 0.7em 1em 0.7em 1em;
color: #FFFFFF;
width: 222px;
text-transform: lowercase;
}
.sidebar-item#keepinformed
{
padding-top: 0 !important;
}
#sidebar dl
{
clear: left;
}
#sidebar dl dt
{
float: left;
width: 31px;
margin-right: 11px;
}
#sidebar dl dd
{
float: left;
width: 140px;
margin-bottom: 10px;
}
#sidebar dl dd h4
{
text-transform: lowercase;
font-size: 1.2em;
font-weight: bold;
/*font-family: "lucida sans", "lucida grande", lucida, arial, helvetica;*/
font-family: verdana, arial, helvetica, geneva, sans-serif; 
}
.sIFR-hasFlash #sidebar dl dd h4
{
font-size: 14px;
}
#sidebar dl dd p
{
font-size: 1.1em;
color: #121212;
}
#sidebar dl dd a
{
color: #121212;
}

.sidebar-item
{
width: 186px;
overflow: hidden;
margin: 0 -12px 0 -17px;
padding: 15px 22px 15px 17px;
background: url(../images/sidebar-item-bg.gif) no-repeat bottom left;
}
.sidebar-item p
{
margin-bottom: 15px;
font-size: 1.1em;
/*font-family: "lucida sans", "lucida grande", lucida, arial, helvetica;*/
font-family: verdana, arial, helvetica, geneva, sans-serif; 
}
.sidebar-item .textinput
{
width: 121px;
padding: 2px;
border: 1px solid #ccc;
font-size: 1.2em;
color: #444;
vertical-align: middle;
}
.sidebar-item .submit
{
vertical-align: middle;
}

#maincontent h3
{
margin: 10px 0;
font-size: 2.1em;
text-transform: lowercase;
background: url(../images/maincontent-col-h4-bg.gif) no-repeat 100% 60%;
}
#maincontent h4
{
margin: 10px 0 18px 0;
font-size: 1.6em;
text-transform: lowercase;
}
#maincontent p
{
margin-bottom: 10px;
}

#maincontent UL
{
margin-left: 3em;
list-style-type:square;
}


#maincontent img { margin: 10px; }

#maincontent-col1
{
width: 226px;
float: left;
margin-right: 20px;
}
* html #maincontent-col1
{
width: 222px;
}
#maincontent-col2
{
width: 236px;
float: left;
}
#maincontent dl
{
margin: 0; padding: 0;
width: 100%; overflow: hidden;
clear: left;
}
#maincontent dl dt
{
position: relative;
left: -10px;
float: left;
}
#maincontent dl dt img
{
margin-top: 0;
border-width: 2px;
border-style: solid;
border-color: #D0D0D0 !important;
}
#maincontent dl dd
{
float: left;
position: relative;
left: -10px;
width: 130px !important;
width: 126px;
margin-bottom: 6px;
}

* html #maincontent-col1
{
margin-bottom: 0px;
}

#maincontent dl dd h4
{
font-size: 1em;
background: none;
text-transform: none;
margin: 0;
font-weight: bold;
}
#maincontent dl dd p 
{
margin: 0;
}
#showcaselist
{
	margin: 2em 0 0 0;
	
}
#showcaselist dl
{
	clear: both;
	margin: 0.8em 0 0 0;
	width: 100%;
	overflow: hidden;
}
#showcaselist dl dd
{
	width: 345px !important;
	width: 325px;
}


#print-etc ul li
{
margin-bottom: 3px;
padding-left: 24px;
}
#print-etc ul li.printpage
{
background: url(../images/icon-printpage.gif) no-repeat 2% 5%;
}
#print-etc ul li.emailpage
{
background: url(../images/icon-emailpage.gif) no-repeat 0% 30%;
}
#print-etc a
{
color: #9a9a9a;
}

#copyright-etc ul
{

color: #666;

}
#copyright-etc ul li
{
float: left;
padding: 0 5px;
border-right: 1px solid #666;
}
#copyright-etc ul li.last
{
border-right: none;
}
#copyright-etc ul li a
{
color: #666;
font-weight: bold;
}
#copyright-etc p
{
padding: 1.2em 1.2em 1.3em 1.2em;
float: right;
}
#sitemap 
{ 
list-style-type: disc; 
padding: 0 0 0 1.5em; 
}
#sitemap ul 
{ 
list-style-type: circle;  
}

/* ==EXTRANEOUS: (default hacks, etc.) ======================================================= 

*/
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

/* =========== Chris's Bits and Bobs ===================================================*/

.row
{
	clear:both;
	padding:0em 0em 0.5em 0em;
	vertical-align:middle;
}

.pagecontentlabel
{	
	clear:both;
	color:#505050;
	float:left;
	font-size: 1.0em;
	width: 150px;
	margin-right: 15px;
	text-align: left;
	margin-top:4px;
}
.textBox 
{
	display:block; 
	font-weight:bold; 
	padding-bottom: 5px;
	margin-top:10px;
}

UL.sidebar-error
{
	color:#FF6600;
	font-weight:bold;	
}

.validateerror
{
	color:Red;
	clear:both;
	margin-left:170px;
}
.btnsend
{
	margin-left:170px;
	width:100px;
	text-align:center;
	
}
#pagelinks
{
	
}
#pagelinks ul li a img {
	vertical-align: top;
	margin-right: 0.4em;
}

#sidebar-contactUs-email
{
	font-weight:bold;
	font-size:1em !important;
}

#sidebar-contactUs-tel
{
	
	font-size:1.6em !important;
}


#mediacontent 
{
	text-align:center;
}

.textBox1 .label 
{
	width:165px;
}