/*
Themeforest - Theme created by system32
Created on 10/11/2009
Category : Site Templates / Business
*/

/* Global Reset
------------------------------------------------------*/	

body	{  
	margin:0px;
	font:normal 12px/20px "Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;
	background:#f0f0f0;
	color:#5c5c5c;
	}

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


.img_border	{
	padding:3px;  
	background:#FFFFFF;
	border:1px solid #CFCFCF;
	margin-bottom:10px; 
	}

.img_border:hover 	{
	border:1px solid #aaa;
	}	

hr {
	color: #ccc; 
	height:1px; 
	}

html>body hr { 
	border: none; /* For Gecko-based browsers */ 
	height: 1px; color: #ccc; 
	margin-right: 0; 
	width: 100%; 
	}
html>body hr { 
	border: 0px solid #ccc; /* For Opera and Gecko-based browsers */ 
	height: 1px; color: #ccc; 
	margin-right: 0; 
	width:100%; 
	}


a	{
	text-decoration:none;
	color:#868686;
	outline:none;	
	}
  
a:hover	{
	color:#cc0000;
	text-decoration:none;
    }

.clear 	{
	clear:both; 
   	}
	   
.rightalign {
	float:right;
	margin-left: 20px;
	}

.leftalign	{
	float:left;
	}

.textleft	{
	text-align:left;
	}

.textright	{
	text-align:right;
	}

p	{
	margin: 0 0 15px 0;
	color:#5c5c5c;
	}

.alignleft	{
  	float: left; 
  	margin: 0 20px 10px 0;
	width:auto;
	}


/*	Header
------------------------------------------------------*/	
.header 	{
	background:#272628 url(../images/head_bg.jpg) top center no-repeat;
	height:515px;
	z-index:1;
	}

.head {height:110px;}

	.logo	{
		margin:20px 0 0 0px;
		border:none;
		}
 
.slogan {
	float:right;
	padding-top:25px;
	}

.slogan p{
	font-size:10px;
	text-align:right;
	color:#adb5c2;
	}

	.slogan p img{
		vertical-align:middle;
		border:0;
		}

			.slogan a{
				font-size:10px;
				text-align:right;
				color:#fff;	
				}
.total {
border-top:5px solid #ededed;
}
/* Sub Header
------------------------------------------------------*/

.subheader	{
	background:#22252e url(../images/sub-header_bg1.jpg) center top no-repeat;
	height:150px;
	}


/*------------------------------------------------------
						Menu
------------------------------------------------------*/

.topmenubg	{
	background:url(../images/menu_bg.gif) no-repeat;
	height:50px;
	padding-top:5px;
	padding-left: 20px;
	}

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


h1	{
	font: normal 28px/28px "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#000;
	}

h2	{
	font: normal 22px/30px "Trebuchet MS", Georgia Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:-1px;
	padding:3px 0;
	margin:0;
	}

h3 	{ 
	font: normal 20px/22px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
	color:#000;
	}

h4 	{ 
	font: normal 18px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
	color:#000; 
	padding:5px 0;
	margin:0;
	}

h5 	{ 
	font: normal 14px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
	color:#000; 
	padding:5px 0;
	margin:0;
	}

h6 	{ 
	font: italic normal 12px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
	color:#000; 
	padding:2px 0;
	margin:0;
	}


/*  Homepage Slider
------------------------------------------------------*/
.slider {
	padding:0;
	overflow:hidden;
	border: none;
	z-index:2;
	height:405px;
	width:960px;
	background:url(http://www.themeflash.com/themes/moddiv/images/contetbg.gif) bottom center no-repeat;	}				

/*  Readmore */
a.readfull { color:#abbac3; line-height:50px; background:#2c3437; padding:5px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;}
a.readfull:hover { color:#FFFFFF;}



/* Sidebar Sub Menu
-----------------------------------------------------------------*/
	.verticalbar	{
		border-bottom:1px solid #dddddd;
		margin-bottom:20px;
		}
		 
	.submenu	{
 		margin-bottom:20px;
  		}
				
	.submenu ul li	{ 
		border-bottom:1px solid #d0d0d0;
		border-top:1px solid #fff;					
		}

		.submenu ul li a	{
			display:block;
			padding:8px 0px 8px 15px;
			text-decoration:none;
			font:normal 12px/18px  "Trebuchet MS",Arial, sans-serif;
			}
					
			.submenu ul li a:hover{
	 			color:#000;
				background:#e0e0e0;
				display:block;
				}

	.submenu ul li.current a{
	 						color:#000;
							background:#e0e0e0;
							border-right:5px solid #cc0000;
							display:block;
							}

/*  Breadcrumb 
-------------------------------------------------------*/
.bread 	{ 
	margin-top:35px;
	text-align:left; 
	padding:0 0 0 15px; 
	color:#949494; 
	font-size:10px; font-family:"Trebuchet MS", Times, serif;
	}

.bread span a 		{ padding:2px 2px;}
.bread span a:hover { text-decoration:underline; }
.bread span img 	{ vertical-align:middle; border:none;}


/* Aboutus readmore									
-------------------------------------------------------------------*/
.readmore a:hover	{
	color:#fff;
	}

/*	Mid Content
------------------------------------------------------*/	
.midcontent	{
	height:100%;
	width:960px;
	margin-left:auto;
	margin-right:auto;	
	padding:20px 0 0 0;
	overflow:hidden;
	}


	.content	{
		margin:0px;
		padding:0px 15px 30px 15px;
		}

	.content h2	{
		margin:10px 0 0 0;
		}

/*	Sub Pages Sidebar BG and Content
------------------------------------------------------*/	
	.sidebar	{
		background:#e5e5e5;
		border:1px solid #ccc;
		margin:0px 0 20px 10px;
		padding:0 0 30px 0;
		border-radius:5px;		
		-moz-border-radius:5px; /* This border does not applies for IE Browsers. These hacks are for the Firefox, Safari and Opera Browsers*/
		-webkit-border-radius:5px; 
		-khtml-border-radius:5px;		
		}
				
	.sidebar h2	{
		padding:15px;
		padding-bottom:5px;
		border-bottom:1px solid #d0d0d0;
	 	}

	.sidebar p {
		padding:0 15px;
	}

	
/*	Homepage Featue Box Styling
------------------------------------------------------*/
.feature-box	{
	width:50%;
	float:left;
	}

	.feature-box h4	{
		color:#000000;
		padding:0px 20px 0px 0;
		}

	.feature-box p	{
		padding:15px 20px 15px 0;
			}
	
	img.feature-boxicon {
		float:left;
		margin-bottom:20px;
		margin-right:20px;
		}
	
/* Homepage Recentpost
------------------------------------------------------*/
ul.recentposts	{
	margin:0px 0px 10px 0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #dddddd;			
	}

	ul.recentposts li	{
		padding:6px 0px;
		color:#666666;
		border-bottom:1px solid #dddddd;
		}

		ul.recentposts li p	{
			margin:0 0 10px 0;	
			padding:0;
			}

		ul.recentposts li a:link, ul.recentposts li a:visited, ul.recentposts li a:active	{
				padding:0px 0px;
				text-decoration:none;
				}

		ul.recentposts li h6		{
				font-weight:bold;
				}

	ul.recentposts li a:hover	{
		padding:0px 0px;
		text-decoration:none;
		}

/* Testimonials
-------------------------------------------------------------*/

.testimonial img	{ 
	vertical-align:middle;
	}

.testimonial blockquote	{
	margin:0;
	padding:0;
	}

	blockquote	{
		padding:10px 0px 10px 20px;
		margin:0;
		background:none;
		border:none;
		}

		blockquote p		{
			font:italic normal 12px/18px Georgia, Arial, sans-serif;
			color:#777;	
			margin:0;
			}
	
		blockquote p.author	{
			margin:10px 0 0 10px;
			color:#484848;
			}


/* Portfolio page
-----------------------------------------------------------*/

.portfolio	{
	margin-left:auto;
	margin-right:auto;
	margin-left:15px;
	margin-top:30px;
	}

	.port img	{
		margin:0;z-index:1;
		width:270px;
		}
				 
	.port	{
		margin-right:20px;
		display:block;
		float:left; 
		position:relative;
		width:280px;
		height:250px;
		overflow:hidden;
		margin-bottom:20px;
		}
			 
	.port span	{
		margin:0px;
		display:block;
		padding:0 5px;
		line-height:normal;
		}
					 
	.port h4 {
			z-index:2;
			padding:10px 5px 0px 5px;
			}

 	.port h4 a	{
			color:#777;
			}
	.port h4 a:hover	{
			color:#cc0000;
			}

	.port p { margin:0; }

	hr {
		clear:both;
		padding:0;
		border:none;
		padding:0 0 10px 0;
		background:url(../images/hrline.gif) repeat-x;
		}

/* Blog Page
----------------------------------------------------------------*/
.post	{ 
		padding:0px 0px 0px 0;
		overflow:hidden;
		clear:both;
		position:relative;
        }

	.post-date	{
		width:40px;
		float:left;
		margin:0px 10px 0 0px;
		padding-top:8px;
		color:#000000;
		background:#FFFFFF;
		border:1px solid #bbb;
		text-align:center;
		font-size:16px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;						
		}
			
		.post-date span {
			display:block;
			margin-top:2px;
			background:#cc0000;
			color:#FFFFFF;
			text-transform:uppercase;
			font-size:11px;
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;			
			}
	
	.post p	{ 
		margin: 0px 0 10px 50px;
		color:#5c5c5c;
		}

	.post h2 	{margin:0;  padding:0;}			
	.post h2 a	{margin:0;  padding:0; color:#000; display:block;}					
	.post h2 a:hover{color:#cc0000;}			
		
	.post-info	{
		margin:0 0 10px 0;
		}
						
	.post_img	{
		padding:1px;  
		background:#FFFFFF;
		border:5px solid #CFCFCF;
		margin-bottom:10px; 
		margin-top:10px; 
		}
			
	.post_img:hover {
		border:5px solid #aaa;
		}	
				  	
	.post_info .commentlist	{
		padding:5px 0 5px 0;
		text-transform:uppercase;
		}
			
	.entry P	{margin: 0px 0 10px 0px;}			
	.entry ul, .entry ol	{
		margin:0;
		padding:10px 0 20px 20px;
		list-style-type:disc;
		list-style-position:inside;	
		}	

	.entry P	{margin: 0px 0 10px 0px;}
	.entry ul	{
				list-style-type:circle;
				}
				
	.entry ol	{
				list-style-type:decimal;
				}

	div.excerpt	{
				
				padding-bottom:5px;
				}
						
	div.excerpt:last-child 	{
				border-bottom:none;
				}

				
/* Blog Comments
-------------------------------------------------------*/

#commentblock{
	background:#f7f7f7;	
	border: 1px solid #ddd;
	padding:10px;
}

#comments h1 {
	padding:20px;
	}

ol.commentlist {
	margin: 0;
	padding	: 0;
	}			
			
ol.commentlist li {
	margin: 0px;
	padding:5px 10px 0px 10px;
	padding-left:100px;
	list-style:none
	}

.comment_wrap	{
	position:relative;
	background: #fff;		
	overflow:visible;
	height:100%;
	border: 1px solid #ccc;
	}

	.comment-author	{
		position: absolute;
		left: -90px;
		width: 90px;
		color: #484848;
		font-size: 10px;
		line-height: 12px;
		}

	.single_comment	{
		padding:5px;
		padding-bottom:10px;
		margin-bottom:10px;
		}

.alt {
	margin: 0;
	padding:0px;
	}

.comment-author a {
	text-decoration:left;
	}

.avatar {
	padding:3px;
	border:1px solid #ddd;
	background: #fff;	
}



	.commentlist ul.children {
		margin:5px 0 0px 0;
		padding:0px;
		}

	ol.commentlist li ul.children li {
		margin: 0px;
		padding:0px;
		padding-left:25px;
		}

	.children .comment-author	{
			position: absolute;
		    top:15px;
			width: 110px;
			color: #484848;
			text-align:left;
			font-size: 10px;
			line-height: 11px;
			}

	.commentlist ul.children {
		border-left:1px solid #ccc;
		}

		ul.children .comment-author img.avatar	{
				width: 40px;
				float:right;
				margin-left:0px;
				margin-right:10px;
				margin-top:0px;
				height:40px;
				}

		ul.children li.depth-2 .single_comment {
				padding-top:0px;
				padding:15px;
				margin-right:0;
				padding-bottom:1px;
				}


		ul.children li.depth-3 .single_comment {
				padding:15x;
				margin-right:0;
				padding-bottom:15px;
				}
	
		 .single_comment p {
			padding:10px;
			text-align:left;
			line-height:normal;
			}


		.commentlist code {
			background:#e6e6e6;
			padding:3px;
			}

		.commentlist .moderation {	
			margin-top: 10px;
			color: #dd0000;	
			}

	.commentlist .children {
		margin-top:5px;	
		}



#respond {
	padding:10px;
	position:relative;
	}


#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}


	.reply a:link, .reply a:visited  {	
		background:#ddd;	
		text-align:center;		
		text-decoration:none !important;
		text-transform: uppercase;
		color:#212121;	
		padding:4px 10px;		
		font-size:10px;	
		}

	.reply a:hover {	
		background:#aaa;
		color:#fff;
		}

	.reply {
		position:absolute;
		left:15px;
		bottom:15px;
		}


.cancel-comment-reply a {
	background:#ddd;	
	text-align:center;		
	text-decoration:none !important;
	text-transform: uppercase;
	color:#212121;	
	padding:4px 10px;		
	font-size:10px;	
	width:auto;
	}

	.cancel-comment-reply a:hover {
		background:url(http://www.themeflash.com/themes/moddiv/images/button_bg.gif) bottom repeat-x;
		color:#fff;
		}
	
#commentform input, #commentform textarea{
	padding:4px;
	}

#commentform input[type=image]{
	width:auto !important;
	background:none;
	}

.btn {
	border: 0 !important;
	}


cite.fn {
	font-weight:bold;
	font-size:11px;
	font-style:normal;
	text-align:left;
	}

.comment-meta {
	margin-top:2px;
	color:#aaa;
	}

/*	Contact form
--------------------------------------------------------*/					

	.contact-us	{
				text-align:left;	
				padding:10px 0;
				width:auto;
				}


	.contact-us .submit	{

						position:relative;
						left:105px;
						font-size:11px;
						width:100px;
						border:1px solid #999999;
						background:#CCCCCC;
						}
	.grey	{
			color:grey;
			font-weight:700;
			}



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

.footer_bg	{
	width:100%;
	border-top:1px solid #aaa;
	background:#d8d7d7;
	overflow:hidden;
	padding:20px 0;
	}
	
	.footer	{
		margin:0px;
		}

.footer ul.blogroll  		{margin:0; padding:0; list-style:none; list-style-position:outside;}
.footer ul.blogroll li 		{ }
.footer ul.blogroll li a 	{display:block;background: URL(../images/arrow.gif) left center no-repeat; border-bottom:0px solid #bbb;padding:2px 0px 2px 20px; height:100%;  }
.footer ul.blogroll li a:hover {color:#000; background: URL(../images/arrowo.gif) left center no-repeat; text-decoration:none; }

	.footer h3	{
		font: normal 18px/22px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
		color:#5c5c5c;
		}	
	
	.footer h2 img	{
		vertical-align:middle;
		}		
			
	.text p	{
		margin: 10px 0 45px 0;
		color:#5c5c5c;
		}

.copyright	{
	color:#fff;
	background:#121212;
	border-top:1px solid #fff;
	text-align:center;
	overflow:hidden;
	height:100%;
	padding-top:20px;
	padding-bottom:20px;				
	}

	.copyright	p{
			color:#bababa;
			margin:0;
			}

ul.social li { display:inline;float:left;}

.social li a {
padding:5px;
}


/*  Readmore */
a.read  	 {background: URL(http://www.themeflash.com/themes/moddiv/images/readmore.gif) left center no-repeat; padding:0 0 0 20px; float:right }
a.read:hover {background: URL(http://www.themeflash.com/themes/moddiv/images/readmoreo.gif) left center no-repeat; text-decoration:none; color:#cc0000; }

a.port_button {line-height:60px; background:#cc0000; color:#FFFFFF; padding:5px 15px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  width:150px !important; }
a.port_button:hover { color:#FFFFFF;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			90;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
position:relative; z-index:50	;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* left offset of submenus need to match (see below) */
	z-index:100	;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:3.7em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	bottom: 10em;
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	padding-right:25px;
	margin-bottom:	0;
}
.sf-menu a {
	padding: 		0.7em 1.6em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#999;	
	font:bold 14px "Lucida Sans", Georgia, "Times New Roman", Times, serif;
}
.sf-menu li {}

.sf-menu li ul{
	background:#c3c3c3;
	padding:1px;
	padding-bottom:0;
}

.sf-menu li li {
	background:		#e5e5e5;
	border-top:	1px solid #fff;
	border-bottom:	1px solid #b6b6b6;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#cc0000;	
	outline:		0;
}

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

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

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