/* CSS Document */
/* 
version: 1.2
author:  Luann Ebert
email:   ltebert@comcast.net
date:    Dec 16, 2008; rev Dec 29; rev Jan 17, 2009
---------------------------------------------------------------------------*/

/* :TODO:  */
/* :KLUDGE: */
/* :BUG: */


/* =colors
---------------------------------------------------------------------------
witricity blue        	#006eaa
witricity orange		#e4501b;
outside background		#ffffff
grey menu text			#576455
bright blue (menu bkg)  #00aae3
light gray (menu bkg)	#ebf1ed
dark gray (menu bkg)	#dbe3de
light blue (menu bkg)	#d9f2fb 
mid blue (menu bkg)		#76caec 

news coverage text		#666666
main head (orange)      #f06615
sidebar heads (brt blu) #00aae3  was 2799da
tagline (blue)  		#006eaa
vertical rules          #e7ece9   gray
body links (dr bl)		#006eaa


*/

/* =General
---------------------------------------------------------------------------*/
/* get rid of all default padding and spacing */
* {
padding: 0;
margin: 0;
}

img {
vertical-align: top;
border: 0;
}

/*html {
color: #000000;
}*/

body {
background-color: #ffffff;
margin: 20px 30px;
font-family: Arial, Helvetica, sans-serif;
}

.clear {
clear: both;
}

/* =ALL PAGES - header
---------------------------------------------------------------------------*/

/* main wrapper that holds it all centrally, every page */
#wrapper {
width: 960px;
margin: 0 auto;
/*position: relative;*/ 
}

#header {
height: 38px;
}

#header img {  /*witricity logo */
float: left;
}

#header h1 {   /*witricity text version */
display: none;
}

#header h2.tagline {  /*witricity tagline */
font-family: Helvetica, sans-serif;
color: #006eaa;
font-size: 17px;
padding-top: 10px;
text-align: right;
font-weight: 100;
/*letter-spacing: .05em;*/
line-height: 17px;
font-stretch: narrower;
}



/* =Basic Typography
---------------------------------------------------------------------------*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; /*was 20, then 16 */
	margin: 0 0 18px 0; 
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 24px; /* was 28 */
	color: #f06615;  /* orange */
	font-weight: normal;
}

h2 {
	font-size: 14px;
	line-height: 18px;
	color: #00aae3;  /* bright blue */
	margin-bottom: 4px;
}

/*h2.first {
	margin-top: -6px;
	}
*/

h3 {
	font-size: 12px;
	line-height: 18px;
	color: #000000;  
}

dt {  /* news coverage sidebar */
	font-size: 10px;
	line-height: 15px;
}

dd { /* news coverage sidebar */
	font-size: 10px;
	line-height: 15px;
}

.black {
	color: #000000;
	}
	
.soon {
	color: #e4501b;
	font-size: 10px;
	font-weight: bold;
	} 


/* =ALL PAGES - footer
---------------------------------------------------------------------------*/

#footer {
clear: both;
}

#footer p {
margin: 18px 0 30px 13px;
padding-top: 10px;
border-top: solid #999999 1px;
font-size: 9px;
line-height: 12px;
color: #666666;
}


/* =Navigation menu
---------------------------------------------------------------------------*/

/* note that container is floated. */

#menu_container {  /* all  pages other than home */
width: 230px;
float: left;
/*background-color: #e7eee9;*/
background-color: #ffffff;

}

#home #menu_container { /*Home pg menu has fixed height, so top padding is special*/ 
padding-top: 5px;
background-color: #e7eee9; 
}

#nav_menu  {
list-style-type: none;
padding: 0;
margin:0;
}

#nav_menu li {
font-size: 15px;
display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#nav_menu li a {
display: block;
width: 217px;
height: 34px;
line-height: 34px;
color: #485346;
text-decoration: none;
padding-left: 13px;
background: #e7eee9 url(../images/nav_arrow_normal.gif) no-repeat 100% 50%; 
border-top: 1px solid #ffffff;
}

#nav_menu li a:link, #nav_menu li a:visited {
text-decoration: none;
}

#nav_menu li a:hover {
color: #ffffff;
background: #00aae3 url(../images/nav_arrow_hover.gif) no-repeat 100% 50%; 
}

#nav_menu li#item_blog a {
color: #000000;
background:  #e7eee9; 
}

/*:TODO:   replace this when blog goes live with rule below  
#nav_menu li#item_blog a:hover {
color: #000000;
background: #d3ddd6 url(../images/nav_arrow_blog.gif) no-repeat 100% 50%; 
}*/

/*
#nav_menu li#item_blog a:hover, #nav_menu li#item_blog a:active {
color: #ffffff;
background: #00aaee url(../images/nav_arrow_hover.gif) no-repeat 100% 50%; 
}
*/

/* for second level menu items... */
#nav_menu li ul   {
list-style-type: none;
}

#nav_menu li ul li  {
font-size: 15px;
display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
}

#nav_menu li ul li a {
display: block;
width: 200px;
height: 34px;
line-height: 34px;
text-decoration: none;
padding-left: 30px; 
border-top: 1px solid #ffffff;
background-image: none;
background-color: #d9f2fb;
} 

/* highlight current top level menu item */ 
body#company li#item_company a,
body#technology li#item_technology  a,
body.company li#item_company a,  /* highlights whenever 2nd level selected */
body.technology li#item_technology a,
body.news li#item_news a,
body#application li#item_application  a,
body#news li#item_news  a,
body#contact li#item_contact a
{
color: #ffffff;
background: #00aae3 url(../images/nav_arrow_hover.gif) no-repeat 100% 50%;
}


/* :KLUDGE: assign color to second level items under selected top-level item */
body#company li#item_company ul li a, body.company li#item_company ul li a,
body#technology li#item_technology ul li a, body.technology li#item_technology ul li a,
body#news li#item_news ul li a, body.news li#item_news ul li a
{
color: #485346;
background-color: #d9f2fb;
background-image: none;
}


/* highlight current second level menu item */ 
body#invention li#item_invention a,
body#benefits li#item_benefits a,
body#board li#item_board a,
body#careers li#item_careers a,
body#faq li#item_faq a,
body#papers li#item_papers a,
body#more li#item_more a,
body#team li#item_team a,
body#benefits li#item_benefits a {
color: #576455;
background-image: none;
background-color: #76caec;
}

/* :KLUDGE: assign HOVER color to second level items under selected top-level item */
#nav_menu li ul li a:hover, 
body#company li#item_company ul li a:hover, 
body#technology li#item_technology ul li a:hover, 
body#news li#item_news ul li a:hover, 
body.company li#item_company ul li a:hover, 
body.technology li#item_technology ul li a:hover, 
body.news li#item_news ul li a:hover
{
color: #576455;
background-image: none;
background-color: #76caec;
}
 
 
.breadcrumbs {
font-size: 9px;
padding: 4px 0 6px 13px;
background-color: #e7eee9;
}

.breadcrumbs a:link, .breadcrumbs a:visited {
color: #000;
text-decoration: none;
}

.breadcrumbs a:hover {
color: #000;
text-decoration:underline;
}

/* end navigation */



/* =HOME page
---------------------------------------------------------------------------*/

#movie_container {
width: 100%;
height: 250px;
float: left;
}

#movie_container img {
float: right;
}

#home #content_container { /* holds main content and highlights */
margin-top: 12px;
width: 720px;
float: right;
}

#home #content {  /* holds title and body copy below animation */
width: 714px;
float: left;
margin-left: 6px;
padding-bottom: 13px;
border-bottom: 1px solid #000;
}

#home #content p {
font-size: 13px;
line-height: 20px;
}

#home #content h1 {
color: #f06615;
font-size: 22px;
line-height: 26px;
margin-bottom: 16px;
font-weight: 100;
padding: 0;
}

/* /// highlights */

#highlights {  /* holds all highlights */
width: 714px;
float: left;
margin-left: 6px;
margin-top: 36px;
margin-bottom: 18px;
}

#highlights dl {   /* each holds individual highlights */
width: 344px;
height: 180px;   /* was 140 px */
float: left;
padding: 0;
margin: 0 24px 18px 0;
display: inline; /* :KLUDGE: fixes ID/Win double margin bug */
}

#highlights dl.even {   /* KLUDGE eliminate right margin on right highlights */
margin: 0 0 18px 0;
}


#highlights dt {  /*head */
margin: 0 0 3px 105px;
}

#highlights dt a {
font-size: 14px;
line-height: 17px;
color: #00aae3;
display: block;
text-decoration: none;
/*background: url(../images/nav_arrow_blue.gif) no-repeat 98% 50%;*/
}

#highlights dt a:link, #highlights dt a:visited {
color: #00aae3;
text-decoration: none;
}

#highlights dt a:hover {
color: #000000;
text-decoration:none;
}

#highlights dd {
font-size: 11px;
line-height: 15px;
margin: 0 0 0 105px ;
padding: 0;
}

#highlights dt.img {
margin: 0;
}
	
#highlights dt.img img {
float: left;
margin: 0px 12px 0 0;
padding: 0;
}

#highlights dd.img {
margin: 0;
}
	
#highlights dd.img img {
float: left;
margin: 3px 12px 0 0;
padding: 0;
}

/* news coverage sidebar */

#press_coverage_sidebar h1 {
color: #000000;
font-size: 15px;
margin-bottom: 8px;
font-weight: 100;
letter-spacing: .05em;
line-height: 15px;
}

#press_coverage_sidebar {
margin-top: 15px;
width: 230px;
float: left;
background: url(../images/sidebar_background_slice.jpg) repeat-x;  
}

#press_coverage_inner {
	margin: 15px;
}

/* excerpt */
#press_coverage_sidebar dt {
	font-size: 10px;
	line-height: 15px;
	margin-top: 18px;
	color: #666666;
}

#press_coverage_sidebar dt.first { /*to get excerpt close to title */
	margin-top: 6px;
}

#press_coverage_sidebar dt a:link, #press_coverage_sidebar dt a:visited {
color: #666;
text-decoration: none;
}

#press_coverage_sidebar dt a:hover {
color: #666;
text-decoration: underline;
}

#press_coverage_sidebar dd {
	font-size: 10px;
	line-height: 15px;
	margin-top: 6px;
}

#press_coverage_sidebar dd a:link, #press_coverage_sidebar dd a:visited {
color: #000;
text-decoration: none;
}

#press_coverage_sidebar dd a:hover {
color: #000;
text-decoration:underline;
}



#press_coverage_sidebar dt.head {
font-size: 15px;
margin-bottom: 0;
line-height: 15px;
vertical-align: bottom;

}

/* specific image placement */
#press_coverage_sidebar img#gg {
padding: 0 0 8px 0;
}

#press_coverage_sidebar img#bbc {
padding: 0  0 6px 0;
vertical-align: bottom;
}



/* =SECONDARY pages
---------------------------------------------------------------------------*/

#content_container { /* holds title bar, main content and sidebar */
width: 714px;
float: right;
}

#title_bar { /* holds holds [orange] page title */
margin: 0;
width: 714px;
height: 70px;
}

#title_bar h1 { 
margin-right: 260px;
padding: 0;
}

#main_content {
width: 440px;
float: left;
padding-right: 15px;
border-right: 2px solid #999;
margin-bottom: 40px;
}
/*
#main_content h1 {
margin-top: 28px;
margin-bottom: 7px;
}

#main_content h2 {
font-size: 14px;
line-height: 18px; 
color: #00aae3;  
}

#main_content h3 {
font-size: 12px;
line-height: 18px; 
color: #000000;  
}*/

/* sidebar stuff */

#sidebar {
width: 244px;
float: right;
}

#sidebar h1 {
font-size: 14px;
color: #00aae3;
margin-top: 7px; 
}

#sidebar .caption {
font-size: 11px;
line-height: 16px;
margin-top: 3px;
}

#sidebar img {
margin-top: 10px;
}

#sidebar img.first {
margin-top: 0;
}

#sidebar a:link, #sidebar a:visited {
color: #006eaa;
text-decoration: none;

}

#sidebar a:hover {
color: #006eaa;
text-decoration:underline;
}

#decorative_sidebar {
margin-top: 15px;
width: 230px;
height: 450px;
background:  #ffffff url(../images/sidebar_background_slice.jpg) repeat-x; 

}



/* links in text */

#main_content a:link, #main_content a:visited {
color: #006eaa;
text-decoration: none;
/*background: url(../images/link_underline.gif) repeat-x left bottom; */
}

#main_content  a:hover {
color: #006eaa;
text-decoration:underline;
}

/* lists in text */
#main_content ul {
padding-left: 1em;
margin: 0 0 7px 0;
/*list-style: disc url(../images/bullet_blue.gif);*/
}

#main_content li {
font-size: 12px;
line-height: 20px;
color: #000000;
margin-bottom: 7px;
}

#main_content li.tight {
margin-bottom: 0;
}



/* =SPECIAL SECONDARY page : TEAM,  BOARD, FAQ, benefits (wide col, no sd sbar
---------------------------------------------------------------------------*/

#board #main_content, #team #main_content, #faq #main_content,
#benefits #main_content {
width: 714px;
float: left;
padding-right: 0;
border-right: 0 solid #999;
margin-bottom: 40px;
}

.bio {
margin-bottom: 24px;
}

.bio p, .bio h2, .bio h3 {
margin-left: 110px;
}

#main_content .bio h2, #main_content .bio h3 {
margin-bottom: 0;
padding: 0;
line-height: 20px;
}

.bio img {
float:left;
margin-top: 4px;
}

h2.question {
margin-bottom: 0;
}


/* =SPECIAL SECONDARY page : company
---------------------------------------------------------------------------*/

h1.trademark_info {
padding: 19px 15px 0 13px;
font-size: 15px;
line-height: 18px;
color: #576455;
}

p.trademark_info {
padding: 16px 14px 0 13px;
font-size: 10px;
line-height: 16px;
color: #465244;
}

/* =SPECIAL SECONDARY page : technology
---------------------------------------------------------------------------*/
#technology p {
margin-bottom: 14px;
}

.illustration_container {
padding: 4px 18px 0 0;
float: left;
}

.illustration_container p.caption {
font-size: 11px;
line-height: 16px;
margin: 6px 0 0 0 ;
}

.illustration_container_narrow {
width: 120px;
padding: 3px 0 0 18px;
float: right;
}

.illustration_container_narrow p.caption {
font-size: 11px;
line-height: 16px;
margin: 6px 0 0 0 ;
}

/* special case to relative sidebar image to text in main column */
#resonance {
padding-top: 8px;
width: 242px;
position: absolute;
left: 472px;
top: 0;
}

#resonance h1 {
margin-top: 8px;

}


/* =SPECIAL SECONDARY page : more than
---------------------------------------------------------------------------*/

.aligner {
position: relative;
}

.last {  /* exception to get main column longer than sidebar */
padding-bottom: 100px;
}

#radiative, #mri, #tower {
padding-top: 18px;
width: 242px;
position: absolute;
left: 472px;
top: 0;
}

#mri {
padding-top: 4px;
}

#tower {
padding-top: 0;
}

#radiative img {
margin-top: 10px;
}


.positioned_sidebar .caption {
font-size: 11px;
line-height: 16px;
margin-top: 3px;
}



.positioned_sidebar  a:link, .positioned_sidebar a:visited {
color: #006eaa;
text-decoration: none;

}

.positioned_sidebar a:hover {
color: #006eaa;
text-decoration:underline;
}

/* =SPECIAL SECONDARY page : news and paper
---------------------------------------------------------------------------*/

.publication_container {
padding-bottom: 12px;
border-bottom: 1px solid #000;
margin-bottom: 24px;
float: left;
width: 440px;
}

p.publication {
font-weight: bold;
margin: 3px 0 0 0;
}

p.pub_date {
color: #00aae3;
margin: 0 0 18px 0;
line-height: 12px;
}

p.pub_description {
line-height: 16px;
margin-bottom: 12px;
}

p.whitespace {
padding-bottom: 72px;
}

/* special pub links */

#main_content ul.pub_links  {
list-style: none;
float: left;
padding: 0;
margin: 0;
}

#main_content ul.pub_links li {
float: left;
padding: 0;
margin: 0;

}

#main_content ul.pub_links li a {
font-size: 12px;
display: block;
line-height: 16px;
padding:  0 43px 0 25px;
margin: 0;
background: #ffffff url(../images/4.0_arrow_box_off.jpg) no-repeat left center; 
text-decoration: none;
color: #000000;
float: left;
}

#main_content ul.pub_links li a:hover {
text-decoration: none;
background: #fff url(../images/4.0_arrow_box_on.jpg) no-repeat left center; 
}

/* =SPECIAL SECONDARY page : applications - 
---------------------------------------------------------------------------*/

#main_content_wide {
width: 714px;
float: left;
padding-right: 0;
border-right: 0 solid #999;
margin-bottom: 40px;
clear: both;
}

#main_content_wide ul {
padding-left: 1em;
margin: 0 0 7px 0;
}

#main_content_wide li {
font-size: 12px;
line-height: 18px;
color: #000000;
margin-bottom: 9px;
}

#application #sidebar ul {
padding-left: 1em;
margin: 0 0 7px 0;
}

#application #sidebar li {
font-size: 11px;
line-height: 16px;
color: #000000;
margin-bottom: 4px;
}

#application #sidebar h3 {
font-size: 12px;
line-height: 16px;
color: #000000;
margin-bottom: 8px;
margin-top: 16px;
}

.app {
border-top: 1px #333 solid;
float: left;
}

#application .app h1 {
margin-top: 18px;
margin-bottom: 9px;

}

.app img {
float: right;
margin: 20px 0 30px 0;
padding-left: 32px;

}

/* =SPECIAL SECONDARY page : benefits
---------------------------------------------------------------------------*/
table#benefits {
width: 720px;
}

table#benefits img {
padding-right: 6px;
padding-top: 1px;
vertical-align: top;
}

#benefits #content_container  a:link, #benefits #content_container a:visited {
color:  #00aae3;
text-decoration: none;

}

#benefits #content_container a:hover {
color: #f06615; 
text-decoration: none;
}

/* =SPECIAL SECONDARY page : benefits
---------------------------------------------------------------------------*/
#careers p.job_description {
margin-bottom: 8px;
}