/*

	CSS Document: Mark Cranfield
	URI: http://www.markcranfield.com
	Author: Greg Wood

*/



/*
	GENERICS
*/

body {
margin:0;
font-family:"Lucida Sans Unicode", "Lucida Sans", Verdana, Arial;
color: #003366;
background:url(../images/main_bg.jpg) left top no-repeat fixed;
}

body#splash {
background:url(../images/splash_bg.jpg) left top no-repeat;
}

a:link, a:visited {
color:#5b6b8c;
}

a:hover, a:focus {
color:#003366;
}

h2 {
font-size:1.2em;
margin:14px auto;
}

.smaller {
font-size:0.9em;
line-height:1.5em;
}



/*
	MASTHEAD
*/

#masthead {
width:900px;
height:100px;
}

#masthead h1 {
width:600px;
height:100px;
background:url(../images/h1.jpg) top right no-repeat;
overflow:hidden;
text-indent:-9999px;
float:right;
margin:20px 0px;
}



/*
	CONTENT
*/

#content {
width:300px;
padding-left:50px;
padding-right:50px;
margin-left:300px;
float:left;
font-size:0.9em;
line-height:2.0em;
display:inline;
}

#showcase {
float:left;
font-size:0.9em;
line-height:2.0em;
width:600px;
margin-left:100px;
padding-bottom:50px;
display:inline;
}

p.images a:link img,
p.images a:visited img {
margin:0 40px;
border:5px solid #999;
}

p.images a:hover img,
p.images a:focus img {
border:5px solid #666;
}



/*
	SIDE
*/

#side {
width:200px;
float:left;
font-size:0.8em;
}

#side ul {
list-style:none;
margin:12px auto;
text-align:right;
}

#side ul li {
padding-bottom:1.0em;
}

.sidebox {
width:130px;
height:130px;
margin:35px 0 35px 70px;
background:#ccc;
border:2px solid #ccc;
z-index:0;
}