/* 

LAYOUT STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

/* --------- 2. layout	--------- */

div.layout {
		width:100%;
}
div.wrapper {
		width: 960px;
		margin: 0 auto;
		}
div#layout-top {
		background:url(/mainpics/bgs/bg-layout-top.jpg) repeat-x top #011432;
}
div#layout-nav {
		background:#031A3A;
}
div#layout-nav-sub {
	background:#fefefe;
	height: 40px;
	box-shadow: 0 10px 10px -10px rgba(0,0,0,0.8);
	z-index: 1000;
}
div#layout-banner {
	display:none;
}
div#layout-banner.homepage {
	display:block;
	background:#FFEEDC;
	-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
	-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
	padding-top:2em;
}
div.banner-text {
    position: absolute;
    bottom: 7px;
    left: 15px;
    color: #FFF;
    z-index: 9996;
	font-size:2em;
}	
div#layout-content {
		background:#FFEEDC;
		box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.8) inset;
		padding:1em 0;
		min-height: 400px;
}
div#layout-content.homepage {
		box-shadow:none!important;
}
div#layout-bottom {
		background:url(/mainpics/bgs/bg-layout-bottom.jpg) repeat-x top #072B45;
		-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
		-moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
		box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8);
		padding:2em 0;
}
div#wrapper-mid {
}
div#top {
		clear: both;
		}
div#top-tag {
	margin-top:8%;
    width:63%;
}
div#top-social {
}
/*Account Bar*/
div#account-bar{
	border-bottom:1px solid #ccc;
	background:url(/mainpics/bgs/bg-account-bar.jpg) repeat-x top;
	position: absolute;
	top: 0;
	right: 0;
	clear: both;
	overflow:hidden;
	float:right;
	z-index:9999;
	}
div#account-bar a{
	color: #fff;
	text-shadow: 1px 1px #031A3A;
	line-height: 2.2;
	font-size: 1.4em;
	padding:0px 10px;
	text-decoration:none!important;
	}
div#account-bar a:hover{
1	text-decoration:underline!important;
	color: #FFF1DE;
	}
/*Log In Panel*/
div#login-panel h1{
	font-size: 2.8em;
	color: #0C476F;
	padding: 0.5em 0px;
	border-bottom: 1px solid #CCBFAF;
	box-shadow: 0px 1px 0px #FFF;	
}
div#login-panel div.errorPanel{
	border:1px solid #BB5151;
	height:33px;
	margin-bottom:15px;
	border-radius:5px;
	background:#FBDDDD;
	} 	
div#login-panel div.errorPanel p{
	padding:5px;
	font-size:1.4em;
	color:#BB5151!important;
	} 	
div#banner {
		}
div#homepage-banner-holder {
}
div#logo {
		clear: both;
		width:286px;
		height:220px;
		overflow:hidden;
		float:left;
		z-index:9999;
		
		}
div#navContainer {
		clear: both;
		}
div#navSubContainer {
		clear: both;
		}
div.content {
		clear: both;
		}
div#content-sidebar-holder {
}
div.contentLeft {
		}
div.content-seperator {
	background:#3D54A0;
	width:1px;
	height:98%;
	right:35.5%;
	top:2%;
/* --------- new rules to accomodate family tree positioning	--------- */
	position:absolute !important;
	z-index:9999;
	
		}
div.contentRight {
		}
div#footer {
		clear: both;
		}
/*	----	*/
div.content:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}