/*  
Theme Name: Molloy & Sherry 2014
Theme URI: http://www.molloyandsherry.ie/
Description: Molloy & Sherry 2014 by Copper Reed Studio
Version: 1.0
Author: Copper Reed Studio
Author URI: http://www.copperreed.com/
*/

* {
	padding: 0;
	margin: 0;
}

body {
	color: #666666;
	background: #FFFFFF;
	
	text-align: center;

	font-family: Arial, Helvetica, sans-serif;
}

a img {
	border: 0;
	vertical-align: bottom;
}

.x_body {
}

.x_container {
	margin: 0 auto;
	text-align: left;
	width: 920px;
}

.x_header {
	background: #FFF url(i/bg.png) repeat-x 0 0;
	padding-top: 35px;
	z-index: 100;
}

.x_header .x_container {
	background: transparent url(i/top-bg.png) repeat-x 0 0;
}

.x_header h1 {
	display: none;
}

.x_logo {
	float: left;
}

.x_nav {
	background: transparent url(i/top-slash.png) no-repeat 335px 0;
	height: 146px;
}

.x_menu {
	float: right;
	padding-top: 1em;
}

.x_menu ul {
	list-style: none;
}

.x_menu ul li {
	display: inline;
}

.x_menu ul li a {
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	padding: 1em 1.3em 0.5em 1.3em;
	border-left: 1px solid #ccc;
	font-weight: 300;
	font-size: 90%;
}

.x_menu ul li.firstitem a {
	border: 0;
}

.x_banner {
	clear: both;
	background-color: #FFF;
	padding-top: 4px;
	overflow: hidden;
	z-index: 100;
    max-height: 160px;
}

.x_homepage .x_banner {
    max-height: 290px;
}

.x_banner img {
	vertical-align: bottom;
}

.x_content {
	clear: both;
}

.x_content .x_container {
	border-top: 1px solid #fff;
	background: #fff url(i/banner-shade.png) no-repeat 0 0;
	padding-top: 20px;
	line-height: 128%;
}

.x_leftcol {
	float: left;
	width: 580px;
	padding: 10px;
	margin-right: 20px;
}

.x_rightcol {
	float: left;
	width: 280px;
	padding: 10px;
}

.x_subfooter {
	clear: both;
    font-size: 80%;
}

.x_footer {
	clear: both;
	background: transparent url(i/footer-bg.png) repeat-x 0 0;
	padding-bottom: 1em;
}

.x_footer .x_container {
	background: #147ea8 url(i/footer-slash.png) no-repeat right top;
	color: #fff;
	overflow: auto;
	padding: 1em;
	padding-bottom: 0;
	min-height: 4em;
	overflow: auto;
}

.x_footer p {
	float: left;
	font-size: 80%;
	padding-right: 10px;
}

.x_footer p.last-copyright-col{
	padding-right: 0;
}

#cpr {
	float: right;
	width: 125px;
	text-align: right;
	padding-top: 1em;
	padding-right: 0;
}

.x_footer a {
	color: #fff;
	text-decoration: none;
}

.x_footer address {
	font-style: normal;
	padding-left: 100px;
	background: transparent url(i/footer-logo.png) no-repeat 20px 0;
	overflow: auto;
	float: left;
	width: 600px;
	padding-bottom: 1em;
}

.x_footer span {
	text-transform: uppercase;
}





.x_leftcol h1 {
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	font-size: 130%;
	font-weight: 600;
	color: #ee3837;
	padding-right: 5em;
}

.x_leftcol h2 {
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	font-size: 120%;
}

.x_leftcol h3 {
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	font-size: 110%;
}

.x_leftcol h4 {
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	font-size: 100%;
}

.x_leftcol h5 {
	margin: 4px 0 8px 0;
	text-transform: uppercase;
	font-size: 90%;
}

.x_leftcol p {
	margin: 4px 0 12px 0;
}

.x_leftcol ul {
	margin: 4px 0px 12px 15px;
}

.x_leftcol ol {
	margin: 4px 0px 12px 15px;
}

.x_leftcol table {
	margin: 4px 0 12px 0;
}

.x_leftcol li {
}

.x_leftcol a {
	color: #000;
}



.x_readmore a {
	background: transparent url(i/read-more.png) no-repeat 0 0;
	display: inline-block;
	padding: 5px 20px 5px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 80%;
}



.x_casestudies {
	background-color: #e7e7e9;
}

.x_casestudy {
	min-height: 300px;
}

.x_casestudy h2 {
	background-color: #147ea8;
	color: #fff;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: 300;
	padding: 10px 20px;
}

.x_casestudy h2 strong {
	display: block;
	font-weight: bold;
}

.x_casestudy img {
}

.x_casestudy p {
	padding: 10px 35px;
	position: relative;
	top: -35px;
	background: transparent url(i/case-studies-bg.png) no-repeat 0 0;
	font-size: 90%;
	margin-bottom: -25px;
	font-style: italic;
    
    min-height: 100px;
}

.x_casenav {
	padding: 10px 30px;
    position: relative;
}

.x_casenav span.x_nextprev {
	float: right;
}

.x_case_more {
    position: absolute;
    bottom: 7px;
    left: 25px;
}

.x_maps {
	background: transparent url(i/map-shade.png) no-repeat 0 bottom;
	padding-bottom: 12px;
	position: relative;
}

.x_map {
	z-index: 100;
}

.x_mapoverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	color: #fff;
	padding: 1em;
	z-index: 200;
}

.x_mapoverlay p {
	font-size: 90%;
}

/* pager */
.cycle-pager { 
    z-index: 150; 
    position: absolute; 
    bottom: 8px; 
    right: 18px;
    background-color: #a4bfc8;
    text-align: center;
	line-height: 100%;
}

.cycle-pager span { 
    font-family: arial; 
    font-size: 25px; 
    width: 15px;
    height: 15px;
    color: #fff; 
    cursor: pointer; 
    float: left;
}

.cycle-pager span.cycle-pager-active { 
	color: #147daa;
}

.cycle-pager > * { 
	cursor: pointer;
}





.x_navigation {
	clear: right;
	float: right;
/*
    padding-top: 2.6em;
	_padding-top: 2.65em;
*/
    padding-top: 42px;
}

.sf-menu {
	list-style: none;
	height: 2em;
}

.sf-menu li {
	list-style-type: none;
	z-index: 300;
}

.sf-menu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	padding: 1.2em 0.7em 1.1em 2.6em;
	font-weight: 600;
	font-size: 90%;
}

.sf-menu ul {
	background-color: #FFFFFF;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 3em;
	_top: 3.05em;
}

.sf-menu ul {
	width: 15em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 15em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 15em;
}

.sf-menu li.firstitem a {
}

.sf-menu li.seconditem a {
	background: transparent url(i/menu-01.png) no-repeat 0 0;
	
}

.sf-menu li.thirditem a {
	background: transparent url(i/menu-02.png) no-repeat 0 0;
}

.sf-menu li.lastitem a {
	background: transparent url(i/menu-03.png) no-repeat 0 0;
	padding-right: 2em;
}

.sf-menu li ul li a, 
.sf-menu li.firstitem ul li a, 
.sf-menu li.seconditem ul li a, 
.sf-menu li.thirditem ul li a, 
.sf-menu li.lastitem ul li a
 {
	padding: 1em;
	background: none;
	background-color: #FFFFFF;
	color: #000;
	border-bottom: 1px solid #962223;
}


img.alignleft {
    float: left;
    vertical-align: bottom;
    padding-bottom: 15px;
}

img.alignright {
    float: right;
    vertical-align: bottom;
    padding-bottom: 15px;
}

.x_buttons {
    margin: 10px;
}