@charset "utf-8";
/* CSS Document */

body 			{
					margin: 0;
					padding: 0;
					background-color: #E2E2E2;
					background-image: url(../images/840x1-bg.jpg);
					background-repeat: repeat-y;
					background-position: center;
					font-family: Arial, Helvetica, sans-serif;
					color:#1A2732;
					font-size: 12px;
					line-height: 20px;
				}
				
				
				
				
/*structure*/				

#container 		{
					width: 800px;
					margin: auto;
					padding: 0;
				}
				
#contact		{
					padding: 5px 20px 5px 20px;
					text-align: right;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					text-transform: uppercase;
					color: #999999;
					margin: 0;
					background-image:url(../images/contact-bg.jpg);
				}
				
#contact a		{
					color: #999999;
					text-decoration: none;
				}
				
#contact a:hover		{
					text-decoration: underline;
				}
				
#header 		{
					padding: 0px 0px 0px 0px;
					margin: 0;
					background-color:#122b5c;					
				}

#nav			{
					padding: 0px 0px 40px 0px;
					text-align: center;
					background-color:#122e5f;
					background-image:url(../images/nav-bg.jpg);
				}
				
#picholder		{
					padding: 20px;
					text-align:center;
				}				
				
#content 		{
					padding: 0px 70px 20px 70px;
				}
				
.g660			{
					width:660px;
				}
				
.g490			{
					float:left;
					width:490px;
					margin:0px;
					padding:0px;
				}
				





/*typography*/

p 				{
					margin-bottom: 20px;
					margin-top:0;
					padding:0;
				}
				
				
p.grid			{
					padding-right:20px;
					float: left;
					margin: 0;
					padding-bottom:20px;
					line-height:1px;
					font-size:1px;
				}
				
				
h1				{
					font-size:30px;
					color: #165da9;
					letter-spacing: -1px;
					line-height: 35px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
h1 a			{
					text-decoration: none;
				}
				
h1 a:hover			{
					text-decoration: underline;
				}
				
h2				{
					font-size:14px;
					line-height:14px;
					font-family: Arial, Helvetica, sans-serif;
					margin:0px 0px 10px 0px;
					padding:0;
				}
				
h2 a			{
					text-decoration: none;
					color: #1A2732;
				}
				
h2 a:hover		{
					text-decoration: underline;
				}
				
h3				{
					font-size:22px;
					letter-spacing: -1px;
					font-family: Arial, Helvetica, sans-serif;
					background-color: #CCCCCC;
					padding: 10px;
					margin-top: 40px;
					margin-right: 0px;
					margin-bottom: 20px;
					margin-left: 0px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
				}
				
h3 a			{
					text-decoration: none;
					color: #1A2732;
				}
				
h3 a:hover		{
					text-decoration: none;
				}
				
h4				{
					font-size:18px;
					color: #165da9;
					letter-spacing: -1px;
					font-family: Arial, Helvetica, sans-serif;
				}
				
				
a				{
					text-decoration: none;
					color: #165eaa;				
				}
				
a:hover			{
					text-decoration: underline;
				}
				
				
				
				
				
/*Navigation*/	
					
ul#topnav 		{
					margin: 0;
					padding: 0;
					float: left;
					width: 800px;
					list-style: none;
					position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
					font-size: 12px;
					text-transform: uppercase;
					font-family: Arial, Helvetica, sans-serif;
				}
ul#topnav li	{
					float: left;
					margin: 0; padding: 0;
					border-right: 1px solid #555; /*--Divider for each parent level links--*/
				}
				
ul#topnav li.home,

ul#topnav li.market,			
				
ul#topnav li.reach,			
				
ul#topnav li.media,			
				
ul#topnav li.innovative,				
				
ul#topnav li.rates { margin: 0;	}	

ul#topnav li.services {
					border: none; /*--last divider in the nav--*/
				  }
				  
				  
#home li.home a, 
#market li.market a,
#reach li.reach a, 
#media li.media a, 
#innovative li.innovative a, 
#rates li.rates a,
#services li.services a {
	background-color: #fff;
	color: #1A2732;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

				  
				  
				  

ul#topnav li a 		{
					padding: 10px 17px;
					display: block;
					color: #f0f0f0;					
					text-decoration: none;
					}
ul#topnav li:hover {
					background: #1376c9 url(topnav_active.gif) repeat-x; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
					float: left;
					padding: 10px 0;
					position: absolute;
					left: 0; top:35px;
					display: none; /*--Hide by default--*/
					width: 800px;
					background: #1376c9;
					color: #fff;
					/*--Bottom right rounded corner--*/
					-moz-border-radius-bottomright: 5px;
					-khtml-border-radius-bottomright: 5px;
					-webkit-border-bottom-right-radius: 5px;
					/*--Bottom left rounded corner--*/
					-moz-border-radius-bottomleft: 5px;
					-khtml-border-radius-bottomleft: 5px;
					-webkit-border-bottom-left-radius: 5px;
					font-family: Arial, Helvetica, sans-serif;
}
ul#topnav li:hover span { display: block;} /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

#media ul#topnav li.media span.submenu,
#innovative ul#topnav li.innovative span.submenu,
#services ul#topnav li.services span.submenu
					{
					background: #fff;
					border-bottom-width: 1px;
					border-bottom-style: solid;
					border-bottom-color: #999999;
					}
/*--second navigations on the media options page--*/
ul#secondnavs 		{
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
				}
ul#secondnavs li	{
					float: left;
					margin: 0;
					padding: 0px 18px 20px 0px;
					display: block;
					line-height:12px;
				}

/*--ul#secondnavs li a 	{
					padding: 0px 18px 20px 0px;
					display: block;
					line-height:12px;
					}--*/






/*--the clear isssue--*/
.clear 			{			
					clear:both;
					border-top-width: 1px;
					border-top-style: solid;
					border-top-color: #999999;
				}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 1px;
     content: " ";
     clear: both;
     height: 1px;
	 line-height:1px;
	 }