/* xxxxxxxxxxxxxxxxxxxxxx global basic elements xxxxxxxxxxxxxxxxxx */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
		text-align: center; /* for IE */
		padding: 0px;
		margin: 0px;
		background-color: #cccccc;
		    font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;

            }

#content {
	padding-left: 14px;
		padding-right 14px;
}

div#content-wide {
	margin: 0;
	width: 656px;
	background-color: #ffffff;
	padding:10px;
		padding-right:20px;
}


div#container {
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		text-align:left;
		width:950px;
		margin:0 auto;
		background-image:url(http://www.zoomgraphics.com/img/bg_global_content.jpg)

}
div#header {
		height:34px;
		position:relative;

		background-repeat:no-repeat; 
		background-position:top;

		color: #000;
			background-color:#fff;
					border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
}

div#center-column {

		width: 530px;
		padding: 10px;
}

div#sub-navigation-bar {
		height:28px;
		position:relative;
		color: #fff;
		background:#000;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
				padding-top: 5px;
				padding-left: 50px;
}

div#splash-bar {
		height:250px;
		position:relative;
		color: #fff;
		background:#e5e5e5;
		border-top: 1px solid #fff;
				border-bottom: 0px solid #fff;
}

div#title-bar {
		height:70px;
		position:relative;
		color: #fff;
	background:#e5e5e5;
		border-top: 1px solid #fff;
				border-bottom: 0px solid #fff;
}



div#sub-navigation {
		padding-top: 5px;
				padding-left: 50px;

}
div#banner-google {
		position:absolute;
		top: 4px;
		left:470px;
		z-index:20;
}


div#container {
}

div#content {
	margin: 0;
	margin-left: 250px;
	margin-right: 128px;
}



div#right-column {

}

div#left-column {

}

div#wrapper {
	float:left;
	width:100%;
}

div.float-left {
	float: left;
	padding:7px;
}

div.float-right {
	float: right;
	padding:5px;
}

h1 {
font-size: 24px;
line-height: 27pxem;
padding: 0px;
padding-top: 2px;
padding-bottom: 5px;
margin: 0;
border: 0;
}

h2 {
font-size:21px;
line-height: 24px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
border: 0;
}

h3 {
font-size: 18px;
line-height: 20px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
border: 0;
}

h4 {
font-size: 16px;
line-height: 18px;;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
border: 0;
}

h5 {
font-size: 14px;
line-height: 15px;;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
border: 0;
}

h5.no-padding {
padding: 0px;
}

hr.no-padding {
padding: 0px;
}


/* xxxxxxxxxxxxxxxxxxxxxxx global layout elements xxxxxxxxxxxxxxxxxx */

div.divider {
margin-top: 2px;
}


div#wrapper {
	border-bottom: 0px solid #fff;
}

div#content p {
	line-height:1.2;
}

div#content {
		background:#ffffff;
		border-bottom: 0px solid #ccc;
}


div#right-column {
	float:left;
	width:128px;
	margin-left:-128px;
	text-align: center;
}

div#left-column {
	float:left;
	width:250px;
	margin-left:-950px;
}

div#page-footer {
	height:34px;
	clear:left;
	width:100%;
	background-color:#ffffff;
	border-top: 3px solid #ccc;
	border-bottom: 2px solid #fff;

}

div#footer {
		height:14px;
		position:relative;
		text-align: top;

		background-repeat:no-repeat; 
		background-position:top;
		padding-right: 6px;
		color: #000;
		background-color:#fff;
		border-top: 4px solid #fff;
		border-bottom: 14px solid #fff;
		text-align: center;
}

div.footer-container {

		background-color:#fff;
		padding: 2px;

}

div.container-column-headline {
	text-align:center;
		background-color:#000;
		padding: 5px;
		padding-left: 10px;
		color: #fff;

}

div.container-column-headline-alt {

	text-align:center;
		padding: 5px;
		padding-left: 10px;
		color: #000;

}

div.border-box {
		border: 2px solid #000;
			padding: 10px;
			background-color: #e5e5e5;
}


.centered-image {
	text-align: center;

}


.left-column-bg-block {

		background-color:#000;
		padding: 4px;
		color: #fff;

}

div.left-column-thumbnail {
	float: left;
}

div.left-column-thumbnail-box {
		padding-left: 4px;
		padding-top: 1px;
		padding-right: 4px;
		padding-bottom: 1px;
}

.left-column-thumbnail-text {
		padding: 4px;
		height: 86px;

}

div.left-column-thumbnail {
		padding-left: 7px;
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 1px;
}

.left-column-thumbnail-text {


		height: 92px;

}


div.content-thumbnail {
	float: left;
}

div.content-thumbnail-box {
		padding-left: 4px;
		padding-top: 1px;
		padding-right: 4px;
		padding-bottom: 1px;
}

.content-thumbnail-text {
		padding: 4px;
		height: 86px;

}



.content-banner01 {
	background-color: #e5e5e5;
			margin-top: 5px;
						margin-bottom: 5px;
			padding: 5px;
			height: 240px;

}


.content-banner01-image {
	float: left;
				padding: 8px;
}


.content-banner01-text {
			padding: 8px;
}

.content-banner02 {
	background-color: #e5e5e5;
			margin-top: 5px;
						margin-bottom: 5px;
			padding: 2px;
			height: 114px;
			width: 528px;

}

.content-banner02-image {
	float: left;
				padding: 5px;

}


.content-banner02-text {
			padding: 3px;
}


.content-banner03 {
	background-color: #e5e5e5;
			margin-top: 5px;
						margin-bottom: 5px;
			padding: 2px;
			height: 164px;
			width: 528px;

}

.content-banner03-image {
	float: left;
				padding: 5px;

}


.content-banner03-text {
			padding: 5px;
}


.bullet-list-item {
			padding: 1px;
}


.left-banner-image {
    position: relative;
	border: 0px solid #000;
    padding: 0px;
    margin: 0px;
    background-color: #000000;
    text-align: center;

}




.left-container {
    position: relative;
	border: 2px solid #000;

    margin: 0px;
    background-color: #ffffff;
}


.left-banner-image {
    position: relative;
	border: 0px solid #000;
    padding: 0px;
    margin: 0px;
    background-color: #000000;

}


.left-column-bg-block {

		background-color:#000;
		padding: 4px;
		color: #fff;

}

.padded-list {
padding: 6px;
}

/* xxxxxxxxxxxxxxxxxx global style and text elements xxxxxxxxxxxxxxxxxxxx */

body {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	line-height: 14px;

	}


blockquote {
	border: 1px solid #000;
	padding: 10px;
	margin: 0px;
	background-color: #e5e5e5;
	
}

hr {
   border: 0;

   color: #999;
background-color: #999;
height: 1px;
}

div.center {
	text-align: center;
}

div.float-left {
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

div.float-right {
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

div.divider {
margin-top: 2px;
}
            
            
div#left-column {
	font-size: 12px;
	line-height: 13px;
}

div.left-column-text {
	font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 13px;
	
}


.nav-buttons {
    font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
    font-weight: bold;
        font-size: 12px;

}

.sub-nav-buttons {
    font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
    font-weight: bold;
        font-size: 12px;

}


.secondary-text {
    font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
    font-weight: normal;
        font-size: 11px;
        line-height: 12px;

}



.left-column-list {
    font-family: helvetica, arial, verdana, 'trebuchet ms', sans-serif;
    font-weight: normal;
        font-size: 12px;

        		padding-left: 20px;
}

.left-column-list li {

    font-weight: normal;
        font-size: 12px;


}


.left-container {
    position: relative;
	border: 2px solid #000;

    margin: 0px;
    background-color: #ffffff;
}


.left-container-center {
    position: relative;
	border: 2px solid #000;
	text-align: center;
    margin: 0px;
    background-color: #ffffff;
}


.left-container ul.left-column-list li {

    line-height: 13px;

}

.left-container ul.left-column-list li {


    margin-top: 4px;
        margin-bottom: 4px;
}

.left-column-subtext {
	font-size: 11px;
	line-height: 12px;
font-family: Arial, Helvetica, san-serif;
}

.left-column-thumbnail-text {
	font-size: 11px;
	line-height: 12px;
font-family: Arial, Helvetica, san-serif;
}

.left-column-center-padded {
text-align: center;
padding: 3px;
}

.left-column-left-padded {
text-align: left;
padding: 8px;
}
.slideshow-links {
	font-size: 14px;

		text-align: center;
}

.float-left-listing {
	float: left;
	text-align: left;
	width: 200px;

}

.leader-text {
font-family: Arial, san-serif;
	font-size: 16px;
	font-style: bold;
}

.caption {
	font-size: 11px;
	text-align: center;
	padding: 3px;
	margin: 0px;
	border:0px;
}
/* xxxxxxxxxxxxxxxxxxxxxxx global navigation elements xxxxxxxxxxxxxxxxxx */

div.navigation {
		padding-top: 10px;
		padding-left: 50px;
		padding-right: 6px;
		float: right;
}

div.logo-right {
		padding-top: 2px;
		padding-left: 30px;
		padding-right: 0px;
		padding-bottom: 0px;
}
a:link, a:visited {
	color: #36C;
	    text-decoration: none;
}


a:hover {
	color: #33C;
		    text-decoration: none;
}

a.headline-link:link,a.headline-link:visited
{
	color: #000;
		    text-decoration: none;
}
a.headline-link:hover
{
	color: #33C;
		    text-decoration: none;
}


a.nav-links:link,a.nav-links:visited
{         
	color: #36C;
		    text-decoration: none;
}

a.nav-links:hover
{         
	color: #872830;
		    text-decoration: none;
}


a.subnav-links:link,a.subnav-links:visited
{         
	color: #ffffff;
		    text-decoration: none;
}

a.subnav-links:hover
{         
	color: #33C;
		    text-decoration: none;
}


a.link-banner-rollover, a.link-banner-rollover:link, a.link-banner-rollover:visited, a.link-banner-rollover:active {
	display:block;
	background-color: #000000;
	/* Need to set width otherwise it spans the whole width */
	width:250px; /* Note add 2px to width to allow for padding on each side */
}

a.link-banner-rollover:hover {
	background-color:#9F0000;
}

a.link-banner-rollover img {
	display:block;
	margin:0;
	border:0;
	padding:2px;
	width:246px;
}


a.link-thumb01-rollover, a.link-thumb01-rollover:link, a.link-thumb01-rollover:visited, a.link-thumb01-rollover:active {
	display:block;
	background-color: #000000;
	/* Need to set width otherwise it spans the whole width */
	width:164px; /* Note add 2px to width to allow for padding on each side */
}

a.link-thumb01-rollover:hover {
	background-color:#9F0000;
}

a.link-thumb01-rollover img {
	display:block;
	margin:0;
	border:0;
	padding:2px;
	width:160px;
}





a.left-column-links:link,  a.left-column-links:visited {
color:#03c;
}

a.left-column-links:hover {
color:#06c;
}

a.content-banner-link:link,  a.content-banner-link:visited {
color:#03c;
}

a.content-banner-link:hover {
color:#06c;
}


/* xxxxxxxxxxxxxxxxxxxxxxx new cascading elements xxxxxxxxxxxxxxxxxx */


div.border-box {
		border: 2px solid #000;
			padding: 10px;
			background-color: #e5e5e5;
}

.float-left-listing {
	float: left;
	text-align: left;
	width: 200px;

}

h5.no-padding {
padding: 0px;
}

hr.no-padding {
padding: 0px;
}

div.line {
	border: 0px;
	margin: 0px;
	padding: 3px;
			border-bottom: 1px solid #000;
			margin-left: 175px;
				margin-bottom: 10px;
	
}