/* 

STYLE SHEET FOR X
Created by Daragh Butler
www.outside.ie


/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body { 
    background: #333;
	background-image:url(../gifs/bg_tile.gif);
	background-repeat:repeat;
	text-align: center;
    min-width: 735px;
	height:auto 
		}
/*  --------- 2. structure  --------- */

#wrapper {
	background: #ffffff;
	width: 789px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
    border-top: 0px; 
	border-left:13px solid #2B2C1C;
	border-right:13px solid #2B2C1C;
	border-bottom:13px solid #2B2C1C;
		}
#wrapper2 {
	
	width: 735px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
    border-top: 0px; 
	border-left:25px solid #fff;
	border-right:25px solid #fff;
	border-bottom:25px solid #fff; 
		}



		
 .centered{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -388px; /* 200 becasue that's half of 400 which makes the object horizontally centered; */
    margin-top: -215px; /* 150 becasue that's half of 300 which makes the object vertically centered; */
}

div .redBg{
   width: 776px;
   height: 430px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   color: #ffffff;
   background-color: rgb(255,0,0);
}

#header {
    height:9px;
	width: 735px;
	background: #DFE897;
		}	
#header1 {
    height:52px;
	width: 735px;
	background: #fff;
	padding-top:24px;
		}
		
#navarea{
    height:39px;
	width: 735px;
    background: #C4D53E;
		}

#contenta{
	height:286px;
	width: 735px;
	background: #fff;
		}

#contentb{
    height:199px;
	width: 735px;
    background: #fff;
		}
		

#footer1 {
	height: 30px;
	background-color: #fff;

		}



#footerleft{
      float: left;
	  border-left:25px solid #fff;
	  border-right:25px solid #fff;
	  border-bottom:15px solid #fff;
	  padding: 18px 0px 0px 8px;
	  }	

#footerright{
	  float: right;
      text-align:right;
      display: inline;
      position: relative;
	  border-left:25px solid #fff;
	  border-right:25px solid #fff;
	  border-bottom:15px solid #fff;
	  padding: 18px 8px 0px 0px;
	  font-size:13px;
	  font: Georgia, Times New Roma, Times, serif;
	  color: #7c7c7c;
	  }

#bottom {
    width: 815px;
	height: 60px;
    background: #2B2C1C;
	color: #9E9F79;
	text-align:right;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-left: auto;
	margin-right: auto;
	}
		
#bottom a {
    color: #656648;
    text-decoration:none;
	font-weight:bold;
	padding-right:55px;
		}
		
#bottom a:hover {
    color: #9E9F79;
    text-decoration:none;
	font-weight:bold;
	padding-right:55px;
		}
		
#footerright a {
    color: #E18473;
    text-decoration:none;
	font-weight:bold;
	font-size:13px;
	
	}
		
#footerright a:hover {
    color: #EFBEB6;
    text-decoration:none;
	font-weight:bold;
	font-size:13px;	

	}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a {
		}
		
a:hover {
		}

#navigation {
		}

#navigation ul {
		}

#navigation li {
		}

#navigation a {
		}

#navigation a:hover {
		}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1, h2, h3, h4, p, ul {
		}
h1 {}
h2 {}
h3 {}	
h4 {}
p {}
ul {}

blockquote {}
/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
/* ---------- 6. tables ---------- */
table {}
caption {}
tr {}
th, td {}
th {}
td {}
/* ---------- 7. forms ---------- */	
		
form {
		}