* {margin:0; padding:0}
	body{margin:0; padding:0px; font:11px Verdana,Arial}

#hiddenPic {display:none}

h1 {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 15px;
	color:#999
}

p {
	font-size: 11px;
	color: #033;
	line-height:1.4;
	margin-bottom:10px;
}

#architect p {
	font-size: 11px;
	color: #033;
	padding:0px;
	text-align:left;
}

#architect h1 {
	font-size: 11px;
	color: #033;
	padding:0px;
	text-align:left;
}
#contactInfo {
	position:absolute;
	width:600px;
	height:55px;
	z-index:5;
	left: 0px;
	top: 545px;
}



#aboutTangram p{font-size: 12px;
	color: #033;
	line-height:1.4;
	margin-bottom:15px;
	text-align:justify
}

#aboutRob p{font-size: 12px;
	color: #033;
	line-height:1.4;
	margin-bottom:15px;
	text-align:justify
}



#contactInfo p{font-size: 11px;
	color: #033;
	line-height:1.8;
	text-align:left;
}




#dhtmlgoodies_slideshow{
	width:522px;
	position:absolute;
	left:61px;
	top:200px;
	
	}
	
	#previewPane{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	padding:10px;
	position:absolute;
	/* CSS HACK */
		height: 312px;	/* IE 5.x */
	height/* */:/**/300px;	/* Other browsers */
	height: /**/300px;
	z-index: 0;
	left: -4px;
	top: 0px;
	}
	
	
	
	#previewPane img{
	width: 500px;
	height:300px;
	left: 0px;
	top: 61px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	}
	
	#navbar {
	position:absolute;
	width:250px;
	height:70px;
	z-index:1;
	left: 508px;
	top: -171px;
	
	
	
	}
	
	#galleryContainer{
	height:30px;	/* Height of the images + 2 */
	width:215px;
	position:relative;
	overflow:hidden;
	padding:1px;
	/* CSS HACK */
		height: 30px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/30px;	/* Other browsers */
	height: /**/46px;
	top: 0px;
	left: 0px;
				
	}
	#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:0px;
	top: 1px;
	}
	#arrow_right{
	position:absolute;
	right:-1px;
	z-index:10;
	background-color: #FFF;
	padding:0px;
	top: 1px;
	}
	#theImages{
	position:absolute;
	height:30px;
	left:560px;
	width:327px;
	top: -181px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
#theImages img{
	float:left; 
	margin:0 4px 0 0;
	padding:2px;
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor:pointer; 
	border:1px solid #333}
	
#theImages hover:


li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
	
	
	
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
	

	
#scrollwrapper {width:auto; height:280px; margin: 0px; padding: 10px; }


#scroll {
	position:relative;
	width:310px;
	height:281px;
	overflow:auto;
	z-index: 35;
}
#scrollcontent {
	position:absolute;
	width:263px;
	height: auto;
	left: 10px;
	top: 0px;
}
#scrollbar {float:right; position:relative; width: 14px; display:none; height:280px; z-index:100;background:#CCC}
.scroller {position:absolute; top:0; width:12px;cursor:pointer; background-color:#FC0; background-position:50% 50%; background-repeat:no-repeat;background-image:url(scripts/images/scoller_arrow.gif);border:1px solid #033}
.buttonclick {background-color:#FC0}








.sliderbutton2 {
	float:left;
	width:32px;
	padding-top:134px;
	background:#FFFFFF
}
.sliderbutton2 img {cursor:pointer}
.sliderbutton2 img:hover {background:#666}
#slider2 {
	float:left;
	position:relative;
	overflow:auto;
	width:480px;
	height:500px;
	background:#fff;

}
#slider2 ul {
	position:absolute;
	list-style:none;
	padding:10px;
	left: 0px;
	top: 0px;
}
#slider2 li {float:left; width:500px; height:500px}

#slider2 p {margin-top:10px;font-size:11px}

.pagination2 {float:left; list-style:none; height:25px; margin:15px 0 0 32px}
.pagination2 li {float:left;cursor:pointer;padding:5px 8px;background:#FFF;border:1px solid #033;margin:0 4px 0 0;text-align:center;color:#033;font-size: 11px}
.pagination2 li:hover {background:#FC0; border:1px solid #000; color:#033}
li.current2 {border:1px solid #033; background:#FC0;color:#033}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}



#accordion {
	position:absolute;
	width:325px;
	height:115px;
	z-index:20;
	left: 60px;
	top: 74px;
}
.accordion {
	width:400px;
	font:12px Verdana,Arial;
	color:#033;
	text-align:justify;
	line-height:1.4
}
.accordion dt {
	width:325px;
	padding:8px 0px 8px 0px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	text-align:right;
	font-style:italic;
}

.accordion dt:hover {color:#033;text-decoration:underline
}
.accordion dd {
	overflow:hidden
}
.accordion span {
	display:block;
	width:325px;
	border-top:none;
	padding:15px 0px 15px 0px;
}

#accordion2 {
	position:absolute;
	width:325px;
	height:115px;
	z-index:20;
	left: 60px;
	top: 74px;
}
.accordion2 {
	width:400px;
	font:12px Verdana,Arial;
	color:#033;
	text-align:justify;
	line-height:1.4
}
.accordion2 dt {
	width:325px;
	padding:8px 0px 8px 0px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	text-align:left;
	font-style:italic;
}
.accordion2 dt:hover {color:#033;text-decoration:underline
}
.accordion2 dd {
	overflow:hidden
}
.accordion2 span {
	display:block;
	width:325px;
	border-top:none;
	padding:15px 0px 15px 0px;
}
#menunav {
	position:absolute;
	width:599px;
	height:auto;
	z-index:3;
	left: 0px;
	top: 0px;
	
}

body {
	font:11px Verdana,Arial
}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#999; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:-1px}
ul.menu ul {position:absolute; top:24px; left:0; background:#ededed; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:176px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px}
ul.menu ul li a:hover {background-color:#FFF}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 0px 0px 7px; font-weight:bold; background:url(images/header_gr.gif); width:81px;height:20px}
ul.menu .menulink:hover, ul.menu .menuhover {color:#033;background:url(images/header_over_gr.gif)}
ul.menu .topline {border-top:1px solid #aaa}

ul.menu .menulinkNone {padding:5px 0px 0px 7px; font-weight:bold; background:url(images/header_gr.gif); width:81px;height:20px}



.text#header {list-style:none; margin:0; padding:0;text-align:right}
.text#header {font-style:italic;font-weight:bold;font-size:12px;margin-bottom:15px;color:#033}

.bottomnav {list-style:none; margin:0; padding:0;font-style:italic;text-align:left;font-weight:bold;font-size:12px;margin-top:15px;text-height:1.4}
.bottomnav a {color: #033}
.bottomnav a:hover {color:#033;text-decoration:underline}
.bottomnav .bottomlink {text-decoration:none}

.appNav {list-style:none; margin:0; padding:0;text-align:left}
.appNav {font-weight:normal;font-size:12px;margin-top:0px}
.appNav a {color: #033}
.appNav a:hover {color:#069}
.appNav .applink {text-decoration:none}

#projectList {
	position:absolute;
	width:169px;
	height:115px;
	z-index:100;
	left: 26px;
	top: 204px;
}
ul.project {list-style:none; margin:0; padding:0}
ul.project * {margin:0; padding:0}
ul.project a {display:block; color:#000; text-decoration:none}
ul.project li {position:relative; float:left; margin-right:2px}
ul.project ul {position:absolute;top:0px; left:148px; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.project ul li {position:relative; border:1px solid #999; border-top:none;border-bottom:none; width:200px; margin:0}
ul.project ul li a {display:block; padding:5px 7px 7px; background-color:#FFF}
ul.project ul li a:hover {background-color:#EBEBEB}
ul.project ul ul {left:148px; top:-1px}
ul.project .projectlink {border:1px solid #999; padding:5px 7px 7px; font-weight:bold; background:#FFF url(images/arrow.gif) 136px 8px no-repeat; width:134px}
ul.project .projectlink:hover, ul.project .projecthover {background:#EBEBEB url(images/arrow.gif) 136px 8px no-repeat}
ul.project .topline {border-top:1px solid #999}
ul.project .bottomline {border-bottom:1px solid #999}