body 
{
	text-align:center;
	background: #F4F4F4;
	font-family: 'Lucida Sans';
	background: #292929 url(../images/body.png) repeat-x left top;
}

#wrapperContent
{
	width:750px;
	height:100%;
	margin-left:44px;
	text-align: center;
	position: relative;
	float:left;
	border-bottom:40px solid #FFFFFF;
}

#wrapperHeader
{
	margin: 10px;
	position:relative;
}

#wrapperTop
{
background-color:#ffffff;	
}

#wrapperMiddle
{
background-color:#ffffff;
padding:5px;	
}

#wrapperTagline
{
	text-align:left;
	font-family: 'Lucida Sans'; 
	font-weight: bold;
	font-size:10px;
	padding-top: 5px;
	
}

#wrapperTopBox
{
border:1px solid #999999;
height:200px;
padding-left:10px;
padding-top:10px;
text-align:left;
}

#uxHeaderBox
{
	height:200px;	
	width:100%;
	font-family:Arial;
	font-size:12px;
}

#slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
    padding-top:10px;
}

.scroll {
    height: 510px;
    width: 618px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background-color:#ffffff;
    border-bottom:solid 1px #000000;
    border-right: solid 1px #000000;
    border-left: solid 1px #000000;
    padding-bottom:5px;
}

.scrollContainer div.panel {
    padding: 20px 20px 20px 20px;
    height: 510px;
    width: 580px;
	text-align:left;
}

#shade {
    background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	background-color:#666666;
    padding-bottom: 4px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
    background-color:#666666;
    
}

ul.navigation a {
    padding: 0px 10px 10px 10px;
    color: #000;
    text-decoration: none;
    color:#ffffff;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
    color: #333333;
}

ul.navigation a.selected {
    background-color: #fff;
    color: #000;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.panelRow{
background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}



.description
{
	text-align:left;
	vertical-align:top;
	height:220px;
	width:150px;
	font-size:10px;
}

.projectTitle
{
  font-weight:bold;	
}

.galleryImage
{
	width:400px;
	text-align:center;
}




#wrapperContact
{
	display:none;
	padding:20px;
	font-size:11px;
	text-align:left;	
}

#wrapperResume
{
	display:none;
	padding:20px;
	font-size:11px;
	text-align:left;	
}