/*CSS style sheet - Portfolio Gareth Scammell  */


/*Generic settings*/

*
{
	padding: 0;
	margin: 0;
}

body
{
	background-color:#202020;
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin: 0 0 10px 0;
 	padding: 0px;
  	font-size: 0.9em;	
}	

div#main 
{
	width: 65em;
  	max-width: 100%;
  	min-width: 600px;
  	margin: 0px auto 0px auto;
}

a
{
	color:#767676;
}

a:hover
{
	color:#FFFFFF;
}

/* header container*/
h1#title 
{
  	margin: 0px 0px -30px 0px;
  	padding: 0px;
  	font-weight: normal;
  	text-align: left;
  	font-size: 1.9em;
  	position: relative;
  	z-index: 500;
  	left: 20px;
	color:#767676;
}



div#header
{
	background-color: #333333;
  	padding: 5px;
  	margin: 0px 0px 0px 0px;
}


/* navigation container */

div#navigation
{
	background-color: #333333;
  	padding: 5px;
  	margin: 0px 0px 0px 0px;
}

/* break container */
.break
{
	padding: 5px;
  	margin: 0px 0px 0px 0px;
}

/*toprow container*/
div#toprow
{
	background-color: #333333;
  	padding: 5px;
  	margin: 0px 5px 0px 5px;
}

div#toprow img
{
	position: relative;
	left: 80px;
	border:1px solid #767676;
}

/* content container */

h2
{
	font-size:1.2em;
	color:#767676;
}

h3
{
	font-size:1em;
	color:#767676;
}

div#content 
{
  background-color: #333333;
  padding: 40px;
  margin: 0px 0px 0px 0px;
}

div#content p 
{
    padding: 5px 0px 5px 0px;
    margin: 0px;
}

div#content img
{
	position: relative;
	left: 90px;
	display:inline;
	border:1px solid #767676;
}



div#content dd
{
	position: relative;
	left: 10px;
	padding: 0px 5px 0px 5px;
}

.linklist
{
	position: relative;
	left: 40px;
	padding:0;
}

/*image gallery*/
div#imageList
{	
	margin:2px;
	padding: 0px 50px 0px 50px;
	height:110px;
	width:auto;
	float:inherit;
	clear:both;
}

div#imageList img
  {
  float:left;
  position: relative;
  display:inline;
  margin:3px;
  border:1px solid #767676;
  }

div.desc
  {
  float:right;
  text-align:left;
  font-weight:normal;
  width:350px;
  
  margin:2px;
  }













/*scrolling div
div#scrollDiv
{
	background-color: #202020;
	height: 150px;
	padding: 0px;
	margin: 5px 50px 5px 50px;
	overflow-y:scroll;
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;	
}  
*/

/* footer container*/
div#footer 
{
  background-color: #333333;
  padding: 5px;
  margin: 0px 0px 0px 0px;
  font-size: 0.8em;
  text-align: center;
}