@import url(slider.css);

body{
background:url(images/bground.jpg);
margin:0;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif; 
color: #ffffff;
}

A:link{ color:#ffa500; text-decoration:none; }
A:hover{ color:#FFFFFF; text-decoration:underline; }
A:active{ color:#CCCCFF; text-decoration:none; }
A:active:hover{ color:#FFFFFF; text-decoration:underline; }
A:visited{ color:#ffa500; text-decoration:none; }
A:visited:hover{ color:#FFFFFF; text-decoration:underline; }

img {
  border: 0;
}

#wrap{
width:100%;
background:transparent;
border:0;
}

#headercontainer {
 width: 100%;
 height: 260px;
}

#hd {
  width: 960px;
  position: relative;
  margin: 0 auto;

  height: 260px;
}

#hd a:hover {
  color: #ffffff;
}

#logo {
  width: 440px;
  position: relative;
  color: #000;
  font-weight: 600;
  height: 260px;
  background: url(images/logobg.png);
  float: left;
}

#menu-area {
  float: left;
  width: 500px;
  margin-left: -5px;
}

#menu-area li{
  display: inline;
  font-size: 17px;
  font-weight: 600;

}

#menu-area ul {
  background: url(images/t.png);
}

.header-infor {
  width: 500px;
  float: left;
  color: #69bff6;
  font-size: 15px;
  font-weight: 600;
}

.header-infor h1 {
  width: 500px;
  float: left;
  color: #69bff6;
  font: 28px Helvetica;
  font-weight: 600;
  padding-left: 20px;
  margin-top: 5px;
  
}

.grey {
  color: #eff0f1;
  background: url(images/t.png);
}

.two-links {
  margin-left: 285px;
  float: left;
  font-size: 17px;
  font-weight: 600;
  background: url(images/t.png);
}

#shape {
  width: 970px;
  height: 20px;
  margin: 0 auto;
  background: url(images/shape2.png);
}



h2 {
  font-size: 23px;
  font-family: 'Trebuchet MS', Tahoma, Helvetica;
  font-weight: 800;
  margin: -1px 0 -2px 0;
  padding-bottom: 0;
}

h3{
font-size:18px;
font-weight:700;

letter-spacing:-1px;
margin-bottom: -2px;
font-style:normal;
}

#container{
width:960px;
height: auto;
margin: 0 auto;
background:url(bg13.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=unscale src='bg13.png');
/*filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;*/
}

#content{
width:960px;
/*margin:0px;*/
text-align:justify;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#fff;
background:url(bg13.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=unscale src='bg13.png');
/*filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;*/

}

/*---------------------main_content------------------*/
#main_content{
width:960px;
height: auto;
margin: 0 auto;
padding:0 5px 0 5px;
font: 9pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#fff;
background:url(bg13.png);
}

.about2 {
  float: left;
  font-size: 18px;
  font: Helvetica, Tahoma;
  padding: 5px 10px 10px 10px;
  color: #000000;
  width: 630px;
}

.about1 {
  font-size: 28px;
  width: 200px;
  float: left;
  font: Helvetica, Tahoma;
  padding: 20px 10px 10px 50px;
  color: #000000; width: 200px;
}
#left_content{
width:640px;
height:auto;
float:left;
padding:0 5px 15px 10px;
}

#right_content{
width:290px;
height:auto;
float:left;
padding:0 0 0 10px;
}

.inner_header {
 background: url(images/headerbg.png);
 width: 695px;
 height: 30px;
 padding: 6px 0 0 5px;
 color: #3b048c;
 font-family: Tahoma, 'Trebuchet MS', Helvetica;
 font-size: 16px;
 font-weight: bold;
}

#featured_slide{
	display:block;
	position:relative;
	margin:0 auto;
	width:700px;
	height:305px;
	
	overflow:hidden;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;

	}

#featured_slide a{
	text-decoration:none;
	border:none;
	outline:none;
	}

.slider-frame {
 width: 695px;
 margin: 0 auto;
}

/* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


/* Easy Slider */
 
	#slider{
	  margin-left: 0px;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:700px;
		height:302px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:90px;
		height:57px;
		position:absolute;
		left:1px;
		top:431px;
		}	
	#nextBtn{ 
		left:973px;
		}
    
#prevBtn {
  left: 194px;
}	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:90px;
		height:369px;
		background:url(images/left_btn.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/right_btn.png) no-repeat 0 0;	
		}												
 p#controls, p#controls2{
	margin:0;
	position:relative;
	}
/* // Easy Slider */
/* **************************************************************************************************** */
.right_content p {
  padding: 0;
}

.left_content{
width:620px;
height:auto;
float:left;
padding:0 5px 15px 5px;
 color: #0c0c0c;
}


.left_content1{
width:520px;
height:auto;
float:left;
padding:0 5px 15px 5px;
 color: #0c0c0c;
}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.red {
 color: #ff0000;
}

.services {
 width: 620px;
 float: left;
 padding: 5px 5px 2px 5px;
}

.services1 {
 width: 620px;
 float: left;
 padding: 5px 5px 2px 5px;
}

.services1 h3{
  background: url(images/strip.png);
  width: auto;
  color: #19f8ac;
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
}

.right_content{
width:300px;
height:auto;
float:left;
padding:0 0 0 10px;
color: #000000;
}

.right_content1{
width:400px;
height:auto;
float:left;
padding:0 0 0 10px;
 color: #0c0c0c;
}


.team {
 float: left;
 width: 395px;
 height: 140px;
 padding: 0 0 10px 5px;
 font-size: 12px;
 color: #1c1c1c;
}

.grid_4 {
 display:inline;
 float:left;
 margin-left:10px;
 margin-right:10px;
 width: 300px;
 }

.portfolio .thumb {
	height: 120px;
	width: 296px;
	padding-top: 6px;
	padding-left: 4px;
	background-image: url(images/portfolio_thumb.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	-ms-interpolation-mode: bicubic; 

}
.portfolio .thumb img:hover {
	position:relative;
	z-index:1;
	background-image: url(images/portfolio-hov-bg.png);
	padding:11px
}

.portfolio-sections {
	height: 50px;
	padding-top: 80px;
	background-image: url(../images/shadow-divider-1.png);
	background-position: top;
	background-repeat: no-repeat;
}
.portfolio-sections a {
	float: left;
	margin-left: 45px;
	color: #333;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: -0.05em;
	
	
}

.portfolio-sections span {
	font-size: 14px;
	color: #666363;
	text-transform: uppercase;
	float: left;


}
.portfolio-sections .current {
	color: #7D7D7D;
}
.portfolio-sections a:hover {
	color: #999;
}
.portfolio h4 {
	font-weight: 600;
	font-size: 14px;
	font-family: Helvetica, Tahoma;
	color: #2e2c2c;
	text-transform: none;
	margin-bottom: 0;
	text-align: center;
}
.portfolio p {
	font-size: 11px;
	margin-top: -15px;
	margin-bottom:20px;
	color: #272626;	
    font-family: Tahoma, 'Trebuchet MS', Helvetica;
}



.news_tab{
padding:5px 0 2px 0;
margin:0px;

line-height:14px;
border-bottom:1px #b2bbbb dashed;
}

.news_details {
padding:5px 0 0 0;
text-align:right;
font-size:11px;
font-weight:bold;
}

span.date{
color: #bfd2cf;

}

.home-infor {
  float: left;
  width: 310px;
  padding: 1px 2px 0 5px;
  font-family: Tahoma, 'Trebuchet MS', Helvetica;
}

.home-infor1 {
  float: left;
  width: 310px;
  padding: 1px 2px 0 5px;
  font-family: Tahoma, 'Trebuchet MS', Helvetica;
  background: url(wall1.png);
}

.home-infor h2 {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 2px 0 10px;
  color: #19f8ac;
  background: url(images/strip.png);
  width: 300px;
  height: 27px;
}

.home-infor1 h2 {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 2px 0 10px;
  color: #19f8ac;
  background: url(images/strip.png);
  width: 300px;
  height: 27px;
}

.home-infor p {
  color: #0e0017;
  font-size: 14px;
  margin-bottom: -3px;
}

.client-listing li {
  margin-left: -20px;
  list-style-image: url(images/dott.png);
  font-weight: bold;
  color: #000000;
}
span.user{
color:#4adac0;
}

.clear{
clear:both;
}

/*--------------acordion style---------------*/
#basic-accordian{
padding:0px;
width:478px;
height:500px;
}

.accordion_headings{
width:468px;
height:26px;
padding:10px 0 0 10px;
background:url(images/tab_bg.gif) no-repeat center;
color:#8c7589;
cursor:pointer;
font-weight:bold;
margin:0 0 4px 0;
}
.accordion_headings:hover{
color:#4b2e47;
}
.accordion_child{
padding:0px;
}
.header_highlight{
color:#4b2e47;
}
/*-----------------------------footer------------------*/

#footer-container {
 width: 100%;
 height: 460px;
 background: url(images/footer1.png);
}

#footer{
width:970px;

color: #508aa1;
margin: 0 auto;
border-top:1px #b2bbbb dashed;
border-bottom: url(line.png);
background:url(images/footer1.png);
}

.phone {
 width: 490px;
 float: left;
 font-size: 15px;
 font-weight: bold;
 padding: 6px 0 0 35px;
 background: url(images/phone.png);
 height: 22px;
 border-bottom: 1px dotted;
 color: #000;
}

.email {
 width: 490px;
 float: left;
 font-size: 15px;
 font-weight: bold;
 padding: 6px 0 0 35px;
 background: url(images/email.png);
 height: 22px;
 border-bottom: 1px dotted;
 color: #000;
}

.twitter {
 width: 490px;
 float: left;
 font-size: 15px;
 font-weight: bold;
 padding: 6px 0 0 35px;
 background: url(images/twit.png);
 height: 22px;
 border-bottom: 1px dotted;
 color: #000;
}

#aboutclient {
 width: 500px;
 height: 300px;
 float: left;
 font-size: 13px;
 font-weight: bold;
 color: #000;
}


.copyright{
float:left;
padding-left:15px;
padding-top:7px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:7px;
}

#foot {
  padding: 2px 0 0 8px;
  margin: auto 0;
  width: 960px;

}

#foot  h2 {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 2px 0 10px;
  color: #19f8ac;
  background: url(images/strip.png);

  height: 27px;
}

.footer-title {
  font-size: 18px;
  color: #000000;
}

.footer-title a:link, a:active{
  color: #eaff00;
}

.footer-title a:visited {
  color: ffa500;
}

.footer-paragraph {
  font-size: 14px;
  color: #000;
}

.footer-infor {
  float: left;
  width: 540px;
  padding: 1px 2px 0 5px;
  font-family: Tahoma, 'Trebuchet MS', Helvetica;
}

.footer-infor h2 {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 2px 0 10px;
  color: #19f8ac;
  background: url(images/strip.png);
  width: 520px;
  height: 27px;
}

.footer-infor p {
  color: #000;
}

.footer-mini-infor {
  float: left;
  width: 390px;
  padding: 1px 2px 0 5px;
  font-family: Tahoma, 'Trebuchet MS', Helvetica;
}

.footer-mini-infor br {
  height: 1px;
}

.footer-mini-infor h2 {
  font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 2px 0 10px;
  color: #19f8ac;
  background: url(images/strip.png);
  width: 390px;
  height: 27px;
}

.footer-mini-infor p {
  color: #000;
  font-size: 13px;
}

/*=====[ Events and Calender Details ]=====*/
.calendar-icon-01 {
  background: url(images/01.gif);
}

.calendar-icon-02 {
  background: url(images/02.gif);
}

.calendar-icon-03 {
  background: url(images/03.gif);
}

.calendar-icon-04 {
  background: url(images/04.gif);
}

.calendar-icon-05 {
  background: url(images/05.gif);
}

.calendar-icon-06 {
  background: url(images/06.gif);
}

.calendar-icon-07 {
  background: url(images/07.gif);
}

.calendar-icon-08 {
  background: url(images/08.gif);
}

.calendar-icon-09 {
  background: url(images/09.gif);
}

.calendar-icon-10 {
  background: url(images/10.gif);
}

.calendar-icon-11 {
  background: url(images/11.gif);
}

.calendar-icon-12 {
  background: url(images/12.gif);
}

.calendar {
  float: left;
  margin-right: 4px;
  width: 42px;
  height: 42px;
}

.calendar-day {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 13px;
  float: left;
}

.events {
  float: left;
  padding-left: 0.1em;
  width: 340px;
  color: #000;
}

/*=====[ End ]=====*/

.copyright{
float:left;
padding-left:15px;
padding-top:7px;
}
.footer_links{
float:right;
padding-right:15px;
padding-top:7px;
}


.title{
background:#333333;
text-align:right;
padding:9px;
font-family: 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
color:#FFFFFF;
}



.pullquote {

color:green;
width:270px;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
padding-bottom:10px;
font-family:'Lucida Grande', Helvetica, sans-serif;
font-size: 24px;
line-height:26px;
letter-spacing:-3px;
text-align: right;
color:#999999;
}