/* CSS Document */

body {
margin: 0;
}

#header {
width: 100%;
height: 135px;
margin: 0 0 0 0 px;
border-bottom: 10px solid #0f4085;
background: #FFFFFF url(images/banner.jpg) top right no-repeat;
}

h1{
font-size:20px;
color:#f40e95;
}

h2{
font-size:18px;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
border-bottom:solid #0f4085;
}

h2{
font-size:18px;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
border-bottom:solid #0f4085;
}

h3{
font-size:20px;
color: #0f4085;
padding: 5px 0px 1px 0px;
border-bottom:solid #F40e95;
}

h4{
font-size:20px;
color: #0f4085;
padding: 5px 0px 3px 0px;
border-bottom:solid #76ca2e;
}
h5{
font-size:16px;
color: #0f4085;
padding: 5px 0px 3px 0px;
}
.centre {
text-align:center;
}

.border {
border: none;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
}

.para {
margin-top: -10px;
}

.bold { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight:bold;
}
.boldlist { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight:bold;
list-style: square;

}
#destination ul{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight:bold;
list-style: none;
margin: 0;
padding:0;
}
#destination li {
background: url(images/dot.jpg) no-repeat left bottom;
padding-left: 30px;
line-height: 16px;
}
.underline {
text-decoration: underline;
}
.boldgreen { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #76ca2e;
font-weight:bold;
text-align: left;
}

.greenlink { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #76ca2e;
font-weight:bold;
text-align: left;
text-decoration: underline;
}
.white { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
}
.pink { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F40e95;
font-weight:bold;
}
.clear {
clear: right;
}
/*a{text-decoration: none;color: #555;}
	a:hover{color: #bb800f;}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #ccc;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #444;
	}
	ul.borderedlist li a:hover{background: #E5E5E4;color: #444;}
*/

#navigation{
		position: absolute;
		right: 0;
		top:0px;
	}
#navigation li{
		float: left;
		padding-right: 27px;
		padding-left: 19px;
		text-transform: lowercase;
		font-size: 1.2em;
		font-weight: bold;
        background: #f40295;
		list-style: none;
	}
	#navigation li a{
	color: #fff;
	text-decoration: none;
	}
	#navigation li a:hover,#navigation li.active a{
	color: #0f4085;
	}
	
#container {
width: 100%;
height: 600px;
padding: 20 10 10 10;
background: #FFFFFF;
border-bottom: #0f4085 solid 10px; 
}

#column3 {
float: right; width:25%; 
padding: 20px 0px 0px 5px;
height: 580px ;
background-color: #FFFFFF ;
}

#column2{
float: left;
width:30%;
padding: 20px 0px 0px 20px;
height: 580px ;
background-color: #FFFFFF ;
}

#productbox {
width: 90%;float: right;
height: 180px;
background-image: url(images/greenimage.gif);
/*background-color:#76ca2e;*/
padding: 0px 20px 0 10px;
/*background: #FFFFFF url(images/canapes.jpg) top-left no-repeat;*/
/*top: 200px;*/
}
#productbox2 {
width: 90%;float: right;
height: 180px;
background-image: url(images/greenimage.gif);
/*background-color:#76ca2e;*/
padding: 0px 40px 0 10px;
/*background: #FFFFFF url(images/canapes.jpg) top-left no-repeat;*/
/*top: 200px;*/
}
#picbox {
width: 100px;
height: 100px;
float: left;
margin-top: -8px;
margin-right: 10px;
/*padding: 0 0px 0 0;*/
}

#textbox {
width: 200px;
height: 100px;
float: right;
margin-top: 0px;
margin-right: 0px;
}

#quotebox {
width: 100%;
float: left;
height: 580px;
background-image: url(images/pink_bg.gif);
/*border-left: #76ca2e solid 3px;*/
padding: 0px 0px 0 10px;
/*top: 200px;*/
}
	
#spacebox {
width: 80%;float: right;
height: 10px;
background-color: #FFFFFF;
padding: 0px 10px 0 10px;
top: 200px;
}
#column1 {
float: left;width:40%; 
padding: 20px 0px 0px 0px;
height: 580px ;
background-color: #FFFFFF ;
}

#maintext {
height: 580px;
width: 90%;
margins: 0 10 0 10;
padding: 0px 20px 0 20px;
/*border-right: #76ca2e solid 3px;*/
float: right;
}

#footer {
width: 100%;
height: 300px;
padding: 0px 0px 0px 0px;
background:  #FFFFFF;
border-top: #0f4085 solid 10px; 
clear: both;
}
#lowerbar {
width: 100%;
height: 20px;
padding: 20px 0px 20px 20px;
color: #FFFFFF;
background: #0f4085;
clear:both;
}

#bottomcolumn{
float: left;
width:30%;
padding: 0px 10px 0px 10px;
height: 300px ;
background-color: #f40e95 ;
}
#bottomcolumnright{
float: right;
width:30%;
padding: 0px 10px 0px 10px;
height: 300px ;
background-color: #f40e95 ;
}
#bottomspace{
float: left;
width:2%;
padding: 0px 0px 0px 5px;
height: 200px ;
background-color: #FFFFFF ;
}
#bottomnav {
width: 95%;
background-color: #f40e95;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#FFFFFF;
float: right;
}
#bottomnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #00FF99;
	border-bottom: 1px dotted #00FF99;
	list-style-type: none;
	display: block;
}
#bottomnav li {
	border-bottom: 1px dotted #00FF99;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	display: block;
}

#bottomnav a:hover, a:active  {
	background-color: #0f4085;
	display: block;
	color: #FFFFFF;
}
a {
color:#FFFFFF;
}

label {
	width: 95px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background: transparent;
	padding: 0px 0px 0px 5px;
	float: left;
}

form {
background-color: transparent;
border: none;
}

.legend {
border: none;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #0f4085;
}