/*-----------------------------------------------------------------------------------
//	Don
//	Date: 25/01/2008
//	styles.css - http://www./css/default.css
//	by Paul Maher - http://www.paulmaher.com
// --------------------------------------------------------------------------------- */

html * div, body { 
		margin:0; 
		padding:0; 
		}

body { 
		background: #FFF url(../img/template/bg.gif); 
		font: .8em Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.5em; 
		color:#333; 
		}

.clear {
		clear: both;
		}

 
/* --------------------------------------------------------------------------------- 
		ACCESSIBILITY
--------------------------------------------------------------------------------- */
  
.invisible {
  		display: none;
		}

/* This class allows screen readers to skip to the content area */
.skip_link {
		display: none;
		}

div.wrapper { 
		margin: 0 auto; 
		padding: 0;
		background: #FFF;
		width: 760px;
		}
		
		
/* --------------------------------------------------------------------------------- 
		TYPOGRAPHY
--------------------------------------------------------------------------------- */

a {
		color: #7B98B3;
		}

div.contentarea h1 {
		background: #F0ECEC;
		font-size: 1.3em;
		color: #333;
		width: 700px;
		border-bottom: 1px solid #D7D6D6;
		padding: 10px;
		}
		
div.contentArea h2 {
		font-size: 1.2em;
		font-weight: bold;
		color: #6699FF;
		}
		
div.contentArea h3 {
		font-size: 1.1em;
		font-weight: bold;
		color: #6699FF;
		}
		
div.contentArea h4, h5, h6, h7 {
		font-size: 1em;
		font-weight: bold;
		color: #6699FF;
		}

div.contentarea p,td,li {
		}
		
div.contentArea th {
		font-weight: bold;
		}
		
div.contentArea a {
		color: #7B98B3;
		text-decoration: underline;
		}
		
div.contentArea a:hover {
		color: #FFF;
		text-decoration: underline;
		background: #7B98B3;
		}
		
div.contentArea img {
		border: 0;
		}

		
/* --------------------------------------------------------------------------------- 
		LAYOUT
--------------------------------------------------------------------------------- */

.header {

		margin: 0 auto; 
		padding: 0;
		width: 760px;
		background: #000 url(../img/template/header-bg.jpg) repeat-x;
		height: 194px;
		}

.header .text {
		float: left;
		color: #FFF;
		width: 400px;
		margin-left: 20px;
		padding-top: 87px;
		}
		
.header .text h1 a {
		color: #7B98B3;
		text-decoration: none;
		font-weight: normal;
		}
		
.header .text p {
		color: #FFF;
		}
		
div.header .menu {
		float: right;
		padding: 0;
		margin: 0;
		}
		
div.sub {
		background: #FFF;
		padding: 0;
		font-size: .8em;
		margin-bottom: 0;
		}

div.contentarea {
		background: #FFF;
		padding: 5px 20px;
		clear: both;
		}
		
div.footer {
		background: #000 url(../img/template/footer-bg.jpg) repeat-x;
		padding: 5px 20px;
		margin-top: 20px;
		font-size: .8em;
		}
		
div.footer a:hover {
	  	color: #FFF; 
		background: #7B98B3;
		text-decoration: underline;
  		}
		
div.footer-links {
		float: left;
		width: 350px;
		}
		
div.footer-pmlink {
		float: right;
		text-align: right;
		}
		
div.footer p {
		color: #FFF;
		}


/* --------------------------------------------------------------------------------- 
		PRIMARY NAVIGATION
--------------------------------------------------------------------------------- */
  
div.menu ul {
		padding: 0;
		margin: 0;
		}

div.menu li {
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: center;
		width: 91px;
		}
		
div.menu a, .menu a:visited {
		text-decoration:none; 
		color: #FFF; 
		display: block;
		padding: 140px 20px 35px 20px;
 		}
  
div.menu a:hover {
	  	color: #7B98B3; 
		background: url(../img/template/menu-hover.gif);
		text-decoration: underline;
  		}
		
div.menu a.selected {
	  	color: #7B98B3; 
		background: #000 url(../img/template/menu-selected.jpg);
		text-decoration: underline;
  		}
		
/* --------------------------------------------------------------------------------- 
		2ND LEVEL NAVIGATION
--------------------------------------------------------------------------------- */
		
div.breadcrumbs {
		padding-left: 20px;
		float: left;
		width: 467px;
		width: 466px;
		}
		
div.sub-navigation {
		float: left;
		width: 273px;
		text-align: center;
		padding: 0;
		margin: 0;
		}

div.sub-navigation ul {
		padding: 0;
		margin: 0;
		}

div.sub-navigation li {
		float: left;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-right: 1px;
		}
		
div.sub-navigation li.last {
		border-right: 0;
		padding-right: 0;
		}
		
div.sub-navigation a, div.sub-navigation a:visited {
		text-decoration: none;
		display: block;
		width: 90px;
		padding: 10px 0;
		color: #191919;
		background: url(../img/template/submenu.gif) top left no-repeat;
 		}
  
div.sub-navigation a:hover {
	  	color: #191919; 
		background: url(../img/template/submenu.gif) top right no-repeat;
		text-decoration: underline;
  		}
		
div.sub-navigation a.selected {
		color: #FFF;
		text-decoration:none; 
		background: url(../img/template/submenu-selected.gif) top no-repeat;
 		}
		
		
/* --------------------------------------------------------------------------------- 
		FOOTER NAVIGATION
--------------------------------------------------------------------------------- */
		
div.footer-links ul {
		padding: 0;
		margin: 0;
		}

div.footer-links li {
		float: left;
		list-style-type: none;
		padding: 0;
		padding-right: 20px;
		padding-top: 10px;
		margin: 0;
		}
		
div.footer-links a, div.footer-links a:visited {
		text-decoration:none; 
		color: #7B98B3; 
 		}
  
div.footer-links a:hover {
	  	color: #FFF;
		text-decoration: underline;
  		}
		
		
/* --------------------------------------------------------------------------------- 
		GALLERY
--------------------------------------------------------------------------------- */
		
/* Background image and spacing for home page images */

div.gallery {
		width: 720px;
		}
		
div.gallery ul {
		padding: 0;
		margin: 0;
		}

div.gallery li {
		float: left;
		list-style-type: none;
		padding-left: 6px;
		padding-top: 6px;
		background: #FFF url(../img/template/portfolio/bg.jpg) no-repeat;
		width: 233px;
		height: 183px;
		margin-right: 1px;
		}
				
div.gallery li:hover {
		background-image: url(../img/template/portfolio/bg-hover.jpg);
		background-repeat: no-repeat;
		}	
		
div.gallery img {
		border: 0;
		}	
	

/* --------------------------------------------------------------------------------- 
		HOMEPAGE APPEARANCE
--------------------------------------------------------------------------------- */

/* Left hand side column with intro text */

div.home-text {
		float: left;
		width: 468px;
		}
		
div.home-text h1 {
		background: #F0ECEC;
		font-size: 1.3em;
		color: #333;
		width: 468px;
		border-bottom: 1px solid #D7D6D6;
		padding: 10px;
		}

/* Right hand side column with links to portfolio */

div.home-img {
		float: right;
		width: 212px;
		margin: 0;
		padding: 0;
		}
		
div.home-img img {
		border: 0;
		}
		
div.home-img ul {
		padding: 0;
		margin: 0;
		}
		
/* Background image and spacing for home page images */

div.home-img li {
		list-style-type: none;
		padding: 6px;
		background: #FFF url(../img/template/homepage-image-bg.jpg);
		width: 200px;
		height: 112px;
		margin-top: 10px;
		}
		
div.home-img li:hover {
		background: #FFF url(../img/template/homepage-image-bg-hover.jpg);
		}
		
/* --------------------------------------------------------------------------------- 
		CONTACT FORM
--------------------------------------------------------------------------------- */

div.contentarea input {
		background: #F5F5F5;
		padding: 5px 10px;
		border: 1px solid #CCC;
		}
		
div.contentarea textarea {
		background: #F5F5F5;
		padding: 5px 10px;
		border: 1px solid #CCC;
		}