* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
background-color: #fff;
color: #898989;
font-family: arial, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
}

a:link, a:visited, a:active {
font-weight: normal;
color: #000;
text-decoration: none;
}

a:hover {
	color: #E82630;
}

h1 {
color: #000;
font-size: 12px;
font-weight: normal;
padding-bottom: 2px;
}

h2 {
color: #000;
font-size: 12px;
font-weight: normal;
padding-bottom: 0px;
}

p {
padding-bottom: 10px;
font-size: 11px;
}

hr {
position: absolute;
top: 145px;
left: 0px;
width: 927px;
border: 0px;
height: 1px;
background: #ddd;
}

/*General*/

#container {
position: relative;
margin: auto;
width: 927px;
text-align: left;
}

#square-logo {
position: absolute;
right: 10px;
top: 54px;
width: 60px;
height: 60px;
}

#logo-bar {
position: absolute;
left: 0px;
top: 54px;
width: 246px;
height: 60px;
}

/*Main Menu*/

#menuxx {
position: absolute;
right: -12px;
top: 84px;
}

/*Home Page*/

#home-slideshow {
position: absolute;
left: 0px;
top: 0px;
}
/*
#home-contact {
position: absolute;
left: 0px;
top: 520px;
}
*/
#home-copy {
position: absolute;
right: 0px;
top: 0px;
width: 286px;
}


/*Left Copy Page*/

#right-slideshow {
position: absolute;
right: 0px;
top: 0px;
}

#left-copy {
position: absolute;
left: 0px;
top: 0px;
width: 426px;
font-size: 11px;
}

#left-copy ul li {
list-style-type: disc;
margin: 0 0 0 14px;
padding-bottom: 10px;
}



/*Right Copy Page*/

#right-copy {
position: absolute;
right: 0px;
top: 0px;
width: 478px;
font-size: 11px;
}

#right-copy ul li {
list-style-type: disc;
margin: 0 0 0 14px;
padding-bottom: 10px;
}




#category-copy {
position: absolute;
left: 0px;
top: 210px;
width: 517px;
}

.category-tn-repeater {
float: left;
}

.category-tn-repeater img {
margin-right: 8px;
margin-top: 10px;
}



/*Project Pages*/

#project-thumbnails {
position: absolute;
left: 0px;
top: 200px;
width: 950px;
}

.project-tn-repeater {
float: left;
}

.project-tn-repeater img {
margin-right: 10px;
margin-top: 10px;
}

#project-category-menu {
position: absolute;
left: 0px;
top: 150px; /* 620 - 165px; */
}

#project-category-menu li {
display: inline;
list-style: none;
padding-right: 10px;
color: #E82630;
}

#project-category-menu li a {
color: #999;
}

#project-slideshow {
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
background: url('/img/project-background.gif') top left no-repeat;
}

#project-copy {
position: absolute;
left: 0px;
top: 0px;
width: 315px;
z-index: 50;
}

#project-copy h2 {
padding-bottom: 10px;
}

#project-category-menu .parent {
color: #E82630;
}



#selected {
color: #E82630;
}

#content {
	position: absolute;
	left: 0px;
	top: 189px; /* 211px; */
	width: 927px;
}

.nextProject {
font-size: 11px;
padding-top: 10px;
}

.nextProject {
position: absolute;
left: 0px;
top: 430px;
z-index: 50px;
}

#portfolio-grid {
background: url('/img/portfolio-background.jpg') top left no-repeat;
}

.bio-repeater {
padding-bottom: 30px;
position: relative;
float: left;
}

.bio-repeater img {
float: left;
padding-right: 15px;
}

.bio-repeater h2 {
padding-bottom: 10px;
}

/*Drop-down Menu*/
 
#dropdownMenu {
position: absolute;
top: 120px; /* 150 - 66px; */
right: 0px;
font-size: 12px;
text-transform: uppercase;
margin: 0;
padding: 0;
z-index: 100;
}
 
#dropdownMenu .selected {
color: #d34040;
cursor: pointer;
}
 
#dropdownMenu a.parent, #dropdownmenu a.current {
color: #d34040;
}
 
#dropdownMenu ul {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
 
#dropdownMenu ul li {
position: relative;
float: left;
color: #999;
display: inline;
padding: 5px 7px 5px 7px;
cursor: pointer;
}
 
#dropdownMenu ul li a {
color: #999;
}

#dropdownMenu li:hover {
color: #d34040;
}
 
#dropdownMenu li a:hover {
color: #d34040;
}
 
#dropdownMenu ul li ul {
position: absolute;
top: 1em;
left: 2px;
display: block;
visibility: hidden;
}
 
#dropdownMenu ul li ul li {
display: list-item;
top: -120px;
width: 148px;
border-top: 0px;
border-bottom: 1px solid #FFF; /* #CCC */
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
background-color: #FFF; /* #eceef0; */
text-align: left;
padding: 1px 0px 3px 4px;
z-index: 100;
}
 
#dropdownMenu ul li ul li a:hover {
color: #d34040;
}
 
#dropdownMenu ul li ul li:first-child {
border-top: 1px solid #FFF; /* #CCC; */
}
 
#dropdownMenu ul li ul li ul {
left:159px;
top:0;
}
 




/* - - - - - - - - - - - - - - - - - - - - - - - - MooScroller CSS */
	#scroller {
		width: 305px;
		height: 242px;
		margin-top:17px;
	}

	#scroller-content {
		width: 305px;
		height: 242px;
		overflow: hidden;
		float: left;
	}

	.text {
		width: 295px;
		padding-right:10px;
	}

	.vScrollbar {
		float: left;
		
	}
	
	.hScrollbar {
		clear: both;	
		}

	.vTrack {
		height: 242px;
		width: 8px;
		position: relative;
		background: #f2f2f2;
		overflow: hidden;
		background-image: url('/img/vtrack-background.gif');
		background-position: center;			
	}
	
	.hTrack {
		float: left;
		height: 8px;
		width: 242px;
		position: relative;
		background: #f2f2f2;
		overflow: hidden;				
	}			

	.vThumb, .hThumb {
		position: absolute;
		top: 0;
		left: 0;
		height: 8px;
		width: 8px;
		background: #d9d9d9;
		overflow: hidden;
		background-image: url('/img/scroll-background.gif');
		background-repeat: no-repeat;
		background-position: center;
		cursor:pointer;		
	}
	
	.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
		height: 8px;
		width: 8px;
		background: #777;
		overflow: hidden;						
	}
	
	.arrowLeft, .arrowRight, .corner {
		float: left;
		}
		
	.corner {
		background: #000;
		}				
				

#containerBOTTOM {
	position: relative;
	margin: auto;
	width: 927px;
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
}