/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* stops shorter pages from jumping due to default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none}
a:hover {text-decoration:none}

body {font:62.5% Arial; background-color: #000000 /*#CFCFCF*/;}

h1, h2, h3, h4, h5, h6 {font-size:1em;}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}

#container	{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#page {
	width: 800px;
	min-height: 600px;
/*	display:block;
	margin-left:auto;
	margin-right:auto;*/
	background:url(../images/background.jpg) no-repeat;
}

#logo	{
/*	display:block;
	margin-left:auto;
	margin-right:auto;*/
	background:url(../images/logo.jpg) no-repeat 0 0;
	min-height: 90px;
}

.left	{
/*	background-color:#4459cd; */
	color: #FFFFFF;
	margin: 150px 0 0 0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 720px;
/*	padding: 15px; */
	font-size: 1.4em;
	line-height: 1.4em;
	padding:23px 0 20px 0;
/*	min-height: 150px; */
}

.left ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
.left li {
	line-height: 1.5em;
}
.left h1{
	font-size:1.5em;
	color: #FFFFFF;
	font-weight:bolder;
	line-height:1.3em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
/*
	font-size:1.8em;
	font-weight:normal;
	color:#0851a8;
	padding:0 0 12px 0; */
	
}

.left p{
	margin:0 0 0.5em 0;
	padding-bottom: 10px;
}









.box {
	background:url(../images/box-720.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}

.box-top{
	background:url(../images/box-top-720.jpg) no-repeat 0 0;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 18px;
}
.box-bottom{
	background:url(../images/box-bottom-720.jpg) #fff no-repeat 0 0;
	height:16px;
}





/* Header */
#header{
	padding:0;
	width: 800px;
}

/* logo */
#header .banner-box{
	height:918px;
	height:150px;
	background:url(../images/strap-area-box.jpg) no-repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
.banner-box h1{
	width:300px;
	position:absolute;
	left:0px;
	top:0px;
}
.banner-box h1 a{
	display:block;
	height:150px;
	text-indent:-9999px;
}
/* menu */

/*styleing of nav box*/
#header ul{
	height:35px;
	background:url(../images/navbar.jpg) no-repeat 0 0;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
}
#header li{
	float:left;
	list-style:none;
	border-right:1px #fff solid;
}
#header li a{
	line-height:35px;
	color:#fff;
	font-size:1.4em;
	text-transform:capitalize;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#header li.current{
	background:url(../images/bg-nav-hover.gif) no-repeat 50% 100%;
}
/* Content*/
#content{
	padding:0 0 9px 24px;
	height:1%;
	overflow:hidden;
}
/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
#content .main{
	width:614px;
	float:left;
	height:1%;
	overflow:hidden;
}

/*styling of welcome box*/
.main .welcome{
	float:left;
	padding:23px 0 20px 0;
	margin:0 0 10px 0;
}

.main .welcome ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
.main .welcome li {
	line-height: 1.5em;
}
 .main h1{
 	padding:0px 0 12px 0;
	font-size:1.8em;
	color:#0851a8;
/*
	font-size:1.8em;
	font-weight:normal;
	color:#0851a8;
	padding:0 0 12px 0; */
	
}
.main .welcome .intro{
	font-size:1.3em;
	line-height:1.4em;
	color: #000000;
}
.main .welcome .intro p{
	margin:0 0 0.5em 0;
}
/*news boxes are the two blocks under welcome box */
.main .news{
	width:200px;
	float:left;
	padding:0 80px 0 18px;
	min-height:184px;
	background:url(../images/vline.gif) repeat-y 100% 0;
}
* html .main .news{
	height:184px;
}
/*the second news box which has a veticl line shows as background */
.main .last-news-box{
	padding:0 0 0 70px;
	background:url(../images/quote-marks-testimonial.jpg) no-repeat 100% 12px;
	width:235px;
}
.news h4{
	padding:10px 0 16px 0;
	font-size:1.8em;
	color:#0851a8;
}
.news .article-list li{
	list-style:none;
	background:url(../images/arrow-icon-list.jpg) no-repeat 0 50%;
	padding:0 0 0 18px;
	margin:0 0 7px 0;
}
.news .article-list li a{
	color:#000000;
	font-size:1.2em;
}

.testimonial	{
	border-top: solid 1px #003399;
	margin: 5px 5px 0 0;
	padding-top: 5px;
}

/*styleing of read more*/
.news .more a{
	font-size:1.2em;
	font-style:italic;
	text-decoration:underline;
	color:#0851a8;
	padding:0 0 0 18px;

}
/*styleing of article box in news ,there are some words or <ul> in it */
.news .article{
	font-size:1.3em;
	color:#000000;
	line-height:1.7em;
}
.main .last-news-box .more a{
	color:#0851a8;
	padding:0;
	font-style:normal;
	text-decoration:none;
}
/* Sidebar */
#sidebar{
	margin:5px 15px 0 15px;
	float:left;
	display:inline;
	width:250px;
	height:1%;
	overflow:hidden;
}
/*styling of latesnes in sidebar */
#sidebar .latest{
	background:url(../images/bg-latest.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}
#sidebar .latest .icon{
	position:absolute;
	left:200px;
	top:0;
	width:48px;
	height:57px;
	background:url(../images/newspaper-icon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#sidebar .latest-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding:27px 10px 20px 18px;
}
#sidebar .latest-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:11px;
}
#sidebar h4{
	color:#0851a8;
	font-size:1.8em;
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .latest h5{
	width:166px;
	background:url(../images/news-icon.jpg) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:1.2em;
}
#sidebar .latest h5 a{
	text-decoration:underline;
	color:#000000;
	font-style:italic;
}
#sidebar .latest p{
	font-size:1.2em;
	color:#000000;
	line-height:1.9em;
	margin:0;
}
#sidebar .latest .more a{
	font-size:1.1em;
	font-style:italic;
	color:#0851a8;
	text-decoration:underline;
}

/*styling of newsletter signup*/
#sidebar .sign{
	background:url(../images/bg-sign.jpg) repeat-y;
	position:relative;
}
#sidebar .sign .icon{
	position:absolute;
	left:191px;
	top:0;
	width:62px;
	height:61px;
	background:url(../images/newsletter-mail-icon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#sidebar .sign-top{
	background:url(../images/bg-sign-top.jpg) no-repeat 0 0;
	padding:27px 10px 22px 18px;
}
#sidebar .sign-bottom{
	background:url(../images/bg-sign-bottom.jpg) #fff no-repeat 0 0;
	height:11px;
}
#sidebar .sign h4{
	font-size:1.4em;
	padding:0 0 21px 4px;
}
.sign-form{
	padding:0 0 0 4px;
}
.sign-form .input-box{
	border:1px #26737D solid;
	color:#999;
	font-size:1.2em;
	width:162px;
	padding:3px 10px;
}
.sign-form .submit-button{
	background:url(../images/newsletter-submit-button.gif) no-repeat 0 0;
	width:85px;
	height:20px;
	border:0;
	color: #fff;
	display:block;
	margin:10px 0 0 0;
}

/*styling of contact page*/
.contact-form{
		padding:28px 0 0 0;
	margin-top: 20px;
	height:1%;
	overflow:hidden;
}
.contact-form form{
	border:1px #a8a8a8 solid;
	width:548px;
	position:relative;
	padding:45px 0;
	float:left;
}
.contact-form h3{
	color: #0851a8;
	font-size:2em;
	font-weight:normal;
	position:absolute;
	left:72px;
	top:-16px;
	padding:0 13px;
	background:#fff;
	
}
.contact-form label{
	font-size:1.4em;
	width:138px;
	text-align:right;
	float:left;
}
.contact-form input,.contact-form textarea{
	float:left;
	margin:0 0 0 10px;
	border:1px #747570 solid;
	font-size:1.2em;
	color:#a8a8a8;
	width:175px;
	padding:3px;
}
.contact-form p{
	float:left;
	clear:left;
	width:400px;
	margin:0 0 5px 0;
}
.contact-form textarea{
	width:242px;
	height:114px;
	overflow:auto;
}
.contact-form .submit-button{
	width:98px;
	padding:2px 0;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 0 148px;
	border:1px #000000 solid;
	color:#000;
}

/* Footer */
#footer{
	width:800px;
	margin:0 auto 30px;
	height:87px;
	background: url(../images/footer-800.jpg) no-repeat 0 0;
	position:relative;
}
#footer ul{
	padding:10px 0 25px;
	float:left;
	width: 400px;
}
#footer li{
	float:left;
	list-style:none;
	padding:0 10px 0 13px;
	border-left:1px #fff solid;
}
#footer li.first{
	border:0;
	padding-left:19px;
}
#footer li a{
	font-size:1.2em;
	color:#fff;
	text-transform:capitalize;
}
#footer .copyright{
	font-size:1.2em;
	color:#fff;
	float:left;
	clear:left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
}
/* for validation text bottom footer */
#footer .valid {
	font-size:1.0em;
	color:#fff;
	padding: 6px 30px 0 0;
	float:right;
	clear:right;
}
/* position of phone icon & number in footer */
#footer .phone{
	color:#FFFFFF;
	font-size:1.8em;
	position:absolute;
	top:27px;
	right:28px;
	background:url(../images/phone-icon.jpg) no-repeat 0 50%;
	padding:0 0 0 40px;
}

/*  used to float images in content area left or right so text flows around it */
.imgleft {
	float: left;
	padding-right: 16px;
}

.imgright {
	float: right;
	padding: 16px;
}


/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
#content .wide{
	width:850px;
	float:left;
	height:1%;
	overflow:hidden;
}

/*styling of welcome box*/
.wide .welcome{
	float:left;
	padding:23px 0 20px 0;
	margin:0 0 10px 0;
}

.wide .welcome ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
.wide .welcome li {
	line-height: 1.5em;
}
 .wide h3{
 
  	padding:0px 0 12px 0;
	font-size:1.8em;
	color:#0851a8;
 /*
	font-size:1.8em;
	font-weight:normal;
	color:#0851a8;
	padding:0 0 12px 0;  */
}
.wide .welcome .intro{
	font-size:1.3em;
	line-height:1.4em;
	color: #000000;
}
.wide .welcome .intro p{
	margin:0 0 0.5em 0;
}

/*styling of latesnes in sidebar */
#sidebar .general{
	background:url(../images/bg-latest.jpg) repeat-y;
	position:relative;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
#sidebar .general .icon{
	position:absolute;
	left:200px;
	top:0;
	width:48px;
	height:57px;
	background:url(../images/newspaper-icon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#sidebar .general-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding-top: 27px;
	padding-right: 18px;
	padding-bottom: 20px;
	padding-left: 18px;
}
#sidebar .general-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:11px;
}
#sidebar .general h4{
	color:#00507F;
	font-size:1.8em;
	text-transform:capitalize;
	padding:0 0 21px 15px;
}
#sidebar .general h5{
	width:166px;
	background:url(../images/news-icon.jpg) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:1.2em;
}
#sidebar .general h5 a{
	text-decoration:underline;
	color:#000000;
	font-style:italic;
}
#sidebar .general p{
	font-size:1.2em;
	color:#000000;
	line-height:1.9em;
	margin:0;
	margin-left: 13px;
}
#sidebar .general .more a{
	font-size:1.1em;
	font-style:italic;
	color:#0851a8;
	text-decoration:underline;
}

.image-gallery	{
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
