/* Colors
*
* Gold (NEW???): 94763C
* Gold: d49929
* Dk. Green (Clearing Firms): 15514F
* Red (Broker/Dealers): AD0E0B
* Dk. Blue (Institutional): 0054A1
* END Colors
*/

body {
 font-size: 62.5%;
 font-family:Arial, Helvetica, sans-serif;
 color:#000;
 background:#f2f2f2;}

* {
 margin:0;
 padding:0;
 list-style-type:none;
 text-decoration:none;}

.clear {
 clear:both;
 margin:0;
 height:0;
 line-height:0.0;
 font-size:0;}

.product{
 float:left;
 margin: 0 26px 20px 0;
 position:relative;
}

.productOrbit{
 float:left;
 margin: 0 26px 20px 0;
 position:relative;
}

hr {
 display:none;}

fieldset {
 border:none;}

/* LINKS
----------------------------------------------------*/
a img {
 border:none;}

a,a:visited {
 color:#0054a4;
 text-transform:uppercase;}

a:hover {
 color:#043666;}

/* PAGE LAYOUT
----------------------------------------------------*/
#container {
  width: 770px;
  margin: 30px auto;}
 
#top {
  background:url(../images/bg_top.jpg) no-repeat top left;
  height:68px;
  width: 746px;
  padding: 19px 12px 0 12px;}
 
#content {
 width: 749px;
 background:#FFF url(../images/bg_content.jpg) repeat-y top left;
 position:relative;
 padding: 20px 12px 0 9px;}

#bottom {
 background:#D49929;
 padding: 7px 15px 0 20px;
 color:#FFF;
 height:21px;
 clear:both;}

#footer {
 background:url(../images/bg_footer.jpg) no-repeat bottom left;
 height: 23px;
 color:#FFF;
 padding: 5px 0 0 175px;}
 
/* TOP
----------------------------------------------------*/
#top ul {
 color:#FFF;
 font-size: 1.1em;
 text-transform:uppercase;
 padding: 27px 0 0 0;
 float:left;
 font-weight:bold;}

#top ul li {
 float:left;
 margin: 0 0 0 12px;}

#top ul li a{
 color:#FFF;}

#top ul li a:hover,
#top ul li.active a {
 color:#D49929;}
 
#top a.logo {
 float:right;
 background:url(../images/logo_hover.jpg) no-repeat top left;
 width: 203px;
 height:46px;
 text-indent:-99999px;
 overflow:hidden;}

#top a.logo:hover {
 background:url(../images/logo.jpg) top left no-repeat;}

/* CONTENT
----------------------------------------------------*/
#content p{
 line-height:1.4em;}

#content h2 {
 font-size: 1.2em;
 color:#000;
 text-transform:uppercase;
 margin: 0 0 8px 0;}

/* HOME
--------------------------*/
#content .banner {
 padding: 0 0 13px 0;}

#content .banner img{
 float:left;
 margin: 0 40px 0 0;}

#content .banner p{
 font-size: 1.2em;
 width: 320px;
 margin: 50px 0 0 0;
 float:left;}

#content .middle {
 background:url(../images/home_middlebar.jpg) no-repeat top left;
 height:112px;
 padding: 12px 15px 42px  24px;
 width: 710px;}

#content .middle h2 {
 font-size: 1.2em;
 color:#000;
 text-transform:uppercase;
 margin: 0 0 8px 0;}

#content .middle .middle_content {
 width: 161px;
 margin: 0 26px 0 0;
 float:left;}

#content .middle .middle_content_last {
 width: 175px;
 float:left;
 margin: 0 26px 0 0;}

#content .featured_product {
 width: 600px;
 margin: 0 0 0 24px;
 padding: 0 0 40px 0;}

#content .featured_product .product{
	float:left;
	margin: 0 26px 75px 0;
	position:relative;
}

#content .featured_product .product_Demo{
 width: 175px;
 float:left;
 margin: 0 426px 0 0;}
 
#content .featured_product .product span {
 font-size: 0.6em;}

/* SUB
--------------------------*/
#sidebar {
 padding: 54px 10px 54px 17px;
 width: 180px;
 float:left;}

#sidebar ul {
 text-transform:uppercase;
 font-weight:bold;
 font-size:1.1em;}

#sidebar ul li {
 margin: 0 0 15px 0;}

#sidebar ul li a{
 color:#000;}

#sidebar ul li a:hover,
#sidebar ul li.active a {
 color:#d7a037;}

#content_text {
 width: 420px;
 padding: 54px 0 54px 0;
 float:left;}

#content_text h1 {
 border-bottom: 4px solid #898889;
 font-size:2.1em;
 color:#000;
 margin: 0 0 18px 0;
 width: 420px;
 text-transform:uppercase;}
 
#content_text h1.green {
 border-bottom: 4px solid #15514F;
}

#content_text h1.red {
 border-bottom: 4px solid #AD0E0B;
}

#content_text h1.blue {
 border-bottom: 4px solid #0054A1;
}

#content_text h3 {
 border-bottom: 1px solid #000;
 font-size:1.2em;
 color:#000;
 margin: 0 0 18px 0;
 width: 420px;
 text-transform:uppercase;}

#content_text p {
 margin: 0 0 16px 0;
 font-size: 1.1em;}
 
#content_text ul li {
 margin: 0 0 8px 14px;
 padding-left: 0;
 list-style-type: square;}
 
 #content_text ol li {
 margin: 0 0 8px 14px;
 padding-left: 0;
 list-style-type: decimal;}
 
 #content_text ol li ol li {
 margin: 0 0 8px 14px;
 padding-left: 0;
 list-style-type: lower-alpha;}
 
 #content_text ol li ol li ol li {
 margin: 0 0 8px 14px;
 padding-left: 0;
 list-style-type: lower-roman;}
 
 #content_text dl dt {
 margin: 0;
 padding-left: 0;
 font-weight: bold;}
 
#content_text dl dd {
 margin-left: 15px;
 margin-bottom: 15px;
 margin-top: 5px;
 font-style: italic;}
 
#content_text .callout {
 font-weight: bold;
 text-transform:uppercase;
}

#content_text .underlne 
{
 text-decoration:underline;} 

/* BOTTOM
----------------------------------------------------*/
#bottom a{
 color:#FFF;
 text-transform:none;}

#bottom a:hover {
 text-decoration:underline;}
 
#bottom a.contact {
 margin:0 93px 0 0; }

/* FOOTER
----------------------------------------------------*/
#footer a{
 color:#FFF;
 text-transform:none;
 margin: 0 10px 0 0;}
