html{height:100%;}
body{margin:0; padding:0; background:url(../img/bg.jpg) top repeat-x #FFF; height:100%; text-align:center;}
table, td{border-collapse:collapse;}
table, td, img{border:0; vertical-align:top; text-align:left; margin:0; padding:0;} 
form, td{margin:0; padding:0;}
td, select, input, textarea{font:11px/14px Tahoma, Arial, helvetica, sans-serif; color:#778387; vertical-align:top;  text-align:left; margin:0; padding:0;}
select, input, textarea{border:1px solid #99A7B1; color:#778387; background:0;}
ul{list-style:none; line-height:0; padding:0; margin:0}
.clear{clear:both;}
.ws{width:100%;}
.hs{height:100%;}
.tac{text-align:center;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}

.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}


a{color:#99A7B1; text-decoration:underline;}
a:hover{text-decoration:none;}

.link_1{color:#778387; text-decoration:none;}
.link_1:hover{text-decoration:underline;}

b a{color:#99A7B1; text-decoration:underline; padding-right:10px; font-weight:normal;
	background:url(images/d_arr.gif) center right no-repeat;}
b a:hover{text-decoration:none;}

.content li {color:#99A7B1; padding-left:12px; line-height:18px;
	background:url(images/d_arr.gif) center left no-repeat;}

li a{color:#99A7B1; text-decoration:underline; padding-left:12px; line-height:18px;
	background:url(images/d_arr.gif) center left no-repeat;}
li a:hover{text-decoration:none;}


.f2{color:#99A7B1;}

.border{width:100%; margin:0 auto;}

.main{width:960px;}
.submain{width:900px;}

/*=========header===========*/
.logo img{margin:0;}
.mp{height:306px; background:url(../img/top.jpg) top left no-repeat;}
.menu{background:url(../img/shadow.jpg) top left no-repeat; padding:13px 0 76px 77px;}
/*========//header==========*/

/*=========content===========*/
.content{width:100%; height:350px;}
.content .cnt{padding:0 50px 0 50px;}
.pic{margin-right:20px; float:left;}

.prev{color:#99A7B1; text-decoration:underline; padding-left:12px;
	background:url(images/d_arr_2.gif) center left no-repeat;}
.prev:hover{text-decoration:none;}
/*========//content==========*/

/*=========block===========*/
.block{width:100%;}
.block td{color:#99A7B1;}
.block .top_left{width:6px; height:6px; background:url(images/block_top_left.gif) top left no-repeat;}
.block .top{background:#3B4348; width:100%;}
.block .top_right{width:6px; height:6px; background:url(images/block_top_right.gif) top left no-repeat;}
.block .cnt{padding:2px 2px 2px 3px; background:#3B4348;}
.block .bot_left{width:6px; height:6px; background:url(images/block_bot_left.gif) bottom left no-repeat;}
.block .bot{background:#3B4348;}
.block .bot_right{width:6px; height:6px; background:url(images/block_bot_right.gif) bottom right no-repeat;}
.block .spr{width:6px; height:6px;}

.block a{color:#99A7B1; text-decoration:underline;}
.block a:hover{text-decoration:none;}
/*========//block==========*/


/*=========footer===========*/
.footer{background:#5c5c5c; height:100px; text-align:center; color:#ccc; padding:10px 10px 10px 10px; margin:0 auto; }
.footer a{color:#ccc; text-decoration:underline;}
.footer a:hover{text-decoration:none;}
.subfooter {background:#333333; height:10px;}
.dofooter {text-align:right;}
/*========//footer==========*/

/*slideshow fix*/

#slideshow {
position: relative;}

#slideshow img {
position: absolute;
top:26px;
left:50px;
display:none;}

#slideshow img:first-child {
display:block;
} 

#slideshow2 {
position: relative;}

#slideshow2 img {
position: absolute;
top:0;
left:0;
display:none;}

#slideshow2 img:first-child {
display:block;
} 
/*end of slideshow fix*/

.subbanner{
width: 320px;
}


/********************************************************************************************** Banner */
#banner{
	position:relative;
	width:874px;
	padding:1px 47px;
	height:289px;
	margin: 0px auto;
	display:block; 
	background:url(../img/banner-bg.jpg) center top no-repeat;
	}
#banner .big{
	font-size:28px;
	color:#FFF;

	padding-bottom:15px;
	display:block;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 862px; /*Width of Carousel Viewer itself*/
	height: 278px; /*Height should enough to fit largest content's height*/
	margin-top:25px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:0px; /*margin around each panel*/
	width: 874px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#0f3660;
	padding:20px 0px 0px 0px;
	width:495px;
	height:278px;
	float:left;
}
div#mySlides .description .readmore-bt{
	position:absolute;
	bottom:15px;
	right:0px;
	display:block;
	width:136px;
	height:33px;
	}

	
div#mySlides .images{
	display:block;
	width:860px;
	height:262px;
	float:right;
	padding:31px 0px 0px 0px;
}

#quote-bar{
	position:relative;
	width:960px;
	height:45px;
	margin: 0px auto;
	padding:20px 0 0px 0;
	display:block;
	background:url('../img/quote-bar-bg.jpg');
	background-repeat:no-repeat;
}

.navbuttons{
	display:none;
}

h1{
	font-size:28px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	color:#F86714;
}

h2{
	font-size:22px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:28px;
	color:#F86714;
}

hr {
	border: silver 1px dashed;
	height:1px;
}

p{
	margin-top:15px;
	margin-top:15px;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:22px;
}

.contactlabel{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contactdetails{
	padding-top:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.inputbox{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
}

.button{
	background:#F86714;
	width:55px;
	height:25px;
	padding:6px;
	padding-top:3px;
	color:#FFFFFF;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:center;
	cursor:pointer;
}

#pageNavPosition{
	cursor:pointer;
	text-align:center;
}

.pg-normal{
	margin:4px;
}

.pg-normal:hover{
	text-decoration:underline;
	margin:4px;
}

.pg-selected{
	color:#F86714;
	margin:4px;
}




.txtcomment
{
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #218DD8;
	}

.commentcontent
{
	min-height:7px;
	margin-left:150px;
	margin-bottom:5px;
}	

.commentname
{
	text-align:left;
	text-transform:uppercase;
	color:#A4A4A4;
}

.commenttop
{
	background:url(../img/comment_t.png);
	width:560px;
	height:24px;
	margin-top:20px;
}

.commentmiddle
{
	background:url(../img/comment_m.png);
	background-repeat:repeat-y;
	width:540px;
	padding-left:10px;
	padding-right:10px;
}

.commentbottom
{
	background:url(../img/comment_b.png);
	width:560px;
	height:7px;
}

