/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:760px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:35px; 
 background-color:#FFFFFF; 
 width:100%;
 vertical-align:bottom;
 margin-top:10px;
} 
#logo {
	vertical-align:bottom;
}
#leftcol{
	width:160px; 
	float:left; 
	position:relative; 
	padding-bottom:1em;
}
#leftcolsub{
	width:150px; 
	float:left; 
	position:relative; 
	padding-bottom:1em;
}
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:580px; 
 padding-bottom:1em;
 }
#maincolsub {
 background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:600px; 
 padding-bottom:1em;
}
#maincol > *, #maincolsub> * {
	text-align:justify;
	float:none;
}
#footer{
	height:20px;
	background-color:#ad0000;
	clear:both;
	text-align:right;	
 } 
#footer * {
	padding-top:5px;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
.banner {
	height:96px;
	width:100%;
	clear:both;
	margin-bottom:10px;
}
#companybanner {
	background:url(../images/banner_company.jpg) no-repeat;
}
#careerbanner {
	background:url(../images/banner_career.jpg) no-repeat;
}
#newsroombanner {
	background:url(../images/banner_newsroom.jpg) no-repeat;
}
#portfoliobanner {
	background:url(../images/banner_portfolio.jpg) no-repeat;
}
#servicesbanner {
	background:url(../images/banner_services.jpg) no-repeat;
}
#contactusbanner {
	background:url(../images/banner_contact.jpg) no-repeat;
}
#sitemapbanner {
	background:url(../images/banner_sitemap.jpg) no-repeat;
}
#indexbanner {
	background:url(../images/banner_main.jpg) no-repeat;
}
.bannerslogan {
	margin-left:-1000px;
	display:none;
}

#quicklink {
	border:1px solid #CCC;
	background-color:#f2f2f2;
	border-collapse:collapse;
	margin:0em 1em .5em 0;
	height:300px;
	padding:.5em;
}

#quicklink ul {
	list-style:none;
	margin-left:1em;
	margin-right:1em;
	margin-top:1em;
	/* for ie*/
}
#quicklink > ul {
	list-style:none;
	margin-left:-1.7em;
		/* for mozilla*/
}
#quicklink ul ul {
	list-style:none;
	margin-left:1em;
	margin-bottom:1em;
		/* for ie*/
}
* > #quicklink ul ul {
	list-style:none;
	margin-left:-2em;
	margin-bottom:1em;
		/* for mozilla*/
}

a:link.quicklink, a:hover.quicklink, a.quicklink {
	font-weight:bold;
	color:#CC0000 !important;
	text-decoration:none;
}
a:hover.quicklink {
	text-decoration:underline;
}

.quicklinkdesc {
	
}
.listing td {
	vertical-align:top;
	padding-bottom:.5em;
}
.title {
	font-weight:bold;
}
.desc {
	margin-top:1em;
	font-size:9pt !important;
}
.textfield, textarea, .btn {
	border:1px solid #CCC;
	background-color:#F4F4F4;
}
blockquote {background:url(i/quotel.gif) no-repeat 0 0; margin:0; clear:both;  line-height:22px;}
blockquote > p {background:url(i/quoter.gif) no-repeat 100% 100%; margin-bottom:0; padding:0 22px; line-height:22px;}
p.ref {margin:0 0 auto 44px; padding-left:7px; color:#666; font-size:0.9em; background:url(i/cite.gif) no-repeat 0 55%}

body p {
	text-align:justify;
}

/**
*** Menu
**/
/**************** menu coding *****************/

/* Begin CSS Popout Menu */

#menu{
width:100%;
float:right;
background-image:url(../images/nav_side.gif); 
background-repeat:repeat; 
height:24px; 
clear:both;
padding-top:.5em;
padding-bottom:0;
margin-bottom:0;
}
ul#menulist {
padding-bottom:0;
margin-bottom:0;
}
ul#menulist li {
	display:inline;
	float:left;
	padding-left:.5em;
}
ul#menulist li:hover {
		background-image:url(../images/menu_top_arrow.gif);
	background-repeat: no-repeat;
	background-position:center left;
}
ul#menulist li ul li:hover{
	background-image:none;
}
#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#menu h2{
color:#fff;
text-transform:uppercase
}

#menu a{
text-decoration:none;
border-bottom: none;
}

#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{
color:#fff;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:right;
}

#menu li{
position:relative;
min-width:10em;
width:9em;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

.menusub{
	padding-top:1em;
	padding-bottom:1em;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=4);
}
.menusub li a{
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
color:#000 !important;
background:#eee;
}
.menusub li a:hover{
border-width:1px;
border-style:solid;
border-color:#CC0000;
white-space:nowrap;
color:#fff !important;
background:#CC0000;
}
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#fff;
}

#menu a.x:hover{
color:#fff;
}

#menu a.x:active{
color:#060;
}

/* End CSS Popout Menu */

/** Content Formatting **/
/* header */
body {
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-size:12px;
}
h1 {
	color: #990000;
	font-size: 18px;
}
h2 { 
	color: #000000;
	font-size: 14px;
	margin-bottom:.5em; 
	padding-top:.7em;
}
p {
	color: #414040; 
}
blockquote p {
	padding:0;
	margin:0;
	padding-bottom:1em;
}
ul {
	list-style-type:square;
}
.quotel {
	font-size: 150%;
	font-weight: bold;
	color: #bbb;
	margin-right:.5em;
}
.quoter {
	font-size: 150%;
	font-weight: bold;
	color: #bbb;
	margin-left:.5em;
}
.cite {
	margin-left:60%;
	margin-bottom:3em;
}
.imgleft {
	padding:0px .5em .5em 0px;
}
.imgrgt {
	padding:0px .5em 0px .5em;
}
.copyright {
	color: #ffffff;
	font-size: 9px
}
.titleheader {
	color: #000000;
	font-weight: bold;
	font-size: 15px
}
.subheader {
	color: #ffffff; 
	font-size: 13px;
	font-weight:bold;
}
a.toplink, a.toplink:visited, a.toplink:active{ 
	color:#000000;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
}
a.toplink:hover, a.toplink:visited:hover  {
	border-bottom:1px dotted #000000;
	text-decoration: none;
}
#maincolsub a, #maincolsub a:link, #maincolsub a:active, #maincolsub a:visited, #maincol a, #maincol a:link, #maincol a:active, #maincol a:visited {
	color:#990000;
	text-decoration:none;
}
#maincolsub a:visited:hover, #maincolsub a:hover, #maincol a:visited:hover, #maincol a:hover {
	border-bottom:1px dotted #990000;
}
#leftcol  a:link, #leftcol  a:active, #leftcol  a:visited, #leftcolsub  a:link, #leftcolsub  a:active, #leftcolsub  a:visited {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#leftcol  a:visited:hover, #leftcol  a:hover, #leftcolsub  a:visited:hover, #leftcolsub  a:hover {
	text-decoration:underline;
}