/*
Theme Name: MR Partnership
Theme URI: http://www.mrpartnership.co.uk/
Description: Template designed by Ego Media for MR Partnership.
Author: Ego Media
Author URI: http://www.egomedia.co.uk/
*/

/* default elements */

html { height:100%; }
body {
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#666;
	background:#fff;
	height:100%;
}
p {
	margin:0; padding:0;
	line-height:1.67em;
	margin-bottom:0.5em;
}
ol, ul {	
	margin:0; padding:0;
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:2.5em;
	list-style:disc;
}
li { padding-left:0.7em; line-height:1.67em; }
a { text-decoration:none; color:#FF0000; font-weight:bold; outline:none; }
a:hover { text-decoration:underline; }
img { border:none; }

/* texts */
h1 {
	margin:0 0 0.3em 0; padding:0;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:4em;
	font-weight:normal;
	line-height:0.9em;
	letter-spacing:-2px;
}
h2 {
	margin:0 0 0.5em 0; padding:0;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
}
.big { font-size:1.5em; line-height:1.5em; }
.small { font-size:0.83em; }

/* general classes */
.center { text-align:center; }
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.caps { text-transform:uppercase; }

/* forms */
input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1.6em; padding:3px 6px; vertical-align:middle; }
textarea { vertical-align:top; }
fieldset { margin:0; padding:0; border:0; }
legend { display:none; }
fieldset ul { margin:0; list-style:none; }
fieldset li { margin:0; background:none; padding:3px 0 3px 0; }
fieldset label {
	display:inline-block;
	text-align:right;
	width:10em;
	font-size:1.6em; 
	margin-right:1em;
}
#msg ul { margin:0 0 2em 0; padding:15px; list-style:none; }
div.error ul { background:#FABFC2; }
div.error ul li { background:url(images/ico-err.gif) 0 50% no-repeat; color:red; line-height:2em; padding-left:30px; }
div.report ul li { background:url(images/ico-suc.gif) 0 50% no-repeat; color:green; line-height:2em; padding-left:30px; }
input.error { background:url(images/ico-errsm.gif) right no-repeat; border:1px solid red; padding:2px; }
textarea.error { background:url(images/ico-errsm.gif) right 2px no-repeat #fff; border:1px solid red; padding:2px; }
label.error { color:red; }

/* page layout style */
#page {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#top {
	width:960px; height:31px;
	margin:40px 0 15px 0; padding:0;
}

#menu1, #menu1 a {
	font-size:1.25em;
	letter-spacing:-1px;
	text-transform:lowercase;
	font-weight:normal;
	line-height:1.3em;
	color:#666;
}
#menu1 a:hover { text-decoration:none; }
#menu1 a.active { font-weight:bold; color:#FF0000; }
#menu1 { margin:0 0 0px 0; }


#menu2, #menu2 a {
	font-size:1.25em;
	letter-spacing:-1px;
	text-transform:lowercase;
	font-weight:normal;
	line-height:1.3em;
	color:#888;
}
#menu2 a:hover { text-decoration:none; }
#menu2 a.active { font-weight:bold; color:#FF0000; }

#content {
	width:960px;
	margin:10px 0 20px 0;
	padding:20px 0 20px 0; 
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}

#footer {
	padding:0px 0 15px 0;
	font-size:0.8em;
	color:#999;
	clear:both;
}
#footer a { color:#999; font-weight:normal; }
#footer img { vertical-align:middle; }

#home-window { width:960px; height:335px; overflow:hidden; position:relative;  }
#home-slider-parent { width:960px; height:1px; margin:20px 50px 0 0; background:#666; position:relative; }
#home-slider { width:910px; height:1px; background:#666; position:relative;  }
#home-holder { width:3859px; height:335px; }
#home-holder div { width:478px; height:335px; margin-left:5px; position:relative; float:left; overflow:hidden; }
#home-holder div:first-child { margin:0; }
#home-holder div img { width:475px; height:333px; border:1px solid #000; }
#home-holder div span { width:100%; position:absolute; margin:0; line-height:1.2em; bottom:0; left:0; 
	background:black; color:#fff; opacity:.8;
}
#home-holder div b { display:block; padding:10px; font-weight:normal; cursor:pointer; }
#home-holder div a:hover { text-decoration:none; }

.ui-slider-handle {
  width:50px;
  height:15px;
  position:absolute;
  top:-7px;
  background:url(images/ico-slider.gif) no-repeat;
  z-index:100;
}

#projects-list {
	width:964px;
}
#projects-list div {
	width:154px;
	height:154px;
	margin:0 4px 4px 0;
	border:1px solid #000;
	overflow:hidden;
	float:left;
	position:relative;
}
#projects-list div:hover { width:150px; height:150px; border:3px solid red; }
#projects-list div:hover img { margin:-2px 0 0 -2px; }
#projects-list div:hover b { padding:3px 4px; }
#projects-list div span { width:100%; position:absolute; margin:0; line-height:1.2em; bottom:0; left:0; 
	background:#000; color:#fff; opacity:.8;
}
#projects-list div b { display:block; padding:3px 7px; font-weight:normal; cursor:pointer; }
#projects-list div a:hover { text-decoration:none; }
#projects-list div.fill { width:156px; height:156px; border:none; background:#ccc; }
#projects-list div.fill:hover { border:none; }

#project-left { width:378px; padding-right:10px; float:left; background:#fff; }
#project-window { max-height:355px; overflow:scroll; overflow-x:hidden; margin:0 0 15px 0; }
#project-fade { background:url(images/bg-fade.png) repeat-x; width:363px; height:30px; position:relative; top:-45px; }
#project-right { width:572px; float:right; }
#project-imgs img { width:570px; border:1px solid #666; }
#project-nav { position:relative; z-index:100; top:-30px; left:10px; }
#project-nav a { 
	display:inline-block; width:14px; height:14px; background:url(images/ico-red.png) no-repeat 0 0; margin-left:2px; 
	color:#FFFFFF; font-size:9px; text-align:center; line-height:14px;
}
#project-nav a:hover { text-decoration:none; }
#project-nav a.activeSlide { color:black; }

#btn-more { text-align:left; }

.btn-pdf { width:0; padding-left:129px; height:37px; display:inline-block; overflow:hidden; background:url(images/btn-pdf.gif) no-repeat; }

#news-list div { padding:15px; clear:both; }
#news-list div img { float:left; margin-right:25px; width:90px; height:90px; }
#news-nav { clear:both; margin:15px 0 0 0; text-align:right; }

#contact-left { width:325px; padding-right:10px; float:left; }
#contact-right { width:625px; float:right; }


.i { background:#e1e1e1; }
b.email, b.tel { 
	display:inline-block; width:0; padding-left:14px; height:14px; overflow:hidden; background:url(images/ico-tel.gif) no-repeat; 
	vertical-align:middle; margin:0 5px 0 15px; }
b.email { background-position:0 0; }
b.tel { background-position:-14px 0; }
.normal { color:#666; font-weight:normal; }

.cols {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
}