/* CSS Document */
html, body {  height: 100%;}
body {
  margin: 0; padding: 0;
  font-family: Arial, sans-serif;
  color: #555;
  background:url("images/background.jpg") no-repeat scroll 50% 0 #232125; 

}
p {	padding-top:0px;margin-top:0px;}
img {border:0px;}
a { text-decoration: none; border:none; outline:none;}

@font-face {
  font-family: Georgia;
  src: url(‘georgia.ttf’);
}

hr{ border-top:solid 1px #333; border-right:none; border-bottom:none; border-left: none; }


/* ---------------------Page Layout ----------------------*/

#wrapper { 
 margin: 0 auto; 
 width: 916px; 
 text-align: left; 
 padding: 0;
 border:thin #333333;
 
}

#container{	width: 916px;height:143px;margin:0;	}

#header{overflow:hidden;border:thin #333333;	}
.headerimg{position:relative;left:30px;top:20px;height:310px;width:857px;margin:0;padding:0;z-index:1;}
.extra{	width:900px;height:60px;text-align:right; font-size:10px;}
.Content-Title{	background:url(images/Content_title_bg.gif) no-repeat;margin:0;height:365px;width:916px;padding:0;}
.web-content{
	position:relative; float:left;
	background:#232124 url(images/content_bg.gif) repeat-y;
	margin: 0 auto;
	text-align:left;
  	font-size: 14px;
  	color: #999;
  	line-height: 140%;
   	width: 896px;
	padding:20px 10px 50px 10px;
	min-height:200px;
	}

#footer {
	background: #232125 url(images/footer.gif) no-repeat;
	display:inline-block;
	height:187px;
	font-size:11px;
	line-height:145%;
	width:916px;

}

/* --------------------------------  title  -------------------------------- */	

.Content-Title h1{ margin:0; padding:60px 68px 0 68px; font-size:80px; color:#CCC; font-weight:normal; font-family: Georgia, Arial, sans-serif;}
.intro{ margin:50px 0 0 0; padding:0px 68px 0 68px; width:490px; font-family: Georgia, Arial, sans-serif;}
.intro p { font-size:16px; font-weight:normal; color:#999; }

/* --------------------------------end-title-------------------------------- */	

/* --------------------------------web-content-------------------------------- */	

	
.Col_left{ width:490px; margin:0 0 0 48px; position:relative; float:left; }
.Col_right{ float:right; width:280px; margin:0 48px 0 0; position:relative; float:right;}
.Col_single{ width:800px; margin:0 48px 0 48px; position:relative; float:left;}
	
	
.web-content p{ font-size:14px;}
.web-content h2{font-size: 24px;color:#CCC;font-weight: bold;margin:0;line-height:160%; font-family: Georgia, Arial, sans-serif;}
.web-content h3{font-size:20px; color:#f78f1e;font-weight: normal; margin:0; font-family: Georgia, Arial, sans-serif;;}
.web-content h4{color: #999; font-size:18px;text-align:center;line-height:160%;}
.web-content .Col_left li{color: #999; font-size:14px;}
.web-content .Col_left a{ color:#FFF; text-decoration: none;}
.web-content .Col_left a:link { color:#FFF; }
.web-content .Col_left a:hover { color: #f78f1e; }
.web-content .Col_left a:active { color: #f78f1e;}
.web-content .Col_left a:visited {color:#FFF;}



.web-content .Col_single li{color: #999; font-size:14px;}
.web-content .Col_single a{ color:#FFF; text-decoration: none;}
.web-content .Col_single a:link { color:#FFF; }
.web-content .Col_single a:hover { color: #f78f1e; }
.web-content .Col_single a:active { color: #f78f1e;}
.web-content .Col_single a:visited {color:#FFF;}



.contentService{ background:#f7b03e; border:1px solid #f78f1e; color:#333;}

.shadow-container {	margin:15px 0px 5px 0px;width:850px;}

.Col_single .home_left, .Col_single .home_right{ width:400px; }
.Col_single .home_left{position:relative; float:left;}
.Col_single .home_right{position:relative; float:right;}
.servicebox{width:400px; height:180px;}
.servicebox h2{ color:#f78f1e; font-size:24px; margin:0; padding:0; font-weight:normal; font-family: Georgia, Arial, sans-serif;}
.servicebox h3{ color:#999999; font-size:16px; margin:0; padding:0; font-weight:normal; font-family: Georgia, Arial, sans-serif;}
.servicebox p{color:#666666; font-size:14px; padding:0 20px 0 0;}
.service_left{ width:45px;}
.service_right{ width:355px;}

.resourceBox{ width:490; border-bottom:#f78f1e solid 1px; padding:20px 0 20px 0;}
.resourceBox p{ margin:0 0 5px 0; padding:0 0 0 10px; font-size:12px;}
.resourceBox h3{ margin:0px; padding:0 0 16px 10px; font-size:16px; color:#CCC; font-weight: bold;}
.resourceBox .imageCol{ width:100px; vertical-align:top;}

.Service{ border-bottom:#f78f1e solid 1px; padding:20px 0 20px 0; }
.Service .imageCol{ width:163px; vertical-align:top;}
.Service h2{ color:#f78f1e; font-family: Georgia, Arial, sans-serif;}
.Service ul{ color:#f78f1e; list-style-type: circle; font-size:14px;}
.Service li{ color:#999;}
.Service p{ padding:0 20px 0 0; }
.Service a{ margin:12px 0 0 0;}

.top{ position:relative; bottom:0px; float:right; right:0px;}

.highlight{ color:#CCC;}

.porfolio_left{width:490px; /*position:relative; float:left;*/}
.porfolio_left h2{ color:#f78f1e; font-size:24px; margin:0; padding:0; font-weight:normal;}
.porfolio_left h3{ color:#CCC; font-size:16px; margin:0; padding:0; font-weight:bold;}
.porfolio_data tr .porfolio_left ul li { border:none;}
.porfolio_right{ width:260px; padding:0 0 0 20px; /*position:relative; float:right;*/}
.testimonial{ font-style:italic; color:#CCC;}
.porfolio_left ul li{ font-style:italic; color:#CCC;}
.from{ color:#ffcc66; margin:10px 0 0 0;}

.checkBoxs { list-style:url(images/tick.png); margin:20px 0 0 0; position:relative; float:left; }
#check{ color:#f78f1e; border:none; }

.infobox{ background-color:#1c1b1e; padding:20px; margin-bottom:20px; position:relative; float:left; width:450px; border:1px solid #151517;}
.infobox a img{ margin:10px 0 10px 0;}

.qoute{ border-top:1px solid #333;border-bottom:1px solid #333; color:#CCC; font-size:10px; font-style:italic; padding:20px; margin-bottom:20px;}
.qoute p{ margin:0px;}

.testmonial_box{ margin:15px 15px 0 15px; border-top:1px solid #333;border-bottom:1px solid #333; padding:10px 0 5px 0;}
.testmonial_box p{ color:#999;}
.testmonial_box p:first-letter{ font-size:24px; font-family: Georgia;}

/* -------------------Text area -----------------------------------------------*/	

/* ------------------- sidebar -----------------------------------------------*/	
.sidebarBox{ background:#f7b03e; border:1px solid #ec9217; margin:0 0 20px 0; color:#333;}
.sidebarBox #rss{ height:70px;}
.sidebarBox #twitter{height:70px;}
.sidebarBox #facebook{height:70px;}
#subsribe{ margin:0 0 10px 55px}
#submit{ text-align:right; margin:0 55px 0 0;}
.sidelist{background:#1c1b1e; border:1px solid #f7b03e; margin:0 0 20px 0; color:#333; }
.sidelist .title{ background:#f7b03e; color:#333; font:arial; font-size:20px; line-height:40px; padding-left:20px;}
.sidelist ul{ list-style:none; font-size:14px; padding:0px 20px 0px 20px;  }
.sidelist ul li{ border-bottom:1px solid #333; border-top:none; line-height:20px;}
.sidelist ul li a{ color:#CCC;}
.sidelist ul li a:hover{ color:#f78f1e;}

.sidelist_home{background:#1c1b1e; border:1px solid #151517; margin:0 0 20px 0; color:#999; }
.sidelist_home .title{ background:#1c1b1e; color:#ccc; font:arial; font-size:20px; line-height:40px; padding-left:20px; padding-top:10px; font-family:Georgia;}
.sidelist_home ul{ list-style:none; font-size:14px; padding:0px 20px 0px 20px;  }
.sidelist_home ul li{ border-bottom:1px solid #333; border-top:none; line-height:20px;}
.sidelist_home ul li a{ color:#CCC;}
.sidelist_home ul li a:hover{ color:#f78f1e;}


/* ------------------- end sidebar -----------------------------------------------*/	

/* ------------------------------Page Footer ------------------------------------*/

#footer .footerbox{	width: 145px; margin:15px 0px 0px 0px; padding:0 0 0 0;float:left; border-left:1px dotted #333;}
#footer .footerbox a{ color:#666; text-decoration:none; font-size:10px;}
#footer .footerbox a:hover{ color:#ccc;}
#footer .footerbox h2{ color:#999;font-size:12px; line-height:12px; margin:0px 0px 2px 0px; font-family:Georgia, serif; font-weight:normal;}
#footer .footerbox ul{ margin:0px; list-style-type:none;padding:0px 0px 0px 10px;}
#footer .footerbox ul li{ margin:0px;line-height:13px;}

#footer #help{ margin:10px 0 0 50px; width:280px; float:left;}

.socialButtons{	width:150px;height:174px;position:relative;float:right;	top:0px;right:0px;}
a#twitter {	position: relative;	float:right;bottom:20px;right:120px;background:url(images/Twitter-Button.png) no-repeat;width:50px;height:50px;}
a#facebook {position: relative;	float:right;bottom:20px;right:10px;background:url(images/Facebook-Button.png) no-repeat;width:50px;height:50px;}

#copyright {margin-top:12px;margin-left:20px;}

/*------------------------------------------- end footer --------------------------------------------------*/

/*------------------------------------------- accordion --------------------------------------------------*/
#aboutAccordion { border-bottom:#f78f1e solid 1px;}
#aboutAccordion .ui-accordion-data{  padding:0 0 20px 0;}
#aboutAccordion h3{ padding: 10px 0 10px 5px;}
#aboutAccordion .ui-accordion li .ui-accordion-header {height: 36px; margin: 0 3px 0 0;}

#porfolioAccordion { border-bottom:#f78f1e solid 1px;}
#portfolioAccordion .ui-accordion li .ui-accordion-header{ height:174px;margin: 0 3px 0 0; text-align:center; }
#portfolioAccordion .ui-accordion-data{ height:auto; padding:0 0 20px 0;}
#porfolioAccordion li .ui-accordion-link img{ padding: 20px 0 20px 5px;}

.ui-accordion-link h3{ color:#f78f1e; font-size:24px; font-weight:normal; }
.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; border-top:#f78f1e solid 1px; }
.ui-accordion li .ui-accordion-header {

	display: block;
	line-height: 28px;
	position: relative;
	left: 3px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}

/*.ui-accordion li.selected{height:auto;}*/

.ui-accordion li:hover .ui-accordion-left { }
.ui-accordion li:hover .ui-accordion-header { }
.ui-accordion li:hover .ui-accordion-right { }

.ui-accordion li.selected .ui-accordion-left {  }
.ui-accordion li.selected .ui-accordion-header { }
.ui-accordion li.selected .ui-accordion-right { }

/*------------------------------------------- end accordion --------------------------------------------------*/

/*----------------------------------------------- image  rotator-------------------------------*/
  
/* rotator in-page placement */
    div#rotator {
		position:relative;
		left:30px;
		top:20px;
	height:310px;
	width:857px;
	margin:0;
	padding:0;
	z-index:1;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	
}
/* rotator css */
	div#rotator ul{
		padding:0;
		margin:0;
}
/* rotator image style */	
	div#rotator ul li img {
	background: none;
	border:none;
	margin:0;
	padding:0;
}
    div#rotator ul li.show {
	z-index:99;
}	

/*----------------------------------------------- end  rotator-------------------------------*/

/*----------------------------------------------- lightbox -------------------------------*/


#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



.lbGallery {
		padding: 0;
		margin:0;
		width:100%;
		text-align:left;
	}
	.lbGallery ul { list-style: none; }
	.lbGallery ul li { display: inline; border:none; position:relative; float:left;}
	.lbGallery ul img {
		margin:0 10px 10px 0;
	/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
	}
	.lbGallery ul a:hover img {
		/*border: 5px solid #fff;
		border-width: 5px 5px 20px;*/
		color: #fff;
		
	}
	.lbGallery ul a:hover { color: #fff; }
	.lbGallery ul, menu, dir{
	-webkit-padding-start: 0px;
	}
/*----------------------------------------------- end lightbox -------------------------------*/

/*----------------------------------------------- contact us -------------------------------*/

.contact_header{ font-family:Georgia, arial, sans-serif; font-size:24px; color:#999; }

#contactForm input{ background-color:#CCC; border:solid 1px #fff; outline:none;}
#contactForm textarea{ background-color:#CCC; border:solid 1px #fff; outline:none; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;}
#contactForm #submit{ 
background-color: #000;
border: 1px solid #333;
clear: both;
color: #999;
float: right;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
height: 30px;
margin: 0px 0px 10px;
padding: 0;
width: 150px;
text-align:center;}

#arrow{ background:url(images/contact/arrowBody.gif) repeat-y;}

/*----------------------------------------------- end contact us -------------------------------*/