﻿/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
body {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1;
	background:#1076bc url(../images/bg_sli.gif) repeat-x 0 0;
	height:100%;
	
}

#wrapper {
	width:900px;
	margin: 0px auto;
	position:relative;
	
	
}

#header {
	width:970px;
	margin: 0px auto;
	height:169px!important;
	background:url(../images/header.png) no-repeat 0 0;
	position:relative;
}
#contentWrapper {
	width:970px;
	margin: 0px auto;
	background:url(../images/shadowCont.png) repeat-y 0 0;
	padding-bottom:35px;
}

#contentTop	{
	width:948px;
	margin: 0px auto;
	background:#FFF url(../images/contSli.gif) repeat-x 0 0;
	height:500px;
	height:85px;
	
}

#col1 {
	width:657px;
	margin:0 0 0 10px;
	padding:0 0 0 29px;
	float:left;
}
#col2 {
	width:253px;
	float:left;
	margin:-68px 0 0 10px;
	background:url(../images/shadowCont.png) repeat-y -706pxpx 0;
}
#contentBottom {
	width:970px;
	margin: 0px auto;
	background:url(../images/ContBottom.png) no-repeat 0 0;
	height:23px;
	
}


#footer {
	background:url(../images/footer.png) no-repeat 0 0;
	width:970px;
	margin: 0px auto;
	height:180px;
	clear:both;
	position:relative;
}
#col1.contact {}
/************************************ Fonts styles **************************************/
h1 {font-size:1.9em; margin:20px 0; font-weight:bold; color:#181653; font-family:Helvetica, Arial, sans-serif color:#ffffff; margin:20px 0 0 0;}
h2 {font-size:1.7em; font-family:Helvetica, Arial, sans-serif color:#ffffff;}
h3 {font-size:2.1em; font-family:Helvetica, Arial, sans-serif; color:#000000;} 
h4 {font-size:1.4em;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}

p a { color:#181653; text-decoration:underline;	}
p { color:#231f20; font-size:1.3em; line-height:1.5em; margin:20px	0; text-align:justify; width:98%;}
p.contact { font-size:13px; color:#333333; margin-left:20px; line-height:15px; }
a { color:#fff; text-decoration:none;}
p.contact a { color:#171457;}
.contact p span { font-size:16px;}
/************************************ header styles **************************************/

#header img {
	position:relative;
	right:30px;
	top:32px;
	float:right;
}

#flashholder { 
	float:left;
	padding-left:85px;
	padding:0px 0 0 85px;
	width:735px;
	height:88px;
	margin-top:-130px;
	position:relative;
	z-index:1000;

}

/************************************ nav styles ****************************************/
#nav {
	position:absolute;
	bottom:0px;
	left:85px;
}
#nav li {
	background:url(../images/navButton.gif) no-repeat 0 0;
	width:99px;
	height:36px;
	line-height:36px;
	text-align:center;
	float:left;
	margin: 0 2px 0 0;
	
}
#nav li.lrger {
	background:url(../images/navButtonLrg.gif) no-repeat 0 0;
	width:130px;	
}
#nav li a  {
	font-size:13px;
}
#nav li a:hover  {
	text-decoration:underline;
}

/************************************ nav styles ****************************************/
.flashSideHolder {
	background:url(../images/flash_holder.jpg) no-repeat 0 0;
	width:291px;
	height:148px;
	display:block;
	margin-top:-74px;
	}

/************************************ footer styles **************************************/

#footer p  { margin:0px; color:#FFF; text-align:center; padding-top:10px;}
#footer p a { color:#FFF;}

/************************************ box styles **************************************/
#topSubBox.wwa {
background:transparent url(../images/MianSubBox2.jpg) no-repeat scroll 0 0;
}
#topSubBox.wwd {
background:transparent url(../images/MianSubBox1.jpg) no-repeat scroll 0 0;
}
#topSubBox.wwdd {
background:transparent url(../images/MianSubBox4.jpg) no-repeat scroll 0 0;
}
#topSubBox.contact {
background:transparent url(../images/MianSubBox5.jpg) no-repeat scroll 0 0;
}

#topSubBox {
background:transparent url(../images/MianSubBox.jpg) no-repeat scroll 0 0;
height:148px;
margin:-48px 0 0 -16px;
width:675px;
}



.topBoxSpace { margin-top:-50px!important;}

#topBox {
	background:url(../images/MianBox.jpg) no-repeat 0 0;
	height:148px;
	width:675px;
	margin:-48px 0 0 -16px;
	
}

#topBox h1 {
	margin:0px;
	line-height:24px;
	font-weight:lighter;
	padding:20px 0 0 30px;
	color:#FFF;
	
}
#topBox ul {
	font-size:13px;
	list-style:none;
	line-height:20px;
	padding:5px 0 0 30px;
	color:#FFF;

}
#topBox ul li { background:url(../images/orange_bullet.gif) 0 6px no-repeat;
	padding-left:15px;
	line-height:21px;

}
.LargeBox {
	background:url(../images/largeBoxBg.jpg) no-repeat 0 0;
	height:120px;
	width:652px;
}

.LargeBox.sec {
	margin-top:20px;
}
.LargeBox h2 {
	margin:0px 0 0 -1px;
	line-height:18px;
	font-weight:lighter;
	padding:10px 0 5px 30px;
	background:#1364a9 url(../images/LongTopBar.gif) no-repeat 0 0;
	width:570px;
	font-size:14px;
	color:#FFF;
	width:570px;
}
.LargeBox h2 span { width:22%; text-align:center; display:inline-block;} 

.LargeBox p {
	padding:0 0 0 30px;
	
	
}
.LargeBox p.third { 
	width:33%;
	display:inline-block;
	float:left;
	margin:22px 0;
}
.LargeBox p.contact { 
	width:80%;
	font-size:14px;
	margin:22px 0 0px 0;
}
.LargeBox p.contact span { 
	font-size:21px; 
	line-height:33px;
}
.LargeBox p.contact span strong {
	display:inline-block;
	width:150px;
}

.LargeBox p.contact a { color:#000;}

.LargeBox ul {
	margin-top:20px;
	padding-left:40px;
}
.LargeBox ul li {
	font-size:12px;
	line-height:19px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}

.SmallBox {
	background:url(../images/greyGradBox.gif) no-repeat 0 0;
	width:291px;
	height:239px;
	margin:-50px 0 0 0;
}
.SmallBox h3 {
	padding:30px 0 0 25px;
}

.SmallBox p {
	padding: 0 0 0px 25px;
	width:84%;
	
}

.logos { 
	float:right;
	padding:20px 0 0 0;
	
}
.boxBottom {
	margin:0 0 -9px -1px;
}

ul.normal { font-size:13px; list-style:disc;}
ul.normal li { line-height:32px; list-style-position:inside; padding-left:16px; }
ul.normal li.odd { background:url(../images/li_sli.gif) repeat-y 0 0;}

.partner { margin:8px 0 0 10px;}
.line { height:0px; border-top:1px solid #c8c8c8; border-bottom:1px solid #ffffff; display:block; margin:10px 7px 0px 9px;}
.contactDetails { position:absolute; right:22px; top:-130px; }

/************************************ End of Fonts styles **************************************/


.flr { float:right;}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
.clearfix { 
	display: inline-block;
}
html[xmlns] .clearfix { 
	display: block;
}
* html .clearfix { 
	height: 1%;
}


.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
/************************************ End of General styles  ******************************/

.contactButton { margin-top:8px;}
.enquiryButton { background:url(../images/onlieButton.gif) no-repeat 0 0; width:290px; height:52px; display:block; margin-top:4px;}
.enquiryButton:hover { background-position:0 -53px;}

/************************************ From styles  **********************************/
form {
	 padding:25px 0 0 30px;
	 background-color:#f0f0f0;
}
form fieldset {
  background:transparent url(../images/hr_img.gif) no-repeat scroll 0 5px;
  color:#000;
  font-size:13px;
  width:99%;
  padding-bottom:15px;
 
  }
form  legend {
  padding: 0 2px;
  font-weight: bold;
  color:#211f57;
  font-size:21px;
  padding-bottom:20px;
}
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#333333;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  letter-spacing:-1px;

}

form input {
	border:1px solid #676767;
	height:18px;
	line-height:15px;
	padding-left:5px;
	padding-top:4px;
}

form input.checkbox {
	width:50px;
	border:none;
}

form input.submit, .submit_box {
	background:url(../images/submitButton.jpg) no-repeat 0 0;
	width:107px;
	height:40px;
	border:none;
	margin-top:15px;
}

form input.submit_hover {
	background:url(../images/submitButton.jpg) no-repeat -112px 0;
	width:107px;
	height:40px;
	border:none;
		margin-top:15px;
	
}

form  fieldset ol {
  margin: 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  padding:5px 5px 5px 3px;
  margin: 0;
  width:247px;
  float:left;
}

form  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form  fieldset fieldset label {
  display: block;
  width: auto;
}
form  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form  label {
  width:90px;
  float:left;
}
form  fieldset li.flr {width:299px;}
form  fieldset li.flr label { width:142px;}
form  label.double {
  width: 90%; /* Width of labels */
  text-align:left;
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}


