/*
Theme Name: Mindecology
Theme URI: http://www.iconvex.com/
Version: 1.0
Author: iConvex, Inc.
Author URI: http://www.iconvex.com/
*/

/* ===============================
   Floats and Hacks
   =============================== */ 
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*  ===============================
    Basic Layout Elements
    =============================== */ 
body{
	background:#000;
	width:960px;
	margin:0 auto;
	padding:0 10px 0 10px;
}

#masthead{
	min-height:90px;
	height:90px;
}

#banner{
	float:left;
}

#content{
	clear:both;
	margin:0px 10px 0 10px;
	padding-top:35px;
}

#footer{
	min-height:55px;
	height:55px;
	background:url('./images/footer_bg.gif') repeat-x;
	margin:40px 10px 0 10px;
}

/* ===============================
   Masthead Elements
   =============================== */ 
#logo{
	margin:25px 0;
	float:left;
}

#navbar{
	padding:40px 0 0 0;
	padding-left:500px;
}
#nav{
	float:left;
}

#nav li{
	float: left;
	list-style: none;
	font: 11px Tahoma, Arial;
}

#nav li a{
	display: block;
	text-decoration: none;
	height:15px;
	white-space: nowrap;
	margin-right:15px;
}

#nav li ul{
	margin:0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

#nav li ul li{
	float: none;
	display: inline;
}

#nav li ul li a{	
	color: #666;
	display:block;
	width: 100px;
	padding:5px 0 2px 10px;
	height:15px;
	margin:px 0;
	border-bottom: 1px solid #666;
	background:url('./images/arrow_menu.gif') no-repeat left 10px;
}

#nav li ul li a:hover{
	color: #fff;
}

   /*-- Nav Elements --*/

/*main menu*/	
#navbar a{
	display:block;
	height:15px;
}
#navbar li.nav_home a{
	background:url('./images/nav_home.gif') left top;
	width:30px;
}

#navbar li.nav_home a:hover, #navbar li.nav_home a.active{
	background:url('./images/nav_home.gif') left bottom;
}
#navbar ul li.nav_blog a{
	background:url('./images/nav_blog.gif') left top ;
	width:25px;
}
#navbar ul li.nav_blog a:hover, #navbar ul li.nav_blog a.active{
	background:url('./images/nav_blog.gif') left bottom;
}

#navbar ul li.nav_service a{
	background:url('./images/nav_service.gif') left top ;
	width:61px;
}

#navbar ul li.nav_service a:hover, #navbar ul li.nav_service a.active{
	background:url('./images/nav_service.gif') left bottom;
}

#navbar ul li.nav_howwework a{
	background:url('./images/nav_how-we-work.gif') left top ;
	width:68px;
}

#navbar ul li.nav_howwework a:hover, #navbar ul li.nav_howwework a.active{
	background:url('./images/nav_how-we-work.gif') left bottom;
}

#navbar ul li.nav_contact a{
	background:url('./images/nav_contact.gif') left top ;
	width:40px;
}

#navbar ul li.nav_contact a:hover, #navbar ul li.nav_contact a.active{
	background:url('./images/nav_contact.gif') left bottom;
}

#navbar ul li.nav_about a{
	background:url('./images/nav_about.gif') left top ;
	width:46px;
}

#navbar ul li.nav_about a:hover, #navbar ul li.nav_about a.active{
	background:url('./images/nav_about.gif') left bottom;
}

#navbar ul li.nav_more a.more{
	background:url('./images/nav_more.gif') left top ;
	width:28px;
}

#navbar ul li.nav_more a.more:hover, #navbar ul li.nav_more a.active{
	background:url('./images/nav_more.gif') left bottom;
}


/* ===============================
   Content Elements
   =============================== */ 
#main_message{
	background:url('./images/main_message.gif') no-repeat;
	display:inline-block;
	width:495px;
	height:120px;
}

.title_line{
	background:url('./images/home_bg_title.gif') repeat-x;
	height:28px;
	margin-bottom:15px;
}

.readmore{
	height:21px;
}
.readmore a{
	background:url('./images/readmore_bg.gif');
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-size:9px;
	color:#FFF;
	display:block;
	width:70px;
	height:17px;
	padding:0px 0 3px 0;
	font-family:tahoma;
	line-height:inherit;
}
.readmore a:hover{
	text-decoration:;
}

/*---HOME_ service---*/
#home_service, #home_howwework{
	float:left;
	width:325px;
	margin:15px 30px 0 0;
	font-size:14px;
}
#home_howwework{
	margin-right:20px;
	
}

#home_service .align_button, #home_howwework .align_button{
	float:right;
	margin:15px 0 0 0 ;
}

.home_service_content{
	background:url('./images/home_icon_services.jpg') no-repeat;
	padding-left:45px;
}

.home_howwework_content{
	background:url('./images/home_icon_howwework.jpg') no-repeat;
	padding-left:58px;
}

#home_testimonial{
	float:left;
	display:block;
	background:url('./images/home_testimonial.gif') no-repeat;
	height:171px;
	width:231px;
}

#home_roadmap{
	clear:both;
	margin:0px 0 0 0;
	width:900px;
}
#home_roadmap p{
	margin:10px 0px 20px 0px;
}
#home_roadmap a{
	text-decoration:none;
	color:#FF3300;
}
#home_roadmap a:hover{
	text-decoration:underline;
}
.home_sevice_list li{
	list-style:none;
	background:url('./images/bullet_circle.gif') left 10px no-repeat;
	margin-left:30px;
	padding-left:15px;
	line-height:25px;
}

/* ===============================
   Footer Elements
   =============================== */ 
#f_content{
	margin:0 auto;
	font-size:11px;
	background:url('./images/footer_name.gif') left 15px no-repeat;
	padding:14px 0 0 75px;
	color:#ccc;
}   

.navigation {
	display: block;
	text-align: center;
	}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.navi
{
	display: block;
	text-align: right;
	
}	
.nav1
{
	display:inline;
}
/*Article*/
#content_all ul li{
	list-style:none;
	background:url(images/bullet_circle.gif) left 13px no-repeat;
	margin-left:0px;
	line-height:25px;
	padding:2px 0 2px 15px;
}
#article ul li a, #article ul li a:visited{
	color:#CC9933;
	text-decoration:none;
}

 #article ul li a:hover{
	color:#666;
	text-decoration:none;
}
#content_all a, #content_all a:visited{
	text-decoration:none;
	color:#FF3300;
}
#content_all a:hover{
	text-decoration:underline;
}

#content_all ul li li{
	list-style:none;
	background:url(images/bullet_circle_gray.gif) left 10px no-repeat;
	margin-left:30px;
	padding-left:15px;
	line-height:25px;
}

#content_all p{
	margin:0 0 15px 0px;
}

#content_all ol {
	margin:0;
	padding:0;
	padding-left:30px;
	margin-bottom:15px;
}

#content_all ol li{
	padding:2px 0;
}