* {
	padding: 0;
	margin: 0;
}
img {border:none;}
BODY {
	MIN-WIDTH: 1000px; FONT-FAMILY: Arial, Verdana, Helvetica, Arial, sans-serif; BACKGROUND: #204a6e; FONT-SIZE: 11px; color:#fff;
}

A {
	COLOR: #fff
}
#speak a {
	color: #f0a301;
	text-decoration:none;
}
.mainWrapper {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 880px
}
.contentRow {
	PADDING-BOTTOM: 0px;
	MIN-HEIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: 0px top;
	PADDING-TOP: 0px;
	border-bottom: 1px solid #204a6e;
}
* HTML .contentRow {
	POSITION: relative; HEIGHT: 1px
}
.contentRow .mainWrapper {
	PADDING-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND-REPEAT: no-repeat;
	PADDING-TOP: 0px
}
.contentRow .moveTest {
	BACKGROUND-POSITION: 40px 0px
}
.contentRow .sectionTitle {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BACKGROUND-REPEAT: no-repeat;
	PADDING-TOP: 0px;
	height: 30px;
}

.contentRow .sectionTitle H2 {
	color: #FFF;
}
.contentRow .sectionContent {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 20px
}
* HTML .contentRow .sectionContent {
	HEIGHT: 1%;
}
#header {
	height: 106px;
	BACKGROUND: #204a6e;

}
#header #logo {
	MARGIN: 0;
	WIDTH: 214px;
width: 300px;
	FLOAT: left;
	HEIGHT: 106px
}
#header #logo .img {
	margin: 50px 0px 0px 0px;
	}

#header #logo H1 {
	DISPLAY: none
}

#header #speak {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px;
	PADDING-LEFT: 25px;
	WIDTH: 493px;
	PADDING-RIGHT: 0px;
	BACKGROUND: url(/img/header_speak.jpg) no-repeat;
	FLOAT: right;
	HEIGHT: 20px;
	PADDING-TOP: 68px;
	text-align: right;
}
#header #speak  {
	LINE-HEIGHT: 16px; COLOR: #fff; FONT-SIZE: 11px
}
#showcase {
	BACKGROUND-IMAGE: url(/img/titlebar_work.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#showcase .sectionTitle {
	CURSOR: pointer
}
#showcasebg {
	background-image:url(/img/title_work.gif);
	background-repeat:no-repeat;
	height: 30px;
	text-indent:-3000px;
	float: left;
	width: 300px;
}
#showcase .sectionTitle SMALL {
	COLOR: #7db3bd
}
#showcase #projectsList {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 20px
}
* HTML #showcase #projectsList {
	HEIGHT: 1px;
}
#showcase #projectsList .projectItem, #mypress .projectItem {
	MARGIN: 0px 20px 20px 0px; WIDTH: 420px; FLOAT: left
}
#showcase #projectsList .projectItem .projectTitle, #mypress .projectItem .projectTitle {
	WIDTH: 420px;  background-color: #efa701;
}
#showcase #projectsList .projectItem .projectTitle H2, #mypress .projectItem .projectTitle H2 {
	PADDING: 10px 10px 0px 10px; LINE-HEIGHT: 13px; COLOR: #fff; FONT-SIZE: 14px; FONT-WEIGHT: bold
}
.projectItem DL {
margin-bottom: 10px; margin-top: 5px;
}
.projectItem DL DD {
	OVERFLOW: hidden; 
}
.projectItem DL DD {
	HEIGHT: 1%
}
.projectItem DL DD LABEL {
	WIDTH: 50px; COLOR: #000; padding-left: 10px; float: left; display: block; FONT-SIZE: 11px; font-weight:bold;
}
.projectItem DL DD small span {
	DISPLAY: block; width: 350px;  float: left; FONT-SIZE: 11px; color: #000;
}

#showcase #projectsList .projectItem .projectThumbnail, #mypress .projectItem .projectThumbnail {
	WIDTH: 420px; BACKGROUND: url(/img/project_thumb.jpg) no-repeat; HEIGHT: 315px; margin: 0px 0px 0px 0px;
}
#showcase #projectsList .projectItem .projectThumbnail A, #mypress .projectItem .projectThumbnail A {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 315px; CURSOR: pointer; PADDING-TOP: 0px
}
#showcase #projectsList .projectItem .projectThumbnail A SPAN, #mypress .projectItem .projectThumbnail A SPAN {
	WIDTH: 420px; DISPLAY: block; HEIGHT: 315px
}
#showcase #projectsList .projectItem .projectThumbnail A:hover, #mypress .projectItem .projectThumbnail A:hover {
}
#projectView {
	PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: none; OVERFLOW: hidden; PADDING-TOP: 20px
}
* HTML #projectView {
	HEIGHT: 1%
}
#projectView #projectLoading {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 32px; PADDING-LEFT: 62px; PADDING-RIGHT: 20px; DISPLAY: none; BACKGROUND: url(/img/loading.gif) #89b4bc no-repeat 10px 10px; FLOAT: left; HEIGHT: 32px; COLOR: #fff; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 10px
}
#projectView #largeProjectNavigation {
	BORDER-BOTTOM: #94c6cf 1px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 51px; PADDING-TOP: 0px
}
#projectView #largeProjectNavigation A {
	LINE-HEIGHT: 51px; WIDTH: 400px; DISPLAY: block; HEIGHT: 51px; COLOR: #94c6cf; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#projectView #largeProjectNavigation A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
#projectView #largeProjectNavigation A#goPrevious {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px; BACKGROUND: url(/img/project_nav_left.gif) no-repeat; FLOAT: left; PADDING-TOP: 0px
}
#projectView #largeProjectNavigation A#goNext {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 60px; BACKGROUND: url(/img/project_nav_right.gif) no-repeat right 0px; FLOAT: right; PADDING-TOP: 0px
}
#projectView .largeProduct {
	OVERFLOW: hidden
}
* HTML #projectView .largeProduct {
	HEIGHT: 1%
}
#projectView .largeProduct .largePreview {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: #89b4bc; FLOAT: left; PADDING-TOP: 10px
}
#projectView .largeProduct .largePreview IMG {
	BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#projectView .largeProduct .description {
	MARGIN: 0px 0px 0px 550px; COLOR: #fff
}
#projectView .largeProduct .description H2 {
	BORDER-BOTTOM: #89b4bc 1px dashed; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 25px; PADDING-TOP: 0px
}
#projectView .largeProduct .description DL {
	
}
#projectView .largeProduct .description DL DD {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#projectView .largeProduct .description DL DD SMALL {
	TEXT-TRANSFORM: uppercase; DISPLAY: block; COLOR: #89b4bc; FONT-SIZE: 9px; FONT-WEIGHT: bold
}
#about {
	BACKGROUND-IMAGE: url(/img/titlebar_aboutme.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#about .mainWrapper {
	BACKGROUND-IMAGE: url(/img/about_arrow.gif)
}

#about .sectionTitle SMALL {
	COLOR: #9de3e0
}
#aboutTitle {
	CURSOR: pointer;
}
#aboutbg {
	background-image:url(/img/title_aboutme.gif);
	background-repeat:no-repeat;
	background-position:left;
	height: 30px;
	text-indent:-3000px;
	float: left;
	width: 700px;
}
#aboutText {
	DISPLAY: none;
	clear:both;
}
 DL.textList {
	MARGIN: 0px 30px 0px 0px; WIDTH: 650px; FLOAT: left; COLOR: #fff
}
 DL.textList DD {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 5px
}
DL.textList DD {
	HEIGHT: 1%
}
 DL.textList DD LABEL {
	WIDTH: 150px; FLOAT: left; COLOR: #fff;
}
 DL.textList DD SPAN {
	MARGIN: 0px 0px 0px 150px; DISPLAY: block
}
#awards {
	BACKGROUND-IMAGE: url(/img/titlebar_awards.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#awards .mainWrapper {
	BACKGROUND-IMAGE: url(/img/contacts_arrow.gif)
}
#awards .sectionTitle {
	BACKGROUND-IMAGE: url(/img/contacts_title.gif)
}
#awards .sectionTitle SMALL {
	COLOR: #e5f7e9
}
#awardsTitle {
	CURSOR: pointer
}
#awardsbg {
	background-image:url(/img/title_awards.gif);
	background-repeat:no-repeat;
	height: 30px;
	text-indent:-3000px;
			float: left;
	width: 300px;
}
#myawards {
	DISPLAY: none
}
#experience {
	BACKGROUND-IMAGE: url(/img/titlebar_experience.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#experience .mainWrapper {
	BACKGROUND-IMAGE: url(/img/contacts_arrow.gif)
}
#experience .sectionTitle {
	BACKGROUND-IMAGE: url(/img/contacts_title.gif)
}
#experience .sectionTitle SMALL {
	COLOR: #e5f7e9
}
#experienceTitle {
	CURSOR: pointer
}
#experiencebg {
	background-image:url(/img/title_experience.gif);
	background-repeat:no-repeat;
	height: 30px;
	text-indent:-3000px;
			float: left;
	width: 300px;
}
#myexperience {
	DISPLAY: none
}
#press {
	BACKGROUND-IMAGE: url(/img/titlebar_press.gif);
	background-position:center top;
	background-repeat:no-repeat;
}
#press .mainWrapper {
	BACKGROUND-IMAGE: url(/img/contacts_arrow.gif)
}
#press .sectionTitle {
	BACKGROUND-IMAGE: url(/img/contacts_title.gif)
}
#press .sectionTitle SMALL {
	COLOR: #e5f7e9
}
#pressTitle {
	CURSOR: pointer
}
#pressbg {
	background-image:url(/img/title_press.gif);
	background-repeat:no-repeat;
	height: 30px;
	text-indent:-3000px;
			float: left;
	width: 300px;
}
#mypress {
	DISPLAY: none
}

#footer {
	height: 100px;
}
/**/
.lefttext {
	width: 580px;
	float: left;
	line-height: 18px;
}
.rightpic {
		width: 200px;
		margin-right: 60px;
	float: right;
}
li {
	line-height: 18px;
	padding: 0px 0px 0px 16px;
}
.gold {	
background-image:url(/img/gold.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
.silver {
	background-image:url(/img/silver.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
.bronze {
background-image:url(/img/bronze.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
.green {
background-image:url(/img/green.gif);
background-repeat:no-repeat;
background-position:left 3px;
}
#aboutArrowUp, #experienceArrowUp, #showcaseArrowUp, #awardsArrowUp, #pressArrowUp {
	float: right;
	width: 15px;
	height: 13px;
	margin-top: 10px;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(/img/arrow_up.png);
}
#aboutArrowDown, #experienceArrowDown, #showcaseArrowDown, #awardsArrowDown, #pressArrowDown {
	float: right;
	width: 15px;
	height: 13px;
	margin-top: 10px;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url(/img/arrow_down.png);
}
.up {background-image:url(/img/arrow_up.png);}
.down {background-image:url(/img/arrow_down.png);}