/*******

> css and graphics by Hilary Quinn - http://www.proximowebdesign.ie
> All Rights Reserved

*******/


/***** globals *****/

html,body {
margin: 0;
padding: 0;
height: 100%;
}

p {
padding-bottom: 10px;
}

#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /* Set footer height. */
}

/* Render HTML 5 elements as blocks */

header, footer, aside, nav, article{
display: block;
}

body {
font: 90% Helvetica, Arial, sans-serif;
background: url(../images/sitedesign/pgbg.png) repeat-x #fff; 
}

header#header {
padding: 2px 0 0 0px;
width: 920px;
height: 100px;
overflow: hidden;
margin: 0 auto 0 auto;
}

/* Heading Tags */

.replace{ 
position:relative; 
margin:0px; 
padding:0px; 
overflow: hidden; 
} 

.replace span{ 
display:block; 
position:absolute; 
top:0px; 
left:0px; 
z-index:1;
} 

h1#logo a, h1#logo, h1#logo span{ 
height: 98px; 
width: 339px; 
background:url(../images/sitedesign/logo.png) #fff; 
float: left; 
color: #595A59; 
text-decoration: none; 
z-index:1;
} 

hgroup{
margin: 0px;
padding: 0px;
}

h2 {
font-size: 1.2em;
padding: 0px 0 30px 0;
margin: 10px 0 0 0;
background: url(../images/sitedesign/snitch.png) no-repeat bottom center;
}

h3 {
font-size: 2em;
}

/* Top Nav */

nav {
width: 100%;
height: 40px;
overflow: visible;
}

nav ul.section_list {
width: 920px;
margin: 0 auto;
list-style: none;
border-top: 2px solid #F7F7F4;
padding: 0;
}

nav ul.section_list li {
float: left;
height: 60px;
line-height: 60px;
width: 153px;
}

nav ul.section_list li:first-child a{
    border-left: 0px;
}

nav ul.section_list li:last-child a{ 
    border-right: 0px; 
}

nav ul.section_list li a.last-child{ 
    border-right: 0px; 
}

nav ul.section_list li a {
border-right: 1px solid #F7F7F4;
display: block;
text-align: center;
text-decoration: none;
color: #555656;
margin: 13px 0 0 0;
height: 1.2em;
line-height: 1.2em;
padding: 10px 0;
font: bold 0.9em Helvetica, Arial, sans-serif;
}

nav ul.section_list li:hover {
	border-top: 2px solid #BCDA5B;
	margin-top: -2px;
}

nav ul.section_list li a:hover {
    color: #F28D69F;
    text-shadow: 0px 0px 5px #fff;
}

nav ul.section_list li.active {
    color: #F28D69F;
	border-top: 2px solid #F58D69;
	margin-top: -2px;
}

nav ul.section_list li.active a{
    color: #F28D69;
}

/* Supplementary Navigation */

div.supnav{
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0px;
  float: left;
  text-shadow: 0px 0px 1px #fff;
  font-size: 0.9em;
}

div.supnav ul.supnav_list{
    background: #F7F7F4;
    border-bottom: 1px solid #E4E4E1;
	border-top: 1px solid #E4E4E1;
	width: 920px;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}

div.supnav ul.supnav_list li {
float: left;
height: 40px;
line-height: 40px;
padding: 0 10px 0 10px;
}

div.supnav ul.supnav_list li:first-child{
    border-left: 0px;
}

div.supnav ul.supnav_list li:last-child{ 
    border-right: 0px; 
}

div.supnav ul.supnav_list li a {
display: block;
margin: 0px;
text-align: center;
text-decoration: none;
color: #4b4b4d;
text-shadow: 0px 0px 1px #fff;
}

div.supnav ul.supnav_list li a:hover {
    color: #4b4b4d;
    text-shadow: 0px 0px 2px #fff;
}

div.supnav ul.supnav_list li a.active {
    color: #4b4b4d;
    background: url(../images/sitedesign/nav_active.png) no-repeat top center;
}

div.supnav div.twitter{
width: 920px;
margin: 0 auto;
overflow: hidden;
background: #F7F7F4;
    border-bottom: 1px solid #E4E4E1;
}

div.supnav div#my-twitter span{
    float: left;
    display: inline-block;
}

div.supnav div#my-twitter a{
  color: #222;
  padding-left: 5px;
}

div.supnav div.twitter ul.twitter-ul,ul.twitter-ul li{
    display: inline;
    float: left;
	border: 0px;
}

/* newsletter */
/*
div.supnav form{
    width: 920px;
    margin: 10px auto;
    height: 30px;
}

div.supnav form input,textarea,select{
background: #EDF6F9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0px 1px #A4E0F2;
-webkit-box-shadow: 0 0px 1px #A4E0F2;
box-shadow: 0 0px 1px #A4E0F2;
margin: 0px 0px 0 10px;
padding: 5px;
font: 12px/16px "Helvetica", "Arial", "sans-serif";
border: 1px solid #F2FAFC;
float: left;
color: #527987;
z-index: 1;
position: relative;
behavior:url('http://www.proximowebdesign.ie/PIE.php');
}

div.supnav form label{
margin: 0px 0 0 10px;
float: left;
display: inline;
line-height: 30px;
}
*/

/* main content */

div#main{
    width: 920px;
    margin: 0px auto 0px auto;
    overflow: hidden;
}

::-moz-selection{ 
        background: #FBFCD9; 
    } 
    
::selection { 
        background: #FBFCD9; 
    } 

div#main article{
    margin-bottom: 0px;
    padding-bottom: 10px;
    color: #595a59;
    overflow: hidden;
    border-bottom: 2px solid #E4E4E1;
}

article, article p{
    text-align: left;
}

article ul{
    margin-left: -20px;
}

article ul li{
    list-style-image: url(../images/8-em-plus.png);
}

article header {
    padding: 10px 0 10px 0;
    text-align: center;
    margin-bottom: 0px;
}

article header h2{
    color: #f28d69;
    text-transform: uppercase;
}

article header h3{
    color: #595a59;
    font-style: italic;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    padding: 10px 10px 0 10px;
}

article figure.left{
    float:left;
    margin: 0 10px 0 0;
}

article figure.right{
    float:right;
    margin: 0 0 0 10px;
}

article div.excerpt p{
    font-weight: bolder;
}

article p.enquiry,p.read more{
    float: right;
    margin: -10px 0 10px 0;
}

article p.readmore a{
    background: url(../images/page_white_text_width.png) no-repeat left #F28D69;
	color: #fff;
	text-shadow: 0px 0px 1px #AA6852;
    display: inline;
    float: right;
    font-size: 0.9em;
    padding: 5px 10px 5px 25px;
    text-transform: uppercase;
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0px 1px #5eabd1;
-webkit-box-shadow: 0 0px 1px #5eabd1;
box-shadow: 0 0px 1px #5eabd1;
border: 1px solid #ee521c;
behavior: url('http://www.proximowebdesign.ie/PIE.php');
-webkit-transition:background .5s ease-in; -moz-transition:background .5s ease-in; -o-transition:background .5s ease-in; transition:background .5s ease-in;
}

article p.enquiry a{
    background: url(../images/comment.png) no-repeat left #F28D69;
	color: #fff;
	text-shadow: 0px 0px 1px #AA6852;
    display: inline;
    float: right;
    font-size: 0.9em;
    padding: 5px 10px 5px 25px;
    text-transform: uppercase;
	-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0px 1px #5eabd1;
-webkit-box-shadow: 0 0px 1px #5eabd1;
box-shadow: 0 0px 1px #5eabd1;
border: 1px solid #ee521c;
behavior: url('http://www.proximowebdesign.ie/PIE.php');
-webkit-transition:background .5s ease-in; -moz-transition:background .5s ease-in; -o-transition:background .5s ease-in; transition:background .5s ease-in;
}

article p.readmore a:hover{
	background: url(../images/page_white_text_width.png) no-repeat left #F9B098;
}

article p.enquiry a:hover{
	background: url(../images/comment.png) no-repeat left #F9B098;
}

article a{
    color: #F28D69;
    text-decoration: none;
    font-weight: bold;
}

article a:hover{
	color: #F9B098;
}

/* left sidenav */

aside{
float: left;
width: 20%;
overflow: visible;
height: 100%;
}

aside h3{
color: #3F3F3F;
margin: 5px 0px 0px 0px;
padding: 5px 0 5px 0;
}

/* slideshow */

#slideshow {
	width:920px;
	height:500px;
        position: relative;
        float: left;
        text-align: center;
        margin: 0 auto;
}

#slideshow #slidesContainer {
  width:880px;
  height:500px;
  overflow:auto; /* allow scrollbar */
  position: relative;
  margin: 0 auto;
}
#slideshow #slidesContainer .slide {
  width:900px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:500px;
  position: relative;
  margin: 0 auto;
}

/** 
 * Slideshow controls style rules.
 */
 
.control {
  display:block;
  width:20px;
  height:500px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/sitedesign/left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/sitedesign/right.png) no-repeat 0 0;
}


/*footer*/

footer,.push{
    min-height: 100px; /* Set footer height. */
		/* clear: both; */ /* Muti-column fix.*/
}

footer#footer{
    background: url(../images/sitedesign/footer.png) repeat-x top center #363638;  
    overflow: hidden;
    color: #fff;
    margin-top: 10px;
}

footer#footer h4{
    text-transform: uppercase;
    border-bottom: 1px solid #212123;
    border-top: 1px solid #545456; 
    padding: 10px 0 10px 0;
    margin: 0px;
}

footer#footer form{
    border-top: 1px solid #545456; 
    margin: 0;
    display: block;
    overflow: hidden;
    z-index: 1;
}

footer#footer article{
    border-bottom: 1px solid #212123;
    width: 920px;
    margin: 0px auto;
}

footer#footer article#social{
   margin-top: 15px; 
   overflow: hidden;
}

footer#footer h4{
    color: #D6F5FF;
    border-top: 0px;
}

footer#footer h4.enquiry{
    border-top: 1px solid #545456; 
}

footer#footer article#social ul{
    border-top: 1px solid #545456; 
    display: block;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
}

footer#footer article#social li{
    list-style: none;
    float: left;
    width: 23%;
}

footer#footer article#messages{
    border-top: 1px solid #545456; 
    color: #838384;
    padding: 10px;
    width: 900px;
    display: block;
    text-align: center;
}

footer#footer article#enquiry div.webform{
  width: 50%;
}



footer#footer article#enquiry fieldset{
    border: 0px;
    padding: 0px;
    width: 100%;
}

footer#footer article#enquiry form p,fieldset{
    margin: 5px 0px 5px 0;
    display: block;
    overflow: hidden;
}

footer#footer article#enquiry fieldset legend{
font: 13px/22px Helvetica, Arial, sans-serif;
}


footer#footer article#enquiry form label{
margin: 10px 0px;
display: block;
float: left;
text-align: left;
width: 100%;
}

footer#footer article#enquiry form input,textarea,select{
background: #212123;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0px 1px #212123;
-webkit-box-shadow: 0 0px 1px #212123;
box-shadow: 0 0px 1px #212123;
margin: 10px 0px 0 0px;
padding: 0.5em;
font: 12px/16px "Helvetica", "Arial", "sans-serif";
border: 1px solid #545456;
width: 37em;
color: #858589;
z-index: 1;
behavior:url('http://www.proximowebdesign.ie/PIE.php');
}


footer#footer article#enquiry form input.zemCheckbox{
border: 0px;
}

footer#footer article#enquiry input:focus,textarea:focus{
background: #2C2C2D;
color: #fff;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0px 2px #000;
-webkit-box-shadow: 0 0px 2px #000;
box-shadow: 0 0px 2px #000;
behavior:url('http://www.proximowebdesign.ie/PIE.php');
}

footer#footer article#enquiry form input.zemSubmit{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0px 1px #000;
-webkit-box-shadow: 0 0px 1px #000;
box-shadow: 0 0px 1px #000;
color: #56594C;
background: #C0D764;
padding: 5px;
font: bold 100% Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 0px 0px 1px #fff;
border: 1px solid #D7EF75;
behavior:url('http://www.proximowebdesign.ie/PIE.php');
}

footer#footer article#enquiry input.error{
background: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0px 1px #5eabd1;
-webkit-box-shadow: 0 0px 1px #5eabd1;
box-shadow: 0 0px 1px #5eabd1;
width: 410px;
margin: 10px 0px 0 10px;
padding: 5px;
font: bold 90% Helvetica, Arial, sans-serif;
border: 1px solid #ee521c;
behavior: url('http://www.proximowebdesign.ie/PIE.php');
}

footer#footer article#enquiry label.error{
padding: 0px;
font: bold 90% Helvetica, Arial, sans-serif;
z-index:1;
color: #ee521c;
}

#back-top {
	position: fixed;
	bottom: 20px;
        right: 200px;
	margin-right: -50px;
        font-weight: bold;
        z-index: 1;
}

#back-top a {
    background: transparent;
    border-top: 2px solid #e4e4e1;
    color: #e4e4e1;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0.9;
    padding: 5px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    behavior:url('http://www.proximowebdesign.ie/PIE.php');
}
#back-top a:hover {
        color: #F28D69F;
	border-top: 2px solid #F58D69;
        font-weight: bolder;
        opacity: 1;
}

/* arrow icon (span tag) */
#back-top span {
	background: #fff url(../images/arrow_up.png) no-repeat right;
}