/* CSS Document */

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

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


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

.----------------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;
}

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-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:130px;
}

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

.header-bg-td {
	background-image:url(../images/header_bg.gif);
	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%;
}

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

.footer {
	width:100%;
	height:40px;
	background-color: #000000;
	color:#FFFFFF;
	margin-top:-40px;
	padding:0px;
	font-size:12px;
}

.footer a {
	color:#FFFFFF;
}

.footer a:visited {
	color:#FFFFFF;
}

.footer a:hover {
	color:#FFFFFF;
}

.footer p {
	text-align:center;
	margin-top:3px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clear-footer {
	height:0px;
}

* 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;
}


.--------FAQS{}

.question-p {
	margin-left:15px;
	padding-left:22px;
	margin-bottom:4px;
	margin-right:15px;
	background-image:url(/images/q.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
}

.answer-p {
	margin-left:15px;
	padding-left:22px;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:30px;
	background-image:url(/images/a.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.question-p-no-padding {
	margin-left:15px;
	padding-left:22px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:15px;
	background-image:url(/images/q.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
}

.blog-time-p {
	margin-top:0px;
	font-size:10px;
	color:#666666;
}

.loyalty-p {
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.services-image-td {
	padding:20px;
	padding-left:50px;
}

.web-portfolio-name {
	font-size:10px;
}

.web-portfolio-content-p {
	text-align:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #C0D3DE;
	border-bottom:1px solid #C0D3DE;
	padding-top:3px;
	padding-bottom:3px;
}

.our-clients-left-td {
	border-right:1px solid #999999;
}

.our-clients-right-td {
	padding:20px;
	padding-top:0px;
}

.letters-text {
	font-style:italic;
}

.business-name {
	font-weight:bold;
	font-size:11px;
}

.blog-map-title a{
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.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:10px;
}

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

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

.download-div {
	border:1px solid silver;
	text-align:center;
	margin:5px;
	background-image:url(../realcalcfiles/bg.jpg);
}