/* CSS Document */

.----------------LAYOUT-STYLES {}

html, body {
	height:100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;	
}


body {
	padding:0px;
	margin:0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;	
}

.----------------DEFINED-TAGS {}

a {
	color:#3A5180;	
	font-weight:bold;
}

a:visited {
	color:#743A80;
}

a:hover {
	color:#A48D60;
}

.----------------GENERAL-STYLES {}

.photo-float {
	float:right;
	padding:10px;
}

.no-decoration-a a:visited {
	color: #000000;
	text-decoration:none;
}

.no-decoration-a {
	color: #000000;
	text-decoration:none;
}

.no-decoration-a a {
	color: #000000;
	text-decoration:none;
}

.main-description-p {
	margin-top:5px;
	margin-bottom:10px;
}

.--------ALIGN-STYLES {}

.align-right {
	text-align:right;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

img {
	border:0px;
}

td {
	vertical-align:top;
	padding:0px;
}

h1 {
	font-size:24px;
	margin-top:10px;
}

h2 {
	font-size:20px;
}


.--------NAVIGATION{}

.top-nav-bg-td {
	background-color:#437491;
	width:100%;
}

.top-nav-home a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:48px;
	display:block;
	background-image: url(../images/top_nav_home.gif);
	background-position:0 0px;
}

.top-nav-home a:hover {
	background-position:0px -17px;
}

.top-nav-home-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:48px;
	display:block;
	background-image: url(../images/top_nav_home.gif);
	background-position:0 -17px;
}

.top-nav-services a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:90px;
	display:block;
	background-image: url(../images/top_nav_web.gif);
	background-position:0 0px;
}

.top-nav-services a:hover {
	background-position:0px -17px;
}

.top-nav-services-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:90px;
	display:block;
	background-image: url(../images/top_nav_web.gif);
	background-position:0 -17px;
}

.top-nav-graphic a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:118px;
	display:block;
	background-image: url(../images/top_nav_graphic.gif);
	background-position:0 0px;
}

.top-nav-graphic a:hover {
	background-position:0px -17px;
}

.top-nav-graphic-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:118px;
	display:block;
	background-image: url(../images/top_nav_graphic.gif);
	background-position:0 -17px;
}

.top-nav-faqs a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:42px;
	display:block;
	background-image: url(../images/top_nav_faqs.gif);
	background-position:0 0px;
}

.top-nav-faqs a:hover {
	background-position:0px -17px;
}

.top-nav-faqs-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:42px;
	display:block;
	background-image: url(../images/top_nav_faqs.gif);
	background-position:0 -17px;
}

.top-nav-system a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:82px;
	display:block;
	background-image: url(../images/top_nav_principles.gif);
	background-position:0 0px;
}

.top-nav-system a:hover {
	background-position:0px -17px;
}

.top-nav-system-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:82px;
	display:block;
	background-image: url(../images/top_nav_principles.gif);
	background-position:0 -17px;
}

.top-nav-contact a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:97px;
	display:block;
	background-image: url(../images/top_nav_contact.gif);
	background-position:0 0px;
}

.top-nav-contact a:hover {
	background-position:0px -17px;
}

.top-nav-contact-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:97px;
	display:block;
	background-image: url(../images/top_nav_contact.gif);
	background-position:0 -17px;
}

.top-nav-clients a {
	clear:both;
	vertical-align:top;
	height:17px;
	width:63px;
	display:block;
	background-image: url(../images/top_nav_clients_new.gif);
	background-position:0 0px;
}

.top-nav-clients a:hover {
	background-position:0px -17px;
}

.top-nav-clients-on {
	clear:both;
	vertical-align:top;
	height:17px;
	width:63px;
	display:block;
	background-image: url(../images/top_nav_clients_new.gif);
	background-position:0 -17px;
}

.float-right {
	float:right;
}

.float-right-padded {
	float:right;
	padding:8px;
}

.float-left {
	float:left;
}

.float-left-padded {
	float:left;
	padding:8px;
}

.required-star-txt {
	font-weight:bold;
	color:#CC0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.header {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

.header input {
	background-color:#FFFFCC;
}

.top-nav-right-td {
	padding-right:10px;
}

.header-top {
	height:112px;
	width:100%;
	background-image:url(../images/top-header-bg.png);
	background-position:right;
	background-color:#B6C5FF;
	background-repeat:no-repeat;
	width:100%;
	min-width:600px;
}

.header-inside {
	width:600px;
	padding:0px;
	margin:0px;
}

.top-nav-div {
	background-color:#000000;
	height:20px;
	width:100%;
	text-align:center;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
}

.top-nav-div a {
	color:#FFFFFF;
	text-decoration:none;
}

.top-nav-div a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.top-nav-div a:hover {
	color: #CC0000;
	text-decoration:none;
}

.header img {
	border:0px;
}


.clearheader{
	height:110px;
}

.header-top-top {
	background-color:#6C96AE;
	height:3px;
	width:100%;
}

.header-bg-td {
	background-image:url(../images/top-header-bg.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}

.header-bottom-bottom {
	background-color:#2C607F;
	height:4px;
	width:100%;
}

.header-bottom-td {
	background-image:url(../images/header_bottom_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
}

.top-nav-home a {
	clear:both;
	vertical-align:top;
	height:19px;
	width:48px;
	display:block;
	background-image: url(../images/top-nav-home.png);
	background-position:0 0px;
}

.top-nav-home a:hover {
	background-position:0px -19px;
}

.top-nav-original a {
	clear:both;
	vertical-align:top;
	height:19px;
	width:125px;
	display:block;
	background-image: url(../images/top-nav-original.png);
	background-position:0 0px;
}

.top-nav-original a:hover {
	background-position:0px -19px;
}

.top-nav-party a {
	clear:both;
	vertical-align:top;
	height:19px;
	width:119px;
	display:block;
	background-image: url(../images/top-nav-party.png);
	background-position:0 0px;
}

.top-nav-party a:hover {
	background-position:0px -19px;
}

.top-nav-board a {
	clear:both;
	vertical-align:top;
	height:19px;
	width:153px;
	display:block;
	background-image: url(../images/top-nav-board.png);
	background-position:0 0px;
}

.top-nav-board a:hover {
	background-position:0px -19px;
}

.top-nav-card a {
	clear:both;
	vertical-align:top;
	height:19px;
	width:118px;
	display:block;
	background-image: url(../images/top-nav-card.png);
	background-position:0 0px;
}

.top-nav-card a:hover {
	background-position:0px -19px;
}


.--------FOOTER {}

.footer {
	width:100%;
	height:55px;
	background-image: url(../images/footer-bg.png);
	background-position:top;
	background-repeat:repeat-x;
	margin-top:-55px;
	padding:0px;
	font-size:12px;
}

.footer p {
	text-align:center;
	padding-top:3px;
	margin-top:-3px;
	font-size:11px;
}

.clear-footer {
	height:20px;
}

* html #footer {/*only ie gets this style*/
	\height:30px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}


.footer-table {
	vertical-align:bottom;
	background-color:#E3E2D3;
}

.footer-td {
	vertical-align:bottom;
}

.footer-top-td {
	background-image:url(../images/footer_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	text-align:center;
	padding-top:15px;
	
}

.footer-bottom-td {
	background-image:url(../images/footer_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}

.footer-p {
	margin-top:2px;
	margin-bottom:2px;
} 

.footer-award-img {
	margin-top:20px;
}

.portfolio-td {
	vertical-align:middle;
		text-align:center;
}

img {
	vertical-align:top;
}

.wide {
	width:100%;
}

.nowrap {
	white-space: nowrap;
}

.main {
	padding-left:10px;
	padding-right:10px;
}

.body-table {
	height:100%;
	width:100%;
	padding:0px;
}

.caption {
	margin:0px;
	font-size:11px;
	font-weight:bold;
}

.dice-div-2 {
	font-size:11px;
	text-align:center;
	border:1px dashed orange;
}

.dice-title a {
	font-size:14px;
	font-weight:bold;
	color:#FF9900;
}

.download-txt-div {
	border:1px dashed green;
	padding:3px;
	margin:3px;
	font-weight:bold;
	background-color:#E6FFD4;
}

.download-txt-div a {
	font-weight:bold;
	color:#336600;
}

.more-txt-div {
	border:1px dashed blue;
	padding:3px;
	margin:3px;
	font-weight:bold;
	background-color:#D4EFFF;
}

.download-txt-div a {
	font-weight:bold;
	color:#336600;
}

.example-div {
	float:right;
	padding:10px;
	border:1px dashed silver;
	width:250px;
	margin:20px;
}