/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*  http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dd,dt,img,q,table,thead,caption,th,tr,td { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* Reset element defaults */
/* block elements */
html, body, div, map, dt, isindex, p, multicol, 
dl, dd, ul, menu, dir, ol, blockquote, address, 
center, listing, plaintext, xmp, pre, hr, marquee,
h1, h2, h3, h4, h5, h6 {   display: block;}

/* hidden elements */
area, base, basefont, head, meta, script, style, title,
noembed, noscript, param {   display: none;}

/* Table elements */
table {display: table;}
caption {display: table-caption;}
tr {display: table-row;}
col {display: table-column;}
colgroup {display: table-column-group;}
tbody {display: table-row-group;}
thead {display: table-header-group;}
tfoot {display: table-footer-group;}
td {display: table-cell;}
th {display: table-cell;}

/* nested lists have no top/bottom margins */
ul ul,   ul ol,   ul dir,   ul menu,   ul dl,
ol ul,   ol ol,   ol dir,   ol menu,   ol dl,
dir ul,  dir ol,  dir dir,  dir menu,  dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul,   dl ol,   dl dir,   dl menu,   dl dl {  margin-top: 0;  margin-bottom: 0;}


/*
(CC) 2005 Catics Ltd. - Jacobus van Niekerk - http://www.catics.com
You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright may not be reproduced.
*/

/* Default "H" setting */
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* Other default text styles */
p { margin:.3em 0 }
blockquote,q { font-style:italic }

/* General structure of root elements */
html, body {	height:100%;}
body {	text-align:center; position:relative;}

/* Breadcrums */
ul#breadcrums {	list-style-type:none;}
ul#breadcrums li {	display:inline;}

/* Nifty Corners */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* Other "helper" Styles  and other Fixes */
img {	
	display:block;
	border:0;
	background: #fff url(/assets/dynamic/2/headerimages/loading.gif) no-repeat 50% 50%;
}
.spacer {	clear:both;	font-size:0;}
.hide, hr {
	display:none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* Global clear float fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Global IR code IR (Image Replacement )*/
.replace{
      position:relative;
      margin:0; padding:0;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block !important;
      position:absolute !important;
      top:0;
      left:0;
      z-index:1;
}

*>html .clearfix {height: auto;}

/* Hides from IE-mac \*/
* html #container, * html .clearfix {height: 1%;} /* Fixes for IE/Win Unscrollable Content Bug/Float bugs */
/* End hide from IE5/mac */

/* standard settings for Business CMS */
* {margin:0;padding:0;}

/* Main layout */
#container {
 position:relative;
 text-align:left;
}
#header {
	background-repeat: no-repeat;
   position:relative;
}

#header #extra {
 position: absolute;
 top:10px;
 right:0;
 border:1px solid #093;
 padding:3px;
 width: 468px;
 height: 60px;
 background:#fff;
}

* html #header #extra {
 top:20px;
}
/* Company Logo */
h1#logo a{cursor:pointer !important; font-size:1px !important;	text-indent: -9999px;}
#logo span {
	background-repeat: no-repeat;
	background-position: 0 0;
}
#pageTitle, #pageTitle.hide { display:none !important; font-size:1px !important;}

/* Sub nav */	
#nav-sub li.selected a {
	font-weight:bold;
	cursor:default;
	text-decoration:none;
}


/* breadcrums */
#breadcrums li {
	display:inline;
	margin-left:5px;
	padding-right:5px;
	border-right:1px solid #333;
	}
#breadcrums li.last {border-right:0px solid #fff;	}
#breadcrums li a{
	font-weight:bold;
}
#home #breadcrums { display: none; }

/* content */
#content { position :relative;}

/* Main content */
#content, #content #maincontent, #content #maincontent ul ul {	padding-bottom:0;margin-bottom:0;}
#content #maincontent { margin-bottom:0 !important; padding-bottom:0 !important;}
#content #maincontent ul, #content #maincontent ol {
	list-style-type: square;
	margin:0 5px 0 30px;
	padding-bottom:10px;
}

#content #maincontent ol {	list-style-type: decimal;}
#content #maincontent ul.icons {	list-style-type: none;	list-style-image: none; margin-left:10px;}
#content #maincontent ul.icons  li{	margin:0 5px 15px 0;}
#content #maincontent ul.icons p { margin-left:30px;}

#content #maincontent ul li a.ppt, #content #maincontent ul li a.pdf, #content #maincontent ul li a.doc, #content #maincontent ul li a.xls, #content #maincontent ul li a.swf  {
	background: #fff url(/assets/dynamic/2/headerimages/ppt.gif) no-repeat 0 50%;
	padding-left: 30px;
	font-weight:bold;
}

#content #maincontent ul li a.pdf {	background: #fff url(/assets/dynamic/2/headerimages/pdf.gif) no-repeat 0 50%;}
#content #maincontent ul li a.doc {	background: #fff url(/assets/dynamic/2/headerimages/doc.gif) no-repeat 0 50%;}
#content #maincontent ul li a.xls {	background: #fff url(/assets/dynamic/2/headerimages/xls.gif) no-repeat 0 50%;}
#content #maincontent ul li a.swf {	background: #fff url(/assets/dynamic/2/headerimages/swf.gif) no-repeat 0 50%;}
#content #maincontent ul li a.zip{	background: #fff url(/assets/dynamic/2/headerimages/zip.gif) no-repeat 0 50%;}

#content #maincontent ul li span {
	font-weight:normal;
	line-height:1.5;
	margin:0 0 0 30px;
	display:block;
}

#content #maincontent ul li .size{margin:0;display:inline;}
#maincontent blockquote {margin-bottom:1.5em;}
#maincontent img {	padding:5px;	margin:5px;}
#maincontent h1, #maincontent h2,  #maincontent h3, #maincontent h4, #maincontent h5,  #maincontent h6 {	margin:0;	font-size:115%;}
#content #maincontent p, #content #maincontent ul { margin-bottom:1.25em;}




/*Gallery*/
#maincontent #galImageA, #maincontent #galImageA .img-gal, #maincontent #galImageB, #maincontent #galImageB .img-gal, #maincontent #galImageC, #maincontent #galImageC .img-gal, #maincontent #galImageD, #maincontent #galImageD .img-gal, #maincontent #galImageE, #maincontent #galImageE .img-gal {
	list-style-type: none;	
    list-style-image: none;
    margin-left:0;
    margin-bottom:0;
}

#maincontent #galImageB, #maincontent #galImageC, #maincontent #galImageD, #maincontent #galImageE {
 display: block !important;
 clear:both !important;
 width:97%;
 margin-bottom: 10px;
}

#maincontent #galImageB .img-gal li p, #maincontent #galImageC .img-gal li p { display: none;}
#maincontent #galImageB .img-gal li, #maincontent #galImageC .img-gal li, #maincontent #galImageD .img-gal li, #maincontent #galImageE .img-gal li {
float: left;
display: inline !important;
}


/* Gal A */
#maincontent #galImageA .img-gal li {
display: block !important;
width:97%;
clear:both;
margin-bottom:15px;
min-height:75px;
padding:10px;
}

#maincontent #galImageA .img-gal img {
 float:left;
 display: inline;
 width:auto;
 margin:0 10px 5px 0;
}

#maincontent #galImageA .img-gal li ul{
 list-style-type:circle;
 padding:0;
 margin:0;
}
#maincontent #galImageA .img-gal li ul li{
 list-style-type:circle;
 min-height: 1% !important;
 width: auto !important;
 padding:0;
 margin:0 0 0 15px;
 clear: none;
}

/* Gal B */
#maincontent #galImageB #galMainImage {
 margin-left:0;
 margin-bottom:15px;
 clear:right;
}
#maincontent #galImageB .img-gal li img{margin-left:0;margin-bottom:0;}


/* Gal C */
#maincontent #galImageC #galMainImage, #maincontent #galImageD #galMainImage, #maincontent #galImageE #galMainImage {display:none;}
#maincontent #galImageC li, #maincontent #galImageD li, #maincontent #galImageE li { margin-left:0;}


/* Gal D */
#maincontent #galImageD .img-gal li p, #maincontent #galImageE .img-gal li p { line-height:1.2; padding-bottom:0; margin:0 0 5px 5px;}


/* Table */
#content #maincontent table { background: #eee;}
#content #maincontent table td{
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #999;
 border-bottom:1px solid #666;
 padding:5px;
 background: #fff;
 font-size:100%;
line-height:1.1em !important;
}
#content #maincontent table td p {
 margin:0 !important;
 padding:0 !important;
}
#maincontent strong {
margin:0;
padding:0;
}

/* main content sections */
#maincontent .section {
	float:left;
	display:inline;
	width:47%;
	margin-right:20px;
	margin-bottom:20px;
}

#maincontent .last { margin-right:0 !important;}
#maincontent .section ul{
	background: none !important;
	padding:0 0 5px 0 !important;
}
#maincontent .section p {	margin:0 10px 10px 10px !important;}

/* sidebar */
#content #sidebar ul { list-style-type:circle !important;}
#content #sidebar p, #content #sidebar ul {	margin: 0 0 10px 10px;}
#content #sidebar ul li { margin-left:15px;}

p#backtotop {
	text-align:center;
	width:25px;
	padding:5px 0 0 0;
	display:block;
 margin-bottom:0 !important;
 padding:0 !important;
 clear:both;
	}

/* footer */
#footer {
 text-align:left;
 background-repeat: no-repeat;
 background-position: 0 0;
 }

 ul#text-sizer {
 font-weight:bold;
}

#footer #text-sizer a{
 font-weight:normal;
 margin-left:10px;
}
#footer ul li{	display:inline;}
#footer p, #catics-azapi { margin-right:10px;}
#footer p a {	margin-left:5px; text-decoration:none; font-weight:bold;}
#footer p a:hover { text-decoration:underline;}

/* forms elements */
#maincontent form {
	margin:0;
   padding:10px;
   width:95%;
}

#maincontent form label {font-weight:bold;}
/*#maincontent form input, #maincontent form select, #maincontent form textarea {	margin-bottom:10px;}*/
#maincontent form input:focus, #maincontent form select:focus, #maincontent form textarea:focus {	background:#ffe;	}
#maincontent form span.tip, #maincontent form span.error { color: #900; }

/* listings */
#compBusinessListings { margin-bottom:10px;}
#compBusinessListings ul { list-style-type:none;margin:0 !important; padding:0 !important;}
#compBusinessListings ul.listings li {list-style-type:none;}

#compBusinessListings.typeA {}

#compBusinessListings.typeB {}

#compBusinessListings.typeC { list-style-type:none; margin:0 !important; padding:0 !important;}
#compBusinessListings.typeC li{ display:block; margin-bottom:10px; font-weight:bold;}
#compBusinessListings.typeC li ul { list-style-type:none; margin:0 !important; padding:0 !important;}
#compBusinessListings.typeC li ul li { display:inline; margin-right:10px; font-weight:normal;}
#compBusinessListings.typeC .listings { clear: both;}
#compBusinessListings.typeC .listings li { float:left; width:48%;}
#compBusinessListings.typeC .listings-detail li { border-top:1px dotted #ccc; margin-bottom:10px; padding:10px 0; font-weight:normal;}
#compBusinessListings.typeC .listings-detail li img{ float:right; padding:5px; margin:0 0 0 10px;}
#compBusinessListings.typeC .listingsNextPrev {background:#f1f1f1; padding:5px; margin-bottom:0;}
#compBusinessListings.typeC .listingsNextPrev a{ margin-right:10px;} 
#compBusinessListings.typeC .listingsNextPrev a.selected { font-weight:bold;}

#compBusinessListings.typeD {}

#compBusinessListings ul.listingsBreadcrumb li {display:inline; margin-right:5px;}
#compBusinessListings ul.listingsBreadcrumb li a{ margin-right:5px;}
#compBusinessListings ul.listingsBreadcrumb li.selected a{ text-decoration:none;}

#compBusinessListings #listingsNewEntry { margin-bottom:10px; text-align:right; background:#f1f1f1; padding:5px;}
#compBusinessListings form { margin-bottom:10px;}

#executiontime { text-align:center; color: #f00; font-size: 80%; }
body {
	font: x-small/1.7em sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font: small/1.7em sans-serif;
	}
html>body {	font: small/1.7em sans-serif;	}

body {	background: #03080C url(../headerimages/xbackground-slice.jpg) repeat-y 50% 50%;}
*, body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#515151}

/* Main layout */
#container {
	margin:25px auto 0 auto;
	width:774px !important;
	background: #fff;
}

#header {
	height:85px;
	margin-bottom:35px;
	background-color: #fff;
	background-position: 100% 100%;
}

#header #extra { display: none !important;
}
/* Company Logo */
h1#logo{
	position:absolute;
	top:0;
	left:0;}
#logo, #logo span{
      height:80px;
      width:250px !important;
}
h1#logo a{color: #123197;}
#logo span {
	background-color: #fff;
}

/* nav */
#nav {
	position:absolute;
	top:85px;
	left:0;
	width:100%;
	background: #fff;
	border-bottom:1px solid #ccc;
}

#nav li{
	height:30px;
	float:left;
	display: inline;
	text-align:center;
	border-bottom:3px solid #fff;
	margin-right:0px; 
}
#nav li.selected {
	border-bottom:3px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#nav li.selected a, #nav li.selected a:hover, #nav li.selected a:hover  em{
	color:#fff;
background: #333;

}
#nav li.selected a em {color:#fff; background: transparent;}
#nav li a {
	float:left;
	background: #eee;
	width:auto;	
	height:30px;
	line-height:30px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 20px;
	background: #fff url(images/h3-bg3.gif) repeat-x 0 -30px;
}

#nav li a:hover, #nav li a:hover em {
	background:#333;
	color:#fff;
}

#nav li a em {
	font-style:normal;
	color:#333;
	text-decoration:underline;
}


/* Sub nav */	
#nav-sub {
	padding:5px 0 0 0;
	background: #fff;
	position:absolute;
	top:-170px;
	left:0;
z-index:100;
	width:100%;
	opacity: .85;
	filter: alpha(opacity=85);
	display:table;
}

#nav-sub ul li{
	display:inline;
	margin-left:10px;
	font-size:90%;
}
/* breadcrums */
#breadcrums {
position:absolute;
top:280px;
left:5px;
z-index:100;
background: #fff;
}

#breadcrums li {
	font-size:90%;
	color:#999;
	border-right:1px solid #900;
	}
* html #breadcrums li {
	padding:0 5px 0 2px;
}


#section-img {
	position: relative;
	height:150px;
	margin-bottom:10px;
width:774px;
background: #333;
}

#section-img h2 {
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:100%;
	width:auto;
	background:#333;
	padding:5px;
	position:absolute;
	bottom:10px;
	left:10px;
	opacity: .85;
	filter: alpha(opacity=85);
	border:1px solid #fff;
z-index:1;
}
/* content */
#content {
 float:left;
 display:inline;
 width:100%;
 margin:10px 0;
position: relative;
}

#content p {	margin:0 0 10px 10px;}
#content blockquote {	margin:10px 0 20px 10px;}


/* maincontent */	
#content #maincontent {
	float:left;
	display:inline;
	width:65%;
	margin:20px 0 10px 0;
	padding-bottom:20px;
	background: url(images/splitter.gif) no-repeat 50% 100%;
position: relative;
}
#home #maincontent {margin:0 0 10px 0;}

#content #maincontent h3, #relevantLinks h3  {
	color:#900;
	font-size:120%;
	padding:5px 0;
margin-left:10px;
}
#content #maincontent ul, #content #maincontent ol {
	list-style-image:url(images/bullet.gif);
}






#maincontent h4 {
	padding:5px;
	margin:0 0 0 5px;
}

#maincontent img {
	border:3px solid #eee;
	padding:5px;
	margin:5px;
}

#maincontent a:hover img {
	border:3px solid #900;
}

#content #maincontent img.gal {
float:left;
display:inline;
}
#content #maincontent img.top-img {
margin:0;
}






#maincontent #galImageA .img-gal li {
border:1px solid #003A8E;
background: #F4F8FF;
}


#maincontent #galImageA .img-gal li li{
border:0px solid #003A8E;
background: #F4F8FF;

}

#maincontent #galImageA #galMainImage, #maincontent #galImageB #galMainImage {
border:1px solid #ccc;
padding:3px;
margin: 0 0 20px 0 ;
}




#maincontent #galImageC .img-gal li a img{
 border:3px solid #ccc;
}

#maincontent #galImageC .img-gal li a:hover img, #maincontent #galImageB .img-gal li a:hover img{
 border:3px solid #999;
}

#galImageC { padding-left:10px !important;}

/* main content sections */
#maincontent .section {
	width:47%;
	background: #fff url(../headerimages/section_bg.gif) repeat-x 0 0;

}



/* sidebar */
#content #sidebar {
	width:30%;
/*position:absolute;
top:-103px;
right:0;
*/
margin-top:-103px;
float:right;
display: inline;
border-left:1px dotted #ccc;
border-top:1px dotted #ccc;
background: #fff url(../headerimages/section_bg.gif) repeat-x 0 0;
z-index:100;
position: relative;
	}
#content #sidebar h3{
	color:#333;
	padding:5px 10px 10px 10px;
	font-size:120%;
	margin-bottom:5px;
border-bottom:1px solid #ccc;
background: #fff url(../headerimages/section_bg.gif) repeat-x 0 0;
position: relative;
	}	

#content #sidebar p, #backtotop {	font-size:90%;}




#backtotop {
	background: url(images/backtotop.png) no-repeat 50% 0;
	float:right;
clear: both !important;
	}

/* footer */
#footer {
 float:left;
 display:inline;
 width:100%;
 font-size:85%;
padding-left:10px;
	background-color: #333;
	background-position: 100% 100%;
color:#fff;
clear: both !important;
 }

ul#text-sizer {
	position:absolute;

	top:10px;
	right:0;
	margin-top:-25px;

	color:#999;
}



#footer p, #catics-azapi { margin-right:10px;}
#footer p, #footer p a {color:#fff;}
/* Catics / Azapi*/
#catics-azapi {
	font-size:85%;
	float:right;
}




/* Default "a" settings */
#header a, #breadcrums a{	color:#900;}
a, a:link {	color:#666; text-decoration: underline;}
#nav a, #nav a:link {	color:#333; text-decoration: none;}
a:visited {	color:#069; text-decoration: underline;}
a:hover {	color:#900; text-decoration:none;}
a:active, a:focus {	color:#999;}

/* form */
#maincontent form {
background: #eee;
margin-left:10px;
}

#ps_catics_chat_button { position:absolute; top:-170px; right:0px;}
#relevantLinks { clear: both;  width:99%;}
#relevantLinks ul { margin-left:30px;}

body {
	font: x-small/1.7em sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	font: small/1.7em sans-serif;
	}
html>body {	font: small/1.7em sans-serif;	}