/*--------------------------------
  (c) 2010, Mentshy Marketing CSS 
  --------------------------------*/
/*--------------------------------
  General CSS Variables
  --------------------------------*/
html {
	background-color			: #d4ebf9;
  color                 : #000;
  width									: 100%;
  height								: 100%;
	font-family						: Arial, Arial, Helvetica, sans-serif;
  font-size             : 11px; 
	font-weight           : normal;
}

/*----------------------------------
Links
----------------------------------*/
body{
	margin:0;
	padding:0;
	background:#d4ebf9;  
/*	background: url(../images/body/mm_bodybackground.jpg) no-repeat fixed 0 100% #d4ebf9;  */
	width:100%;
	top:0;
	left:0;
}

p{
	font-weight:900;
	font-size:13px;
}

a,
a:link, 
a:visited, 
a:hover {
	font-family				: Lucida Sans Unicode, Lucida Grande, sans-serif;
	color							: #000;
  text-decoration 	: none;
  font-size       	: 11pt; 
  font-weight     	: normal 
}

ul {
	list-style-image: url(../images/page/mm_bullet.png);
}

li {
	margin:5px 0;
}
	
/*--------------------------------
  MM Specific CSS Variables
  --------------------------------*/
/*----------------------------------
	Clearing
----------------------------------*/
div.mm_clear {
	clear								: both;
}

/*----------------------------------
	Seperators
----------------------------------*/

div.mm_full{
	background: url(../images/body/mm_bodybackground_repeat.png) repeat fixed 0 0 transparent;
	height:100%;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	padding:0;
	z-index:0;
}
/*--------------------------------
  Wrappers
  --------------------------------*/
div.mm_mainwrapper,
div.mm_headerwrapper,
div.mm_leftmodwrapper,
div.mm_maincontentwrapper,
div.mm_footerwrapper {
	position:relative;
}

div.mm_headerwrapper { height:136px; position:fixed;width:100%;z-index:10;}
/* div.mm_mainwrapper {top:-8px;z-index:4;}*/
div.mm_mainwrapper {top:140px;z-index:4;}
div.mm_footerwrapper {height:150px;position:fixed;bottom:0;}
div.mm_leftmodwrapper {float:left;position:fixed;top:140px;}

div.mm_maincontentwrapper {
	position:absolute;
	float:left;
	left:220px;
	right:0;
	padding-bottom:150px;
	}
div.mm_contentwrapper{
	background:#fff;
	margin-left:26px;
}

/*--------------------------------
  Containers
  --------------------------------*/
div.mm_maincontainer,
div.mm_headercontainer,
div.mm_leftmodcontainer,
div.mm_rightmodcontainer,
div.mm_maincontentcontainer,
div.mm_insetcontainer,
div.mm_footercontainer {
	position:relative;
}
div.mm_headercontainer{
	background: url(../images/header/mm_header_repeat.jpg) repeat-y 0 0 #5e89f9;
	height:125px;
}
div.mm_contentcontainer{
	padding:15px;
	margin-bottom:-65px;
}
div.mm_footercontainer {
	position:fixed;
	width:100%;
}

div.mm_insetcontainer{
	margin:5px;
	float:right;
	z-index:30;
}


/*----------------------------------
	Module: Header
----------------------------------*/
div.mm_header_logo{
	background: url(../images/header/mm_logo.png) no-repeat 20px 5px transparent; 
	position:relative;
	float:left;
	height:130px;
	width:420px;
	z-index:10;
}
div.mm_header_bar{
	background: url(../images/header/mm_headerbar.png) repeat-x 100% 0 transparent; 
	position:relative;
	top:-20px;
	height:41px;
	z-index:5;
}

div.mm_facebook{
	color:#fff;
	font-size:15px;
	position:relative;
	float:right;
	top:7px;
	right:20px;
	height:55px;
	width:165px;
	z-index:6;
	cursor:pointer;
}

div.mm_facebook_logo{
	background: url(../images/facebook.png) no-repeat 0 0 transparent; 
	position:relative;
	float:right;
	top:-30px;
	right:20px;
	height:55px;
	width:55px;
}

div.mm_header_module p{
	top:30px;
	left:425px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:28px;
	font-weight:900;
	position:absolute;
	overflow:hidden;
}

/*----------------------------------
	Module: Footer
----------------------------------*/
div.mm_footer_steps{
	background: url(../images/footer/mm_footer_steps.png) no-repeat  0 0 transparent; 
	bottom:0;
	left:0;
	position:fixed;
	float:left;
	height:150px;
	width:252px;
	z-index:3;
}
div.mm_footer_tool{
	background: url(../images/footer/mm_footer_tool.png) no-repeat  0 0 transparent; 
	bottom:-45px;
	right:0;
	position:fixed;
	float:right;
	height:200px;
	width:200px;
	z-index:3;
}

div.mm_footer_module{
	margin:0 auto;
	width:400px;
	position:relative;
	bottom:-35px;
}

/*--------------------------------
  Module: Top
  --------------------------------*/
/*--------------------------------
  Module: Bottom
  --------------------------------*/
/*----------------------------------
	Module: Left
----------------------------------*/
/*----------------------------------
	Module: Right
----------------------------------*/
/*----------------------------------
	Module: Content
----------------------------------*/
div.mm_maincontentcontainer{
	background: url(../images/modules/content/mm_content_left_repeat.png) repeat-y 0 0 transparent ;
}
div.mm_contentfooter{
	background: url(../images/modules/content/mm_content_bottom_repeat.png) repeat-x 0 0 transparent ;
	position:relative;
	bottom:-47px;
	height:47px;
	left:21px;
	margin-right:21px;
}

div.mm_contentfooterleft{
	background: url(../images/modules/content/mm_content_bottom_left.png) no-repeat 0 0 transparent ;
	height:47px;
	width:47px;
	position:relative;
	left:-47px;
}

/*----------------------------------
	Module: Menu
----------------------------------*/
ul.menu{
	list-style:none;
	margin:0 12px;
	padding:0;
}

ul.menu li{
	height:46px;
	width:155px;
	margin:0;
	padding:0;
	background: transparent url(../images/menubar/mm_menubar_repeat.jpg) no-repeat 0 0;
	text-align:center;
	cursor:pointer;
}


ul.menu li span {
	font-size:14px;
	font-weight: 600;
	line-height:35px;
}

ul.menu li span.active,
ul.menu li span {
	display:block;
	z-index:4;
	position:relative;
}

ul.menu li:hover span, 
ul.menu li.active span {
	background: transparent url(../images/menubar/mm_menubar_hover.jpg) no-repeat 0 0;
	height:37px;
	width:113px;
	top:0;
	left:21px;
}

ul.menu a,
ul.menu a:link,
ul.menu a:visited,
ul.menu a:hover {
	color:#fff;
	font-variant:small-caps;
}
ul.menu a:hover {
	color:#000;
}


/*----------------------------------
	Module: Gallery
----------------------------------*/
div.feature-thumb a,
div.feature-thumb span{
	font-size:13px;
	text-transform:none;
	line-height:150%;	
	text-align:center;
}