/* Page traits */
html, body {
	margin: 0;
	padding: 0;
	background: #000000 url(/img/binary.png) repeat fixed;
}

body {
	color: #DFDFDF;
	font-family: verdana, sans-serif, arial;
	font-size: 80%;
}

/* Layout */
#container {
	clear: right;
	position: relative;
	margin: 16px 0 0 10%;
	padding: 4px;
	width: auto;
	height: 100%;
	background: #222222;
	border: 2px solid #000000;
	overflow: hidden;
}

#header {
	margin-bottom: 0.25em;
	height: 92px;
	background: #000000 url(/img/headerback.png) repeat-x;
	border: 1px solid #000000;
	font-size: 52px;
}

#title { float: left; }

#start { margin-top: -15px; margin-bottom: 0; padding: 0; height: 0; }

#content { margin-right: 180px; }

#nav {
	float: right;
	width: 167px;
	background: #5E6570;
	border: 1px solid #000000;
	/* Start IE5 Mac filter \*/
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	/* End IE5 Mac filter */
}

#summary { 
	margin-top: 24px;
	margin-bottom: 24px;
}

#footer {
	position: absolute;
	top: 99%;
	left: 99%;
	margin-top: -1em;
	margin-left: -114px;
	width: 167px;
	color: #333333;
	font-size: 10px;
	font-style: italic;
}

/* Menu */
#menu { margin: 0; padding: 0; list-style: none; }
#menu li { margin: 3px; border: 1px solid #000000; }
#menu li a { display: block; width: 159px; height: 40px; }
#menu li a span { display: none; }

/* Buttons */
li#index a { background: #000000 url(/img/buttons.png)  0 0 no-repeat; }
li#services a { background: #000000 url(/img/buttons.png) -159px 0 no-repeat; }
li#portfolio a { background: #000000 url(/img/buttons.png) -318px 0 no-repeat; }
li#about a { background: #000000 url(/img/buttons.png) -477px 0 no-repeat; }
li#contact a { background: #000000 url(/img/buttons.png) -636px 0 no-repeat; }

/* Hovers */
li#index a:hover { background: #000000 url(/img/buttons.png)  0 -40px no-repeat; }
li#services a:hover { background: #000000 url(/img/buttons.png) -159px -40px no-repeat; }
li#portfolio a:hover { background: #000000 url(/img/buttons.png) -318px -40px no-repeat; }
li#about a:hover { background: #000000 url(/img/buttons.png) -477px -40px no-repeat; }
li#contact a:hover { background: #000000 url(/img/buttons.png) -636px -40px no-repeat; }

/* Typography */

/* Linkage */
#content a { color: #AA2222; border: 1px solid #222222; text-decoration: none; font-weight: bold; }
#content a:hover { color: #000000; background: #AA2222; border: 1px solid #000000; }
#content td.preview a { background: none; border: none; }

/* Headers */
h1 { 
	margin-top: 0;
	padding-left: 1em;
	color: #000000;
	background: #AA2222;
	border: 1px solid #000000;
	font-size: 1.75em;
	font-family: sans-serif, arial;
}

/* Paragraphs */
p { padding-left: 1.75em; }
p.alert { color: #AA2222; font-weight: bold; }

/* Emphasis */
strong { border-bottom: 1px solid #AA2222; }
em { font-style: normal; font-weight: bold; }

/* Definitions */
dl { padding-left: 1em; padding-top: 0.5em; }
dt { text-decoration: underline; }
dd { margin-left: 1em; padding: 0.2em 0; }
dd.name { font-size: 1.2em; font-weight: bold; }

/* Tables */
tr { height: 12.5em; }
td { width: 28em; }

/* Images */
a img { border: none; }
td.preview img { margin-top: 2em; margin-left: 8em; border: 1px solid #000000; }
td.preview a:hover img { background: #AA2222; border: 1px solid #AA2222; }

/* Hide/Reveal */
div.hide { float: left; padding: 0.5em 1em 1em 1em; }
div.drop { margin-bottom: 1.2em; padding: 0.5em; border: 1px solid #AA2222; }

/* Forms */
form { margin-left: 1.75em; }
input {
	margin-bottom: 1em;
	width: 16em;
	color: #000000;
	background: #5E6570;
}
input.submit { width: 4em; }
input.button {
	float: right;
	margin: 0;
	padding: 0;
	width: 6em;
	background: #AA2222;
	border: 1px solid #000000;
}

textarea {
	width: 18em;
	height: 8em;
	color: #000000;
	background: #5E6570;
}