/*
 Theme Name: MutualMind
 Theme URI: http://www.mutualmind.com
 Description: Specially made for http://www.mutualmind.com
 Version: 1.0
 */

body {
	margin: 0;
	font: 14px Tahoma, "Lucida Grande", Helvetica, sans-serif;
	color: #222422;
	background: url(../images/layout/mm_wrapper_bg.png) repeat-x;
}

.js .cufon {
	display: none;
}

.cls {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px;
}

h1, h2, h3, p, ul, li {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.4em;
    font-weight: normal;
	color: #0E4681;
}

h3 {
	color: #424242;
}

p {
	line-height: 22px;
	margin-bottom: 15px;
	color: #424242;
}

blockquote {
	background: transparent url(../images/layout/blockquote.gif) no-repeat scroll left top;
	margin: 15px 30px 0 0;
	padding-left: 30px;
	line-height: 20px;
}

ul {
	list-style-type: none;
}

li {
	padding-bottom: 5px;
}

a {
	color: #004781;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

label {
	display: block;
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-bottom: 5px;
}

input[type = text], input[type = password], select, textarea {
	background: #FFFFFF url(../images/layout/input_bg.png) repeat-x scroll 0 0;
	border: 1px solid #CCCCCC;
}

input[type = text], input[type = password], textarea {
	padding: 4px;
}

select {
	padding: 3px;
}

input, select {
	font-size: 1.0em;
}

input[type = text], input[type = password] {
	width: 30%;
}

input[type = hidden] {
	background: none;
	border: none;
}

input[type = submit], button {
	background-color: #0554AF;
	border-color: #E3E3E3 #CACACA #CACACA #E3E3E3;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
	cursor: pointer;
	font-size: 1.0em;
	overflow: visible;
	padding: 3px 10px;
}

input[type = submit]:hover, button:hover {
	background-color: #2187FF;
	color: #FFF;
}

textarea {
	font-family: Tahoma, "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.0em;
    width: 68%;
}

div.center {
    text-align: center;
}

.minHeight {
	min-height: 360px;
}

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.red {
	color: #9D2900;
}

.hint, .small {
	font-size: 0.95em;
}

.goL, .logo, .bannerL, .contentBox, .colOne, .colThree, .colTwo, .cntWide {
	float: left;
}

.goR, .bannerR, .toplinks, .cntSide {
	float: right;
}

#outerwrap {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/layout/mm_banner_bg.png) no-repeat 28px 63px;
}

#innerwrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#header, #banner, #second, #third, #contents_inn, #footer {
	width: 960px;
	margin: 0 auto;
}

#pagebanner {
	margin-top: 5px;
}

#contents_inn {
}

#contents_inn_404 {
    padding-top: 80px;
    padding-bottom: 100px;
}

#contents_inn_404 h1, #contents_inn_404 h2 {
    color: #FFFFFF;
}

#contents_inn_404 a {
    color: #7FD4FF;
}

#header_wrapper {
	background-repeat: repeat-x;
}

#header {
	height: 65px;
}

#outerwrap .logo {
height: 62px;
width: 260px;
background: url(../images/layout/mm_header_logo.png) no-repeat -43px 0;
}

#outerwrap .logo a {
height: 62px;
width: 260px;
display: inline-block;
text-indent: -9999px;
}

.toplinks ul {
	list-style: none;
	padding-top: 10px;
	padding-right: 8px;
}

.toplinks ul li {
	float: left;
	text-align: center;
}

.toplinks ul li a {
	color: #FFF;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
    font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 14px 0 8px;
}

.toplinks ul li.page_item a,
.toplinks ul li.page_parent a,
.toplinks ul li a {
	width: 115px;
	height: 23px;
    color: #FFF;
}

.toplinks ul li.current_page_item a,
.toplinks ul li.current_page_parent a {
	background: url(../images/layout/mm_menunav_bg.png) no-repeat 0 -45px;
	width: 115px;
	height: 23px;
	color: #004781;
}

.toplinks ul li.page_item a:hover,
.toplinks ul li.page_parent a:hover,
.toplinks ul li a:hover {
	background: url(../images/layout/mm_menunav_bg.png) no-repeat 0 -45px;
	text-decoration: none;
	color: #004781;
}

.toplinks ul li.current_page_item a:hover,
.toplinks ul li.current_page_parent a:hover {
	text-decoration: none;
}

#footernav .footerlinks {
	float: left;
	position: relative;
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
}

#foot1 {
	width: 300px;
	height: 250px;
	float: left;
	margin-right: 25px;
	background: url(../images/layout/mm_footer_horz.png) no-repeat 0 30px;
	overflow: hidden;
}

#foot2 {
	width: 285px;
	height: 250px;
	float: left;
	margin-right: 25px;
	background: url(../images/layout/mm_footer_horz.png) no-repeat 0 30px;
	overflow: hidden;
	padding-right: 15px;
}

#foot2 img {
	margin-top: 23px;
}

#foot3 {
	width: 300px;
	height: 250px;
	float: left;
	background: url(../images/layout/mm_footer_horz.png) no-repeat 0 30px;
	overflow: hidden;
}

#foot1 h3, #foot2 h3, #foot3 h3 {
	color: #80c6ff;
    font-weight: normal;
}

#foot1 p, #foot2 p, #foot3 p {
	color: #80c6ff;
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 26px;
}

#footer .twtr-tweet-wrap {
	padding-left: 0;
	padding-right: 22px;
}

#footer .twtr-tweets p {
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#footer .twtr-hd {
	display: none;
}

#footer .twtr-tweets {
	margin-top: 24px;
}

#footer #twtr-widget-1 {
	background-color: transparent !important;
}

#footer .twtr-ft {
	display: none;
}

#footer .twtr-tweet {
	border-bottom-style: none;
}

.footerlinks ul {
	list-style: none;
	position: relative;
}

.footerlinks ul li {
	float: left;
	position: relative;
}

#footernav .footerlinks ul li a {
	float: left;
	text-align: center;
	white-space: nowrap;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 10px;
	color: #2187E7;
}

#footernav .footerlinks ul li a:hover {
	text-decoration: none;
	color: #c2e4ff;
}



#copyright a.devcredit {
	color: #1261ad;
}

#copyright a:hover.devcredit {
	text-decoration: none;
	color: #c2e4ff;
}

#copyright {
	padding-top: 15px;
	color: #2187E7;
	text-transform: none;
	float: right;
	display: inline;
	padding-right: 15px;
	font-size: 12px;
}

#banner {
	height: 339px;
	color: #fff;
}

.banner_rgt_content {
	height: 314px;
	float: right;
	width: 524px;
	padding-top: 25px;
	color: #3abbfe;
}

.banner_rgt_content h1, .banner_rgt_content h2 {
    text-shadow: 0px 1px 0px #094279;
    color: #FFFFFF;
	text-transform: none;
    font-weight: normal;
}

.banner_rgt_content h1 {
	font-size: 2.4em;
    font-weight: normal;
	line-height: 1.1em;
    margin-bottom: 10px;
}

.banner_rgt_content h2 {
	font-size: 1.4em;
    font-weight: normal;
	line-height: 1.2em;
}

.bannerheadline {
	float: left;
	padding-bottom: 10px;
}

a .tryout_button {
	position: absolute;
	top: 300px;
	width: 310px;
	background: url(../images/layout/mm_tryout_button.png) no-repeat 0 0;
	height: 87px;
	margin-left: 208px;
	text-indent: -9999px;
}

/*
a:hover .tryout_button {
	position: absolute;
	top: 300px;
	width: 310px;
	background: url(../images/layout/mm_tryout_button.png) no-repeat 0 -87px;
	height: 87px;
	margin-left: 178px;
	text-decoration: none;
	text-indent: -9999px;
}
*/

div.sidebar_tryout_button {
    display: block;
	height: 58px;
	width: 212px;
	background: url(../images/layout/mm_sidebar_tryitbutton.png) no-repeat -1px -61px;
}

/*
a .sidebar_tryout_button {
	background: url(../images/layout/mm_sidebar_tryitbutton.png) no-repeat -1px -61px;
	height: 58px;
	text-indent: -9999px;
	width: 212px;
	margin-top: 25px;
}
*/

/*
a:hover .sidebar_tryout_button {
	background: url(../images/layout/mm_sidebar_tryitbutton.png) no-repeat -1px -3px;
	height: 58px;
	text-decoration: none;
	text-indent: -9999px;
	width: 212px;
	margin-top: 25px;
}
*/

.screencast {
	width: 410px;
	height: 339px;
	background: url(../images/layout/mm_screencast_bg.png) no-repeat -1px 20px;
	float: left;
}

.screencast object {
	margin-top: 33px;
	margin-left: 13px;
}

.bannerInn {
	height: 62px !important;
}

#banner .bannerL {
	width: 556px;
	padding-top: 10px;
}

a.greenButton, a.redButton {
	cursor: pointer;
	float: left;
	color: #fff;
	font: bold 14px Arial, Helvetica, sans-serif;
	height: 37px;
	line-height: 37px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 241px;
	margin-right: 10px;
}

a.greenButton {
	background: url(../images/buttons/btn_green.png) no-repeat;
}

a.redButton {
	background: url(../images/buttons/btn_orange.png) no-repeat;
}

a.greenButton:hover,
a.redButton:hover {
	text-decoration: none;
}

#banner .bannerR {
	width: 387px;
	padding-top: 15px;
}

#second {
	margin-top: 25px;
}

#second .contentBox {
	
}

.contentBox h1 {
	font-size: 40px;
	font-weight: normal;
	line-height: 48px;
	margin-bottom: 8px;
}

.contentBox p {
	font-size: 14px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: normal;
}

.contentBoxMrgn {
	margin-left: 25px;
}

.contentBox #headingOne {
	background: transparent url(../images/icons/one/sentiments.png) no-repeat left center;
	color: #F6853B;
	padding-left: 56px;
}

.contentBox #headingTwo {
	background: transparent url(../images/icons/one/report.png) no-repeat left center;
	color: #4FA442;
	padding-left: 56px;
}

.contentBox #headingThree {
	background: transparent url(../images/icons/one/twitter.png) no-repeat left center;
	color: #197094;
	padding-left: 56px;
}

#third {
	margin-top: 10px;
	padding: 10px 0;
}

#third .colOne {
	width: 481px;
}

.colOne h3, .colThree h3, .colTwo h3 {
	font: 22px Georgia, Times, serif;
	color: #4FA442;
	margin-bottom: 8px;
}

.colOne a.hdng {
	font: bold 14px Tahoma, "Lucida Grande", Helvetica, sans-serif;
}

.colOne a.comments {
	background: url(../images/icons/comments.png) left no-repeat;
	padding-left: 24px;
}

#third .colThree {
	width: 180px;
	margin-left: 26px;
}

.colOne ul li, .colThree ul li {
	list-style: none;
	line-height: 24px;
	background: url(../images/icons/arrow_blue.png) left no-repeat;
	padding-left: 20px;
}

#third .colTwo {
	width: 280px;
	margin-left: 20px;
}

.colTwo img {
	float: left;
	border: none;
	margin: 0 6px 6px 0;
}

.home_left_cnt {
	float: left;
	width: 624px;
}

.home_left_cnt h3, .home_right_cnt h3 {
	padding-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 19px;
	color: #424242;
}

.home_right_cnt {
	float: right;
	width: 300px;
	padding-right: 10px;
}

#contents_inn .cntSide {
	width: 232px;
}

.sideBar {
	padding: 15px 10px 10px;
	color: #666;
	font-size: 13px;
}

.sideBar p {
	padding-top: 8px;
}

.sideBar h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #1465BC;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.sideBar ul li {
	margin-top: 5px;
	list-style: none;
	padding: 6px 0;
	border-bottom: 1px solid #EEE;
}

.sideBar ul li a {
	font-weight: bold;
}

.sidebar ul.browsers {
	
}

ul.browsers li a, ul.browsers li {
	border-style: none;
	width: 46px;
	display: inline;
	text-indent: -9999px;
	background: url(../images/layout/mm_browselogos.png) no-repeat;
	float: left;
	padding-bottom: 0;
	padding-top: 0;
	height: 108px;
	margin-right: 6px;
}

ul.browsers li.chrome a {
	background-position: -152px 2px;
}

ul.browsers li.firefox a {
	background-position: 1px 2px;
}

ul.browsers li.safari a {
	background-position: -52px 0;
}

ul.browsers li.ie a {
	background-position: -101px 0;
}

.extraLeft {
	background: transparent url(../images/layout/inn_menuBTM.png) no-repeat;
	padding-top: 20px;
}

#contents_inn .cntWide {
	width: 700px;
	padding-top: 15px;
	padding-right: 10px;
}

#contents_inn .cntFull {
	width: 990px;
	padding-top: 15px;
}

.cntWide h1, .cntFull h1 {
	color: #0E4681;
	font-size: 2.4em;
}

.cntWide h2, .cntFull h2 {
	color: #1465BC;
	font-size: 1.6em;
	margin-bottom: 5px;
}

.cntWide h2.highlight, .cntFull h2.highlight {
	margin-bottom: 15px;
}

#subNav {
	margin-bottom: 1em;
	overflow: hidden;
}

#subNavList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 5px;
}

#subNavList li {
	border-left: 1px solid #999;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}

#subNavList li:first-child {
	border-left-width: 0;
}

#subNavList li a {
	font-weight: bold;
	font-size: 1.1em;
}

img.divider {
	margin: 30px 0;
}

img.border,
img.left,
img.right {
	padding: 10px;
	border: 1px solid #CCC;
}

img.borderZero {
    border: 1px solid #CCC;
}

img.left {
	margin: 20px;
	float: left;
}

img.right {
	margin: 20px;
	float: right;
}

.galleryitem {
	float: left;
	margin: 0;
	min-height: 120px;
	padding: 20px 15px 12px 0;
	width: 31.3%;
}

.galleryitem div.icon {
	float: left;
	height: 50px;
	padding-right: 5px;
	width: 50px;
}

.galleryitem div.content {
	float: left;
	height: 50px;
	line-height: 50px;
	vertical-align: text-bottom;
	margin-left: 55px;
}

a.button {
	background: url(../images/buttons/button.png);
	display: block;
	color: #555555;
	font-weight: bold;
	height: 31px;
	line-height: 30px;
	margin-bottom: 14px;
	text-decoration: none;
	width: 181px;
}

a:hover.button {
	background: url(../images/buttons/button_hover.png);
}

a.button span {
	text-indent: 36px;
	display: block;
}

a.button span.next {
	background: url(../images/icons/next.png) no-repeat 12px 8px;
}

a.button span.prev {
	background: url(../images/icons/previous.png) no-repeat 12px 8px;
}

#footer {
	width: 100%;
	background: url(../images/layout/mm_footwrap_bg.png) repeat-x;
	height: 369px;
	color: #fffeff;
}

#footer a {
	color: #fffeff;
}

#outerfootwrap {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/layout/mm_outerfootwrap_bg.png) no-repeat 160px 0;
	height: 135px;
}

#innerfootwrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
}

#footer span.designer {
	color: #bbb;
	font: 11px Tahoma, "Lucida Grande", Helvetica, sans-serif;
}

#footer span.designer a {
	color: #bbb;
}

ol.cf-ol {
	margin: 0 !important;
	padding: 0 !important;
}

ol.cf-ol li {
	background: none !important;
	margin: 5px 0 !important;
	padding: 0;
	list-style: none !important;
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.cform .cf_hidden {
	display: none;
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.twtr-widget h3 {
	color: #000;
}

.meta {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.meta2 {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-align: right;
	border-bottom: 2px solid #eee;
	margin-bottom: 15px;
}

.borderTop {
	border-top: 1px solid #CCC;
}

.marginTop {
	margin-top: 25px;
}

.marginSlightTop {
	margin-top: 5px;
}

.gray {
	color: #666;
}

.hint {
	font-size: 0.8em;
}

div.half {
	width: 50%;
	float: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

p.right {
	text-align: right;
}

span.sep {
	margin: 0 3px 0 3px;
}

.services ul {
	margin: 0 0 0.3em;
}

.services ul li {
	float: left;
	padding-right: 5px;
	list-style-type: none;
}

.services ul li span,
.services ul li a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.services ul li.delicious a {
	background: url("../images/icons/social/delicious_32.png") no-repeat;
}

.services ul li.facebook a {
	background: url("../images/icons/social/facebook_32.png") no-repeat;
}

.services ul li.flickr a {
	background: url("../images/icons/social/flickr_32.png") no-repeat;
}

.services ul li.lastfm a {
	background: url("../images/icons/social/lastfm_32.png") no-repeat;
}

.services ul li.linkedin a {
	background: url("../images/icons/social/linkedin_32.png") no-repeat;
}

.services ul li.twitter a {
	background: url("../images/icons/social/twitter_32.png") no-repeat;
}

.services ul li.vimeo a {
	background: url("../images/icons/social/vimeo_32.png") no-repeat;
}

.services ul li.youtube a {
	background: url("../images/icons/social/youtube_32.png") no-repeat;
}

.services ul li.feed a {
	background: url("../images/icons/social/rss_32.png") no-repeat;
}

#showcase, #slider, #slider img {
width: 368px;
position: relative;
}

