/* STYLE SHEET FOR DESIGNERSCollective WEB SITE
Created by Tim Brook
Version Number: 1.0

/* ================ TABLE OF CONTENTS ======================

1. BASE
	1.1. Typography
	1.2. Links
	1.3. Tables
2. HEADER
	2.1. H1 Logo Replacement
	2.2. Top Level Action Navigation
	2.3. Search Form
3. NAVIGATION
	3.1. Primary Navigation
	3.2. Secondary Navigation
	3.3. Footer Navigation
	3.4. Breadcrumbs
	3.5. Paging
4. FOOTER BLOCK
5. CONTENT
6. SIDEBAR COMPONENTS

/* =============== NOTES =======================*/


/* ================ CSS LAYOUT TEMPLATE ====================== */


/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Primary Font: #000000;
Secondary Font: #666666;
Primary Link: #0000FF;
Primary Link Hover: #0000FF;
Secondary Link: #FF0000;
Secondary Link Hover: #FF0000;

Borders, Headlines, etc, 

===================== */

@import url('reset.css');

/*=======================
~1. BASE
=========================*/

html,
body {
	height:100%;
}
body {
	background:url(../images/bkgd-repeat.jpg) repeat-x #a9c938;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
}
#page-wrap {
	width:940px;
	margin:0 auto;
	min-height:100%;
	border:none;
	padding:1px;
}
.header {
	width:940px;
	padding-top:20px;
	min-height:150px;
}
.content {
	width:930px;
	text-align:left;
	font-size:1.1em;
	clear:both;
	position:relative;
	padding:12px 5px 0;
}

.footer {
	width:930px;
	clear:both;
}

.skipnav {
	position: absolute;
	top:0;
	left: -999px;
	display: block;
	padding: 10px 20px;
}
.skipnav:focus { 
	left: 0; 
}

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

/*-----------------------
~1.1. TYPOGRAPHY
-----------------------*/

h1, h2, h3, h4 {
	margin-bottom: 10px;
	line-height:1em;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 14px;
}

h3 {
	font-size: 1.4em;
}
		
h4 {
	font-size:1.2em;
	text-transform:uppercase;
}

p {
	padding-bottom: 1em;
	font-size:1.3em;
	line-height:1.2;
}

small {
	font-size:1em;
}

hr {
    border-top: 1px solid #cccccc;
}


ol {
	font-size:1.2em;
}

ol ol {
	font-size:1em;
}

ul {
	margin-bottom:1em;
	font-size:1.2em;
}

ul ul {
	margin:0 15px;
	font-size:1em;
}

dl {
}

img {
}

img[align="right"] {
	float:right;
}

p img {
}

pre, code {
	font-size:1.3em;
}

pre code {
	font-size:1em;
}

ins {
	background:#ffff00;
}

abbr{
	border-bottom:1px dotted black;
}

.clear{
	clear:both;
}


/*-----------------------
~1.2. Links
-------------------------*/

a {
	color:#54641c;
	text-decoration:none;
}

a:link {
}

a:active {
	color:#fff;
}

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

a:visited {
}

a:focus,
a.current {
	color:#fff;
}

/*-----------------------
~1.3. STANDARD TABLES
-----------------------*/

table {	
	margin:10px 0;
	border-bottom:1px solid #999;
	text-align:left;
}
		
caption {
	padding:5px 10px;
	border-top:1px solid #999;
	background:#d7d7d7;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
}
		
th {
	padding:5px 10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#f8f8f8;
}

tr {
}

td {
	padding:5px 10px;
}

/*=======================
~2. HEADER
=========================*/

.header {
}

/*-----------------------
~2.1. H1 Logo Replacement
-------------------------*/

.logo { 
	letter-spacing : -1000em;
} 

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo { 
	text-indent : -999em; 
	letter-spacing : normal; 
	overflow : hidden;
} 
/* End of hack */ 

h1.logo, h2.logo {
	float:right;
	border:none;
	background:url(../images/logo.jpg) top left no-repeat;
}

/* Set width & height to image dimensions */
h1.logo a, h2.logo a {
	display:block;
	width:306px;
	height:21px;
}

/*-----------------------
~2.2. Action Navigation
-------------------------*/



/*-----------------------
~2.3. Search Form
-------------------------*/




/*======================= 
~3. NAVIGATION
=========================*/

/*-----------------------
~3.1. Primary Navigation
-------------------------*/

ul#primary {
	list-style:none;
	width:575px;
	margin-bottom:0;
}

ul#primary li:first-child {
}
ul#primary li {
	float:left;
	min-width:50px;
	margin:0 10px;
	font-family:"Arial Black", Gadget, sans-serif;
}
ul#primary li.first {
	margin-left:0;
}
ul#primary li a {
	display:block;
	text-align:center;
	text-transform:uppercase;
	height:67px;
	font-size:13px;
	color:#54641c;
}
ul#primary li a:hover {
	color:#fff;
	text-decoration:none;
}
ul#primary li.current a {
	color:#fff;
}
ul#primary li a.home {
	background:url(../images/menu-home.jpg) center bottom no-repeat;
}
ul#primary li a.about {
	background:url(../images/menu-about.jpg) center bottom no-repeat;
}
ul#primary li a.work {
	background:url(../images/menu-work.jpg) center bottom no-repeat;
}
ul#primary li a.clients {
	background:url(../images/menu-clients.jpg) center bottom no-repeat;
}
ul#primary li a.contact {
	background:url(../images/menu-contact.jpg) center bottom no-repeat;
}

ul#primary li a.home:hover,
ul#primary li.current a.home {
	background:url(../images/menu-home-col.jpg) center bottom no-repeat;
}
ul#primary li a.about:hover,
ul#primary li.current a.about {
	background:url(../images/menu-about-col.jpg) center bottom no-repeat;
}
ul#primary li a.work:hover,
ul#primary li.current a.work {
	background:url(../images/menu-work-col.jpg) center bottom no-repeat;
}
ul#primary li a.clients:hover,
ul#primary li.current a.clients {
	background:url(../images/menu-clients-col.jpg) center bottom no-repeat;
}
ul#primary li a.contact:hover,
ul#primary li.current a.contact {
	background:url(../images/menu-contact-col.jpg) center bottom no-repeat;
}

/*-----------------------
~3.2. Secondary Navigation
-------------------------*/


/*-----------------------
~3.3. Footer Navigation
-------------------------*/

.footer .nav ul {
}

.footer .nav ul li {
}

.footer .nav ul li:first-child {
}

.footer .nav ul li a {
}

.footer .nav ul li a:hover {
}

/*======================= 
~4. FOOTER BLOCK
=========================*/

.footer {
	padding:10px 5px;
	margin-top:20px;
	position:relative;
}
.footer .Macmillan2 {
	position:absolute;
	top:28px;
	left:5px;
}/*
.footer .PharmPress1 {
	position:absolute;
	top:28px;
	left:151px;
}*/
/*.footer .FrankfurtBookFair {
	position:absolute;
	top:28px;
	right:69px;
}*/
/*=======================
~5. CONTENT
=========================*/
.content div {
	width:315px;
}
.content div a {
	color:#a9c938;
	font-weight:bold;
	text-decoration:underline;
}
.content div a:hover {
	color:#a9c938;
	text-decoration:none;
}
.content .right {
	float:right;
}
.content .left {
	float:left;
}
.content p {
	padding-bottom:1em;
	font-size:16px;
	line-height:1.3;
}
.header p {
	float:left;
	width:520px;
	color:#fff;
}
/*-----------------------
~5.1. Home Page
-------------------------*/
.home-page .header {
	min-height:0;
}
.home-page .content {
	padding-top:30px;
}
.home-page .content div {
	margin-top:95px;
}
/*-----------------------
~5.2. About Page
-------------------------*/
.about-page .header p {
	margin:5px 0 0 80px;
}
.about-page .content img {
	position:absolute;
	top:-10px;
	left:5px;
}
/*-----------------------
~5.3. Work Page
-------------------------*/
.work-page .header p {
	margin:5px 0 0 145px;
}
.work-page .content ul {
	list-style:none;
}
.contact-page .content div {
	width:245px;
}
.work-page .content div.thin {
	width:145px;
	margin-left:20px;
}
.work-page .content div.med {
	width:157px;
	margin-left:20px;
}
.work-page .content div {
	width:220px;
}
.work-page .content #PharmPress div {
	width:180px;
	margin-left:20px;
}
.work-page .content #PharmPress2 div {
	width:220px;
	margin-left:20px;
}
.work-page .content #Wolters-Kluwer div {
	width:195px;
	margin-left:20px;
}
.work-page .content #MedicinesComplete div {
	width:169px;
	margin-left:20px;
}
.work-page .content #FrankfurtBookFair div {
	width:150px;
	margin-left:20px;
}
.work-page .content #Elsevier div {
	width:220px;
	margin-left:20px;
}
.work-page .content #degrees div,
.work-page .content #FASTtrack div {
	width:159px;
	margin-left:20px;
}
.work-page .content #CharmCandy div {
	width:282px;
	margin-left:20px;
}
.work-page .content #PJonline div {
	width:312px;
	margin-left:20px;
}
.work-page .content #RCPsych img {
	margin-left:12px;
}
.work-page .content #PharmPress1 div {
	width:280px;
	margin-left:20px;
}
.work-page .content div h3 {
	font-size:12px;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-bottom:5px;
}
.work-page .content div p {
	font-size:12px;
}
.work-page blockquote {
	padding-top:30px;
	width:270px;
	background: url(../images/quote.jpg) no-repeat top left;
	font-size:12px;
	font-style:italic;
}
.work-page cite {
	display:block;
	font-size:10px;
	font-style:normal;
	margin:10px 0;
}
.work-page li#BNFc {
	height:285px;
	background:url(../images/work-bnfc.jpg) no-repeat bottom right;
}
.work-page li#BNFc div {
	width:400px;
}
.work-page li#BNFc div h3{
	display:inline;
}
.work-page li#RCPath {
	height:280px;
	background:url(../images/work-rcpath.jpg) no-repeat left bottom;
}
.paging {
	width:100px;
	margin-right:20px;
}
.paging .counter {
	float:left;
	background:#fff;
	text-align:center;
	width:20px;
	display:inline-block;
	padding:2px 0;
	margin:0 2px;
}
.paging a {
	float:left;
	display:inline-block;
	text-indent:-9999px;
	width:18px;
	height:19px;
}
.paging .prev {
	background:url(../images/prev.jpg) no-repeat top left;
}
.paging .next {
	background:url(../images/next.jpg) no-repeat top left;
}
.paging .prev:hover {
	background:url(../images/prev-hover.jpg) no-repeat top left;
}
.paging .next:hover {
	background:url(../images/next-hover.jpg) no-repeat top left;
}
.footer ul {
	float:right;
	list-style:none;
	width:100%;
	font-size:10px;
	margin-top:3px;
}
.footer ul li {
	float:left;
	width:auto;
	margin-right:11px;
	text-align:right;
	font-weight:bold;
	font-size:11px;
}
.footer ul li:last-child {
	margin:0;
	}
/*-----------------------
~5.4. Clients Page
-------------------------*/
.clients-page .header p {
	margin:5px 0 0 223px;
}
/*-----------------------
~5.5. Contact Page
-------------------------*/
.contact-page .header p {
	margin:5px 0 0 300px;
}
.contact-page .content img {
	margin:0 5px;
}
.contact-page .content p {
	font-size:12px;
}