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

body{
	margin:0 auto;
	background:#6ec7b7;
	font-family:Arial, Helvetica, sans-serif;
	behavior: url("../scripts/csshover3.htc");
	font-size:100%;
}

p{
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
}


a{
	color:#222222;
	color:#e6004f;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*font-size:85%;*/
}

a{outline:none;}

a:hover{
	text-decoration:underline;
}

/*
div#orange-content h1 {
		font-size:125%;
		width:100%;
		padding:0 0 4px 0;
		margin:0;
		color:#e7870d;
		border-bottom:4px solid #e7870d;
}
*/
div#orange-content h2 {
		clear:left;
		font-size:110%;
		width:100%;
		padding:0 0 4px 0;
		margin:1em 0 0.5em 0;
		color:#e7870d;
		border-bottom:2px solid #e7870d;
}

div#orange-content h3 {
		font-size:100%;
		width:100%;
		padding:0 0 4px 0;
		margin:1em 0 0.5em 0;
		color:#e7870d;
		border-bottom:2px solid #e7870d;
}

	
	h1.orange{
		clear:left;
		font-size:125%;
		width:100%;
		padding:0 0 4px 0;
		margin:0;
		color:#e7870d;
		border-bottom:4px solid #e7870d;
}
	
	h2.green{
		float:left;
		display:inline;
		font-size:85%;
		width:100%;
		padding:0 0 2px 0;
		margin:10px 0 10px 0;
		color:#87c62b;
		border-bottom:2px solid #87c62b;
	}
	
	


img{ border:0;}




#outer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}


/*------------------------------Bottom-Shadow------------------------------*/

#bottom-shadow{
	display:inline;
	float:left;
	width:1000px;
	height:59px;
	background:url('../images/bottom-shadow.png');
}

/*------------------------------Main area-----------------------------*/


#container{
	float:left;
	display:inline;
	width:1000px;
	background: url('../images/bg.png');
	padding:0;
}



/*------------------------------header------------------------------*/

#logo{
	display:inline;
	float:left;
	width:443px;
	height:99px;
	margin:20px 0 0 65px;
}

.header-text{
	display:inline;
	float:right;
	margin:40px 65px 0 0;
	font-size:100%;
	text-align:right;
	color:#e6004f;
}

/*------------------------------Navigation------------------------------*/

ul#nav{
	display:inline;
	float:left;
	width:765px;
	height:28px;
	margin:25px 0 20px 65px;
	padding:0 0 0 105px;
	border-bottom:7px solid #e6004f;
	list-style:none;
}


ul#nav li{
	float:left;
	display:inline;
	height:28px;
	margin:0 10px 0 0 ;
}


ul#nav li a{
	text-decoration:none;
	color:#e6004f;
	height:auto;
	font-size:100%;
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}

ul#nav li a .left{
	float:left;
	display:inline;
	width:6px;
	height:28px;
	background:url('../images/nav-l.gif');	
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}
ul#nav li a .center{
	float:left;
	display:inline;
	padding:5px 2px 5px 2px;
	background:url('../images/nav-bg.gif') repeat-x;
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}

ul#nav li a .right{
	float:left;
	display:inline;
	height:28px;
	width:6px;
	background:url('../images/nav-r.gif');
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}

ul#nav li:hover{
	
}

ul#nav li a:hover{
	color:#ffffff;
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}
ul#nav li a:hover .left{
	background:url('../images/nav-l-over.gif');
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}
ul#nav li a:hover .center{
	background: url('../images/nav-bg-over.gif') repeat-x;
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}

ul#nav li a:hover .right{
	background:url('../images/nav-r-over.gif');
	cursor: pointer; 
	/* hand-shaped cursor */ 
	cursor: hand; /* for IE 5.x */
}



/*------------------------------Orange and Green CONTENT DIVS------------------------------*/



/*-----------------------------------------------Orange ------------------------------*/



#orange{
	display:inline;
	float:left;
	width:645px;
	margin:0 10px 0 65px;
}

#orange ul{
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
}

#orange ul li{
	padding:10px 0 0 0;
}

#orange-top{
	display:block;
	float:left;
	width:645px;
	line-height:5px;
	height:5px;
	margin:0;
	padding:0;
	background:no-repeat url('../images/orange-top.gif');
}

#orange-content{
	display:block;
	float:left;
	width:611px;
	min-height:450px;
	height:auto !important;
	height:450px;
	background:#FFF;
	padding:15px 15px 15px 15px;
	border-left:2px solid #e6860d;
	border-right:2px solid #e6860d;
}			

#orange-bottom{
	display:block;
	float:left;
	width:645px;
	line-height:5px;
	height:5px;
	margin:0;
	padding:0;
	background:no-repeat url('../images/orange-bottom.gif');
}



/*----------------------------------------------Green-----------------------------------------*/


#green{
	display:inline;
	float:left;
	width:215px;
}

#green-top{
	float:left;
	display:block;
	line-height:5px;
	width:215px;
	margin:0;
	padding:0;
	height:5px;
	background: url('../images/green-top.gif') no-repeat;
}

#green-content{
	float:left;
	display:block;
	width:191px;
	margin:0;
	padding:0 10px 0 10px;
	background:#fff;
	border-left:2px solid #87c62b;
	border-right:2px solid #87c62b;
}

#green-content a.listen{
	background: url('../images/listen.gif') no-repeat;
	font-size:85%;
	padding:5px 0 5px 28px;
	line-height:28px;
}

#green-content a.find-out-more{
	background: url('../images/play.gif') no-repeat;
	font-size:85%;
	padding:5px 0 5px 28px;
	line-height:28px;
	
}

#green-bottom{
	float:left;
	display:block;
	line-height:5px;
	width:215px;
	margin:0;
	padding:0;
	background:url('../images/green-bottom.gif') no-repeat;	
}

/*------------------------------Offers Box------------------------------*/


#offers-box{
	width:630px;
	height:auto;
	margin:0;
	padding:0;
}


#offers-top{
	width:610px;
	margin:15px 0 0 0;
	padding:0;
	height:7px;
	background:url('../images/offers-top.gif');
}

#offers-content{
	display:inline;
	float:left;
	width:630px;
	background: repeat-y url('../images/offers-middle.gif');
}

#offers-bottom{
	display:inline;
	float:left;
	width:610px;
	margin:0 0 20px 0;
	padding:0;
	height:7px;
	background: url('../images/offers-bottom.gif');
}

.offers-para {
	float:left;
	display:inline;
	width:125px;
	color:#fff;
	margin:0 10px 0 0;
	padding:10px 10px 10px 10px;
	line-height:15px;
}

.offers-para a{
	color:#FFF;
	font-size:80%;
	margin:0;
	padding:0;
}


.offers-para a span{
	font-weight:bold;
	font-size:120%;
	
}


.end-para {
	float:left;
	display:inline;
	width:125px;
	color:#000;
	margin:0 10px 0 0;
	padding:10px 7px 10px 10px;
	line-height:15px;
}


.end-para a{
	color:#FFF;
	font-size:80%;
	margin:0;
	padding:0;
}


.end-para a span{
	font-weight:bold;
	font-size:120%;
	
}

.form{
	float:left;
	display:inline;
	width:100%;
}

.green-form-field{
	float:left;
	display:inline;
	
}

.form-title{
	display:inline;
	float:left;
	color:#222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	width:60px;
}

.form-field{
	float:left;
	display:inline;
	width:100%;
	margin:0 0 5px 0;
}

#vemail, #vname, #vphone, #venquiry{
	background:#b4b0b0;
	border:1px solid #080808;
	color:#ffffff;
}


#venquiry{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}

form input.btn 
{float:left;
display:inline;
width:26px;
height:24px; 
line-height:24px; 
margin:0 320px 20px 230px;
padding: 0;
border: 0;
background: url(../images/go.gif) no-repeat;
text-indent: -9999px; 
cursor: pointer; 
/* hand-shaped cursor */ 
cursor: hand; /* for IE 5.x */}


form input.green-btn 
{float:left;
display:inline;
width:26px;
height:24px; 
line-height:24px;
margin:0 0 0 5px;
padding: 0;
border: 0;
background: url(../images/go.gif) no-repeat;
text-indent: -9999px; 
cursor: pointer; 
/* hand-shaped cursor */ 
cursor: hand; /* for IE 5.x */}



/*---------------------------------------------Footer------------------------------------------*/

#footer{
	display:inline;
	float:left;
	width:1000px;
	margin:60px 0 10px 0;
}

#footer p{
	width:640px;
	float:left;
	display: inline;
	font-size:60%;
	color:#515250;
	padding:0 0 0 70px;
	margin:0 0 10px 0;
}

#footer p a{
	color:#515250;
	font-size:inherit;
}

a.fluid7{
	display:inline;
	float:right;
	width:109px;
	height:25px;
	margin:10px 65px 0 0;
	background:url('../images/fluid-7.gif')
}

a.fluid7:hover{
	background:url('../images/fluid-7-over.gif')
}



/*---------------------------------------------Paypal------------------------------------------*/

 #paypal{
	margin:0 auto 0 auto;
	width:150px;
}


/*---------------------------------------------Profile image------------------------------------------*/

h2 img.profile-image{
	margin:0 10px 0 0;
}