@charset "UTF-8";
/* CSS Document */

body, html { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; color:#454866; height:100%;}

body { background: url(layout/body_bg.jpg) repeat-x #d7d8db; }

div.heightDiv { min-height:100%; height:auto !important; height:100%;}

h1 {display:inline; margin:0px 0px 5px 0px; font-size:11px; background:#d29e11; padding:2px; font-weight:normal;}
h5 {display:inline; color:#1d2026; font-size:11px; background:#a7b2d2; padding:2px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
p {margin:5px 0px 5px 0px;}
a.borderButton {padding:1px;color:#9f9f9f;border:solid 1px #e2e2e2;text-decoration:none;background:#fafafa;}
div.pdf { text-decoration:none; display:block; padding-left:20px; background:url(layout/pdf.gif) no-repeat left; padding-bottom:1px; padding-top:2px; margin:10px 0px 0px 0px;}
div.mov { text-decoration:none; display:block; padding-left:20px; background:url(layout/mov.gif) no-repeat left; padding-bottom:1px; padding-top:2px; margin:10px 0px 0px 0px;}
a.link {color:#1d2026; font-size:10px; background:#a7b2d2; padding:2px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none;}
a.none {text-decoration:none;}

a.tabButton {display:block; height:11px; float:left; color:#1d2026; font-size:10px; background:#a7b2d2; padding:3px 5px 5px 5px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:none; border-left:1px solid #666; border-top:1px solid #666; border-bottom:1px solid #666; text-align:center; line-height:11px;}

a.last { border-right:1px solid #666; margin-right:-1px; }
a.activeButton { background:none; border-bottom:none; margin-left:-1px;}
div.firstTabArea {float:left; height:20px; border-bottom:1px solid #666; width:10px;}
div.lastTabArea {float:left; height:20px; border-bottom:1px solid #666; width:484px;}


img.headImg {height:54px;}
div.intro {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; margin:20px 0px 10px 0px;}
div.list {float:left; width:60px; color:#b4870c; font-weight:bold;}
div.listcontainer { border:1px solid #CCC; padding:5px;}
img.floatLeft {float:left; padding-bottom:1px;}
img.floatRight {float:right; padding-bottom:1px;}
h4 {font-size:9px; color:#8487ad; margin:3px 0px 0px 0px; font-style:italic; font-weight:normal; padding:0px;}

/*header*/
	div.header { height:100px; background:#55607f; border-bottom:10px solid #8993b0;}
	div.logo{position:relative;margin:auto;width:820px;background:url(layout/header.jpg) right 10px no-repeat;height:84px;}
	div.logos {position:absolute; bottom:-10px; left:12px;}
	div.logos img {border:none;}


/*content*/
	div.content {padding:0px 67px 0px 0px; position:relative; width:900px;}
	div.background {position:absolute; left:213px; top:0px; background:url(layout/background.jpg) repeat-y #ffffff; width:687px; z-index:-1}

	/*contentMain*/
		div.contentMain {float:left; width:687px;}
		div.contentText {padding:30px 30px 15px 30px;}
		
		div.contentTextLeft {float:left; width:298px; padding-right:15px; padding-top:15px; padding-bottom:15px;}
		div.contentTextRight {float:left; width:298px; padding-left:15px; padding-top:15px; padding-bottom:15px;}
		div.contentOneColumn {float:left; width:456px; padding-top:15px; padding-bottom:15px;}
	
	/*leftbar*/
		div.name { padding-left: 20px; padding-bottom: 30px;}
		div.leftBar { float:left; width:213px; padding-top:30px; padding-bottom:25px;}
		
		div.contentBlockLeft {padding:25px 0px 20px 0px; background-position:top left;background-repeat:no-repeat;}
		div.contentBlockLeft img {margin-bottom:7px;}
		div.links {
			background:#ececec;
			padding-right:16px;
			padding-top:11px;
			padding-left:20px;
			padding-bottom:11px;
			}
		div.links_top {background:url(layout/leftBarTop.png) top left no-repeat;height:17px;}
		div.links_bottom {background:url(layout/leftBarBottom.png) top left no-repeat;height:17px;}
		div.reflectionTitle {background-image:url(layout/reflectionsTitle.jpg);}
		div.workTitle {background-image:url(layout/workTitle.jpg);}
		div.readMore{text-align:right;margin-top:6px;}
		img.leftPic {
			float:left;
			padding:0px 10px 3px 0px;
		}
		div.aboutMeButtons {padding-left: 20px;  margin-top:30px;}
		
		a.menuitem {border-bottom:solid 1px #cacaca; display: block; padding: 6px; color:#454866; text-decoration: none;}
		a.menuitem:hover {background: url(layout/menu_hover.jpg) repeat-y;}
		a.menuitem_active {border-bottom:solid 1px #cacaca; display: block; padding: 6px; color:#454866; text-decoration: none; background: url(layout/menu_active.jpg) repeat-y;}
		
	
	/*rightbarVariable*/
		div.rightBarVariable { position:absolute; top:0px; left:900px; width:0px; z-index:5; overflow:hidden;}
		div.rightBarLeft { position:absolute; left:0px; top:0px; width:6px; line-height:0px; font-size:0px; background:url(layout/rightBarBgLeft.png) repeat-y left; height:100%;}
		div.rightBarVariableText { background:#ececec; margin-left:6px; height:100%;}
		
		div.buttonPositioner { position:absolute; text-align:right; right:3px; line-height:16px; width:167px;}
		div.bPsmall {margin-top:8px;}
		div.bPmedium {margin-top:25px;}
		div.bPlarge {margin-top:51px;}
		div.buttonPositioner a { background:#d29e11; text-decoration:none; color:#454866; padding:2px;}
		div.line {font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 5px; padding-left: 18px; font-style: italic; position: absolute; right: 1px; width: 149px; background: url(layout/dashedLine.png) no-repeat right bottom;}
	
	/*rightbar*/
		div.rightBar { position:absolute; top:0px; left:900px; width:36px; background:url(layout/rightBarBg.png) right repeat-y;}

		div.buttonsMenu { padding-left:7px;}
		div.buttonsMenu_pastProjects {margin-top:229px; display:none;}
		div.buttonsMenu_recentWork{margin-top:100px; display:none;}
	
		div.tab { position:absolute; left:28px; cursor:pointer; display:none;}
		
		div.activeTab_pastProjects { top:250px; height:141px; width:39px; background:url(layout/activeTab_pastProjects.png); z-index:0;}
		div.activeTab_recentWork { top:130px; height:141px; width:39px; background:url(layout/activeTab_recentWork.png); z-index:0;}
		
		div.inactiveTab_recentWork { top:150px; height:102px; width:29px; background:url(layout/inactiveTab_recentWork.png); z-index:1;}
		div.inactiveTab_pastProjects { top:269px; height:102px; width:29px; background:url(layout/inactiveTab_pastProjects.png); z-index:1;}
	
		a.menuButton { display:block; text-decoration:none; width:14px;}
		a.smallMenu { height:14px; margin-top:10px;}
		a.mediumMenu { height:24px; margin-top:35px;}
		a.largeMenu { height:65px; margin-top:10px;}
	
/*table*/
table.assignments {width:100%;}
table.projects td {vertical-align:top;}
th {background:#a7b2d2;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; padding:2px 4px 2px 4px; border-left:1px solid #666; text-align:center;}
th.first, td.first {border-left:none;}
table.assignments td {padding:4px; border-left:1px solid #666;}
table.assignments td.first {border-left:none;}
table.assignments a {color:#1d2026; font-size:10px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-decoration:underline;}


/*slideshow*/
div.slideshow {position:relative; float:left}
div.slideshow img {cursor:pointer;}
div.slideshow a {display:block; position:absolute; top:7px; left:7px;}
div.slideshow a.pause {display:none;}
div.slideshow a.next {left:30px;}