/*  -----------------------------------------------------------------
	Bibendum  master style sheet 

	Version:   1.0                  
	Author:    Nick Loat             
	Email: 	   nick@loatdavies.com  
	Website:   www.loatdavies.com   
    -----------------------------------------------------------------  */
	
	@import url("navigation.css");
	@import url("content.css");
	@import url("links.css");
	@import url("forms.css");

/*  -----------------------------------------------------------------
	= Global styles
    -----------------------------------------------------------------  */	

a {
	outline: none;
	border:0;
	}
	
img {
	border:0;
	}	


/*  -----------------------------------------------------------------
	= Main Structure
    -----------------------------------------------------------------  */	
	
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #454545;
	margin: 0 0 25px 0;
	padding: 0;
	background:#000;
	-webkit-text-size-adjust: none
	}
	
#wrapper{
    margin:15px auto;
    padding:0;
	border:0;
	width:948px;
	}
	
#login p {
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:0 0 10px 26px;
	padding:0;
	}

	
/*  -----------------------------------------------------------------
	= Branding
    -----------------------------------------------------------------  */		
	
#logo {
	float:right;
	background:#fff;
	width:369px;
	height:32px;
	}	
	
	
/*  -----------------------------------------------------------------
	= Picture bar
    -----------------------------------------------------------------  */
	
#picbar {
	margin: 0;
	padding: 0;
	}	

/*#picbar img {
	float:left;
	}*/

		
/*  -----------------------------------------------------------------
	= Navigation bar
    -----------------------------------------------------------------  */
	
#navbar {
	height:32px;
	margin: 0;
	padding: 0 0 0 11px;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
	clear:both;
	background:#809ca0;
	}	


/*  -----------------------------------------------------------------
	= Content
    -----------------------------------------------------------------  */		
	
#page {
	margin:0 0 18px 0;
	padding:0;
	position:relative;
	background: #acbfc1;
	border-bottom:1px solid #000;
}
	

#maincol{
	margin:36px 25px 0 0;
	padding:0 0 0 27px;
	float:left;
	width:552px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:525px;

}

html>body #maincol {
	width:525px;
	}	
			

#doublecol{
	margin:36px 0 18px 0;
	padding:0;
	float:left;
	width:346px;
	}




#col1{
	margin:36px 20px 0 0;
	padding:0;
	float:left;
	width:163px;
	}
	
#col2{
	margin:36px 0 18px 0;
	padding: 0;
	float:left;
	width:163px;
	}
	
#doublecol #col1{
	margin:0 20px 0 0;
	padding: 0;
	float:left;
	width:163px;
	}


#doublecol #col1b{
	margin:0 20px 18px 0;
	padding: 0;
	float:left;
	width:163px;
	}

#doublecol #col2{
	float:left;
	margin:0 0 18px 0;
	padding: 0;
	width:163px;
	}

	
.side-quote{
	background:url(../images/quote-open.gif) no-repeat 0px 0.4em;
	clear:both;
	color:#416a70;
	font: italic 15px/24px  Georgia, "Times New Roman", Times, serif;
	margin:0 0 45px -13px;
	padding: 0 0 0 13px;
	width:264px;
	}
	
.side-quote img { 
	vertical-align:text-top;
	padding:3px 0 0 0;
	}
	
.side-picture{
	float:left;
	margin:0 20px 0 0;
	padding: 0;
	width:251px;
	}
	
	
.credit {
	/*text-transform:uppercase;*/
	font:italic 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	margin:9px 0 0 0;
	 }	

.name {
	font-style:normal;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	 }	



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

.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*  -----------------------------------------------------------------
	= Page base
    -----------------------------------------------------------------  */	
#pagebase {
	clear:both;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	background: #acbfc1 url(../images/bkgnd-pgbase.gif) no-repeat bottom left; 
	}
	
#pagebase p {
	margin:0;
	padding:12px 0 12px 27px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}	
		
	
/*  -----------------------------------------------------------------
	= Footer
    -----------------------------------------------------------------  */		
	
#footer {	
	margin:0;
	padding:0;
	background:#000;
	}
	
#footer p {
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	margin:0 0 0 27px;
	padding:0;
	}
	
#footer p strong {
	color:#ccc;
	}