html {
	

}
  
html, body, td, form {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, georgia;
	font-size: 12px;
	color: #002352;
}

h1, .headertext {
	color: #b21a30;
	font-size: 12px;
	font-weight: bold;
}

.left_heading td .headertext, .right_heading td .headertext {
	padding: 0;
	margin: 0;
	margin-top: -5px;
	font-size: 22px !important;
	padding-left: 15px;
	color: white;
}

.main_heading .headertext {
	font-size: 18px !important;
	padding-left: 15px;
}

img {
	border: 0px;
}

.page-container, #nav-container {
	width: 100%;
	height: 100%;
}

.page-container {
	background: url(images/bg-bottom-swirls.gif) no-repeat;
	background-position: bottom;
}

#nav-container {
	margin-top: 16px;
}

.col-left, .col-right {
	width: 50%;
}

.content-container {
	position: relative;
	width: 980px;
	min-height: 565px;
	_height: 565px;
	#height: 565px;
}

#logo-surround {
	margin-top: 14px;
	margin-left: 24px;
}

a {
	color: #991d34;
	text-decoration: none;
}

a:visited {
	color: #991d34;
	text-decoration: none;
}

a:hover {
	color: #b00b2e;
	text-decoration: underline;
}

/*----------------------------- NAVIGATION ---------------------------*/

#top-nav {
	height: 18px;
	margin-bottom: 3px;
	margin-right: 15px;
	text-align: right;
	font-weight: bold;
}

#top-nav-ctc {
	position: relative;
	height: 18px;
	margin-bottom: 3px;
	margin-right: 15px;
	text-align: right;
	font-weight: bold;
	margin-top: 55px;
	_margin-top: 70px;
	#margin-top: 70px;
}


#top-nav a, 
#top-nav a:hover, 
#top-nav a:visited, 
#top-nav a:active,
#top-nav-ctc a, 
#top-nav-ctc a:hover, 
#top-nav-ctc a:visited, 
#top-nav-ctc a:active {
	text-decoration: none;
	color: #002352;
}

#top-nav a:hover,
#top-nav-ctc a:hover {
	color: #b81036;
}

#nav-left, #nav-right, #nav-right-internal {
	height: 143px !important;
}

#nav-left {
	text-align: left;
}

#nav-right {
	text-align: right;
	width: 489px;
	margin-left: 3px;
}

#nav-right-internal {
	background: url(images/bg-internal-header.gif) no-repeat top;
	width: 100%;
}

.nav-heading-left, .nav-heading-right {
	background: url(images/bg-nav-home-tile.gif) repeat-x top;
	height: 31px;
	width: 489px;
	text-align: right;
	color: white;
	font-weight: bold;
}

.nav-heading-left .headertext, .nav-heading-left .bodytext {
	padding-top: 7px;
	padding-left: 15px;
	color: white;
	font-weight: bold;
} 

.nav-heading-right {
	text-align: left;
}

.nav-padding-left {
	padding-top: 5px;
	padding-right: 20px;
}



.nav-padding-right {
	padding-top: 5px;
	padding-left: 20px;
}

.nav-heading-left ul, .nav-heading-right ul {
	padding: 0px;
	margin: 0px;
}

.nav-heading-left li, .nav-heading-right li {
	list-style-type:none;
	background: url(images/icon-nav-arrow.gif) no-repeat right;
	padding-right: 20px;
}

.nav-heading-right li {
	padding-right: 0px;
	padding-left: 20px;
	background: url(images/icon-nav-arrow.gif) no-repeat left;
}

/*----------------------------- ADX MENU -------------------------------*/

/* remove all list stylings */
.menu1, . menu2, .menu1 ul, .menu2 ul  {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu1 li, .menu2 li {
	margin: 0;
	padding: 0;
	padding-right: 15px;
	border: 0;
	display: block;
	float: right;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu2 li {
	padding-right: 0px;
	padding-left: 15px;
	float: left;
}

.menu1 li:hover, .menu1 li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu1 li li, .menu2 li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu1 ul, .menu2 ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu1 li:hover>ul, .menu2 li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu1 li li:hover>ul, .menu2 li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu1:after, .menu1 ul:after, .menu2:after, .menu2 ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu1, .menu1 ul, .menu2, .menu1 u2 {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu1 UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu1 ul, .menu2 ul {
	background-image: url(images/x.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}

.menu1 ul ul, .menu2 ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu1, .menu1 ul li, .menu2, .menu2 ul li {
	color: #991d34;
	font-size: 13px;
	font-weight: bold;
}

/*.menu1 ul li ul li {
	color: #eee;
	background-color: white;
	font-weight: normal;
}*/

.menu1 .menu1Content_menuActive, .menu2 .menu1Content_menuActive {
	background-color: white;
	color: #0e83d0;
}

.menu1 ul, .menu2 ul {
	width: 100%;
	min-width: 150px;
	_width: 150px;
	#width: 150px;
}

.menu1 a, .menu2 a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
}

 /*.menu1 li:hover>a, .menu2 li:hover>a {
	color: black;
	/*background-color: black;
	text-decoration: none;
	padding: .4em 0px;
}*/

/*.menu1 li li a:hover, .menu2 li li a:hover {
	color: black;
	padding-left: 0px;
	padding-right: 20px;
	background: url(images/icon-arrow-left.gif) no-repeat right;
}*/

.menu1 li li a {
	color: #991d34;
	background-color: #e7cdd4;
	padding-right: 0px;
}

.menu1 li li a:hover {
	background-color: #f2dce2;
	padding-right: 0px;
}


.menu2 li li a {
	color: #991d34;
	background-color: #e7cdd4;
	padding-left: 10px;
}

.menu2 li li a:hover {
	background-color: #f2dce2;
	padding-left: 10px;
}


.menu1 li li, .menu1 li li li, .menu2 li li, .menu2 li li li {	/* create borders around each item */
	background-color: #e7cdd4;
	font-weight: normal;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
}

.menu2 li li, .menu2 li li li {
	padding-right: 0px;
	padding-left: 0px;
}

.menu1 ul ul {
	float: right;
}

.menu1 ul>li, .menu2 ul>li {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.menu1 ul>li + li, .menu2 ul>li + li {	/* and remove the top border on all but first item in the list */
	/*border-top: 1px solid white;*/
}

.menu1 li li:hover>ul, .menu2 li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: -1px;
	left: 100%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu1>li:first-child>a, .menu1 li + li + li li:first-child>a {
	/*color: #567;*/
}

/* Fix for IE5/Mac \*//*/
.menu1 a, .menu2 a {
	float: left;
}
/* End Fix */

/*]]>*/

/*----------------------------- CONTENT ---------------------------*/


.home-content-left, .internal-content-left {
	padding-top: 15px;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 25px;
	width: 410px;
}

.home-content-right, .internal-content-right {
	padding-top: 15px;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 25px;
	width: 410px;
}


/*----------------------------- TESTIMONIALS BOX ---------------------------*/

.testi-container table {
	width: 344px !important;
	color: white;
	font-size: 11px;
	text-align: left;
}

.testi-container-internal table {
	width: 440px !important;
	color: white;
	font-size: 11px;
	text-align: left;
}

.testi-top-image {
	background: url(images/bg-testimonial-box-top.png) no-repeat top;
	width: 344px;
	height: 12px;
	font-size: 1px;
	z-index: 100;
}

.testi-bottom-image {
	background: url(images/bg-testimonial-box-bottom.png) no-repeat top;
	width: 344px;
	height: 9px;
}


.testi-content, .testi-content-internal {
	position: relative;
	background-image: url(images/bg-fader.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #00417d;
	/*min-height: 75px;
	_height: 75px;
	#height: 75px;*/
	height: 121px;   
	overflow: hidden;
	color: white;
	text-align: left;
}

.testi-content-internal {
	height: 143px;
	background: url(images/bg-internal-header.gif) no-repeat;
}
	

.testi-padding, .testi-padding-internal {
	padding: 10px;
}

.testi-padding-internal {
	padding-left: 50px;
	padding-right: 0px;
}

.btn-get-started {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bg-tile-table {
	height: 100%; 
	width: 100%;
}

.bg-tile-td {
	height: 264px;
}

#bg-content-shadow-left {
	height: 100%; 
	width: 100%; 
	background: url(images/bg-left-col-tile.gif) repeat-y right;
}

#bg-content-shadow-right {
	height: 100%; 
	width: 100%; 
	background: url(images/bg-right-col-tile.gif) repeat-y left;
}

.horizontal-tile {
	background: url(images/bg-side-tile.gif) repeat-x top;
}

#footer {
	position: relative;
	width: 100%;
	min-height: 20px;
	_height: 20px;
	#height: 20px;
	text-align: left;
}

#footer-padding {
	width: 660px;
	margin-left: 230px;
	margin-bottom: 5px;
	font-size: 11px;
}

#phone-number {
	position: absolute;
	width: 150px;
	left: 10px;
	bottom: 0px;
}

#newsletter-phone {
	position: absolute; 
	bottom: 3px; 
	left: 10px; 
	width: 200px;
}

#phone-number .bodytext, #newsletter-phone .bodytext {
	font-weight: bolder;
	color: white;
	font-size: 17px;
}


/*----------------------------- TESTIMONIALS BOX ---------------------------*/
	
.faderstyle {
	height: 121px; 
	width: 100%; 
	display: block; 
	overflow: hidden; 
	background: url(images/bg-fader.png) no-repeat);
}

.faderstyle-internal {
	height: 143px; 
	width: 100%; 
	display: block; 
	overflow: hidden; 
	background: url(images/bg-internal-header.gif) no-repeat;
}