/*
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:130px;
	height:130px;
	position:relative;
}

.tagline{position:absolute; left:10px; top:80px;}

/*=================================
4 Services
=================================*/
	.margin-b10{ margin-bottom:10px;}
	.margin-b15{ margin-bottom:15px;}
	.margin-b20{ margin-bottom:20px;}
	.margin-b25{ margin-bottom:25px;}
	
	.four-services{ float:left; width:680px; display:inline-block; margin:0 30px 0px 0;}
	.four-services ul li{ float:left; display:inline-block; width:325px; height:90px; margin:0px 25px 25px 0; border:solid 1px #da3c25; background:url(./images/arrow-image.gif) 25px 30px no-repeat #0d0d0d; font:bold italic 19px Helvetica,Arial,sans-serif; color:#fff; position:relative;}
	.four-services ul li a{ float:left; display:inline-block; width:250px; height:60px; padding:30px 0 0 75px;  }
	.four-services ul li.lastcol{ margin-right:0px;}
	.four-services ul li.endline{ margin-bottom:0px;}

/*=================================
Sign Up
=================================*/
	.signup{ float:left; width:230px; height:190px; min-height:190px; padding-bottom:20px; border-bottom:solid 1px #e94027;}
	.signup h1{ font-size:15px; line-height:130%;}
	ul.list-form{ list-style:none;}
	ul.list-form li{ margin-bottom:10px;}
	ul.list-form li label{ display:block; margin-bottom:3px; font-size:13px;}
	ul.list-form li .fieldset input.textfield{ color:#fff}
	
	.signup ul.list-form li .fieldset input.textfield{ border:solid 1px #2c2c2c; background:#0d0d0d; width:216px; height:16px; padding:3px 5px;}
	ul.list-form li input.button{ background:#e94027; text-align:center; text-transform:uppercase; padding:2px 3px; border:0; cursor:pointer; color:#fff; font-size:12px;}
	
#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;
}