/*Main Stuff*/

html {
	margin: 0;
	padding: 0;
	height: 100%
	background-color: #3b4077;
}

a img {border:none; }
td {vertical-align:top;}

a {
color: #000000;
text-decoration:underline;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url('images/background.gif') repeat-x 0 0;
	text-align: center;
	background-color: #3b4077;
	height: 100%;
}

H1 {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 15px;
	font-size: 11pt;
	color: #272c70;
	
}

H2 {
	margin-left: 0px;
	margin-bottom: 8px;
	margin-top: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #272c70;
	
}

H2 {
	margin-left: 0px;
	margin-bottom: 8px;
	margin-top: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #272c70;
	
}

h2 a {
	margin-left: 0px;
	margin-bottom: 8px;
	margin-top: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #272c70;
	text-decoration: none;

}


p.clientQuote {
	text-align: left; 
	font-style: italic;
	width:200px;
	font-size: 10pt;
}

p.webUpdate {
	text-align: left; 
	font-style: normal;
	width:200px;
	font-size: 10pt;
}

a.sideLink {
	color: #272C70;
}



.topEyeCatch {	
	font-size: 12pt;
}

.mainTextClass {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #000000;
	vertical-align: top;
	margin: 0px;
	width: 55%;
}

.mainTextClass ul {
    padding: 0px;
    margin: 20px;
}

.mainTextClass li {
    padding: 0px;
    margin: 0px;
    margin-bottom:5px;
}

.blockOutClass {
	background-color:#CCCCCC;
	border-style: solid;
	border-width:1px;
	border-color: #333366;
	padding: 10px;
}

.blockOutClass h1{
	padding: 0px;
	margin: 0px;
}



/*Picture Positioning Styles*/


#maincontainer {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 670px;
	height: 100%;
	top: 10px;
	text-align: left;
	position: relative;
}


#logobox {
	position:relaive;
	left:0px;
	top:0px;
	width:738px;
	height:87px;
	background: url('images/index_02.gif');
}

#reflectbox {
	position:relative;
	left:0px;
	top:0px;
	width:190px; 
	height:54px;
	background: url('images/index_03.gif'); 
}

#toplinkbar {
	position:relative;
	margin-top: -54px;
	margin-left: 190px;
	width:548px;
	height:29px; 
	background-image: url('images/index_04.gif');
}

#toplinkbar a:hover, #toplinks a:active {
	color: #b1b3db;
}

#toplinkbar a {
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px;
}

#belowtoplinks {
	position:relative;
	margin-left: 190px;
	width:548px;
	height:25px;
	background: url('images/index_05.gif'); 
}


#mainwindow {
	position:relative;
	top:0px;
	width:738px;	
	text-align: center;
	background: url('images/main-back.gif');
	background-repeat: repeat-y;
}

#mainwindowcontent {
	margin-left:141px; 
	width:597px;
}


#bottomofmain {
	position:relative;
	left:0px;
	width:738px;
	height:13px;
	background: url('images/index_21.gif');
	background-repeat: no-repeat;
	background-color: #353A72
}

#bottomlinks {
	position:relative;
	padding-top: 5px;
	padding-left: 10px;
	left:0px;
	margin-top: 30px;
	font-size: 7pt;
	width:728px;
	height:24px;
	background: url('images/index_22.gif');
;
}

#bottomlinks a {
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
	color: #770f10;
	text-decoration: none;
	padding: 15px;
}

#bottomlinks a:hover, #toplinks a:active {
	text-decoration: underline;
}

#sidepanel {
	position:absolute;
	left:0px;
	top:140px;
	width:145px;
	height:446px;
	background: url('images/index_06.gif');
}

#sidepanel p{
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin: 0px;
}

#sidepanellogo {
	position:absolute;
	left:0px;
	top:420px;
	width:138px;
	height:64px;
	background-repeat: no-repeat;
	background-position: 12px 9px;
}

#sbstable {
	border-style: solid;
	border-width: 1px;
	border-color: #333366;
	border-collapse: collapse;
	background-color: #f3f3f3;
	width: 100%;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	vertical-align: center;
}

#sbstable td{
	border-style: solid;
	border-width: 1px;
	border-color: #333366;
	border-collapse: collapse;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sbstabletitle {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


#thanksbox {
	position:relative;
	left:0px;
	top:50px;
}

#thankstext {
	position:relative;
	padding-top: 100px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 25px;
	color: #FFFFFF;
	text-decoration: none;
}

#thankstextredirect {
	position:relative;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

/*Styles - Text and Image Styling*/


#maintitle {
	padding-top: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	color: #272c70;	
	margin: 0px;
}

#maintitlesolutions {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	color: #272c70;	
	margin: 0px;
}

#solutionsbuttons {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	font-size: 8pt;
	color: #272c70;
	font-weight: bold;
}

#solutionsbuttons a {
	font-weight: bold;
	text-align: center;
	font-size: 8pt;
	color: #272c70;
	text-decoration: none;
}

#solutionsbuttons a:hover {
	color: #b1b3db;
}

#maintext {
	padding-left: 70px;
	padding-right: 80px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #000000;
	margin: 0px;
}

#maintabletextleft {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #000000;
	vertical-align: top;
	margin: 0px;
	width: 55%;
}


#maintabletextleft ul {
    padding: 0px;
    margin: 0px;
}

#maintabletextleft li {
    padding: 0px;
    margin: 0px;
}

#maintabletextleft p{
	padding: 0px;
	padding-bottom: 20px;
	margin: 0px;
	line-height: 130%;
}

#maintabletextright {
	padding-left:  0px;
	padding-right: 30px;
	padding-top: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #333366;
	margin: 0px;
	width: 45%;
}

/*

#maintabletextright a {
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 10pt;
	color: #770f10;
}

#maintabletextright a:hover {
	text-decoration: underline;
}

#consultingsidelist p{
	margin-bottom: 10px;
	margin-top: 0px;
}


#maintabletextright p{
	text-align: center;
	margin-bottom: 8px;
	margin-top: 0px;
}

*/

#consultingsidelist {
	padding-left:  20px;
	padding-right: 10px;
	padding-top: 20px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #333366;
	margin: 0px;
}

#navigationtable{
	text-align: left;
	margin: 0 auto;
}


#sidetablefront {
	border-style: solid;
	border-width: thin;
	border-color: #831112;
	width: 100%;
	border-collapse: collapse;
	padding:0px;
	background-color: #f3f3f3;
}

#whiteonblue {
	border-style: solid;
	border-width: thin;
	border-color: #333366;
	width: 100%;
	border-collapse: collapse;
	padding:0px;
	text-align: left;
	font-size: 10pt;
	background-color: #333366;
	color: #FFFFFF;
	vertical-align:top;
}

#whiteonbluetitle {
	padding: 3px;
	font-weight: bold;
	vertical-align: top;
}

#whiteonbluecell {
	padding: 3px;
	font-weight: normal;
	width: 65%
}

#supportboxes {
	padding: 10px;
	padding-top: 0px;
	vertical-align: top;
	margin: 0px;
	width: 40%;
	text-align: left;
	font-size: 10pt;
	color: #333366;
	font-weight: normal;
}

#sidetabletitlefront {
	border: none;
	width: 100%;
	background: #831112;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}


#contacttext {
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	font-size: 10pt;
	color: #333366;
	margin: 0px;
}

#contactform {
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	color: #333366;
	margin: 2px;
}

#contactbuttons {
	padding-top: 10px;
	padding-left: 10px;
}

#contactdetails {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #000000;
	vertical-align: top;
	margin: 0;
}

#contactdetails a{
	color: #770f10;
}

#maintable {
	border: none;
	width: 100%;
	vertical-align: top;	
}


/* BLUE SIDE TABLES*/

#sidetable {
	border-style: solid;
	border-width: thin;
	border-color: #333366;
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	background-color: #f3f3f3;
}

#sidetabletitle {
	border: none;
	width: 100%;
	background: #333366;
	font-weight: bold;
	text-align: center;
	font-size: 10pt;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}

#sidetabletext {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #333366;
}

#sidetabletext p{
	padding-bottom: 10px;
}

#sidetabletext a:hover, #toplinks a:active {
	text-decoration: underline;
}

#sidetabletext li{
	margin-left: -20px;
	padding-bottom: 10px;
	border: none;
}

#sidetabletext a {
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #770f10;
	text-decoration: underline;
}



/* MENU LAYER CLASS AND SUB ELEMENTS*/

#sidemenu{
	position: absolute;
	top: 189px;
	left:1px;
	z-index: 11;
	width: 128x;	
} 

.section{
	width: 124px;
	height: 206px;
	background-image: url('images/section-back.gif');
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;	
}

.section ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.section li{
	padding: 0px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 5px;
	background-image: url('images/dot.gif');
	background-repeat: no-repeat;
	background-position: 2px 9px;
	padding-left: 10px;
}
.section li a{
	
	margin: 0px;
	padding: 0px;
}
.sectionHead {
	display: block;
	width: 128px;
	height: 33px;
	font-weight: normal;
	font-size: 8pt;
	color: #FFFFFF;
	background: url('images/sidemenuc.gif') no-repeat;
	padding-top: 8px;
	padding-left: 10px;
	cursor:pointer;	
}

.sectionHead:hover {
	color: #b1b3db;
	text-decoration: none;
	background-image: url('images/sidemenuhoverc.gif');
	background-repeat: no-repeat;
}

a.menu:link {
			font-size: 11px ;
			color: #003366;
			text-decoration: none;
			}
			
a.menu:visited {
			font-size: 11px ;
			color: #003366;
			text-decoration: none;
			}
a.menu:hover {
			font-size: 11px ;
			color: #0099CC;
			text-decoration: none;			
			}
			
a.menumain:link {
			font-weight: bold;
			font-size: 11px ;
			color: #003366;
			text-decoration: none;
			}
			
a.menumain:visited {
			font-weight: bold;
			font-size: 11px ;
			color: #003366;
			text-decoration: none;
			}
a.menumain:hover {
			font-weight: bold;
			font-size: 11px ;
			color: #0099CC;
			text-decoration: none;				
			}
/* MENU LAYER END */


.webdesign-image {
	float:left;
	padding: 8px;
	border: 1px solid #d0e2cf;
	margin-left: 20px;
}

.webdesign-line-break {
	clear:both;
	height:1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d0e2cf;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 30px;
}

.webdesigntext {
	margin-left: 190px;
	margin-right: 30px;
	text-align: left;
	font-size: 10pt;
}

.paratextmain {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
	font-size: 10pt;
	color: #000000;
	vertical-align: top;
	margin: 0px;
	width: 55%;
}