/****************************************/
/*		   GENERAL SETTINGS				*/
/****************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #10100E url("images/bg_header.jpg") no-repeat top center;
	font-family: "Tahoma", Helvetica, sans-serif;
	font-size: 11px;
}

p {
	margin: 0 0 5px 0;
}

a {
	color: #000000;
	text-decoration: underline;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

/****************************************/
/*				TEMPLATE				*/
/****************************************/
#wrapper {
	width: 750px;
	margin: 30px auto 0 auto;
	background: #FFFFFF url("images/bg_middle.jpg") repeat-y;
}

#header {
	text-align: center;
}

#navigation {
	text-align: center;
}

ul.navigation li {
	display: inline;
	margin: 0 10px 0 10px;
}

#footer {
	width: 750px;
	height: 72px;
	margin: 25px 0 0 0;
	background: #FFFFFF url("images/bg_footer.jpg") no-repeat;
	clear: both;
	text-align: center;
}

/****************************************/ 
/*				ABOUT ME				*/
/****************************************/
table.about {
	width: 450px;
	margin: 0 auto 0 auto;
}

table.about td {
	padding: 10px;
}

table.about p {
	margin: 10px 0 0 0;
}

/****************************************/
/*				CONTACT					*/
/****************************************/
table.contact {
	width: 450px;
	margin: 15px auto 0 auto;
	font-size: 14px;
}

table.contact tr {
	margin: 10px 0 0 0;
}

table.contact td.title {
	vertical-align: middle;
	text-align: right;
}

table.contact td.content {
	vertical-align: middle;
	text-align: left;
	padding: 15px 0 15px 10px;
}

/****************************************/
/*				RESUME					*/
/****************************************/
table.resume {
	width: 525px;
	margin: 15px auto 0 auto;
}

table.resume td.title {
	vertical-align: top;
	text-align: right;
	padding: 10px 0 5px 0;
}

table.resume td.content {
	vertical-align: top;
	text-align: left;
	padding: 10px 0 5px 12px;
}

/****************************************/
/*				PORTFOLIO				*/
/****************************************/
#clients {
	width: 200px;
	margin: 15px 0 0 0;
	text-align: right;
}

#work {
	float: right;
	width: 445px;
	text-align: center;
	margin: 0 50px 25px 0;
}

ul.clients li.selected {
	margin: 10px 0 10px 0;
}

ul.thumbs {
	margin: 0px;
}

img.thumb {
	width: 50px;
	height: 50px;
}

ul.thumbs li {
	display: inline;
	margin: 0 7px 0 7px;
}

/****************************************/
/*				INDEX					*/
/****************************************/
#quote {
	margin: 50px 0 25px 0;
	text-align: center;
}

#footer span.caption {
	font-size: 9px;
	color: #CCCCCC;
}

/****************************************/
/*				DOODLES					*/
/****************************************/
.doodle {
	position: absolute;
	width: 100px;
	height: 100px;
	color: #FFFFFF;
}

/****************************************/ 
/*				MEDIA					*/
/****************************************/
#media {
	width: 525px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#media h2 {
	margin: 8px 0 0 0;
}

#swf_content,#mp3_content {
	margin: 12px 0;
}

#media a {
	text-decoration: underline;
}

/****************************************/
/*				GREETING				*/
/****************************************/
#welcome {
	width: 500px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#message {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 0 0;
	text-align: left;
}

#enter {
	text-align: right;
}

#greeting {
	width: 500px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#codewrap {
	width: 248px;
	height: 65px;
	margin: 0 auto;
	background: url("images/code.gif") no-repeat top center;
}

input.code {
	border: none;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	width: 210px;
	background: none;
	padding: 15px 0 0 0;
	text-align: center;
}

#skip {
	margin: 0 auto;
	text-align: center;
}

a.skip {
	font-size: 10px;
	color: #BDBDBD;
	text-decoration: none;
}