* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { text-decoration: underline; color: #c4151c; }
a:hover { color: #444;}


body {
font: 62.5% "Arial", Helvetica, sans-serif;  
background: #fff url(../img/bg.gif) center 0 repeat-x;
color: #666;
}
#wrapper {
width: 908px;
margin: 0 auto;
}


/* header area */
#header {
width: 908px;
height: 142px;
margin: 0 0 12px;
background: url(../img/header.png) 0 0 no-repeat;
}
#logo { 
float: left;
width: 400px;
height: 107px;
font: bold 2em/1.1em "Arial", Helvetica, sans-serif;
}
#logo img {margin: 0 0 0 30px;}
#header p { margin: 0 34px 0 0; padding: 37px 0 0; text-align: right; color: #fff;letter-spacing: 0.05em;font: bold italic 1.9em/1.2em "Arial", Helvetica, sans-serif;  }



/* main navigation */
#nav, #nav ul{
height:32px;
width:890px;
padding: 0 0 0 18px;
list-style-type:none;
z-index:2;
clear: left;
float: left;
}
#nav a:hover, #nav a:hover span { color:#c4151c; text-decoration: none;}
#nav li{
float:left;
position:relative;
display:block;
height:32px;
padding:0 14px;
}
#nav li a {
display:block;
padding:0;
float: left;
text-decoration: none;
}
#nav li a span {
display:block;
padding:0 12px;
color:#666;
text-decoration:none;
font:bold 13px/31px "Arial", Helvetica, sans-serif;
}
#nav li a.current {background:url(../img/nav-current.gif) 0 0 no-repeat;}
#nav li a.current span {background:url(../img/nav-current.gif) right -32px no-repeat; float: left;color: #fff;}
#nav ul {
position:absolute;
display:none;
background: transparent url(../img/dropdown-bg.png) 0 bottom no-repeat;
padding: 0 0 7px;
width:150px;
height: auto;
top:31px;
left: 10px;
border-bottom: 0;
z-index: 500;
}
#nav ul.solutions {
background: transparent url(../img/dropdown-bg.png) right bottom no-repeat;
width:240px;
}
#nav ul.commercial {
background: transparent url(../img/dropdown-bg.png) -150px bottom no-repeat;
width:190px;
}
#nav li ul li{
height:auto;
padding: 0 10px;
}
#nav li ul li a{
width:121px;
height:30px;
padding: 0 3px 0 6px;
border-top:#bbb 1px dotted;
height:auto;
color: #666;
float:left;
font:normal 12px/30px "Arial", Helvetica, sans-serif;
}
#nav li ul.solutions li a {width:210px;}
#nav li ul.commercial li a {width:160px;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}



/* content area */
.content {
width: 900px;
float: left;
padding: 0 4px 12px;
}
.widecol {
width: 600px;
float: left;
padding: 0;
}
.rightcol {
width: 290px;
float: right;
}



/* Tabs */
.ui-tabs { padding: 0; zoom: 1; width: 290px; float: left; margin: 0 15px 0 0;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0;width: 290px; height: 31px; float: left; background: url(../img/tab-ul-bg.gif) 0 bottom repeat-x;}
.content .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 3px 0 0; padding: 0;  background: none;}
.ui-tabs .ui-tabs-nav li a {  outline: none; float: left; width: 105px; height: 23px;text-decoration: none; padding: 8px 0 0; font-size: 12px;color: #666; text-align: center; background: url(../img/tabs.gif) -105px 0 no-repeat;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background: url(../img/tabs.gif) 0 0 no-repeat;color: #333;font-weight: bold;  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel {  display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs .ui-tabs-panel .tab-content { border: 1px solid #ccc; border-top: 0; border-bottom: 0; height: 131px; clear: both; padding: 10px 15px 0; background: #fff;}
.ui-tabs .ui-tabs-panel .tab-content h4, .ui-tabs .ui-tabs-panel .tab-content p { padding: 0; margin: 0;}
.ui-tabs .ui-tabs-panel .tab-content h4 {font: bold 13px/1.2em "Arial", Helvetica, sans-serif; margin: 0 0 3px;	}
.ui-tabs .ui-tabs-panel .tab-content ul { padding: 0; margin: 0;}
.ui-tabs .ui-tabs-panel .tab-content ul li { border-bottom: 1px dotted #bfbfbf; padding: 0 0 5px 10px; margin: 4px 0 0;}
.ui-tabs .ui-tabs-panel .tab-content ul li small { padding: 0 0 0 2px; margin: 0;}
.ui-tabs .ui-tabs-panel .tab-content p { font-size: 11px; line-height: 14px;}
.ui-tabs .ui-tabs-panel .tab-content small { font-size: 10px; color: #888;}
.ui-tabs .ui-tabs-panel .tab-content img { float: right; margin: 0 0 3px 10px; border: 4px solid #eaeaea;}
.ui-tabs .ui-tabs-panel .btm { background: url(../img/box-290-bg.gif) 0 bottom no-repeat; width: 290px; float: left; clear: both; height: 8px; font-size: 1px; line-height: 1px; }


/* Box (290 pixels wide) */
#box-two-ninety { background: url(../img/box-290-bg.gif) 0 bottom no-repeat; width: 290px; float: left; }
#box-two-ninety div { background: url(../img/box-290-top.gif) 0 0 no-repeat; width: 260px; padding: 15px 15px 10px;}
#box-two-ninety h1 { font-size: 17px; margin: 0 0 10px; padding-bottom:7px;}
#box-two-ninety ul li small { font-size: 11px; }
#box-two-ninety ul li { margin: 0 0 4px;}


/* widecol (595 pixels wide) */
.top { background: url(../img/box-595-top.gif) 0 0 no-repeat; width: 595px; height: 10px; line-height: 1px; font-size: 1px; }
.btm { background: url(../img/box-595-btm.gif) 0 0 no-repeat; width: 595px; height: 10px; line-height: 1px; font-size: 1px; }
.widecol-content { background: url(../img/box-595-bg.gif) 0 0 repeat-y; width: 555px; padding: 2px 20px; }
.cols {width: 555px; padding: 0; height: 165px;}
.cols .col {width: 240px; float: left; padding: 5px 15px 0 0; margin-right: 20px;}
.cols .col p {line-height: 1.5em; }
.cols .col p span {width: 45px; float: left;font-weight: bold; }
.cols .brdr {border-left: 1px dotted #bbb; margin-right: 0; padding-left: 20px;width: 230px;}


/* Bottom link area */
.btm-link { background: url(../img/btm-link-bg.gif) 0 0 no-repeat; height: 25px; width: 260px; padding: 8px 15px 0; font-size: 12px; text-align: right;}
.btm-link a { background: url(../img/arrow-red.gif) 0 4px no-repeat; padding-left: 10px;}


/* Call to action */
#call-to-action { width: 290px; float: right; }
.rightcol #call-to-action { margin: 0 0 15px;}
#call-to-action h1 { background: url(../img/call-h1-bg.gif) 0 1px no-repeat; border: 0; padding: 11px 0 0 42px; margin: 0;height: 29px; color: #fff; font-size: 17px;}
#call-to-action p {margin: 0 0 10px;}
.call-content { border: 1px solid #ccc; border-top: 0; clear: both; padding: 13px 15px 3px; background: #fff url(../img/wood-bg.gif) right bottom no-repeat;}
#call-to-action .btm-link { text-align: left;height: 28px; padding: 5px 15px 0;}
#call-to-action .btm-link a { background: url(../img/arrow-red.gif) 0 7px no-repeat; padding: 3px 0 0 10px; float: left;}
#call-to-action .btm-link a.btn { background: none; padding: 0; float: right;background: none;}


/* table styles */
table {
	width: 100%; 
	margin: 0 0 15px; 
	text-align: left;
	font: normal 1.2em/1.25em "Arial", Helvetica, sans-serif;
	border-top: 1px dotted #bbb; 
	border-left: 1px dotted #bbb;
	}
table thead th, table tbody td { 
	padding: 10px 15px; 
	border-right: 1px dotted #bbb; 
	border-bottom: 1px dotted #bbb;
	}
table thead th { background: #f5f5f5; color: #555;padding: 7px 15px;}
table a {background: url(../img/submenu-li.gif) 0 0 no-repeat; padding: 0 0 0 22px;}


/* common font styles */
h1 { 
	font: bold 1.9em/1.2em "Arial", Helvetica, sans-serif; 
	background: url(../img/arrow-round-red.gif) 0 1px no-repeat; 
	margin-bottom: 15px; 
	padding: 0 0 10px 28px; 
	border-bottom: 1px dotted #bfbfbf; 
	}
h2 { 
	font: normal 1.4em/1.4em "Arial", Helvetica, sans-serif; 
	margin: 0 0 15px; 
	color: #444;
	}
	h2.quote {padding: 2px 0 0 20px;background: url(../img/quote.gif) 3px 0 no-repeat; }
h3 {
	font: bold 1.4em/1.3em "Arial", Helvetica, sans-serif; 
	margin: 0 0 5px;
	padding: 5px 0 0;
	color: #444;
	}
	h3 span {font: italic 85%/150% "Arial", Helvetica, sans-serif; color:#666;}
h4 {
	font: bold 14px/1.3em "Arial", Helvetica, sans-serif; 
	color:#c4151c;
	margin: 0 0 10px;
	padding: 5px 0 0;
	}
	h4 span {
		font: bold 12px/1.4em "Arial", Helvetica, sans-serif; 
		color:#444;
		}
h5 {
	font: bold 1.35em/2.2em "Arial", Helvetica, sans-serif; 
	color:#c4151c;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	height: 30px;
	background: url(../img/h5-bg.gif) 0 0 no-repeat; 
	}
p {font: normal 1.2em/1.35em "Arial", Helvetica, sans-serif;margin: 0 0 12px;}
p span, form td span {color:#c4151c;}
small { font: normal 75% "Arial", Helvetica, sans-serif; }
.content ul li {font: normal 12px/1.3em "Arial", Helvetica, sans-serif;margin: 0 0 7px; padding-left:10px;background: url(../img/arrow-grey.gif) 0 5px no-repeat;}
.content .widecol ul {margin: 0 0 15px 15px;}

.content ol {margin: 5px 0 0 20px;}
.content ol li {font: normal 12px/1.3em "Arial", Helvetica, sans-serif;margin: 0 0 10px;}
.ruler { 
	font-size: 1px;  
	height: 1px;
	margin-bottom: 15px; 
	padding: 0; 
	border-bottom: 1px dotted #bfbfbf; 
	}


/* quote */
.quote {background: #ededed url(../img/quote-top.gif) 0 0 no-repeat; width: 555px; margin: 0 0 20px; }
.quote div {padding: 15px;background: transparent url(../img/quote-btm.gif) 0 bottom no-repeat; width: 525px;}
.quote h2 { background: url(../img/quote.gif) 0 0 no-repeat; margin: 0; padding: 2px 0 0 20px; font-style: italic;color: #555; line-height: 1.4em;}


/* path/breadcrumbs */
p.path { font-size: 11px; color: #888; padding: 5px 0 15px; margin: 0; text-align: right;}


/* team links */
p.team a { padding: 0 10px;}
p.backtotop { font-size: 11px;}


a.arrow { padding: 0 0 0 8px;
	background: url(../img/arrow-grey.gif) 0 4px no-repeat;
	}


img.right {float: right; margin: 0 0 15px 20px; border: 4px solid #eaeaea;}


/* sub navigation */
#subnav {width: 290px;margin: 0 0 15px;}
#subnav .head {
	width: 247px; 
	height: 30px; 
	background: url(../img/submenu-header.gif) 0 0 no-repeat;
	font: bold 1.2em/2.7em "Arial", Helvetica, sans-serif;
	padding: 0 0 0 43px;
	}
#subnav .btm {
	width: 290px;
	background: url(../img/submenu-btm.gif) 0 bottom no-repeat;
	height: 10px; 
	line-height: 1px; 
	font-size: 1px;	
	clear: left;
	}
#subnav ul {width: 256px; background: #fff url(../img/submenu-bg.gif) 0 0 repeat-y; padding: 5px 17px 0;float: left;	}
#subnav ul li {margin: 0; padding:0;background: none; }
#subnav ul li a { 
	width: 231px;
	float: left;
	text-decoration: none;
	padding: 8px 0 8px 25px;
	background: url(../img/submenu-li.gif) 0 9px no-repeat;
	border-bottom: #bbb 1px dotted;
	}
	#subnav ul li a.current { color: #666;}
	#subnav ul li a:hover {text-decoration: underline;color: #c4151c;}
	
	#subnav ul ul {padding: 0;float: left;width: auto;}
	#subnav ul ul li a { 
		width: auto;
		width: 219px;
		padding: 5px 0 5px 37px;
		background: url(../img/arrow-grey.gif) 25px 10px no-repeat;
		}


.red-block { background:#fbeaeb; padding: 10px 20px 5px; margin: 25px 0;}



/* form */
form {font: normal 12px/15px "Arial", Helvetica, sans-serif; margin: 0 0 25px; color: #666;}
form .clear { clear: both; height: 1px; margin: 3px 0; line-height: 1px; font-size: 1px; width: 100%;}
form .ruler { clear: both; height: 1px; margin: 2px 0 5px; line-height: 1px; font-size: 1px; width: 100%;border-bottom: 1px dotted #bbb;}
form small { font-size: 11px; color: #999;}
form label {
	float: left;
	clear: left;
	width: 250px;
	padding: 5px 0 0;	
	}
form input, form textarea {
	background: #eee;
	border-top: 1px solid #878787;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #d3d3d3;
	margin: 0;
	color: #444;
	width: 250px;
	font: normal 12px/12px "Arial", Helvetica, sans-serif;  
	padding: 2px 5px; 	
	}
	form textarea {	width: 97%;}
form select {
	margin: 0;	
	font: normal 12px/12px "Arial", Helvetica, sans-serif;
	border-top: 1px solid #878787;
	border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #f5f5f5;
	border-left: 1px solid #d3d3d3;
	color: #444;
	padding: 1px; 
}
form textarea:focus, form input:focus, form select:focus { border: 1px solid #c4151c; background: #f5f5f5;}
form b {color: #c4151c; }
form input.btn {width: auto; border: 0; padding: 0;}
form table {font: normal 12px/13px "Arial", Helvetica, sans-serif;text-align: left;border: 0;}
form table thead th, form table tbody td { padding: 5px 0;border: 0;}
form table thead th { background: none; color: #555; text-align: center; color: #444;padding: 2px 0;}
form table thead td { font: normal 11px/12px "Arial", Helvetica, sans-serif; text-align: center;}
form table tbody th { text-align: center;}
form input.checkbox, form input.radio { background: none;
border: 0;
width: auto;
padding: 0;
}


/* clear everything (sometimes needed for IE 6) */
.clearall { 
width: 100%;
clear: both;
height: 1px;
float: left;
font-size: 1px;
line-height: 1px;
}


/* footer styles */
#footer {
clear: both;
margin: 0;
width: 870px;
height: 36px;
padding: 17px 19px 0;
background: url(../img/footer-bg.png) 0 0 no-repeat;
}
#footer p {
margin: 0;
font-size: 1.1em;
float: left;
}
#footer p.contact {float: right;} 


#outside {
clear: both;
margin: 0;
width: auto;
padding: 15px 0;
text-align: center;
color: #999;
line-height: 1.3em;
}

/* ie6 star hacks */