@charset "utf-8";
/*
Version: 1.0
Author: Rashini Nanayakkara
*/

/** General Layout **/
* {
	margin:0;
	padding:0;
}
html, body {
	margin:0px;
	padding:0px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	position:relative;
	line-height: 1.67em;
	background: #fff;
	color:#555;
	text-align:left;
	height: 100%;
}
#site-wrapper {
	height: auto;
	position:relative;
	overflow:hidden;
	background-color:#fff;
}
#container {
	position:relative;
	margin:0 auto;
	width:1030px;/*border:1px solid #000;*/
}
#header #logo {
	position: relative;
	margin-top:20px;
	margin-left:420px;
	padding:12px;
}
#header h1 {
	display:block;
	position: relative;
	background:url(../images/logoHeading.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:350px;
	padding:10px;
	margin:0 350px;
}
#header p {
	display:block;
	position: relative;
	background:url(../images/sublogoHading.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:190px;
	padding:2px;
	margin:0 400px;
}
#topNav {
	/* background: none repeat scroll 0 0 #8EC63F;*/
    background: none repeat scroll 0 0 #17375D;
	clear: both;
	height: 25px;
	width:1030px;
}
#topNav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#topNav li {
	/* border-right: 1px solid #fff;*/
    float: right;
	height: 25px;
	padding: 0 1px;
	/*padding: 0;*/
    text-align: center;
}
#topNav li.last {
	width:145px;
	padding: 0 50px 0 52px;
	float: left;
	background: none repeat scroll 0 0 #E46D0A;
	border:2px solid #95B3D7;
	height: 22px;
}
#topNav li:hover {
/*height: 22px;*/
	/* background: none repeat scroll 0 0 #E46D0A;*/
	/* background-color:#E46D0A;*/
	/*border:2px solid  #95B3D7;*/
	
}
#topNav li a {
	color: #FFFFFF;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;
	padding: 0 34px;
	text-decoration: none;
	text-transform: uppercase;
}
#topNav li a:hover {
	text-decoration: none;
	color:#000;
	line-height: 21px;
}
#middle {
	float:left;
	margin-top:5px;
	position:relative;
}
#middle h1 {
	display:block;
	position: absolute;
	background:url(../images/middleHeading.png) 0 0 no-repeat;
	text-indent:-9999px;
	width:500px;
	padding:5px;
	top:150px;
	left:270px;
}
#middle #dataBox {
	position:relative;
	margin-top:-50px;
	margin-bottom:10px;
}
#middle #box1 {
	width:410px;
	padding:12px;
	text-align:justify;
	border-radius: 30px;
	border:2px solid #295283;
	float:left;
	height:300px;
	margin-right:5px;
}
#middle #box2 {
	width:150px;
	/*padding:10px 15px 10px 15px;*/
	padding:12px 0;
	text-align:justify;
	border-radius: 30px;
	border:2px solid #295283;
	float:left;
	height:300px;
}
#middle #box3 {
	width:390px;
	padding:12px;
	text-align:justify;
	border-radius: 30px;
	border:2px solid #295283;
	float:left;
	height:300px;
	margin-left:5px;
}
#middle #dataBox h3 {
	display:block;
	margin-bottom:3px;
	color:#17375D;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}
#middle #dataBox p {
	color:#17375D;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
#middle #dataBox span {
	font-weight:bold;
	font-size:1.1em;
}
#middle #dataBox ul {
	list-style: none outside none;
	margin: 0px;
	;
	padding-left: 10px;
}
#middle #dataBox li {
	color:#17375D;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.1em;
}
/*#footer {
	width:1030px;
	position:relative;
	text-align:center;
	
}*/

#footer #map {
	width:313px;
	margin-top:15px;
	float:left;
}
#footer #brands_logo {
	position:relative;
	width:300px;
	float:left;
	margin-top:50px;
	margin-left:40px;
}
#footer ul {
	list-style: none outside none;
}
#footer li {
	float:left;
	margin: 0 15px;
}
#footer #contact {
	width:375px;
	margin-top:40px;
	float:right;
}
#footer #contact #leftcont {
	float:left;
	width:75px;
}
#footer #contact #rightcont {
	float:right;
	width:300px;
}
#footer #contact ul {
	list-style: none outside none;
	margin: 0px;
	padding-left: 10px;
}
#footer #contact li {
	color:#777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.98em;
}
#footer #line {
	position:relative;
	clear:both;
	width:1030px;
	height:25px;
	background:url(../images/footerLine.jpg) 0 0 no-repeat;
}
#footer #line p {
	color:#fff;
	font:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	text-align:center;
}
