/* 

STYLE SHEET FOR [WEB SITE]
Created by [AUTHOR NAME]
[URL OF AUTHOR]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
    border: 0;
		}

html {
    font-size: 100%;
    height: 100%;
    }

body {
    background: #000000;
    height: 100%;
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
    color: rgb(175, 175, 175);
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
  	min-height: 100%;
  	height: auto !important;
  	height: 100%;
  	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
    font: 1.2em/1.5;
		}
		
#masthead {
		}

#footer, #pusher {
  	height: 20px; /* .push must be the same height as .footer */
    }

#footer #manager {
    margin: auto 20px 20px;
    float: right;
    }
		
#navContainer {
		font: 1.1em/1 Verdana, Arial, Helvetica, sans-serif;
		background: #d7d7d7;
		text-align: center;
		padding: 7px 0px;
		border-top: 1px solid #898989;
		border-bottom: 1px solid #898989;
		margin-bottom: 10px;
		}

#imgContainer {
		color: rgb(175, 175, 175);
    margin: 0 auto;
		text-align: left;
		padding: 10px;
		width: 450px;
		}

#imgContainer ul li {
		font-weight: bold;
		list-style-type: none;
		float: left;
	  }

	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. links and navigation ---------- */

a {
    text-decoration: none;
		color: rgb(175, 175, 175);
		}
		
a:hover {
    color: rgb(83, 83, 83);
		}

a:visited {
    }

a:active {
    }

a:link {
    }

#imgContainer ul#viewAll li a {
		width: 130px;
		height: 86px;
		color: rgb(175, 175, 175);
		background-color: rgb(30, 30, 30);
		overflow: hidden;
		padding: 0 0 0 86px;
		margin: 1px;
		display: block;
	  }

#imgContainer ul#viewGal li a {
		height: 80px;
		background-color: rgb(30, 30, 30);
		overflow: hidden;
		padding: 3px;
		margin: 1px;
		display: block;
	  }
	
#imgContainer ul#viewAll li a:hover, #imgContainer ul#viewGal li a:hover {
		text-decoration: none;
		color: rgb(0, 0, 0);
		background-color: rgb(175, 175, 175);
	  }
	
#imgContainer ul li span {
		font-weight: normal;
		font-style: italic;
	  }

#navigation ul {
		list-style: none;
		}

#navigation li {
		display: inline;
		padding: 0px 9px;
		border-right: 1px solid #aaaaaa;
		}

#navigation #contactDetailsPageLink {
		border-right: none;
		}

#navigation a:link, #navigation a:visited {
		text-transform: uppercase;
		text-decoration: none;
		}

#navigation a:link {
		color: #000000;
		}

#navigation a:visited {
		color: #222222;
		}

#navigation a:hover {
		text-decoration: underline;
		}

#navigation a:active {
		color: #ff0000;
		}
		
/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
    color: rgb(175, 175, 175);
    margin: 10px 0;
		}

h1 {
    text-align: center;
		}

h2 {
    text-align: center;
		}

h3 {
		}
		
h4 {
		}

p {
		}

ul {
		}

/* ---------- 5. images ---------- */

a img {
		}