/*

	MOUNTAIN MAMMA WEB DESIGN & SEARCH
	ENGINE MARKETING -
	VERSION 2.0
	
	-----------------------------------------
	
	developer: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: June 1st, 2010
	
	-----------------------------------------
	
	CONTENTS ------------
	
	   1.DEFAULT STYLING
	   2.HEADER
	   3.PORTFOLIO
	   4.CONTENT
	   5.FOOTER
	   6.PAGE SPECIFICS
	   
    --------------------
	
*/


/* 1.DEFAULT STYLING
---------------------------------------------------------------------- */
* div.wrapr {margin:0 auto;width:900px;}
* {
	margin:0;padding:0;
	font-size:14px;
	color:#000;
	font-family:Arial, Tahoma, Georgia, Helvetica, sans-serif;
}

html {
	background:#333;
}


/* 2.HEADER
---------------------------------------------------------------------- */
/*div#header div.wrapr div {background:red;}div#header h1 {background:yellow;}div#header h1 em {background:green;}div#header h1 em.web {background:blue;}div#header h1 span.amp {background-color:pink;}div#header em span.g {background:purple;}*/

div#header {}

div#header div.wrapr {
	margin-bottom:60px;
	_margin-bottom:0;
	width:56em;
	max-width:1000px;
}

div#header div.wrapr div {
	margin:100px 0 60px 0;
	width:56em;
	float:left;
	position:relative;
	padding:15px 0;
	max-width:1000px;
}

div#header {
	background:#f2f7d1;
	margin-top:35px;
	float:left;
	width:100%;
}

div#header a#logo {
	margin-left:15px;margin-bottom:25px;
	position:absolute;bottom:12.7em;
	background:url(../images/logo-mm.jpg) top left no-repeat;
	width:176px;height:184px;
	margin-top:1em;
	outline:none;
	text-indent:-1000em;
	display:block;
	float:left;
}

div#header h3 {
	margin-left:25px;
	position:absolute;
	bottom:0;margin-bottom:10px;
	text-indent:-1000em;
	background:url(../images/relaunch-countdown.jpg) left center no-repeat;
	width:148px;height:77px;
}

div#header h1 {
	background:url(../images/icon-cloud01.gif) bottom right no-repeat;
	padding-right:15px;padding-bottom:15px;
	position:relative;width:5.6em;
	float:right;max-width:600px;
	overflow:hidden;
	*overflow:normal;
	_overflow:hidden;
}

div#header h1, 
div#header h1 em,
div#header h1 strong,
div#header h1 span {
	font-family:"Trebuchet MS", Arial, Tahoma, Georgia;
	font-size:96px;
	line-height:90px;
	letter-spacing:-5px;
	font-weight:normal;
}

div#header h1 strong {
	letter-spacing:-6px;
	line-height:110px;
	margin-right:100px;
	padding:0 10px 30px 5px;
	float:left;
	display:block;
	background:#000;
	color:#f2f7d1;
	font-size:206px;
}

div#header h1 em {
	width:100%;
	position:relative;
	display:block;
	float:left;
	_float:none;
	line-height:96px;
	margin-top:-25px;
	font-size:73px;
}

div#header h1 em.web {
	font-style:normal;
	font-size:96px;
	margin-top:0;
}

div#header h1 span.amp {
	position:absolute;
	bottom:0;right:0.3em;
	text-indent:-1000em;
	margin-bottom:0.2em;
	*margin-bottom:0.1em;
	background:url(../images/icon-amp.png) bottom no-repeat;
	width:64px;height:70px;
}

div#header em span.g {
	text-transform:uppercase;
	font-size:54px;
	margin-left:5px;
	padding-right:1px;
	font-weight:bold;
}/*-->*/div#header h1 em.web span.g {font-size:70px;margin-left:0;}



/* 3.COUNTDOWN
---------------------------------------------------------------------- */
div#header div#defaultCountdown,
div#header div#defaultCountdown em {
	padding:0;
	letter-spacing:-2px;
	line-height:34px;
	font-size:42px;
	font-family:'Trebuchet MS', Georgia, Arial, Tahoma;
	width:170px;
	text-align:center;
	position:absolute;
	bottom:1.0em;
	left:10px;
	
}

div#header div#defaultCountdown em {
	display:block;
	float:left;
	line-height:normal;
	margin-bottom:3px;
	width:170px;
	position:static;
	background:#000;
	color:#f2f7d1;
}



/* 3.PORTFOLIO
---------------------------------------------------------------------- */

div#portfolio div.wrapr {margin-bottom:12px;position:relative;}
div#portfolio div.scrollable {position:relative;overflow:hidden;width:900px;height:137px;margin-top:-4.2em;}
div#portfolio div.scrollable div.items {width:2000em;position:absolute;top:0;padding-top:2em;}
div#portfolio div.scrollable div.items div {float:left;}

div#portfolio {
	float:left;
	width:100%;
	clear:both;
	background:#e1efef url(../images/portfolio-bg.gif) bottom left repeat-x;
	padding-bottom:47px;
	padding-top:40px;
}

div#portfolio a {
	margin:12px 0;
	outline:none;
	margin-right:12px;
	display:block;float:left;
	width:145px;height:87px;
	border:1px solid #94968b;
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	text-decoration:none;
	_display:inline;
}/*First Item-->*/div#portfolio a.firstitem {margin-left:59px;}

div#portfolio a.prev, div#portfolio a.next {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left center;
	width:auto;height:auto;
	text-indent:-999em;
	border:0;
	z-index:200;
	cursor:pointer;
	margin:0;top:73px;
	width:12px;height:24px;
}/*>*/div#portfolio a.prev:hover, div#portfolio a.next:hover {border:0;background-position:right center;}
div#portfolio a.prev {background-image:url(../images/arrows_left.png);left:0;}
div#portfolio a.next {background-image:url(../images/arrows_right.png);right:0;}

div#portfolio a:hover {
	border:1px solid #414327;
	background-position:top right;
}


/*Project/Client specifics*/
/*--------------
IMG REPLACEMENTS
--------------*/
div#portfolio a#geoffgreen {background-image:url(../images/portfolio_geoffgreen.jpg);}
div#portfolio a#tsc {background-image:url(../images/portfolio_taylorstattencamp.jpg);}
div#portfolio a#corpworkshop {background-image:url(../images/portfolio_corporationworkshop.jpg);}
div#portfolio a#hcnutrition {background-image:url(../images/portfolio_helenecharlebois.jpg);}
div#portfolio a#lorikay {background-image:url(../images/portfolio_lorikay.jpg);}
div#portfolio a#pcollines {background-image:url(../images/portfolio_pcollines.jpg);}
div#portfolio a#gseven {background-image:url(../images/portfolio_generationseven.jpg);}
div#portfolio a#bgsolutions {background-image:url(../images/portfolio_bgsolutions.jpg);}
div#portfolio a#rrsmith {background-image:url(../images/portfolio_ralphrsmith.jpg);}
div#portfolio a#westboro {background-image:url(../images/portfolio_westboroacademy.jpg);}
div#portfolio a#naturechelsea {background-image:url(../images/portfolio_naturechelsea.jpg);}
div#portfolio a#cpm {background-image:url(../images/portfolio_cpm.jpg);}
div#portfolio a#wgs {background-image:url(../images/portfolio_wgs.jpg);}
/*-------------
WIDTH SPECIFICS
--------------*/
div#portfolio a#geoffgreen span.client {width:12em;}
div#portfolio a#corpworkshop span.client {width:8.8em;}
div#portfolio a#tsc span.client {width:8.4em;}
div#portfolio a#hcnutrition span.client {width:14.5em;}
div#portfolio a#lorikay span.client {width:21.2em;}
div#portfolio a#pcollines span.client {width:9.7em;}
div#portfolio a#gseven span.client {width:11.2em;}
div#portfolio a#bgsolutions span.client {width:8.5em;}
div#portfolio a#rrsmith span.client {width:8.4em;}
div#portfolio a#westboro span.client {width:12em;}
div#portfolio a#naturechelsea span.client {width:6.3em;}
div#portfolio a#cpm span.client {width:11.5em;}
div#portfolio a#wgs span.client {width:21em;}


/*----------------
POP-UP CLIENT NAME
----------------*/
div#portfolio a span.client {display:none;}
div#portfolio a:hover span.client {
	display:block;
	position:absolute;
	top:-2.2em;left:-1px;
	background:transparent url(../images/arrow.gif) 14px bottom no-repeat;
	padding-bottom:5px;
}

div#portfolio a:hover span.client em {
	color:#fff;
	font-size:11px;
	font-style:normal;
	background:#282828;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}


/* 4.CONTENT
---------------------------------------------------------------------- */
div#content * {color:#fff;} 
div#content .wrapr {width:60em;max-width:900px;padding:0 15px;}

div#content .wrapr div {
	background:url(../images/content-spacer.gif) 52% 85% repeat-y;
	float:left;width:60em;max-width:900px;
}

div#content {
	clear:both;float:left;
	padding-bottom:50px;padding-top:50px;
	background:#2e311e url(../images/content-bg.gif) top left;
	width:100%;margin:0 auto;
	position:relative;
}

div#content blockquote {
	position:absolute;top:2.5em;
	background:url(../images/moto.jpg) top left no-repeat;
	font-family:"Trebuchet MS", Georgia, Arial, Tahoma;
	font-size:32px;font-style:italic;
	width:354px;height:96px;
	text-indent:-1000em;
	float:left;
	
}

div#content ul {float:right;width:300px;}

div#content ul li {
	list-style:none;padding-left:22px;margin-bottom:7px;font-size:16px;
	background:url(../images/icon-checkmark.gif) left center no-repeat;
}


/* 5.FOOTER
---------------------------------------------------------------------- */
div#footer {
	background:url(../images/footer-bg.jpg) top left;
	clear:both;float:left;width:100%;
	padding-bottom:60px;
	padding-top:50px;
}


/*-----------------
CONTACT INFORMATION
-----------------*/
#contact * {color:#999989;}
#contact {width:900px;margin:0 auto;}

#contact .wrapr {
	float:left;max-width:900px;
	width:70em;_width:900px;
}

#contact h2,
#contact h2 a {
	margin-bottom:15px;
	font-family:"Trebuchet MS", Georgia, Tahoma, Arial;
	font-size:30px;font-weight:normal;
	letter-spacing:-1px;color:#faa81d;
	outline:none;padding:10px 0;
}

#contact h2 a {
	background:url(../images/icon-worksheet.jpg) left center no-repeat;
	padding:10px 5px;padding-left:40px;
}


/*--
COL1
---*/
#contact .col1 {float:left;width:370px;}

#contact .col1 p strong,
#contact .col1 p a,
#contact .col1 p a span {
	display:block;
	color:#e1efef;font-size:24px;font-weight:bold;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#contact .col1 p a span {
	margin-right:-20px;
	_margin-right:-10px;
	_position:relative;
	float:left;cursor:pointer;
}

#contact .col1 p a {
	outline:none;
	padding:0 7px;
	padding-bottom:7px;
	position:absolute;
	margin-left:-7px;
}

#contact .col1 p a:hover {background:#000;}
#contact .col1 p a:hover span {
	color:#fff;padding-right:20px;
	background:url(../images/icon-arrow.gif) right 75% no-repeat;
}
#contact .col1 p strong {margin-top:30px;margin-bottom:7px;}


/*--
COL2
---*/
#contact .col2 {float:right;width:330px;}
#contact .col2 p a {
	margin-top:30px;
	text-indent:-1000em;display:block;
	background-repeat:no-repeat;
	background-position:top left;
	outline:none;height:55px;
}

#contact .col2 p a {width:359px;background-image:url(../images/downloadworksheet.jpg);}
/*Hover State-->*/#contact .col2 p a:hover {background-position:top right;}


/*------------------
LEGAL RIGHTS &
COPYRIGHT DISCLAIMER
------------------*/
#legalrights .wrapr {width:900px;}
#legalrights {
	clear:both;padding-top:3.5em;
	margin:0 auto;
}

/*COLUMN1---*/
#legalrights div.col1 {
	width:370px;float:left;
}

#legalrights div.col1 ul li {
	padding-bottom:3px;
	list-style:none;
}

#legalrights div.col1 ul li,
#legalrights div.col1 ul li a {
	color:#4b4944;font-size:11px;font-style:normal;
	font-family:Arial,"Times New Roman", Times, serif;
}

#legalrights div.col1 ul ul {float:left;margin-left:-4px;*margin-top:2px;}
#legalrights div.col1 ul ul li {display:inline;background:yellow;}
#legalrights div.col1 ul ul li a {
	float:left;margin-left:4px;
	text-decoration:none;
}

#legalrights div.col1 ul ul li span {
	float:left;padding-right:8px;
	background:url(../images/footer-spacer.gif) right center no-repeat;
}/*Last Item-->*/#legalrights div.col1 ul ul li.lastitem span {background:none;}

#legalrights div.col1 ul li a:hover,
#legalrights div.col1 ul ul li a:hover,
#legalrights div.col1 ul ul li a:hover em {text-decoration:underline;color:#fff;}

#legalrights div.col1 blockquote {
	clear:left;margin-top:2.5em;
	color:#7f7b6c;font-style:italic;
}

#legalrights div.col1 cite {
	clear:left;display:block;
	margin-top:10px;
	color:#fff;
}

#legalrights a#fowd {
	display:block;
	float:left;
	margin-top:15px;
	margin-left:-5px;
}/*-->*/#legalrights a#fowd:hover img {border:5px solid #000;}
/*---->*/#legalrights a#fowd img {border:5px solid transparent;}

/*COLUMN2---*/
#legalrights div.col2 {
	width:330px;float:right;
	margin-right:20px;
}

#legalrights div.col2 a {
	float:right;
	display:block;
	outline:none;
	margin-left:30px;
	width:100px;height:100px;
	text-indent:-1000em;
	background-repeat:no-repeat;
	background-position:top left;
}/*Hover State-->*/#legalrights div.col2 a:hover {background-position:top right;}

#legalrights div.col2 a#google {background-image:url(../images/ad-google.jpg);width:92px;height:90px;}
#legalrights div.col2 a#mm {background-image:url(../images/ad-mountainmamma.jpg);width:82px;height:93px;}