/* -------------------------------------------
project:	Flexpoint Ford
date:		2008/12/02
------------------------------------------- */

html { -webkit-text-size-adjust: none; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; background: #000 url(../images/html-bg.png);}
body { margin: 0; padding: 0; background: transparent url(../images/top.png) repeat-x; color: #666; font: 62.5%/1.6 Verdana,Helvetica,Arial,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana, Arial, Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.1em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #369; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #000; font: normal 2.4em Georgia,serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
 * html .wrapper { height: 1%; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root {  }
 #top { position: relative; width: 900px; height: 63px; margin: 0 auto; z-index: 50; }
   
 #content { overflow:hidden; background: #fff url(../images/content-bg.jpg) 0 100% repeat-x; margin: 0 auto; min-height: 558px; }
  * html #content { height: 558px; overflow: visible; }
 #footer { width: 100%; background: url(../images/footer-gradient.png) repeat-x; padding: 15px 0; }
 * html #footer { background: none; }
  #footer div.wrapper { width: 900px; margin: 0 auto; overflow: hidden; }


/* Top
------------------------------------------- */
 #logo { position: absolute; left: 0; top: 17px; width: 258px; height: 33px; background: url(../images/logo.png) no-repeat; }
  #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }


/* Navigation
------------------------------------------- */   
#nav { position: absolute; right: 0; bottom: 0; list-style: none; margin: 0; padding: 0; width: 446px; height: 30px; }
 * html #nav { bottom: -1px; }
 #nav li { position: absolute; z-index: 15; margin: 0; padding: 0; }
  #nav li a { display: block; text-indent: -999em; overflow: hidden; height: 30px; width: 100%; background: url(../images/nav.png) 0 0 no-repeat; outline: none; }
  #nav li em { position: absolute; left: -10001px; top: -10001px; }
  
  #nav li.home { width: 76px; left: 0; }
   #nav li.home a { background-position: 0 0; } 
    #nav li.home a:hover, #nav li.home a:focus, #nav li.home a:active { background-position: 0px -180px; }
    #nav li.home a.active { background-position: 0px -30px !important; }
	
  #nav li.investments { width: 136px; left: 74px; }
   #nav li.investments a { background-position: -74px 0; } 
    #nav li.investments a:hover, #nav li.investments a:focus, #nav li.investments a:active { background-position: -74px -180px; }
	#nav li.investments a.active  { background-position: -74px -60px !important; }
   
  #nav li.team { left: 206px; width: 72px;}
   #nav li.team a { background-position: -206px 0; } 
    #nav li.team a:hover, #nav li.team a:focus, #nav li.team a:active { background-position: -206px -180px; }
	#nav li.team a.active  { background-position: -206px -90px !important; }
	
  #nav li.news { left: 276px; width: 70px; }
   #nav li.news a { background-position: -276px 0; } 
    #nav li.news a:hover, #nav li.news a:focus, #nav li.news a:active { background-position: -276px -180px; }
	#nav li.news a.active  { background-position: -276px -120px !important; }
	
  #nav li.contact { left: 343px; width: 103px; }
   #nav li.contact a { background-position: -343px 0; } 
   #nav li.contact a:hover, #nav li.contact a:focus, #nav li.home contact { background-position: -343px -180px; }
   #nav li.contact a.active  { background-position: -343px -150px !important; }
    
    
    #nav li.investments ul { position: absolute; left: -10001px; top: 28px;  list-style: none; width: 272px; height: 70px; padding: 2px 5px 3px 13px; background: url(../images/subnav.png) 0 0 no-repeat; margin: 0; }
     #nav li.active ul { left: -6px; }
     #nav li.investments ul li { float: none; margin: 0; padding: 0; position: static;}
      #nav li.investments ul li a { text-indent: -999em; overflow: hidden; float: none; width: 100%; height: 35px; background: none; }
      #nav li.investments ul li.financial a:hover,
	  #nav li.investments ul li.financial a.active { background: url(../images/subnav.png) -13px -77px no-repeat !important; }
	  
      #nav li.investments ul li.healthcare a:hover,
	  #nav li.investments ul li.healthcare a.active { background: url(../images/subnav.png) -13px -186px no-repeat !important; height: 34px; }
	  
      * html #nav li.investments ul li.healthcare a { background: url(../images/subnav-ie6.png) -999em -999em no-repeat; }
      * html #nav li.investments ul li.healthcare a:hover,
	  * html #nav li.investments ul li.healthcare a.active { background: url(../images/subnav-ie6.png) -13px -186px no-repeat !important; }	  


/* Footer
------------------------------------------- */  
  #footer .copyright { float: left; width: 40%; }
  #footer p { color: #999; font-size: 1.1em; }
   #footer p.cities { font-size: 1.09em; margin: 0 0 5px; }
    #footer p.cities a { color: #fff; font-weight: bold; }
  #footer .designby { float: right; text-align: right; }
   
/* GENERAL
------------------------------------------- */
 .page { width:900px; margin: 0 auto; overflow: hidden; padding: 45px 0; }
 
 .page h1 { color:#948352; font-size:3.2em; font-variant:small-caps; padding: 0 0 20px; margin:0; }
  .page h1.a { padding-left: 345px; } 
 
 .col1 { width:315px; float:left; }
  .col1-a { width: 553px; }
  
  .col1 h2 { font-family: "Trebuchet MS",Helvetica,sans-serif; color:#666; font-size:1.9em; margin:0; padding:0; }

 .col2 { width:553px; float:right; }
  .col2-a { width: 315px; }
  .img-holder img { display: block; border:6px solid #d2e2e3; }
  
/* TABS NAVIGATION
------------------------------------------ */  
.inner-wrapper-a { border: 6px solid #d2e2e3; padding: 20px; background: #fff; }
 .inner-wrapper-a p { color: #999; line-height: 2em; }
  .inner-wrapper-a p a { color: #000; font-weight: bold; }
		
  ul.tabs { list-style:none; padding:0; margin: -22px 0 0; float: right; height: 22px; overflow: hidden;  }
   ul.tabs li { float:left; z-index: 10; position: relative; margin: 0; }
   ul.tabs li.first { margin-right: -8px; z-index: 20; left: 0; }

    ul.tabs a { outline:none; height: 22px; display: block; color:#fff; font-weight: bold; font-size:0.9em; background:url(../images/tab-inactive.png) top right no-repeat; min-height: 1px; }
    * html ul.tabs a { height:1px; float:left; }
     ul.tabs span { display: block; padding:3px 18px; min-height:1px; cursor:pointer; }
	 	
    ul.tabs .active a {  color: #666; background:url(../images/tab-active.png) top right no-repeat; }    
     ul.tabs .active span { padding-right: 30px; }    	
 
/* ELEMENTS
------------------------------------------- */

/* TEAM
------------------------------------------- */

.team-list { width: 330px; float: right; overflow: hidden; }
.team-copy { width: 550px; float: left; }

.team-list h2 { font: bold 1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #6e90a6; margin:0; padding:0 0 0 12px; }

.team-list ul { list-style:none; padding:0; margin: 0 0 15px; }
 .team-list ul li { list-style:none; padding:0; margin:0; }
 .team-list ul a { color:#666; padding-left: 18px; }
 .team-list ul a:hover { color:#8d7e49; }
 .team-list ul a.active { color:#8d7e49; background:url(../images/team-li.png) 0 0 no-repeat; }
 
 .team-list .col1 { width: 155px; float: left; }
 .team-list .col2 { width: 165px; float: right; }
 
  .team-copy p.caption { text-align: center; }
  

/* CONTACT
------------------------------------------- */
.col1-b { width: 580px; } 
.col2-b { width: 280px; }
 .vcard h2 { font: normal 1.6em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #6e90a6; margin: 0 0 6px; } 
 .vcard p.adr { margin: 0; }
 
 
/* NEWS
------------------------------------------- */
 #news-list { list-style:none; padding:0; margin: 0; border-top: 1px solid #c7d8d9; position: relative; display: block; overflow: hidden; }
  #news-list li { list-style:none; margin: 0; border-bottom: 1px solid #c7d8d9; }
  #news-list a { color:#666; padding: 7px 15px; display:block; }
  #news-list a:hover, 
  #news-list a.active { color:#7b9fb6; background: #f4f8ef; text-decoration: none; }
  

.news-wrapper-a { border: 6px solid #d2e2e3; padding: 20px; background: #fff; position: relative; }
 .news-wrapper-a p.date { background: url(../images/date-bg.png) no-repeat; position: absolute; top: -28px; right: -6px; font-weight: bold; text-align: center; color: #666; line-height: 22px; margin: 0; width: 124px; }
 * html .news-wrapper-a p.date { right: -1px; top: -22px; }
 .news-wrapper-b p { color: #585858; font-size: 1.2em; }
  .news-wrapper-b p a { text-decoration: underline; color: #585858; font-weight: bold;  }
  .news-wrapper-b p a:hover { text-decoration: none; }  
 .news-wrapper-b h2,
 .news-wrapper-b h3 { color: #333; font: bold 1.2em/1.4 Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0.8em;  }
 
 
/* 404
------------------------------------------- */
body.error div.page { text-align: center; }
 body.error div.page h1 { padding: 120px 0 40px; }