@charset "utf-8";
/* CSS Document */

/* In the following document you will find all my CSS information used on Dave Sims Web Folio website. The code has been split into three different sections,
one for the Elements used in the scripts, one for the Div ID's I have used and the last one for the different classes I have used. Inside each section I have placed 
the elements as best as possible into alphabetical order, this is to help with the speeding up of finding different sections of code.*/

/*-------------------------------------------------------------------Dave Sims Web Folio-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------Elements Code-------------------------------------------------------------------------------*/


a
{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

body
{
	background-color:#3d7f99;
	background-image: url(../images/tile.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:justify;
}

fieldset
{
	border:none;
}

h1
{
	padding-top:15px;
	text-align:center;
}

input
{
	margin-bottom:5px;
}

legend
{
	display:none;
}
/*---------------------------------------------------------------------End Elements Code-----------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------ID Code----------------------------------------------------------------------------------*/
#outer
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}

#banner
{
	background-image:url(../images/banner.png);
	width:900px;
	height:171px;
}

#caption p
{
	text-align:center;
	font-size:10px;
	width:160px;
}

#contactbox
{
	width:500px;
	border: solid 3px #000000;
	margin-left:200px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

#footer
{
	position:relative;
	top:-278px;
	background-image:url(../images/footer.png);
	width:900px;
	height:58px;
}

#leftcolumn
{
	width:150px;
	float:left;
	margin-top:60px;
}

#leftcolumn ul li
{
	list-style:none;
	margin-bottom:2em;
	font-size:15px;
}

#leftcolumn ul li a 
{
	color:#000;
}

#mainarea
{
	position:relative;
	top:-257px;
	width:894px;
	background-color:#daf2b1;
	border-bottom: solid 3px #000000;
	border-left: solid 3px #000000;
	border-right: solid 3px #000000;
	padding-bottom:20px;
}

#mainarea ul li
{
	list-style:none;
	font-size:12px;
}

#mainareaportfolio
{
	position:relative;
	top:-241px;
	width:894px;
	background-color:#99ccff;
	border-bottom: solid 3px #000000;
	border-left: solid 3px #000000;
	border-right: solid 3px #000000;
	padding-bottom:20px;
}


#nav
{
	position:relative;
	top:-32px;
	left:35px;
	float:right;
	text-align:center;
}

#skipnav
{
	position:relative;
	top:-40px;
	float:right;
	font-size:14px;
}

#nav ul, #skipnav ul
{
	list-style:none;
	display:inline;
}

#nav ul li
{
	background-image:url(../images/tab.png);
	float:left;
	height:24px;
	width:139px;
	margin-top:0.5em;
	margin-right:0.2em;
}

#nav ul li.selected
{
	background-image:url(../images/selectedtab.png);
	float:left;
	height:24px;
	width:139px;
	margin-top:0.5em;
	margin-right:0.2em;
}

#nav ul li a, #nav ul li a.selectedlink
{
	position:relative;
	top:2px;
	font-size:15px;
}

#nav ul li a.selectedlink
{
	color:#000000;
}

#rightcolumn
{
	width:735px;
	float:right;
}

#skipnav ul li
{
	float:left;
	margin: 0.5em;
}

#skipnav ul li a
{
	font-size:12px;
	color:#000;
}

/*------------------------------------------------------------------------End ID Code-------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------Classes Code-------------------------------------------------------------------------------*/
a.mainwriting
{
	color:#000;
	text-decoration:underline;
}

a.mainwriting:hover, a.footerlink:hover
{
	color:#F00;
}

.clear
{
	clear:both;
}

p.padding, h3
{
	padding:0px 15px 0px 10px;
	color:#000;
}

p.footer
{
	font-size:14px;
	color:#000;
	padding-top:17px;
	text-align:center;
}

p.warning
{
	font-size:12px;
	font-style:italic;
}

.picture
{
	position:relative;
	top:-185px;
	left:-5px;
	z-index:100;
}

.thumb, #caption
{
	margin: 0px 15px 0px 15px;
	float:left;
}

/*-----------------------------------------------------------------------End Classes Code-------------------------------------------------------------------------------*/