﻿@charset "utf-8";
/* CSS styles */

/* Reset Browsers styles */
body,div,span,a,p,h1,h2,h3,h4,h5,h6,img,ul,ol,li{
  margin: 0; padding:0; border:none; outline: none; list-style:none;
}
img{
  float: left;
  border:0;
}
a{
  text-decoration:none;
}


/* General styles for layout */
body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background: #0b0101;
}

#outer-wrap{
  width:100%;
  float:left;
  background: #eeeeee url(images/top-wrap.gif) repeat-x top;
}

#body-wrap{
  width:100%;
  float:left; 
}

#main-wrap{
  width:982px;
  float:none;
  margin:0 auto;
}

/* stylin header content */
#header{
	display:block;
	min-width:953px;
	max-width:auto;
	float:left;
	position:relative;
    margin:0 14px;
}

#header h1{
	display:block;
	float:left;
}

#header p.call{
  width:auto;
  float:right;
  margin:39px 19px 0 0;
  font-size:12px;
  color:#a5cdeb;
  font-weight:bold;
}

/* site main navigation starts here */
ul.nav{
  display:inline;
  min-width:952px;
  max-width:auto;
  float:left;
  margin-top:23px;
  padding-bottom:14px;  
}

ul.nav li{
	float:left;
	height:54px;
	padding:0px;
	background: url(images/menu_backg.png) repeat-x;
}

ul.nav li.as{
	float:left;
	height:20px;
	padding-top:25px;
	background-color:#F5F5F5;
}

ul.nav li.sep{
	width:2px;
	height:53px;
	float:left;
	background: url(images/nav-sep.gif) no-repeat;
}

ul.nav li a{
  float:left;
  font-family: Verdana, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000;
  line-height:47px;  
  text-transform:uppercase;
  text-align:center;
  padding:2px 32px 3px 32px;
}
ul.nav li a:hover, ul.nav li a.active{
	height: 46px;  
	background: url(images/nav-hover.gif) repeat-x; 
}
ul.nav li.home a{
	height:48px;
	float:left;
	background: url(images/nav-home_bg.jpg) no-repeat left;
}

ul.nav li.contact, ul.nav li.home{
	height:50px;
	background:none;
}
ul.nav li.contact{
	height:53px;
	float: left;
}
ul.nav li.contact a{
  float:left;
  background: url(images/right-contact_bg.jpg) no-repeat;
}

/* navigation hover state */
ul.nav li.home a:hover, ul.nav li.home a.active{
	float:left;
	background: url(images/home_bg-hover.jpg) no-repeat left;
}

ul.nav li.contact a:hover,ul.nav li.contact a.active{
	float:left;
	height:48px;
	background: url(images/right-contact-hover.jpg) no-repeat left;
}

/* stylin banner content */

.banner{
	width:956px;
	float:left;
    padding-bottom: 12px;	
}
.banner ul{
	width:982px;
	float:left;	
	overflow:hidden;
}
.banner ul li{
	width:956px;
	height:372px;
	float:left;
	background:url(images/banner_bg.png) 10px 0 no-repeat;
	}
.banner ul li h2{
	width:440px;
	float:left;
	margin:54px 0 0 54px;
	font-family:'Verdana';
	font-size:36px;
	font-style:normal;
	font-weight:normal;
	color:#17dbe7;
}
.banner ul li p{
	clear:both;
	width:453px;
	float:left;
	color:#fff;
	font-size:14px;
	line-height:21px;
	margin:20px 0 0 54px;
}
.banner ul li a.continue{
	clear:both;
	display:block;
	width:272px;
	height:37px;
	float:left;
	background:url(images/button-more.png) no-repeat;
	margin:25px 0 0 22px;
	text-indent:42px;
	line-height:35px;
	color:#e1edbb;
	font-size:14px;
	font-weight:bold;
}

/* universal Rules for lesser and compact code */
body h3{
	width:100%;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	color:#000;
	text-transform:uppercase;
}
body h4{
	width:100%;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
}

/* stylin body content */
#content-wrap{
	width:954px;
	float:left;
	margin:0 14px;
	padding-bottom:20px;
	background:#eeeeee;
}

.leftPan{
	width: 361px;
	float:left;
	padding-left: 15px;
	margin-right:36px;
}
.leftPan h3{
	width:100%;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size: 21px;
	color:#000;
	text-transform:uppercase;
	padding:20px 0 16px 0;	
}
.leftPan p{
	width:361px;
	float:left;
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:20px;
}


/* stylin right column content */
.rightPan{
	width: 542px;
	float:left;
}
div.listbox{
	width:541px;
	height:367px;
	float:left;
	background:url(images/content-bg.png) no-repeat;
}
div.listbox h3{
	width:100%;
	float:left;
	font-size:18px;
	color:#000;
	margin:22px 0 0 21px;
}

.listbox ul.lists{
	width:500px;
	float:left;
	margin:21px 0 0 23px;
}
ul.lists li{
	width: 244px;
	float:left;
	padding-bottom:39px;
}
ul.lists li p{
	width: 130px;
	float:left;
	font-size:11px;
	color:#0a0000;
	padding-left:9px;
	line-height:16px;
}
ul.lists li p a{
	font-size:11px;
	font-weight:bold;
	color:#367cc0;
}
ul.lists li p a:hover{
	text-decoration:underline;
}

/* footer content */
#footer-wrap{
	width:100%;
	float:left;
	background:#0b0101 url(images/footer-wrap.gif) repeat-x;
}
.footer{
	display:block;
	width:954px;
	float:none;
	margin:0 auto;
	padding-left:14px;
}

div.box1{
	width:265px;
	float:left;
	padding-right:53px;
	margin-top:8px;
	background: url(images/border-right.gif) right 25px  no-repeat;
}
div.box1 h4{
	font-size:18px;
	margin:22px 0 0 0;
	padding-bottom:18px;
}
div.box1 p{
	font-size:12px;
	color:#98c1ea;
	line-height:18px;
	padding:0px 0 24px 0;
}
div.box1 p span{
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
    color:#acccf3;
}

/* box2 starts from here */
div.box2{
	width:300px;
	float:left;
	background:url(images/border-right.gif) right 25px no-repeat;
	margin-left:15px;
	margin-top:10px;
}
div.box2 h4{
	width:100%;
	float:left;
	font-size:18px;
	margin:20px 0 0 0;
}
div.box2 ul{
	width:275px;
	float:left;
}
div.box2 ul li{
	width:245px;
	float:left;
	padding:10px 0 10px 0;
	border-bottom:1px dashed #ACCCF3;
	background:url(images/list-bulet.png) no-repeat 0 14px;
	padding-left:32px;
}
div.box2 ul li a{
	width: 225px;
	float:left;
	font-size:12px;
	color:#9bb5db;
	line-height:18px;
}
div.box2 ul li a:hover{
	text-decoration:underline;
}

/* box3 starts from here */
div.box3{
	width:300px;
	float:left;
	background:url(images/border-right.gif) right 25px no-repeat;
	margin-left:15px;
	margin-top:10px;
}
div.box3 h4{
	width:100%;
	float:left;
	font-size:18px;
	margin:20px 0 0 0;
}
div.box3 ul{
	width:275px;
	float:left;
}
div.box3 ul li{
	width:245px;
	float:left;
	padding:10px 0 10px 0;
	border-bottom:1px dashed #ACCCF3;
	background:url(images/list-bulet.png) no-repeat 0 14px;
	padding-left:32px;
}
div.box3 ul li a{
	width: 225px;
	float:left;
	font-size:12px;
	color:#9bb5db;
	line-height:18px;
}
div.box3 ul li a:hover{
	text-decoration:underline;
}


/* stylin copyright content */
div.copyright{
	clear:both;
	width:100%;
	height:40px;
	float:left;
	margin-top:10px;
}

div.copyright ul.footNav{
	width:auto;
	float:right;
	font-size:11px;
	padding:50px 0px 0px 0;
}
div.copyright li{
	float:left;
	color:#4b5d74;
}
div.copyright li a{
	font-size:11px;
	color:#4b5d74;
	padding:1px 4px;
}

div.copyright p{
	width:350px;
	float:left;
	font-size:11px;
	color:#4b5d74;
	padding:54px 0 0px 0;
}

/* ##################################
######## Stylin Inner pages ########
################################## */

#leftPan{
	width: 622px;
	float:left;
	margin-right: 30px;
	padding-left: 15px;
	text-align:justify
}

#leftPan h3{
	width:100%;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size: 21px;
	color:#000;
	text-transform:uppercase;
	padding:20px 0 16px 0;	
}
#leftPan p{
	width:620px;
	float:left;
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:20px;
}

/* stylin right column content */

#rightPan{
	width: 235px;
	float:left;
	padding:0 15px 0 35px;

}

#rightPan h3{
	width:220px;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size: 21px;
	color:#000;
	text-transform:uppercase;
	padding:20px 0 16px 0px;	
	margin-left:29px;
}
#rightPan h5{
	width:200px;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size: 18px;
	color:#000;
	text-transform:uppercase;
	padding:0px 0 5px 0px;	
	margin-left:29px;
}
ul.items{
	display:block;
	width:190px;
	float:left;
	margin-left:30px;
	padding-bottom:20px;
}
ul.items li{
	line-height:18px;
}
ul.items li a{
	color:#000;
	text-decoration:underline;
}
ul.items li a:hover{
	color: #367CC0;
}

/* stylin blog content */
#leftPan ul.blog{
	width:100%;
	float:left;
}
#leftPan ul.blog li{
	width: 100%;
	float:left;
	display:block;
}
#leftPan ul.blog li h3{
	padding:0px 0 6px 0;
	text-transform:capitalize
}
#leftPan ul.blog p.post{
	padding:0 0 5px 0;
	margin:0;
}
#leftPan ul.blog p.date{
	padding:0 0 5px 0;
	margin:0;
}
#leftPan ul.blog p.comments{

	margin:0;
}
#leftPan ul.blog p a{
	color:#367CC0;
	text-decoration:underline;
}
#leftPan ul.blog p a:hover{
	text-decoration:none;
}
#leftPan ul.blog a.readMore{
	display:block;
	float:left;
    color: #fff;
	padding:1px 5px 2px 5px;
	background: #367CC0;
}

/* stylin contact us apage */
#rightPan p.address{
	display:block;
	width:200px;
	float:left;
	margin-left:30px;
	line-height:18px;
}

/*s tylin sitemap content */
ul.sitemap{
	display:block;
	width:120px;
	float:left;
}
ul.sitemap li{
	width:100%;
	float:left;
	line-height:18px;
}
ul.sitemap li a{
	font-size:12px;
	color: #367CC0;
}
ul.sitemap li a:hover{
	color:#000;
}

/* more.html page */
#wrap{
	width:906px;
	float:left;
	padding:0 14px;
}

#wrap h3{
	width:100%;
	float:left;
	font-family:'Times New Roman MT Extra Bold';
	font-size: 21px;
	color:#000;
	text-transform:uppercase;
	padding:20px 0 16px 0px;
}

#wrap p{
	text-align:justify;
	float:left;
	width:915px;
	font-size:12px;
	color:#454545;
	line-height:21px;
	padding-bottom:20px;
}


/* Slider content starts here */

/* Easy Slider */

	#slider{
		width:956px;
		overflow:hidden;
		position:relative;
	}	
	#slider ul{
		list-style:none;
		float:left;
		overflow:hidden;
	}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider ul{
		float:left;
		overflow:hidden;
	}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:970px;
		height:372px;
		overflow:hidden;
		position:relative /* This is for fixing scrolling windows */
		}
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:24px;
		height:57px;
		position:absolute;
		left:-11px;
		top:-225px;
		}	
	#nextBtn, #nextBtn2{ 
		left:963px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:24px;
		height:57px;		
		background: url(images/prev-btn_left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background: url(images/next-btn_right.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
position: relative;
top: 850px;
left:-200px;
margin-top:20px;
text-align: center;
text-indent:0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Slider content starts here */

/* Easy Slider2 */

	#slider2{
		width:956px;
		overflow:hidden;
		position:relative;
	}	
	#slider2 ul{
		list-style:none;
		float:left;
		overflow:hidden;
	}
	#slider2 ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 ul{
		float:left;
		overflow:hidden;
	}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:315px;
		overflow:hidden;
		position:relative /* This is for fixing scrolling windows */
		}
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:24px;
		height:57px;
		position:absolute;
		left:-11px;
		top:-225px;
		}	
	#nextBtn, #nextBtn2{ 
		left:963px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:24px;
		height:57px;		
		background: url(images/prev-btn_left.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background: url(images/next-btn_right.png) no-repeat 0 0;	
		}
.listabik {
	list-style-type: square;
	list-style-image: inherit;
	list-style-position: inside; 
} !important
