/* 
        ============================================

         CSS author              Charles H. Deal Jr.
         Began on                1/22/2009
   
        ============================================
					                                */


/*---------------------------Globals CM------------------------*/


* {
	margin:0px;
	padding:0px;
	text-align:left;

	}

* html h1 a, a {
	/* for IE5/win */
	c\ursor:pointer;

	}

body
	{
	margin: 0px;
	padding: 0px;
	color: #333;
	font: normal 80% Trebuchet MS, Tahoma, Arial, sans-serif;
	background: #6b6c6b url(images/tray_bg.png) repeat-x top center scroll;
	height: 100%;
	text-align: center;
	vertical-align: top;
	}

#wrapper  {
	width: 802px;
	position: relative;
	background: transparent;
	margin: 0px auto 17px auto;
	padding: 0;
	text-align: left;
	display: block;

	}


/* -------------------------- NAV CM --------------------------*/


#topleft	{
	z-index: 101;
	background-image: url(images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	display: block;
	width: 248px; 
	height: 373px;
	margin-left: 14px;
	margin-bottom: 17px;
	float: left; 
	
	}

ul.menu {
	position:absolute;
	top:100px;
	left:1px;
	margin: 0 0 0 14px;
	padding: 0 0 0 0px;
	font-size:11px;
	}

ul.menu li a {
	display: block;
	height: 44px;
	}

ul.menu li {
	clear: left;
	height: 44px;
	display: inline;
	list-style-type: none;
	}

li.products a {
	width:237px;
	background:url(images/menu_lay.gif) no-repeat 0px 0px;
	}

li.products a:hover, li.products#currentpage a {
	background:url(images/menu_lay.gif) no-repeat -237px 0px;
	}

li.customize a {
	width:237px;
	background:url(images/menu_lay.gif) no-repeat 0px -44px;
	}

li.customize a:hover, li.customize#currentpage a {
	background:url(images/menu_lay.gif) no-repeat -237px -44px;
	}

li.company a {
	width:237px;
	background:url(images/menu_lay.gif) no-repeat 0px -88px;
	}

li.company a:hover, li.company#currentpage a {
	background:url(images/menu_lay.gif) no-repeat -237px -88px;
	}

li.news a {
	width:237px;
	background:url(images/menu_lay.gif) no-repeat 0px -132px;
	}

li.news a:hover, li.events#currentpage a {
	background:url(images/menu_lay.gif) no-repeat -237px -132px;
	}

li.contact a {
	width:237px;
	background:url(images/menu_lay.gif) no-repeat 0px -176px;
	}

li.contact a:hover, li.contact#currentpage a {
	background:url(images/menu_lay.gif) no-repeat -237px -176px;
	}

ul.menu li span {
	display: none;
	}


/*--------------------------------TOP RIGHT CM------------------------------------*/
     /*---Widths: 14 + (topleft)248 + (copy)171 + (righthalf)355 + 14 = 802---*/

                               /*------Home------*/

#righthalf
	{
	margin: 88px 14px 0px 0px;
	width: 526px;
	background: transparent url(images/tray_2_none.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Product------*/

#rtprod
	{
	margin: 88px 0px 0px 0px;
	width: 537px;
	background: transparent url(images/prod_top.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Customize------*/

#rtcust
	{
	margin: 88px 0px 0px 0px;
	width: 537px;
	background: transparent url(images/cust_top.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Company------*/

#rtcomp
	{
	margin: 88px 0px 0px 0px;
	width: 537px;
	background: transparent url(images/comp_top.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Events------*/

#rtevent
	{
	margin: 88px 0px 0px 0px;
	width: 537px;
	background: transparent url(images/event_top.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Contact------*/

#rtcont
	{
	margin: 88px 0px 0px 0px;
	width: 537px;
	background: transparent url(images/cont_top.jpg) no-repeat bottom right;
	text-align: left;
	display: block;
	float: left;
	height: 288px;
	}

                               /*------Pgraphs------*/


#righthalf h2, #rtprod h2, #rtcust h2, #rtcomp h2, #rtevent h2, #rtcont h2
	{
	color: #cccc66;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	}

#righthalf h2 span, #rtprod h2 span, #rtcust h2 span, #rtcomp h2 span, #rtevent h2 span, #rtcont h2 span
	{
	padding: 31px 338px 0px 10px;
	display: block;
	z-index: 102;
	}

.rt	{
	color: #fff;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 10.8pt;
	text-align: left;
	}

.rt sup
	{
	color: #aeaeae;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 8.5pt;
	text-align: left;
	}

.rt span
	{
	padding: 5px 355px 0px 10px;
	display: block;
	z-index: 102;
	}

.rlist
	{
	color: #fff;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.17em;
	padding: 0px 355px 0px 25px;
	list-style-type: disc;
	text-align: left;

	}

h1 span, h2 span, h3 span
	{
	display: none;
	background: transparent;
	}



/*--------------------------LOGOS----------------------------*/


.logo	{
	position:absolute;
	top:14px;
	left:1px;
	margin: 0 0 0 14px;
	padding: 0 0 0 1px;
	font-size:11px;
	background: transparent url(images/logo_y.gif) no-repeat 0px 0px;

	}

.logo a	{
	display: block;
	height: 85px;
	width: 237px;
	background: url(images/logo_y.gif) no-repeat 0px 0px;

	}

.logo a:hover	{
	background: url(images/logo_y.gif) no-repeat 0px -85px;

	}

.logo span	{
	display: none;
	background: transparent;

	}

#aaos		{
	z-index: 103;
	position: absolute;
	top: 252px;
	right: 14px;
	font-size: 8pt;
	background: transparent url(images/aaos_logo.gif) no-repeat 0px 0px;

	}

#aaos a	{
	display: block;
	width: 141px;
	height: 118px;
	background: url(images/aaos_logo.gif) no-repeat 0px 0px;

	}

#aaos a:hover	{
	background: url(images/aaos_logo_ov.gif) no-repeat 0px 0px;

	}

#aaos a span	{
	display: none;
	background: transparent;

	}

#eventlogo	{
	position: relative;
	clear: left;
	margin: 8px 0px 0px 12px;
	background: transparent url(images/aaos_event.gif) no-repeat 0px 0px;

	}

#eventlogo a	{
	display: block;
	width: 178px;
	height: 78px;
	background: url(images/aaos_event.gif) no-repeat 0px 0px;

	}	

#eventlogo a:hover	{
	background: url(images/aaos_event_ov.gif) no-repeat 0px 0px;

	}	

#eventlogo span	{
	display: none;
	background: transparent;

	}

.event1logo	{
	position: relative;
	margin-top: 8px;
	font-size: 9pt;
	background: transparent url(images/aaos_event.gif) no-repeat 0px 0px;

	}

.event1logo a	{
	display: block;
	height: 78px;
	width: 178px;
	clear: left;
	background: url(images/aaos_event.gif) no-repeat 0px 0px;

	}

.event1logo span	{
	display: none;
	background: transparent;

	}


/* -------------------------- TYPE ---------------------------*/

a	{
	color: #fee5e5;
	text-decoration: none;
	}

a:visited {
	color: #697d87;
	}

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


/*---------------------------MAIN BODY-----------------------------*/


#mainbody	{
	z-index: 99;
	clear: both;
	position: relative;
	background: url(images/body_bg.gif) no-repeat 0px 0px;
	display: block;
	margin: 14px 0 0 0;
	padding: 16px 33px 20px 36px;
	
	}

#mainbody h2	{
	font-size: 11.5pt;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 10px;
	}

#mainbody h3	
	{
	font-size: 10.5pt;
	line-height: 1.2em;
	color: #fff;
	margin: 11px 0px 11px 0px;
	font-weight: bold;
	}

#mainbody p	{
	font-size: 9.5pt;
	line-height: 1.3em;
	color: #fff;
	margin: 0px 100px 12px 0px;
	}

#mainbody sup
	{
	color: #aeaeae;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 7.5pt;
	line-height: 1.3em;
	text-align: left;	
	}

#mainbody a
	{
	color: #8ff2f2;
	text-decoration: none;
	}

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

#mainbody ul
	{
	margin-bottom: 12px;
	}

#mainbody ul li
	{
	color: #fff;
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	line-height: 1.18em;
	list-style-type: disc;
	margin: 0px 100px 0px 21px;
	text-align: left;
	}

.floatright	{
	float: right;
	width: 294px;
	margin: 0 -100px 10px 12px;
	border: none;
	padding: 2px;
	display: inline-block;
	position: relative;
	}

#floatright2
	{
	float: right;
	width: 294px;
	position: relative;
	margin: 0px 0px 24px 16px;
	background-color: #6b6c6b;
	padding: 2px;
	border: none;
	color: #fff;
	font-size: 8.5pt;
	line-height: 1.1em;
	display: inline-block;
	}

#floatright2 img
	{
	border: none;
	margin-bottom: 3px;
	}

#floatright2 p
	{
	color: #3c3c3c;
	width: 262px;
	font-size: 10pt;
	line-height: 1.2em;
	background-color: #bcbcbc;
	padding: 14px 14px 9px 14px;
	margin: 0 0 0 0;
	}

#floatright2 ul
	{
	width: 262px;
	background-color: #bcbcbc;
	padding: 0px 14px 14px 14px;
	margin: 0 0 10px 0;
	}

#floatright2 ul li
	{
	color: #3c3c3c;
	font-size: 10.5pt;
	line-height: 1.4em;
	margin: 0 0 0 24px;
	}

#floatright2 ul li span
	{
	font-size: 8.5pt;
	line-height: 1.2em;
	}

#floatright2 ul li a
	{
	color: #663333;
	text-decoration: none;
	}

#floatright2 ul li a:hover
	{
	text-decoration: underline;
	}




/*---------------COMPANY PAGE-----------------*/

.objective
	{
	float: right;
	width: 294px;
	margin: 0px 0px 24px 12px;
	background: transparent url(images/obj1.gif) no-repeat 0px 0px;
	padding: 13px;
	border: none;
	display: inline-block;
	}

div.objective p
	{
	color: #fff;
	font-size: 9pt;
	line-height: 1.1em;
	margin: 0;
	}

div.objective ul
	{
	color: #fff;
	font-size: 8pt;
	line-height: 1.1em;
	margin: 0;
	}


/*---------------CONTACT FORM-----------------*/

#formwrap
	{
	width: 527px;
	padding: 21px;
	border: 2px solid #636363;
	background-color: #868686;
	}

.labeltext
	{
	width: 106px;
	margin-right: 6px;
	line-height: 1.3em;
	float: left;
	clear: left;
	text-align: right;
	color: #fff;
	}

.data1
	{
	width: 22%;
	text-align: right;
	background-color: #636363;
	padding: 8px;
	vertical-align: top;
	line-height: 1.17em;
	color: #eaeaea;
	font-size: 9.5pt;
	font-weight: bold;
	}

.data2
	{
	width: 78%;
	text-align: left;
	background-color: #868686;
	padding: 8px;
	vertical-align: top;
	line-height: 1.17em;
	color: #fff;
	font-size: 9.5pt;
	}


/*-----------------FOOTER--------------------*/

#footer	{
	width: 724px;
	display: block;
	text-align: left;
	margin: 13px auto;
	padding: 14px 14px 6px 14px;
	line-height: 1.4em;
	font-size: 8.5pt;
	color: #fff;
	border-top: 1px solid #fff;
	clear: both;

	}

#footer a {
	color: #fff;
	text-decoration: none;

	}

#footer a:hover {
	text-decoration: underline;

	}

#footer h6	{
	color: #333;
	text-align: center;
	margin: 12px 0px;

	}

#footer p.ctr
	{
	margin: 15px 0px 12px 0px;
	text-align: center;
	}