/* CSS Document */

body	{  
		margin:0px;
		font:normal 12px/20px "Lucida Sans Unicode", Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
		background:#ededed;
		color:#888;
		}
		

* html 	{
		margin:0;padding:0;
	   	}

html, body { height:100%;}
#main { min-height:100%; height:auto !important; height:100%; overflow:hidden;}


/* a			{ text-decoration:none; color:#008fc5; outline:none;	} */ 
a:hover		{ color:#000000; text-decoration:none; }

.alignleft		{ float:left; margin:0px 15px 10px 0;}
.alignright		{ float:right; margin:5px 15px 15px 15px;	}
.aligncenter	{ clear:both; display:block; margin:10px auto !important; padding:10px 0;}			
		
.floatleft	{ float:left;}
.floatright { float:right;}	

.clear	{ clear:both;}

p		{ margin: 5px 0 20px 0;}

.divider			{ clear:both; background:url(../images/divider.gif) scroll center center repeat-x; height:1px; padding:10px 0; margin:10px auto; display:block; width:100%;	}		


.firstLetter{
  display      : block; background:url(../images/dropcap.png) 50% 50% no-repeat;
  float        : left;
  width:40px;
  text-align:center;
  height:40px;  
  margin-top   : 0.3em; /* use -0.205em for two lines */
  margin-left  : 0.1em;
  margin-right : 0.5em;
  font-size    : 2em;   /* use 3.33em for two lines */
  line-height  : 1.5em;
  color:#FFFFFF;
}

.firstLetter span{
  font-size    : 2em;   /* use 3.33em for two lines */
  line-height  : 1.5em;
  color:#FFFFFF;
}

.firstLetter + span{
  margin-left  : -0.5em;
}

code, pre	{
	font: normal 12px/20px Consolas, "Courier New", Courier, monospace;
	background: #fff url(../images/pre_bg.gif);
	padding: 20px 5px;
	margin:10px 0;
	border: 1px dotted #bbb;
	color: #333;}
code	{ padding: 3px 5px; background-image: none; }

/* Headings
------------------------------------------------------*/


h1	{
	font: normal 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 15px 0;
	}

h2	{
	font: normal 25px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 30px 0;	
	}

h3 	{ 
	font: normal 22px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 30px 0;
	}

h4 	{ 
	font: normal 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	}

h5 	{ 
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h6 	{ 
	font: italic normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h1, h2, h3, h4, h5, h6 { color:#000000; }


/* Gallery Loader
------------------------------------------------------*/	
.gallery_box ul li .loading 	{ background: url(../ajax-loader.gif) no-repeat center center; text-align:center; display:block; width:168px; height:250px; padding-bottom:5px; }

.hover_video					{ position: absolute; background:transparent url(../images/video.png) no-repeat center center;}
.hover_image					{ position: absolute; background:transparent url(../images/image.png) no-repeat center center;}
a img, a:hover img 				{ position:relative; z-index:2; }



/* Page Structure
------------------------------------------------------*/	

#Wrapper	{ width:100%; margin:0 auto; } 

.wrap		{ width:960px; margin:0 auto; }

#main		{ width:960px; margin:0 auto; padding:50px 0 0 0; overflow:hidden; }

#subpage #main		{ width:960px; margin:0 auto; padding:0px 0 30px 0; overflow:hidden;  }

.content	{ width:610px; margin:0px 40px 0px  20px; padding-top:30px; float:left; display:inline;}

#sidebar	{ width:270px; margin:40px 0 0 20px ; float:left; }

#footer		{ width:960px; margin:0 auto; }

/* header
------------------------------------------------------*/	

#topbar	{ width:100%; margin:0 auto; height:100px; position:relative; z-index:55; }

/* logopart
------------------------------------------------------*/	

.logo a		{	background:url(../images/logo.png) no-repeat;
				border:0;
				float:left;
				display:block;
				position:absolute;
				text-indent:-9999px;
				margin:20px 0px 0 30px;
				width:230px;
				height:95px;
				}
			
/*	Top Menu
--------------------------------------------------------------------------------------------*/
.topmenu 	{ padding-top:0px; }
.sf-menu	{ background:url(../images/bg_menu.png) bottom left repeat-x; }
		
.sf-menu a, 
.sf-menu a:visited  	{ /* visited pseudo selector so IE6 applies text colour*/
						color:#fff;	text-decoration:none; }

.sf-menu li a							{ color:#fff; }
.sf-menu li li a						{ font-weight:normal; }
.sf-menu li li							{ background:#000000; }
.sf-menu li ul li ul					{  }

.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active			{ color:#fff; outline:0; text-decoration:none; }

.sf-menu li li:hover, 
.sf-menu li li.sfHover,
.sf-menu li li a:focus, 
.sf-menu li li a:hover		{ color:#fff; background:#333333; } 
.sf-menu li li a:active		{ color:#fff; background:#000000; text-decoration:none; outline:0; }

/* Active Page Status CSS for all the browsers*/	
.sf-menu li.current-cat a, 
.sf-menu li.current_page_item a	{ color:#fff; font-weight:normal; }

.sf-menu li.current-cat a:visited, 
.sf-menu li.current_page_item a:visited { color:#fff; font-weight:normal; }

.sf-menu li a span	{ display:block; font:normal 9px Tahoma, Arial, Helvetica, sans-serif; padding-top:5px;	text-transform:uppercase;}


/* Sub Header
------------------------------------------------------*/

#subheader	{ width:960px; margin:0 auto; height:100px; padding-top:20px;}
.subheader	{ text-align:center; color:#fff; }

.subheader h1, 
.subheader h4	{ color:#fff;	}


/*	Mainpage Features
--------------------------------------------------------------------------------------------*/

ul.features_main	{ list-style:none;	}
ul.features_main li { margin-bottom:0px; overflow:hidden; position: relative; display: block; }

ul.features_main li h4	{	}

ul.features_main li p,
ul.features_main li h4	{ padding-left:60px;}
/* Similarly create more list of icons if needed*/


/*	Latest Blog */
.latestblog 		{ position:relative; }
.latestblog .post	{ margin:0; }
.latestblog .post-date	{ margin:0; font:normal 9px Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; margin-bottom:5px; }


/*	slider
--------------------------------------------------------------------------------------------*/
#featured_slider	{ width:100%; margin:30px auto 0 auto; height:350px; z-index:2;	}

.header_highlight		{ width:400px; margin:0px 0 0 20px; float:left; text-align:center;	}
.header_highlight h1	{ font: normal bold 3.4em "Trebuchet MS", Helvetica, sans-serif; line-height:40px; letter-spacing: -1px; color:#fff; text-transform:capitalize; }
.header_highlight p		{ color:#FFFFFF; margin:20px 0 0 10px; }


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

.onethird			{ width:280px; display:inline; float:left; margin-right:40px; margin-bottom:20px;}
.onefourth			{ width:208px; display:inline; float:left; margin:0px 32px 30px 0px;}

.halfpage			{ width:450px; display:inline; float:left; margin-right:30px; margin-bottom:30px;}

.onethird h4		{ margin:0 0 10px 0; }

.last				{ margin-right:0;}


/* Infobox
------------------------------------------------------*/

.infobox	{ /*background:#ddd; */ width:100%; overflow:hidden; color:#999; border-bottom:1px solid #b5b5b5; padding:20px 0 15px 0; }

.infobox blockquote 	{ width:50%; float:left; background:url(../images/quoteleft.png) 0 0 no-repeat; padding-left:70px;	overflow:hidden; color:#888;}
.infobox blockquote p	{ font-size: 12px; margin-bottom:10px; font-family: Georgia; font-style:italic; line-height:16px; }

.infobox blockquote cite 		{ padding-right:50px; font-weight:bold; }
.infobox blockquote cite span 	{ display:block; font:normal normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;  text-transform:uppercase;  }
										

/* Infobox Social Sites
------------------------------------------------------*/

.social 	{ width:300px; float:left; margin-left:60px;	font:normal 12px/16px "Lucida Sans Unicode", "Times New Roman", Times, serif;}
.social h3,
.social p 	{ margin-bottom:10px; }
.social ul 	{ margin: 0; padding: 0; }

.infobox .social li { margin-right:8px; padding:0px 0px 0px 0; list-style: none; display: inline; float: left; }

	

		
/* services 1
------------------------------------------------------*/

ul.services1				{ clear:both; margin:20px 0; overflow:hidden; height:100%; 	}
ul.services1 li 			{ width:50%; float:left; min-height:150px; margin-bottom:30px; list-style-type:none !important; }

ul.services1 li h4			{ margin:0 0 0 0; }

ul.services1 li h4,
ul.services1 li p			{ padding:0px 20px 0 60px; }

ul.services1 li.icon1 			{ background:	url(../images/icons/icon1.png) no-repeat 0 0;   }
ul.services1 li.icon2 			{ background:	url(../images/icons/icon2.png) no-repeat 0 0;  }
ul.services1 li.icon3 			{ background:	url(../images/icons/icon3.png) no-repeat 0 0;  }
ul.services1 li.icon4 			{ background:	url(../images/icons/icon4.png) no-repeat 0 0;  }
ul.services1 li.icon5 			{ background:	url(../images/icons/icon5.png) no-repeat 0 0;  }
ul.services1 li.icon6 			{ background:	url(../images/icons/icon6.png) no-repeat 0 0;  }


/* services 2
------------------------------------------------------*/

ul.services2				{ clear:both; margin:20px 0; overflow:hidden; height:100%; 	}
ul.services2 li 			{ margin-bottom:30px; width:100%;  list-style-type:none !important;}

ul.services2 li h4			{ margin:0 0 0 0; }

ul.services2 li h4,
ul.services2 li p			{ padding:0px 20px 0 60px; }

ul.services2 li.icon1 			{ background:	url(../images/icons/icon1.png) no-repeat 0 0;   }
ul.services2 li.icon2 			{ background:	url(../images/icons/icon2.png) no-repeat 0 0;  }
ul.services2 li.icon3 			{ background:	url(../images/icons/icon3.png) no-repeat 0 0;  }
ul.services2 li.icon4 			{ background:	url(../images/icons/icon4.png) no-repeat 0 0;  }
ul.services2 li.icon5 			{ background:	url(../images/icons/icon5.png) no-repeat 0 0;  }
ul.services2 li.icon6 			{ background:	url(../images/icons/icon6.png) no-repeat 0 0;  }
ul.services2 li.icon7 			{ background:	url(../images/icons/icon7.png) no-repeat 0 0;  }


/* subnav
------------------------------------------------------*/

#sidebar h3						{ margin-bottom:10px; }

#sidebar ul						{ margin:0px; padding:0; margin-bottom:30px; }
#sidebar ul li 					{ list-style-type:none; background:url(../images/nav_bullet.png) left center no-repeat;  }
#sidebar ul li a				{ margin:0; border-bottom:1px solid #e5e5e5; text-decoration:none; padding:5px 0; padding-left:25px; 	}
#sidebar ul li li a				{ margin:0; }

#sidebar ul li li a:link, 
#sidebar ul li li a:visited		{ color:#6b6b6b; display:block;	}

#sidebar ul li a:link, 
#sidebar ul li a:visited		{ color:#5f5f5f; display:block;  }


						
	

/* gallery
-------------------------------------------------------------------------------------*/	

.gallery_box 	{ width:940px; margin:0px 40px 30px  20px; padding-top:30px;}

.gallery_box li	{
				overflow: hidden; 
				width:166px;
				height:300px;
				float: left;
				margin:0px 20px 20px 0 ;
				padding:0 0 20px 0;
				background:#fff;
				border:1px solid #ddd;
				border-bottom:1px solid #bbb;				
				}

.gallery_box li img 	{ margin-bottom:15px;}

.gallery_box li h5,
.gallery_box li p		{ padding:0 10px; margin:5px 0 10px 0;}

.gallery_box li p		{ line-height:normal; }


/* Blog post 
------------------*/

.post			{ margin:20px 5px 20px 0; padding:0 0 20px 0; overflow:hidden; height:100%;	}

.post .excerpt	{ width:600px; float:left; margin-bottom:20px;	}
.post-info		{ float: left; padding-bottom: 0px; position: relative; width: 100%; height:40px; }

.post-img img	{ background-color:#EFEFEF; border:1px solid #CFCFCF; padding:5px ; margin-bottom:10px;	}
.post-info h3 	{ font-weight:normal; padding:0; margin-bottom:10px; padding-left:100px;}

.post-info .date	{ display: block; position: absolute; left: 0px; top: 0; color: #000; line-height: 30px; width: 40px; border-right: 1px solid #D6D6D6; font-size: 24px; }
.post-info .month	{ display: block; position: absolute; left: 50px; top: 0px; color: #000; line-height: normal; text-transform: uppercase; font-size: 12px; }
.post-info .year	{ display: block; position: absolute; left: 50px; top: 15px; color: #000; line-height: normal; width: 53px;font-size: 12px;  }

.postcomments		{ float:right; margin-right:10px; }

#bigimg				{ position: absolute; background-color:#fabc77; border:3px solid #e68e46; }


				
/*	Full width page
--------------------------------------------------------------------------------------------*/	

.content-full { padding:30px 15px; height:100%;	}
.fullwidthbox img	{ width:290px; height:130px; margin-right:15px;	}

/* footer top
------------------------------------------------------*/
.bottombar { height:50px; position:relative; }
.bottombar h5 {  color:#FFFFFF; margin-left:200px; padding-top:18px;}

.bottombar .footerlogo {  position:absolute; float:left; top:5px;}


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

#footer_bg	{ width:100%;  background:#ebebeb;}

/*	Footer Lists	*/
#footer		{ width:960px; margin:0 auto; padding-top:30px; padding-bottom:30px;	font:normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;}
#footer p	{ margin:0; }

.footerlistbox 						{ margin:0px; padding:0; }
.footerlistbox li					{ margin-left:0px; list-style-type:none;}

.footerlistbox li a					{ height:100%; margin:0; text-decoration:none;}
.footerlistbox li li a				{ margin:0; }

.footerlistbox li a:link,
.footerlistbox li a:visited			{ color:#5c5c5c; display:block; }



/* copyright
------------------------------------------------------*/	
	
.copyright	{ width:960px; margin:0 auto; height:60px; background:#ebebeb url(../images/bg_menu.png) top left repeat-x; }

.copy_left 		p	{ width:420px; float:left; margin:20px 0 0 20px; }
.copy_right 	p	{ float:right; margin:20px 20px 0 0; }


/*	Contact Form
------------------------------------------------------*/	
#form 			{ padding: 0; }
#form label 	{ width: 140px; display: inline-block; margin-right: 0px; margin-bottom: 15px; }		
#form .input 	{ background:#fbfbfb; border: 1px solid #e5e5e5; padding: 5px 7px; margin-bottom: 15px; width: 360px; }
#form select 	{ background:#fbfbfb; width: 375px; border: 1px solid #e5e5e5; padding: 5px 6px; margin-bottom: 15px; }
#form textarea 	{ background:#fbfbfb; border: 1px solid #e5e5e5; vertical-align: top; width: 355px; line-height: 1.7em; padding: 9px; height: 200px; }
#form .indent 	{ padding-left: 145px; padding-top: 15px; }

/* The button */
#form .submitbutton { background:url(../images/submit_button.gif) no-repeat; width: 105px; border:none; height:28px; }
.address 		{ padding:0 0 10px 0;}



/* Form input
------------------------------------------------------*/	
#forms .input_small 	{ width:25%; background:#f8f8f8; }
#forms .input_medium 	{ width:50%; background:#f8f8f8; }
#forms .input_large 	{ width:90%; background:#f8f8f8; }



/*	Typography (Alert boxes)
--------------------------------------------------------------------------------------------*/

span.error, span.info, span.alert, span.download {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}

span.error {
	color: #cc0000;
	border: 1px solid #fe7b7a;
	background: #ffd6d6;
	}

span.info {
	color: #0055bb;
	border: 1px solid #629de3;
	background: #d8e5f8;
	}

span.alert {
	color: #b79000;
	border: 1px solid #fde179;
	background: #fef6d8;
	}

span.download {
	color: #57861a;
	border: 1px solid #c2df88;;
	background: #eef7dd;
	}

span.error,
span.info,
span.alert,
span.download {
	display: block;
	padding: 10px 10px 10px 15px;
	margin: 5px 0;	
	}


/* ################################################
	GENERIC		
################################################### */

span.inset-left {
	display: block;
	padding: 15px;
	float: left;
	width: 20%;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}

span.inset-right {
	display: block;
	padding: 15px;
	float: right;
	width: 20%;
	font-weight: bold;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}


/* ################################################
	DEFINITION LISTS	
################################################### */

 dl {
 	border: 1px solid #ddd; 
 	padding: 0.5em; 
	}
	dt { 
	float: left; 
	clear: left; 
	width: 150px; 
	text-align: right; 
	font-weight: bold; 
	color: #484848; 
	} 
	dt:after { 
	content: " : "; 
	} 
	dd:before { 
	content: ""; 
	padding-left:5px;
	} 
	dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0; 
	}


/* ################################################
	PAGINATION	
################################################### */

.pagination		{ clear:both; margin-top:30px; height:50px; margin-left:20px; width:100%;}

.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend		{ font-size:10px; padding: 6px;  margin: 1px; color:#444; border: 1px solid #c8c8c8; background: #FFFFFF; }

.pagination span.pages 		{ border:0; text-transform:uppercase }
.pagination a:hover 		{ border: 1px solid #000; background: #fff; }

.pagination span.current 	{ padding: 6px; margin: 1px; font-weight: bold; color:#777; border: 1px solid #000;}

/* ################################################
	Content Lists	
################################################### */

.content ul, .content ol	{ margin:20px 0; margin-left:30px;}
.content ul li	{ list-style-type:disc;}
.content ol	li {  list-style-type:decimal}


.colortheme {
	position:absolute;
	background:#000000;
	color:#000;
	height:15px;
	padding:2px 10px;
	font-size:9px;
	color:#ccc;
	text-align:left;
	z-index:65;
	}

.colortheme ul {margin:0; padding:0;}
.colortheme ul li { float:left; display:inline; padding:2px;}
.colortheme ul li a { cursor:pointer;}


/*** Right Panel Testimonial ***/
.sidebox{position:relative; margin-bottom:30px;}
.imgborder{border:solid 3px #cccccc;}
.imgborder2{border:solid 2px #CCCCCC;}
#boxslideshow{margin:0px; position:relative;}
#boxslideshow .cycle img{margin-bottom:25px;}
#boxslideshow .cycle .tbold{font-size:14px; font-weight:bold;}

.bottom_box .ticker ul li{ background-image:none; padding:0px; border-bottom:0px; min-height:0px;}
a.next_item, a.prev_item{width:13px; text-indent:-9999px; position:absolute;}
a.next_item{background-image:url(../images/arrow_top.gif); background-repeat:no-repeat; top:10px; right:20px}
a.prev_item{background-image:url(../images/arrow_bottom.gif); background-repeat:no-repeat; top:10px; right:0px}

.bottom_box .ticker2 ul li{ background-image:none; padding:0px; border-bottom:0px; min-height:80px;}
a.next_item2, a.prev_item2{width:23px; text-indent:-9999px; position:absolute;}
a.next_item2{background-image:url(../images/arrow_top.gif); background-repeat:no-repeat; top:10px; right:20px}
a.prev_item2{background-image:url(../images/arrow_bottom.gif); background-repeat:no-repeat; top:10px; right:0px}

/*** End Of Right Panel Testimonial ***/


/* Start Portfolio View Mouse Over  */
.viewsite {
background:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:17px;
height:30px;
width:100%px;
border:1px solid #CCCCCC;
padding:5px;
}

.viewsite:hover	{
 background:#666666;
 color:#000000; 
 font-size:15px;
 }
/* G-MAP STYLE
----------------------------------------------------------------------------------------------------*/
#map-holder{background: url("../images/map-holder.jpg")no-repeat;width:610px;height:287px;position:relative;}
#map_canvas {width:590px;height:250px;position:absolute;top:10px;left:10px;}