/* CSS for Rik Clay */

/* GENERAL STYLES*/
body {
background:url(images/back.jpg) repeat-x top #B9B9B9;
margin:20px 0 0 0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
color:#000000;
text-align:center;
}
img {
border:none;
}
ul, li {
margin: 0; 
padding: 0;
display:inline;
list-style-type: none;
}
.clear {
clear:both;
}

.list {
display:list-item;
font-size:12px;
list-style:square;
list-style-position:inside;
margin-bottom:1px;
}

.hidden {
display:none;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
#top {
background:url(images/top_back.gif) no-repeat top;
margin:auto;
width:748px;
height:56px;
text-align:left;
}

#photobox {
width:150px;
height:300px;
padding-left:10px;
}

.photo {
padding:0px 0 0 1px;
margin: 0 0 0 0;
}

/*FORM*/

#contact {
width:500px;
}

#contactTable td {
vertical-align:top;
}

/*FOOTER*/

#bottom {
background:url(images/bottom_back.gif) no-repeat top;
margin:auto;
width:748px;
height:46px;
text-align:left;
}

#bottom p {
margin: 0 0 0 0;
padding: 15px 25px 0 30px;
text-align: right;
font-weight: bold;
}

a {
color:#990000;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#cc0000;
}

/*FOOTER*/



#container {
background:#FFFFFF;
margin:auto;
width:700px;
text-align:left;
padding:0 24px 0 24px;
}

#header {
width:700px;
height:40px;
padding-top:20px;
}
.menu {
position:relative;
background:url(images/menu.gif) no-repeat top;
width:700px;
height:34px;
}


/* GENERAL STYLES*/
/*HEADERS*/
h1 {
padding:20px 0px 10px 0px;
font-size:20px;
}

h2 {
padding-left:0px;
font-size:18px;
}


p {
font-size:12px;
}

blockquote {
	padding:13px 10px 12px 10px;
	margin:10px 10px 15px 0px;
	border:1px solid #e2e1e1;
	font-size:90%;
	color:#666666;
	background: url(images/blockquote.gif) repeat-x top left;
	width:500px;
}

/*MENU*/
#nav {
position: absolute;
top: 0px;
left:0;
list-style: none;
margin: 0;
padding: 0;
height: 34px;
display: inline;
overflow: hidden;
width: 700px;
}
#nav li {
margin: 0; 
padding: 0;
display:inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 34px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:34px; /* for IE5/Win */
text-decoration:none; 
}
#nav a:hover {
background-position: 0 -34px;
text-decoration:none;
border:none;
}
#nav a:active, #nav a.selected {
background-position: 0 -34px;
text-decoration:none;
border:none;
}
#nav1home a  {width: 67px; background: url(images/topnav_home.gif) top left no-repeat;}
#nav2about a  {width: 75px; background: url(images/topnav_about.gif) top left no-repeat;}
#nav3web a  {width: 87px; background: url(images/topnav_web.gif) top left no-repeat;}
#nav4graphic a  {width: 100px; background:url(images/topnav_graphic.gif) top left no-repeat;}
#nav5music a  {width: 141px; background:url(images/topnav_music.gif) top left no-repeat;}
#nav6contact a  {width: 97px; background:url(images/topnav_contact.gif) top left no-repeat;}
#nav7remainder a  {width: 133px; background:url(images/topnav_remainder.gif) top left no-repeat;}

/*MENU*/

/*PLACEMENT*/
#placement {
background: url(images/whole_back.gif) top left no-repeat;
width:700px;
height:485px;
margin:6px 0 0 0;
padding:10px 20px 30px 20px;
text-align: left;
}

#placement p {
padding:0 40px 0 0;
}

#contentImage {
float:left;
}

#contentImagenext {
float:left;
margin-left:10px;
}