/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/

/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#000; font-family: Arial, Helvetica, sans-serif;  }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }


/*------------------------------------------
// 2.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Content - Section ----*/
div.section{ float:left; width:372px; margin-bottom:5px; }
div.section h1{ color:#e0eefb; font-size:240%; line-height:22px; margin-bottom:7px; }
div.section p{ color:#d2dae7; line-height:18px; font-size:130%; margin-bottom:15px; }

div.section#interactive{ width:506px; padding-right:32px; margin-right:24px; }
div.section#news { width:388px; margin-left: -20px; }
div.section#news img{ float:left; border:1px solid #04183b; margin-right:20px; }
div.section#news p {line-height:17px; }
div.section#news p strong{ color:#fff; }

/*---- Partners ----*/
div#partners{ clear:both; padding-top:8px; background:url(../../images/content/partners-bg.gif) left top repeat-x; }
div#partners a.carbon-planet{ margin-top:10px; float:right; } /*margin-top:6px;*/
div#partners ul.list1 a.partner1 img{ margin-top: 8px; }			/*										*/
div#partners ul.list1 a.partner2 img{ margin-top: 2px; }			/*	These margin values are				*/
div#partners ul.list1 a.partner3 img{ margin-top: 6px; }			/*	(60px - height of logo image) / 2	*/		
div#partners ul.list1 a.partner4 img{ margin-top:13px; }			/*	rounded up to next integer.			*/
div#partners ul.list1 a.partner5 img{ margin-top:19px; }			/*	Need to change if logo changes.		*/
div#partners ul.list1 a.partner6 img{ margin-top:12px; }			/*	Should use javascript but no time.	*/
div#partners ul.list1 a.partner7 img{ margin-top:1px; }	
div#partners ul.list1 a.partner8 img { margin-top:7px; margin-left: 4px; }		
div#partners ul.list1 li.vmaware_logo {width: 85px; }	/*

/*------------------------------------------
// 3.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- Banner ----*/
div#banner div.box{ width:308px; min-height:175px; padding-right:26px; }
/* removed from above: background:url(../../images/banner/arrow.gif) right bottom no-repeat; */
div#banner div.box h1{ font-size:250%; color:#ffffff; margin-bottom:5px; }
div#banner div.box p{ font-size:130%; color:#fff; line-height:17px; }

/*---- Section1 ----*/
div#main div.section1 { width:344px; margin-bottom:20px; }

/*------------------------------------------
// 2.1  THREE COLUMN PAGE SPECIFIC STYLES
//------------------------------------------*/
div#main.three-columns div.section { width:230px; float:left; padding-left:25px; }
div#main.three-columns div.section.first { width:235px; padding:0; }
div#main.three-columns div.section.last { width:211px; padding-left:23px; }
div#main.three-columns div.section ul{list-style:none; margin:0px;}
div#main.three-columns div.section ul li{ line-height:33px; list-style:none; font-size:150%; font-weight:normal; color:#2a62a7; }