body {
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	padding: 0px;
	margin:0px;
	font-size:medium;
	margin-left: auto;
	margin-right: auto;
	color: #323B97;
	left: auto;
	top: 0px;
	right: auto;
	bottom: 0px;
	background-repeat: repeat;
	background-image: url(../images/bk.jpg);
}

a, a:link, .small a, .small a:link{
	color: #873C1D;
	text-decoration: underline;
}

a:hover {
	color: #8BD0FE;
	text-decoration: underline;
	}  
	
a img {border: none; 
		text-decoration: none;}
		
/*standard text formating items*/
em {font-style: italic;}
strong {
	font-weight: bold;
}
.center {text-align: center;}
.small {
	font-size: 65%;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.right {text-align: right;}
.red {color: #680004; font-weight: bold;}
.signature {
	color: #680004;
	font-weight: bold;
	font-style: italic;
}
.redbig {
	color: #680004;
	font-weight: bold;
	font-size: 16px;
}

.brightred {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
.indent1								{margin-left: 40px}
.indent2								{margin-left: 80px}
.indent3								{margin-left: 120px}

		
		/*menu*/
#navwrapper {
	width: 100%;
	background-color: #000;
	height: 28px;
	margin: 0px;
	padding: 0px;
		}

#nav {
	clear: both;
	padding: 0;
	margin: 2px 0px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	background-color: #323b97;
}
/* all lists */	
#nav ul { 
		padding: 0;	
		margin: 0;
		list-style: none; 
		line-height: 1;}

#nav a {
	display: block;
	text-decoration: none;
	border: none;
	color: #FFFFFF;
	z-index: 10;
	margin: 0px;
	padding: 5px;
	text-align: left;
		}
	
#nav a:hover {
	display: block;
	z-index: 10;
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	color: #BC0035;
		}
	
/* all list items */	
#nav li {
	float: left;
	z-index: 10;
	text-align: center;
	border: thin none #FFFFFF;
	margin: 5px 5px 0px;
	padding: 5px 5px 0px;
}
	
 /* second-level lists */
#nav li ul {position: absolute;
		background: white;
		width: 100px;
		z-index: 10;
		text-align: center;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		margin-top: 0px;}

#nav li ul a {text-align: left; 
	 	padding: 5px 11px;	
	 	width: 122px;
	 	background: #E3A43B;
		text-align: center;
		font-weight: normal;}

#nav li ul li{
	background: #E3A43B;
	border: 1px none #dfe7c9;
	width: 100px;
	height: auto;
	text-align: center;
	padding: 2px 0px;
	margin: 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		z-index: 10;
}
	
/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
		z-index: 10;
		left: auto;
}
	
/*changes the background color on hover*/
#nav li:hover, #nav li.sfhover {
	z-index: 10;
	background: #323b97;
	color: #BC0035;
	font-weight: bold;
}	
	
/* lists nested under hovered list items */	
#nav ul li:hover a:hover, #nav ul li.sfhover a:hover{
	z-index: 10;
	width: auto;
	text-align: center;
	color: #BC0035;
	margin: 0px;
	padding: 0px;
	background-color: #323b97;
}	

/*footer*/	
#footerwrap {
	margin: 0px;
	padding: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
    }
		
#footer {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-size: small;
	background-repeat: no-repeat;
	background-position: left center;
}
		
		/*main content*/
#maincontent {float: right; 
		width: 520px;
		margin-bottom: 5px;}
#maincontent a {font-weight: bold}
#maincontent ul.afl li {padding: 0px 0px 10px 0px;}

/*detail content*/
#detailcontent { 
		width: 100%;
		margin-bottom: 5px;}
#detailcontent a {font-weight: bold}
#detailcontent ul.afl li {padding: 0px 0px 10px 0px;}

/*content, contentwrapper*/			
#contentwrapper {
	float: none;
	margin: 0px;
	padding: 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: auto;
	width: auto;
}
		
#content {
	clear: both;
	background: url(../images/bg.jpg) repeat-y center center;
	margin: 0px 10px 0px 25px;
	padding: 0px;
}
		
		/*headerwrapper, header*/			
#headerwrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
				
#header {
	background-repeat: no-repeat;
	background-position: center top;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F6D82C;
	border-right-color: #F6D82C;
	border-bottom-color: #F6D82C;
	border-left-color: #F6D82C;
	height: 151px;
}

#header p {
	position: absolute;
	top: 6px;
	left: 4px;
	text-align: center;
	height: 66px;
	width: 740px;
}
#header a {border: none; 
		font-weight: bold;}
/*Quick Link's box*/
#header select {margin-top: 8px; 
		width: 180px;}
/*Search box*/
#header input {margin: 0px; 
		padding: 0px}
/*label is used to improve page accessiblity*/
#header label {display: none}

.H1 {
	font-size: xx-large;
	color: #FFF;
	font-weight: bolder;
	background-repeat: repeat;
	background-color: #873C1D;
	margin: 3px;
	padding: 3px;
	border: medium solid #000;
}

.H2 {
	font-size: 18px;
	color: #873C1D;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.H2Bigger {
	font-size: 20px;
	color: #A04B63;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#mainwrapper{
	background-color: #FFFFFF;
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	background-position: center top;
	border: thin solid #323b97;
	background-repeat: repeat;
	
}.testimonials {
	color: #009BFF;
	font-size: large;
	font-style: italic;
	font-weight: bold;
}
.footerParagraph {
	font-size: small;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000;
	clear: both;
	background-color: #F6D82C;
	height: 20px;
}




h1 {
	font-size: 16px;
	color: #C96FFF;
}
.names {
	color: #FFFFFF;
	background-color: #7E6FFF;
	font-weight: bold;
}


.quotes {
	font-size: small;
	font-style: italic;
	color: #56C840;
}
.testimonials {
	font-style: italic;
	color: #666;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	background-color: #CBEAFE;
	font-size: small;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
}
.hrDelimiter {
	background-color: #873C1D;
	height: 3px;
	width: 100%;
	padding: 0px;
	margin-top: -8px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #873C1D;
}
.hrMain {
	background-color: #F6D82C;
	padding: 0px;
	color: #F6D82C;
	margin: 0px;
	height: 5px;
	width: 100%;
}


.animationContainer{
	height: 250px;
	width: 670px;
}

.demoDiv{
	background-color: #CCC; 
	height: 230px;
	width: 350px;
	border: 1px solid black;
	margin-left: 1px;
	overflow: hidden;
}

#img_detail2{
	float: left;  
}

.thumb{
	margin: 5px;
}

.detailContainer{
	float: left;
	height: 500px;
	width: 700px;
}

#img_list2{
	height: 500px;
	width: 90px;
	border: thin solid #000;
	float: left;
	margin: 10px;
	padding: 10px;
}

#img_list3{
	width: 90px;
	border: thin solid #000;
	float: left;
	margin: 10px;
	padding: 10px;
}
.twoColumns {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#companyWrapper{
	border: thin solid #4B6EA0;
	margin: 5px;
	padding: 5px;
	float: left;
}
#companyLeft{
	margin: 2px;
	padding: 2px;
	width: auto;
	float: left;
}

#companyRight{
	margin: 3px;
	padding: 3px;
	width: 325px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float: right;
	clear: right;
}