/* 
CSS Document 
SCREEN LAYOUT for Petrus Development
*/


.float_right { float:right; }
.float_left { float:left; }

.hidden {
	position: absolute;
	top: -10000px;
}

#container,
#wrapper, 
#footer { position: relative; }

#skip_links { display: none; }




/* ---------- HOME PAGE ------------- */
body.homepage #branding {
	position:absolute;
	background:url(../images/bg_logo_tearout_home.gif) top left no-repeat;
	top:0;
	left:-10px;
	height: 163px;
	width: 306px;
} 
body.homepage #branding img {
	position:relative;
	top:20px;
}

body.homepage #slogan {
	position:absolute;
	background:url(../images/slogan.gif) no-repeat;
	top:90px;
	right:70px;
	height:110px;
}
body.homepage #slogan p {
	display:none;
}

body.homepage #feature #slideshow {
	height: 200px;
	margin-bottom:10px;
	margin-top:160px;
	position:relative;
}
body.homepage #slideshow div.info {
	position:absolute;
        top:140px;
        left:40px
}

body.homepage #feature #four-steps {
	height: 60px;
	background:url(../images/four_steps_home.gif) no-repeat;
	margin-bottom:10px;
	position:relative;
	top:20px;
}
body.homepage #feature #four-steps p {
	display:none;
}

body.homepage #middle #content {
	position:relative;
	top:-14px;
	margin-top:0;
}

body.homepage #events div.entry,
body.homepage #jobs div.entry {
	margin-bottom: 23.33px;
	padding-left:10px;
}




/* ---------- TOP ------------- */
#top {
	background:url(../images/bg_topnav.jpg) repeat-x;
	height: 48px;
}
#topnav { 
	position:relative; 
	top:0; 
}
#topnav #login { 
	position: absolute;
	background:url(../images/bg_member_login.gif) no-repeat;
	right:0;
	top:40px;
	width: 104px;
	height:31px;
	padding-top:8px;
}

/* ---------- MIDDLE ------------- */
#branding {
	position:absolute;
	background:url(../images/bg_logo.png) top left no-repeat;
	top:0;
	left:-10px;
	height: 130px;
	width: 243px;
} 
#branding img {
	position:relative;
	top:10px;
}
#breadcrumbs {
	position:relative;
	top:30px;
	left:230px;
	/left:60px; /* IE HACK */
	text-align:left;
}

#wrapper {
	position:relative;
	margin-top:90px;
}
/*
#content-1,
#content-2 {
	background:url(../images/grid.gif);
}
*/


/* Quote Boxes */
div.quote {
	float:right;
	padding: 6px 10px;
	width:160px;
	margin: 0 10px 10px 10px;
}
div.quote-left {
	float:left;
	padding: 6px 10px;
	width:160px;
	margin: 0 10px 10px 10px;
}
#content #content-1 div.quote p,
#content #content-1 div.quote-left p {
     margin:0 0 0 0;
     padding:0;
}


/* Team pages */
body.team div.entry,
body.team div.entry div.details {
	float:left;
}


/* Client pages */
#sidebar_images img {
	margin-bottom:23.333px;
}

/* Subnav */
div.subnav {
   margin-bottom:23.333px;
}


/* PAGINATION */
div.pagination {
    width: auto;
    position: relative;
    display: block;
    clear:both;
}
div.pagination div.prev {
    float:left;
    text-align:left;
}
div.pagination div.next {
    float:right;
    text-align:right;
}





/* ---------- BOTTOM ------------- */
#footer {
	padding-bottom: 3em;
}
#footer ul.footer_nav1,
#footer ul.footer_nav2 {
	margin-top: 24px;
}
#footer #address {
	position:relative;
	text-align:left;
	margin:18px -10px 0 0;
	padding:6px 10px;
	left:10px;
}
#footer #site_by {
     left:10px;
     margin:0 -10px 0pt 0pt;
     padding:6px 10px;
     position:relative;
     text-align:left;
}




/* ---------- MEMBERS HEADER ------------- */
div.members_header {
  position:relative;
  top: -21px;
}
div.members_header h1 {
  color: #367155;
  text-align: right;
  font-style:italic;
  margin-right: 20px;
}