@charset "utf-8";
@import "browser_resets.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	text-align: center;

	/*background: url(../assets/top_strip.jpg) repeat-x top center;
	background-color: #fff;*/
}

* {margin: 0px; padding: 0px;}
a img {border: none;}

/*============================================ Framework ==*/

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#masthead {height: 120px; background: url(../images/ilandi-renewable-energy-logo.gif) no-repeat top left; }

#masthead-text{float:right; margin-top:10px;}
#masthead-text p{ padding:1px; font-size:10px;}
#masthead-text b{ color:#cd1041;}
.masthead-text-bold{font-weight:bold;}



#content-wrapper {padding: 5px 0px; width:800px;}
#content {color: #677f8f; padding-left:20px;  background: url(../images/bg.jpg); background-repeat:repeat-x; background-position:bottom;}
body #content {width: 750px;float: left;}

#left-col { width:340px; float: left;}
#right-col { width:370px; float: left; margin-left:30px;}
#right-col ul , #left-col ul, body#fit div#content ul{ padding-left:20px; font-size:0.8em; padding-top:15px; padding-right:0px;}
#right-col li , #left-col li{ margin-bottom:25px;}

#main-nav {height: 100px; background: url(../images/main-nav.gif); background-repeat:no-repeat; margin-top:10px;}

#footer-wrapper {
	width: 100%;
	clear: both;
}

#footer {
	width: 900px;
	margin: 0 auto;
	height: 100px;
	font-size: .7em;
	line-height: 1.7em;
	color: #677f8f;
	text-align: left;
}
div#content li{
	list-style-image: url(../images/bullet.gif);
}
/*============================================ Master Typography ==*/
a{text-decoration:underline; color:#677f8f;}
a:hover{text-decoration:underline; color:#00b7f0;}
div#content h1 {
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
}

div#content h1 b, div#content h2 b{ color:#cd1041; }
div#content h2 {
	font-size: 1.5em;
	font-weight:lighter;
	line-height: 1.3em;
	margin-bottom: .4em;
	color: #677f8f;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
	padding:15px;

}
div#content h3 {
	font-size: 1em;
	font-weight:lighter;
	line-height: 1.3em;
	margin-bottom: .4em;
	color: #677f8f;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
}

div#content h4 {
	font-size: 1.0em;
	font-weight:lighter;
	line-height: 1.3em;
	padding-left:15px;
	margin-bottom: .4em;
	color: #677f8f;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:lighter;
}
div#content p {
	font-size: .77em;
	line-height: 1.6em;
	margin-bottom: 1em;
	margin-left: 15px;
	margin-right:15px;
}
div#content.Panel_AboutUs p {margin-right:0px;}
.InputBox {
width:150px;
background-color: white;
border:1px #048291 solid;
padding:1px;
color:#333333;
}

.InputBoxNormal{
background-color: white;
border:1px #ffb6c1 solid;
padding:1px;
color:#677f8f;
}

.ButtonRollover{
	cursor:pointer;
}
table td{	font-size: 12px; height:30px; vertical-align:top;}

/*============================================ Header Navigation ==*/

#masthead-navigation {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

#masthead-navigation li {
	display: inline;
}

#masthead-navigation li:after {
	color:#677f8f;
	content: "|";
}

#masthead-navigation li:last-child:after {
	content: "";
}

#masthead ul {
	margin: 0px;
	margin-top:50px;
	padding: 0px;
}
#masthead li {
	float: left;
}


#masthead a:link, #masthead a:visited {
	color: #677f8f;
	text-decoration: none;
	font-size: .75em;
	padding: 10px 5px;
}
#masthead a:hover {
	color: #00b7f0;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

/*============================================ Main Navigation ==*/

#main-nav ul {

	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main-nav li {
	float: left;
}
#main-nav li.last {
	background: none;
}
#main-nav a:link, #main-nav a:visited {
	display: block;
	color: #677f8f;
	text-decoration: none;
	font-size: .75em;
	padding: 10px 18px;
}
#main-nav a:hover {
	color: #00b7f0;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

#main-nav-top a:link, #main-nav-top a:visited{ color:#FFFFFF; padding: 10px 45px; font-weight: bold;}
#main-nav-bottom{ margin-top:100px; float:left; width:800px; font-weight: normal;}

/*-- Drop down menu --*/
#main-nav ul li ul {
	display: none;
	position: absolute;
	background-color: #007f8e;
	top: 210px;
}
#main-nav ul li ul li{
	background-image: none;
	float:none;
}
#main-nav li ul li a:link, #main-nav li ul li a:visited {
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	width: 200px;
	padding: 0px 0px 0px 10px;
}
#main-nav li ul li a:hover {
	background-color: #7fbcc3;
	color: #FFFFFF;
	background-image: none;
	opacity:0.9;
	filter:alpha(opacity=90);

}
#main-nav ul li:hover ul {
	display: block;
	opacity:0.9;
	filter:alpha(opacity=90);

}


body#home a.nav-home,
body#aboutsus a.nav-aboutus,
body#investments a.nav-investments,
body#renew a.nav-why,
body#csr a.nav-csr,
body#contactus a.nav-contactus,
body#alliances a.nav-alliances,
body#candidates a.nav-candidates,
body#testimonials a.nav-testimonials,
body#privacy a.nav-privacy,
body#terms a.nav-terms,
body#news a.nav-news,
body#fit a.nav-fit,
body#register a.nav-register
{
	color: #00b7f0;
}

/* =========================================== Content ==*/
#mainpage_RenewableEnergy{
	height:300px;
	background: url(../images/Renewable-Energy.jpg) no-repeat;
	width:480px;
	float:left;
}

#mainpage_RenewableEnergy img{
	margin-left:250px;
	margin-top:200px;
}

#mainpage_Panel_RenewableEnergy{
	height:300px;
	background: url(../images/Panel_Renewable-Energy.gif) no-repeat;
	width:250px;
	float:right;
}

#mainpage_Panel_RenewableEnergy p {padding: 55px 35px;;}
#mainpage_Panel_Investment{
	height:300px;
	width:250px;
	background: url(../images/Panel_Investments.gif) no-repeat;
	float:right;
}

div#mainpage_Panel_Investment ul{ 
	margin-top:10px;
	padding:30px;
	font-size:0.7em;
}

div#mainpage_Panel_Investment img{ float:right; margin:-15px 40px;}
div#mainpage_Panel_Investment li{ padding-top:10px;}

#mainpage_Panel_Help{
	height:300px;
	width:240px;
	float:right;
	padding-left:10px;
}
div#mainpage_Panel_Help h1{ font-weight:bold; font-size:1.4em;}
.PhoneNumber {
	background-image:url(../images/phone.jpg);
	background-repeat:no-repeat;
	padding-left:35px;
	height:30px;
}
.Question {
	background-image:url(../images/QuestionMark.jpg);
	background-repeat:no-repeat;
	padding-left:35px;
	height:30px;
}
div#mainpage_Panel_Help p{
	background-image:url(../images/rss.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding-left:40px;
	font-size:.8em;
}

#mainpage_Panel_YourAccount{
	height:300px;
	background: url(../images/Panel_YourAccount.gif) no-repeat;
	float:left;
	width:230px;
	margin-top:-4px;
	margin-left:20px;
}

#mainpage_Panel_testimonial{
	background: url(../images/Panel-Testimonial.jpg) no-repeat;
	margin-left:60px;
	height:150px;
}

.Panel_Large{
	height:540px;
	background: url(../images/Panel_Large.gif) no-repeat;
	float:left;
	width:230px;
	margin-top:10px;

}
.Panel_Large_FullSize{
	height:540px;
	background: url(../images/Panel_Large_FullSize.gif) no-repeat;
	float:left;
	width:740px;
	margin-top:10px;
	padding-left:10px;
	margin-left:10px;
}
.Panel_Large_FullSize #right-col { width:340px; float: left; margin-left:0px;}
.Panel_Large img{ float:right; margin-right:25px; margin-left:15px;}

.Panel_Directors{
	height:540px;
	background: url(../images/Panel_Directors.gif) no-repeat;
	float:left;
	width:480px;
	margin-top:10px;
}

.Panel_Directors img{ float:right; margin-right:0px; margin-left:-15px;}
.Panel_DirectorsPage img{ float:right; margin:5px; margin-left:20px;}
.Panel_Pic {margin-top:-15px;}
.Panel_Directors table{width:360px;}
.Panel_Directors td{width:360px; font-size:14px;}

.Panel_Alliances_Top{
	background: url(../images/Panel_Alliances_Top.gif) no-repeat;
	margin-top:10px;
	padding-left:10px;
	padding-top:20px;
}

.Panel_Alliances_Bottom{
	background: url(../images/Panel_Alliances_Bottom.gif) no-repeat;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:30px;
}

.Panel_Alliances{
	background: url(../images/Panel_Alliances_Middle.gif) repeat-y;
	margin-top:-10px;
	margin-bottom:-13px;
	padding-left:10px;
	padding-top:20px;
}

.Panel_Alliances a{text-decoration:none; color:#00808e; font-weight:bold; margin-left:7px;}


/*========================== FORMS ====== */
form {
}

fieldset {
	width:50%;
	border: none;
	margin-bottom: .2em;
	padding: 15px 20px;
	background-color: #CCCCCC;
}


	
form fieldset ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#content form fieldset li {
	margin: 5px 0px 8px 0px;
	list-style-image:none;
}
form fieldset ul li.code {
	margin-left: 0px;
}
form label {
	font-size: .8em;
	font-weight: bold;
	display: block;
	color: #666666;
}

form input {
	width: 85%;
	/*font-size: 1.2em;*/
	margin: 5px 5px 0px 0px;
	padding: 3px 0px;
}


form input.submit {
	width: auto;
	padding:3px;
	cursor:pointer;
}



/*============================================ Footer ==*/
#footer p {
	margin-bottom: 0px;
	color:#677f8f;
}

#footer a:link, #footer a:visited {
	color: #677f8f;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color:#00b7f0;
}

#foot1{ float:left;}
#foot2 {
	font-size:10px;
	margin-top:5px;
	color:#cd1041;
	float:none;
	text-align:center;
	width:800px;
	margin-left:30px;
	position:absolute;
}
#footer-navigation {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

#footer-navigation li {
	display: inline;
}

#footer-navigation li:after {
	color:#677f8f;
	content: "|";
}

#footer-navigation li:last-child:after {
	content: "";
}

/*==================== Account =================*/
div#ACC_leftcol {
	width: 180px;
	float: left;
	margin: 5px 0px 0px 5px;
}
div#ACC_leftcol h1 {
	font-size: 1em;
	line-height: 1.3em;
	color: #027f92;
	margin-bottom: .0em;
}
div#ACC_leftcol h2 {
	font-size: .9em;
	line-height: 1.1em;
	color: #027f92;
	margin-bottom: -.5em;
}
div#ACC_leftcol p {
	font-size: .75em;
	line-height: 1.5em;
	color: #333333;
	margin-bottom: .7em;
}
div#ACC_leftcol ul {
	padding: 0px;
	list-style: none;
}
div#ACC_leftcol li {
}
div#ACC_leftcol a:link, div#ACC_leftcol a:visited {
	font-size: .9em;
	text-decoration: none;
	color: #666666;
}
div#ACC_leftcol a:hover {
	color: #5c1314;
}

.foldinglist{margin-left:35px;}

.subhead {font-size:0.8em;}
body#re li li{font-size:0.8em; margin-bottom:5px; margin-left:40px;}
body#re ul {margin-bottom:10px;}