body {
	background-color: #000000;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font: 0.8125em Verdana, sans-serif; 
	line-height: 1;
}
#outerframe {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	text-align: left;
	height: 750px;
	color: #808080;
	line-height: 1.5em;
	font-size: 0.9em;
}
#head {
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	height: 160px;
}
#ufo {	padding-top: 50px;	}

#portfolio {
	width: 800px;
	float: right;
	margin-right: 10px;
}

#sidenav { width: 160px; margin-left: 10px; }

#footer { color: #262626; float: right; font-size: .8em; }

p { margin-bottom: 1.5em; }
h2 { font-weight: bold; color: #FFFFFF; }
h3 { font-weight: bold; color: #aeaeae; }
strong { font-weight: bold; }
.content {	height: 500px;	width: 800px; }
.soon {	color: #262626;	text-decoration: line-through; }

.content .column {
	width: 300px;
	height: 470px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.content .column2 {
	width: 300px;
	height: 470px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}


/* dirty cheats to colour the text selection box - naughty */

::selection {
	background: #00c5d7; /* Safari */
	color: #000000;
	}
::-moz-selection {
	background: #00c5d7; /* Firefox */
	color: #000000;
}

/* links */

a:link, a:visited { color: #5e5e5e; }
a:hover, a:active { color: #00c5d7; }

#sidenav a:link, #sidenav a:visited { color: #5e5e5e;	text-decoration: none; }
#sidenav a:hover, #sidenav a:active { color: #00c5d7; text-decoration: none; }

ul#topnav {
	position: relative;
	left: 152px;
}
ul#topnav li { float: left; }
ul#topnav li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 30px;
}
ul#topnav #link1 a:link, ul#topnav #link1 a:visited {	width: 87px; background-image: url(../images/button1.gif); background-position: 0px 30px; }
ul#topnav #link2 a:link, ul#topnav #link2 a:visited {	width: 75px; background-image: url(../images/button2.gif); background-position: 0px 30px; }
ul#topnav #link3 a:link, ul#topnav #link3 a:visited {	width: 58px; background-image: url(../images/button3.gif); background-position: 0px 30px; }
ul#topnav #link4 a:link, ul#topnav #link4 a:visited {	width: 180px; background-image: url(../images/button4.gif); margin-left: 230px; background-position: 0px 30px; }

ul#topnav #link1 a:hover, ul#topnav #link1 a:active {	width: 87px; background-image: url(../images/button1.gif); background-position: 0px 0px; }
ul#topnav #link2 a:hover, ul#topnav #link2 a:active {	width: 75px; background-image: url(../images/button2.gif); background-position: 0px 0px; }
ul#topnav #link3 a:hover, ul#topnav #link3 a:active {	width: 58px; background-image: url(../images/button3.gif); background-position: 0px 0px; }
ul#topnav #link4 a:hover, ul#topnav #link4 a:active {	width: 180px; background-image: url(../images/button4.gif); margin-left: 230px; background-position: 0px 0px; }

.ui-tabs-hide { display: none; }
.ui-tabs-nav {
	height:36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #262626;
} 
.ui-tabs-nav li { float: left; padding-top: 8px; }
.ui-tabs-nav li a:link, .ui-tabs-nav li a:visited {color: #5e5e5e; text-decoration: none; margin-right: 20px; }
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:active {color: #00c5d7; text-decoration: none; margin-right: 20px; }
.ui-tabs-nav li.ui-tabs-selected a { color: #FFFFFF; text-decoration: none; }


/* form */

form#two {
	width:310px;
	margin-left: 10px;
	display:block;
}
form#two fieldset#current p {padding:4px; margin:0;}

form#two fieldset {}
form#two fieldset:hover {}
form#two fieldset#opt:hover {}

form#two legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #fff; margin-bottom:15px; padding:6px; background:none; color:#fff;}
* html form#two legend { padding:0 0 30px 0; margin:5px 0 0 0; border:none;}

form#two label {
	clear:left;
	display:block;
	width:160px;
	text-align:left;
	margin-bottom:0.1em;
}

form#two input {
	padding-left:0.5em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	color: #fff;
	width:300px;
	background:#000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #262626;
}
form#two input:hover, form#two textarea:hover { background-color:#00c6d8; color:#fff;}
form#two input:focus, form#two textarea:focus { background-color:#000; color:#fff;}

form#two select {margin:0 0 0.5em 0.5em;}
form#two textarea {
	width:300px;
	height:15em;
	color: #fff;
	padding-left:0.5em;
	overflow:auto;
	background:#000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #262626;
	margin-bottom: 0.2em;
}

form#two option {background:#fff; color:#b80b38;}
form#two optgroup {background:#fff; color:#000; font-style:normal;}
form#two optgroup option {background:#fff; color:#b80b38;}
form#two #sendbutton { padding:0.1em; cursor:pointer; width:150px; background:#000; border:1px solid; border-color:#262626; }
form#two #sendbutton:hover {color:#fff; background:#00c6d8; border:1px solid #00c6d8; }