/* ----- LAYOUT ----- */
	
body {
	margin: 100px 0 0 100px; 
	}
	
#container{
	width:100%;
	}
	
#homeContent1, #homeContent3, #homeContent4, #homeContent5 {
	width: 550px;
	}
	
#homeContent2 {
	width: 548px;
	}
	
#exposePanel1 {
	border-left: 24px solid #FE0231;
	}
	
#exposePanel1, #exposePanel2, #exposePanel3, #exposePanel4, #exposePanel5 {
	background: url('images/transparent.png');
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 16px;
	font-weight: normal;
	color:#2D2F36;
	letter-spacing: 0px;
	line-height: 21px;
	padding: 15px;
	}
	
#exposePanel2, #exposePanel3, #exposePanel4, #exposePanel5 {
	border-left: 24px solid #0000CC;
	}
	
#clients {
	top: 0px;
	right: 10px;
	bottom: 10px;
	width: 250px;
	position: absolute;
	line-height: 25px;
	}
	
#workContainer {
	position: relative;
	width: 825px;
	}


/* ----- TEXT ----- */

h1 {
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 28px;
	font-weight: normal;
	color:#0000CC;
	letter-spacing: -1px;
	line-height: 35px;
	margin: 0;
	}
	
.intro {
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 28px;
	font-weight: normal;
	color:#FE0231;
	letter-spacing: -1px;
	line-height: 35px;
	margin: 0;
	}
	
h2 {
	background-color: #2D2F36;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 21px;
	font-weight: normal;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin: 0 0 10px 0;
	padding: 4px 4px 6px 8px;
	}
	
.header {
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 21px;
	font-weight: normal;
	color:#2D2F36;
	letter-spacing: 0px;
	margin: 0;
	}
	
.subHead {
	border-bottom: 2px solid #0000CC;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 18px;
	font-weight: normal;
	color:#2D2F36;
	letter-spacing: -1px;
	margin-top: 0;
	padding: 10px;
	display: block;
	}
	
.projectSoon {
	border-top: 1px dashed #2D2F36;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 21px;
	font-weight: normal;
	color:#2D2F36;
	letter-spacing: 0px;
	padding: 3px 5px 5px 10px;
	text-decoration: none;
	display: block;
	}
	
       
/* ----- NAVIGATION ----- */

a {
	outline: none; /* hide dotted outline in Firefox */
	}
	
.headerNav {
	background-color: #FFFFFF;
	color: #2D2F36;
	font-family: Georgia, serif;
	font-size: 24px;
	font-weight: nor,mal;
	letter-spacing: -1px;
	text-decoration: none;
	padding: 10px;
	display: block;
	}
	
.headerNav:hover {
	background-color: #FFFFFF;
	border-left: 24px solid #FE0231;
	text-decoration: none;
	color: #FE0231;
	padding: 10px;
	}
	
.globalNav {
	background-color: #2D2F36;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	padding: 10px;
	margin-top: 10px;
	display: block;
	}
	
.globalNav:hover {
	background-color: #FFFFFF;
	border-left: 24px solid #0000CC;
	border-right: 674px solid #0000CC;
	text-decoration: none;
	color: #0000CC;
	}
	
.thumbsNav {
	border: 1px dashed #2D2F36;
	background-color: #E3E3E3;
	color: #2D2F36;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 30px;
	text-decoration: none;
	padding: 10px;
	display: block;
	}
	
.thumbsNav:hover {
	background-color: #0000CC;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.projectNav {
	border-bottom: 2px solid #0000CC;
	text-decoration:none;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	color:#0000CC;
	display: block;
	padding: 7px 5px 5px 12px;
	margin-top: 5px;
	}
	
.projectNav:hover {
	background-color: #0000CC;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.projectNav2 {
	border-top: 1px dashed #2D2F36;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 21px;
	font-weight: normal;
	color:#2D2F36;
	letter-spacing: 0px;
	padding: 3px 5px 5px 10px;
	text-decoration: none;
	display: block;
	}
	
.projectNav2:hover {
	background-color: #0000CC;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.newsNav {
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	text-decoration: none;
	padding: 10px;
	display: block;
	}
	
.newsNav:hover {
	background-color: #FFFFFF;
	border-left: 24px solid #FE0231;
	text-decoration: none;
	color: #FE0231
	}
	
.introNav {
	border-bottom: 1px dashed #FE0231;
	text-decoration:none;
	letter-spacing: -1px;
	font-size: 28px;
	font-weight: normal;
	color:#FE0231;
	}
	
.introNav:hover {
	background-color: #FE0231;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.textNav {
	border-bottom: 1px dashed #2D2F36;
	text-decoration:none;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 16px;
	font-weight: normal;
	color:#2D2F36;
	}
	
.textNav:hover {
	background-color: #2D2F36;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.textNav2 {
	border-bottom: 1px dashed #2D2F36;
	text-decoration:none;
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 0px;
	color:#2D2F36;
	margin-bottom: 10px;
	}
	
.textNav2:hover {
	background-color: #2D2F36;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.subNav1, .subNav2 {
	font-family: Helvetica Neue, Helvetica, Arial, san-serif;
	letter-spacing: 0px;
	font-size: 18px;
	font-weight: normal;
	display: block;
	text-decoration:none;
	padding: 7px 5px 5px 10px;
	margin-bottom: 5px;
	}
	
.subNav1 {
	border-bottom: 2px solid #FE0231;
	border-right: 2px solid #FE0231;
	color:#FE0231;
	}
	
.subNav1:hover {
	background-color: #FE0231;
	text-decoration: none;
	color: #FFFFFF;
	}
	
.subNav2 {
	border-bottom: 2px solid #0000CC;
	border-right: 2px solid #0000CC;
	color:#0000CC;
	}
	
.subNav2:hover {
	background-color: #0000CC;
	text-decoration: none;
	color: #FFFFFF;
	}
	
	
/* ----- SLIDESHOW ----- */

#slideshow {
	background-color: #FE0231;
    position:relative;
    width: 100%;
    margin-top: 10px;
	}
	
#slideshow DIV {
	background-color: #FE0231;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width: 100%;
	}
	
#slideshow DIV.active {
	background-color: #FE0231;
    z-index:10;
    opacity:1.0;
    width: 100%;
	}
	
#slideshow DIV.last-active {
    z-index:9;
	}