body {
	background-color: #000000;
}

#wrapper {
	background-color: #333333;
	height: 600px;
	width: 800px;
	min-height: 600px;
	min-width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0;
}

#header {
	float: right;
	padding: 5px 40px 0 0;
}

#header a:link {
	color: #333333;
}

#header a:visited {
	color: #333333;
}

#nav {
	float: left;
	margin-left: 10px;
	margin-right: auto;
	margin-top: 20px;
	width: 469px;
	font-family: Arial, Helvetica, sans-serif;
}

#home {
	padding: 200px 0 0 0;
	margin: 0;
	color: #ffffff;
	font-size: 10px;
	height: 500px;
	width: 300px;
	/*background-color: #666666;*/
}

#home a:link {
	color: #FFFFFF;
}

#home a:visited {
	color: #FFFFFF;
}

#home a:hover {
	color: #FF6600;
}

#nav1 {
	margin: 10px 10px 10px 10px;
	color: #FFF;
}

#nav1 a:link {
	color: #FFFFFF;
}

#nav1 a:visited {
	color: #FFFFFF;
}

#nav1 a:hover {
	color: #FF6600;
}

#about {
	padding: 200px 0 0 0;
	margin: 0;
	color: #ffffff;
	font-size: 10px;
	height: 500px;
	width: 400px;
	/*background-color: #666666;*/
}

#about a:link {
	color: #FFFFFF;
}

#about a:visited {
	color: #FFFFFF;
}

#about a:hover {
	color: #FF6600;
}

#resume {
	padding: 100px 0 0 0;
	margin: 0;
	color: #ffffff;
	font-size: 10px;
	height: 500px;
	width: 550px;
	/*background-color: #666666;*/
}

#resume a:link {
	color: #FFFFFF;
}

#resume a:visited {
	color: #FFFFFF;
}

#resume a:hover {
	color: #FF6600;
}

#portfolio {
	padding: 100px 0 0 0;
	margin: 0;
	color: #ffffff;
	font-size: 10px;
	height: 500px;
	width: 550px;
	/*background-color: #666666;*/
}

#portfolio h3 a:link {
	color: #ffffffS;
}

#portfolio h3 a:visited {
	color: #fffffF;
}

#portfolio h3 a:hover {
	color: #FF6600;
}

#footer {
	position: absolute;
	top: 586px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#footer a:link {
	color: #FFFFFF;
}

#footer a:visited {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FF6600;
}

#twitter {
	position: absolute;
	top: 125px;
	float: right;
	margin-left: 580px;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#twitter a:link {
	color: #FFFFFF;
}

#twitter a:visited {
	color: #FFFFFF;
}

#twitter a:hover {
	color: #FF6600;
}

#links {
	font-size: 16px;
	float: left;
}

.copyright {
	float: right;
}

#content {
	color: #FFFFFF;
	margin: 50px 40px 0px 20px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { 
	display: none; 
}

.ui-helper-hidden-accessible { 
	position: absolute; 
	left: -99999999px; 
}

.ui-helper-reset { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 0.5; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none; 
}

.ui-helper-clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.ui-helper-clearfix { 
	display: inline-block; 
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { 
	height:1%; 
}
.ui-helper-clearfix { 
	display:block; 
}
/* end clearfix */
.ui-helper-zfix { 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	position: absolute; 
	opacity: 0; 
	filter:Alpha(Opacity=0); 
}

/* Component containers
----------------------------------*/
.ui-widget { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 18px; 
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
	font-family: Verdana,Arial,sans-serif; 
	font-size: 15em; 
}

/*.ui-widget-content { 
	border: 1px solid #000000; 
	background: #333333 url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; 
	color: #333333; 
}*/

.ui-widget-content a { 
	color: #333333; 
}

.ui-widget-header { 
	border: 1px solid #000000; 
	background: #333333 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
	color: #000000; 
	font-weight: bold; 
}

.ui-widget-header a { 
	color: #000000; 
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { 
	border: 1px solid #000000; 
	background: #666666 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #333333; 
	outline: none; 
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
	color: #ffffff; 
	text-decoration: none; 
	outline: none; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
	border: 1px solid #999999; 
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #ffffff; 
	outline: none; 
}

.ui-state-hover a, .ui-state-hover a:hover { 
	color: #ffffff; 
	text-decoration: none; 
	outline: none; 
}

.ui-state-active, .ui-widget-content .ui-state-active { 
	border: 1px solid #aaaaaa; 
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; 
	font-weight: normal; 
	color: #FFFFFF; 
	outline: none; 
}	
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	color: #000000; 
	outline: none; 
	text-decoration: none; 
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
}

.ui-corner-tr { 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}

.ui-corner-bl { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
}

.ui-corner-br { 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}

.ui-corner-top { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
}

.ui-corner-bottom { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}

.ui-corner-right {  
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
}

.ui-corner-left { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
}

.ui-corner-all { 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

/* Overlays */
.ui-widget-overlay { 
	background: #000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
	opacity: .30;
	filter:Alpha(Opacity=30); 
}

.ui-widget-shadow { 
	margin: -8px 0 0 -8px; 
	padding: 8px; 
	background: #000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
	opacity: .30;
	filter:Alpha(Opacity=30); 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

/* Tabs ----------------------------------*/
.ui-tabs { 
	padding: .2em; 
	zoom: 1; 
}

.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	padding: .2em .2em 0; 
}

.ui-tabs .ui-tabs-nav li { 
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0 .2em -1px 0; padding: 0; 
}

.ui-tabs .ui-tabs-nav li a { 
	float: left; 
	text-decoration: none; 
	padding: .5em 1em; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px; 
	border-bottom-width: 0; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text; 
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer; 
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
	padding: 1em 1.4em; 
	display: block; 
	border-width: 0; 
	background: none; 
}

.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}


/* Light Box */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}