/*
Theme Name: WP-Mojo
Theme URI: http://wp-mojo.com
Description: I believe in Mojo!
Version: 1.0
Author: Seb/Yann
Author URI: http://wp-mojo.com
Tags: Mojo, Power
*/

/*=== Setup ===*/
* {border: 0;margin: 0;padding: 0;outline: none;}
body {background: url(images/bgr.gif) 0px -30px  #f7f6f6 repeat-x;color: #404040;font-family: Arial, Verdana, Helvetica, sans-serif;font-size: .75em;}
a {color: #33707e;text-decoration: underline;}
a:hover {text-decoration: none;}
input, select, textarea {border: #cfcfcf 1px solid;color: #404040;font-size: 12px;padding: 3px;font-family: Arial, Verdana, Helvetica, sans-serif;}
li {list-style: none;}
h2 {color: #222222;font-size: 1.5em;font-weight: normal;letter-spacing: -1px;margin: 0 0 1em;}
h3 {color: #333333;font-size: 1.2em;margin: 0 0 .8em;}
h4 {font-size: 1em;margin: 0 0 1em;}
p {line-height: 1.5em;padding: 0 0 1.3em;}
/*=== Layout ===*/
#bgwrap {margin: auto 0;width: 100%;background:url(images/bg-image.jpg) 50% 101px no-repeat;}
#page {margin: 0 auto;width: 975px;/*background: url(images/bgh.jpg) repeat-x top;*/}

/*=== Header ===*/
#header{height: 160px;margin: 0 0 1px;}
/*- Logo -
#header h1 {background: url(images/logo.jpg) no-repeat;float: left;text-indent: -9999px;width: 408px;}
#header h1 a {display: block;height: 170px;}*/
/*- Safari 3 only- @media screen and (-webkit-min-device-pixel-ratio:0){#header h1 a {display: block;height: 0px;}}
#header h1 a:hover {text-decoration: none;}*/
/*=== Navigation ===*/

/*- Top Nav -*/
.topnav {font-size: 10px;font-weight: bold;height: 31px;overflow: hidden;}
.topnav li {background: url(images/topnav-sep.gif) no-repeat left;float: left;line-height: 30px;font-size:10px;}
.topnav li.first {background: none;}
.topnav li.first a {padding: 0 7px 0 4px;}
.topnav li a {color: #333333;display: block;float: left;padding: 0 7px 0 8px;text-decoration: none;}
.topnav li a:hover,.topnav li.active a {text-decoration: underline;}	


/*=== Center Column ===*/
#centercol {float: left;width:100%;	}
#home-main{height:295px;padding:0 20px 20px 20px;margin:auto auto;text-align:center;}
#home-main img{margin:-50px 0 0 -20px;text-align:center;}

.btt-start {display: block;float:left;width: 160px;height: 30px;background: url("images/btt-start.png") no-repeat 0 -30px;margin:25px 20px 0 0px;}
.btt-start:hover{background-position: 0 0px;}
.btt-start span{display: none;}

.btt-seepack {display: block;float:left;width: 160px;height: 30px;background: url("images/btt-more.png") no-repeat 0 0px;margin:25px 0px 0 0px;}
.btt-seepack:hover{background-position: 0 -30px;}
.btt-seepack span{display: none;}

/* old image
.btt-home-start {display: block;float:left;width: 880px;height: 60px;background: url("images/home-get-started.png") no-repeat 0 0px;margin:-65px 0px 0 50px;}
.btt-home-start:hover{background-position: 0 -60px;}
.btt-home-start span{display: none;}
*/

.btt-home-start {display: block;float:left;width: 880px;height: 60px;background: url("images/btt-home-start.png") no-repeat 0 0px;margin:0;width:275px;}
.btt-home-start:hover{background-position: 0 -60px;}
.btt-home-start span{display: none;}


.sep {clear:both;background:url(images/sep-l.png)  0px 30px no-repeat;}
#how {margin:-90px 0 0 -20px;}
#what {margin:40px 0 0 -20px;}

.col3{float:left;width:240px;margin:0 0 0 60px;}
.col3 h3 {font-size:1.5em;text-transform:uppercase;margin:20px 0 10px 0;}

.col3-1{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat1.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-2{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat2.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-3{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat3.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-4{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat4.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-5{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat5.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-6{float:left;width:240px;margin:0 0 0 60px;background: url(images/feat6.png) 0px 0px  #f7f6f6 repeat-x;height:200px;}
.col3-1 p,.col3-2 p,.col3-3 p,.col3-4 p,.col3-5 p,.col3-6 p {margin:50px 0 0 0px;font-size:1em;padding:20px;}

.box-feat {float:left;width:240px;margin:0 0 0 60px;height:200px;}
.box-feat p{margin:0px 0 0 0px;font-size:1em;padding:0;}
.box-feat h2{padding:15px 0 10px 0;margin:0;font-size:17px;font-weight:bold;}

.box-about {float:left;width:240px;margin:0 0 0 60px;height:200px;}
.box-about p{margin:0px 0 0 0px;font-size:1em;padding:0;}
.box-about h2{padding:15px 0 10px 0;margin:0;font-size:20px;font-weight:bold;}

.row-3-col{padding:30px 0 0 0; height:400px;}
.row-3-col2{padding:0; height:400px;}
.row-3-col3{padding:0px 0 0 0; margin:-40px 0 0 0; height:280px;}