/*==================
 *
 * Filename: v2.generic.css
 * Website: www.mplinteriors.com
 * Author: James Parry
 * Website Developer: FIJ Design - Creative Business Solutions
 * Date Created: 26/04/2010
 * Media: Screen
 *
 * Description
 * -----------
 * Global CSS.
 *
 *=================*/


/* RESET */
pre{font-size:1.4em; color:#CC3300;}

/*-----------------------
 Initial CSS styling
-----------------------*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	}
body{
	font-size: 62.5%; /* 62.5% means 1em = 10px */
	}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
	}
a{
	outline:none; /* Stops the dotted outline on click */
	}
img{
	border:0;
	vertical-align:bottom;
	}
.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}
.textCenter{
	text-align:center;
	}

.textRight{
	text-align:right;
	}



/*-----------------------
 Site Specific Styles
-----------------------*/

body{
	font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
	color:#514840;
	background:url(../images/bkg.colours.png) 0 -852px repeat-x;	
	}
p{
	font-size:1.2em;
	line-height:1.8em;
	padding-bottom:0.8em;
	}

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

a:hover {
	text-decoration: underline;
	color: #FF0099;
}

#content a{font-size:12px;}


/* BASIC LAYOUT
-----------------------------*/

#page{
	width:850px;
	margin:0 auto;
	padding:0;
}
#page .leftShadow, .rightShadow{
	position:relative;
	height:540px;
	padding:0; 
	margin:0; 
	top:0; 
}
#page .leftShadow{ 
	background:url(../images/left_shadow.png) no-repeat left -0px; 
	margin:0 0 0 -20px;
	float:left;
	padding:0;
}
#page .leftShadow .rightShadow{ 
	background:url(../images/right_shadow.png) no-repeat right -0px; 
	float:right; 
	margin:0 -20px 0 0;
	padding:0;
}
div#outerwrapper{ 
	width:850px;
	margin:0 auto;
	padding:0 20px 0 20px;
}


div#wrapper{
	position: relative;
/*	margin:0 auto; */
	width:850px;
	padding:0;
}

div#header{
	position:relative;
	z-index:10;
	width:850px;
	height:142px;
	background:url(../images/bkg.colours.png) 0 -852px repeat-x;
	}
	
div#header.grey{background:url(../images/bkg.colours.png) 0 -710px repeat-x;	}
div#header.pink{background:url(../images/bkg.colours.png) 0 -568px repeat-x;}
div#header.plum{background:url(../images/bkg.colours.png) 0 -426px repeat-x;}
div#header.cyan{background:url(../images/bkg.colours.png) 0 -284px repeat-x;}	
div#header.orange{background:url(../images/bkg.colours.png) 0 -142px repeat-x;}
div#header.aqua{background:url(../images/bkg.colours.png) 0 0px repeat-x;}

div#ieFlash{	
	position:relative;
	width:850px;
	height:400px;
	background:#EAEAEA;
	}
	
div#flash{
	position:absolute;
	width:850px;
	height:400px;
	background:#EAEAEA;
	}

div#flashSide{
	position:absolute;
	float:left;
	width:650px;
	height:400px;
	background:#EAEAEA;
	}	


div#content{
	min-height:208px;
	border:solid 1px #AB9F95;
	display: table-caption;
	background-color: #FFF;
	width: 772px;
	padding: 20px 38px 20px 38px;
	}


.thumbSet td{width:100px; height:100px;}
.thumbSet img{width:100px; height:100px; border:none;}


/* ADVANCED LAYOUT
-----------------------------*/

div#tabs a{
	display:block;
	position:absolute;
	text-indent:-5000px;
	background-image:url(../images/template/tabs.gif);
	background-repeat:no-repeat;
	}
div#tabs a.sustainability{
	width:46px;
	height:170px;
	top:370px;
	left:-46px;
	background-position:4px 0;
	}
div#tabs a.sustainability:hover{
	background-position:-3px 0;
	}
div#tabs a.display{
	display:none;
	width:46px;
	height:180px;
	top:180px;
	left:-46px;
	background-position: -1px -395px;
	}
div#tabs a.display:hover{
	display:none;
	background-position:-4px -395px;
	}
div#tabs a.meet{
	width:40px;
	height:210px;
	top:168px;
	right:-40px;
	background-position:-57px 0;
	}
div#tabs a.meet:hover{
	background-position:-50px 0;
	}
div#tabs a.health{
	width:37px;
	height:180px;
	top:394px;
	right:-37px;
	background-position:-10px -215px;
	}
div#tabs a.health:hover{
	background-position:0 -215px;
	}
div#tabs a.contact{
	width:49px;
	height:180px;
	top:588px;
	right:-49px;
	background-position:-57px -210px;
	}
div#tabs a.contact:hover{
	background-position:-50px -210px;
	}
div#tabs a.newsletter {
	width:46px;
	height:210px;
	top:555px;
	left:-46px;
	background-position: -1px -585px;
}
div#tabs a.newsletter:hover{
	background-position:-4px -585px;
	}



/* TYPOGRAPHY
-----------------------------*/

	
h1 span{
	display:none;
	}


h2{
	font-size: 20px;
	font-weight:normal;
	color: #515151;
	line-height: 35px;
	text-transform: uppercase;
	margin-top:5px;
}

h3{
	padding-top:5px;
	font-size: 16px;
	font-weight:normal;
	color: #515151;
	line-height: 27px;
	text-transform: uppercase;
}


/* COLOURS */
.Pink {color: #F09;}
.Green{color: #76B919;}
.Blue{}


/* SIZES */
.S12{font-size:12px;}
.S12em{font-size:1.2em;}





/* FOOTER */

#footer{
	padding:1em 0;
	text-align:center;
	width: 850px;
}

.footer {
	font-family: "Century Gothic", Arial;
	font-size: 1em;
	color: #999999;
	
}
.footer a {color: #999999;}
.footer a:hover {color:#40BDE8;}