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

*	{
margin: 0;
padding: 0;
}

/********************Classes********************/

.noShow {
display: none;
}

.subMenu {
margin-left: 10px;
margin-top: -3px;
}

.activeDot {
background-image:url(images/portfolio/dot_green.gif);
background-position: top left;
background-repeat: no-repeat;
}

.inactiveDot {
background-image:url(images/portfolio/dot_blue.gif);
background-position: top left;
background-repeat: no-repeat;
}

.bgLess {
background-image: none;
background-color: #c1d72d;
background-image: url(images/web-background.jpg);
background-repeat: no-repeat;
background-position: top left;
}

/********************Page Layout Information for NonPortfolio Pages********************/
#copyright {
display: block;
position: absolute;
top: 425px;
left: 50px;
width:118px;
height:18px;
background-image: url(images/copyright.png);
background-repeat: no-repeat;
background-position: top left;
}


body {
background-color: #13547a;
background-image: url(images/background.gif);
background-repeat: repeat-x;
background-position: top;
height: 100%;
}

#container {
width: 964px;
height: 624px;
}

#containerBlue {
position:absolute;
top: 0px;
left: 0px;
background-color: #FFFFFF;
background-image: url(images/web-background3.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 964px;
height: 100%;
}

#header {
height: 129px;
width: 160px;
position: absolute;
left: 50px;
top: 0px;
background-color: #FFFFFF;
background-image: url(images/engravings.png);
background-position: bottom;
background-repeat: no-repeat;
}

#content {
position: absolute;
top: 60px;
left: 222px;
background-color: #FFFFFF;
height: 361px;
width: 543px;
}

#contentHeader {
position:absolute;
top: 15px;
left: 33px;
width:202px;
height:57px;
background-image:url(images/header.gif);
background-position:center;
background-repeat: no-repeat;
}

#contentText {
position:absolute;
top: 95px;
left: 36px;
width:452px;
height:233px;
background-image:url(images/text_about.gif);
background-position:center;
background-repeat: no-repeat;
}

#contentTextContact {
position:absolute;
top: 40px;
left: 33px;
width:397px;
height:286px;
background-image:url(images/text_contact.gif);
background-position:center;
background-repeat: no-repeat;
}

#contentHeaderResearch {
position:absolute;
top: 50px;
left: 33px;
width:246px;
height:13px;
background-image:url(images/header_research.gif);
background-position:center;
background-repeat: no-repeat;
}

#contentTextResearch {
position:absolute;
top: 89px;
left: 33px;
width:425px;
height:161px;
background-image:url(images/text_research.gif);
background-position:center;
background-repeat: no-repeat;
}

#contentHeaderInspirations {
position:absolute;
top: 50px;
left: 33px;
width:102px;
height:13px;
background-image:url(images/header_inspirations.gif);
background-position:center;
background-repeat: no-repeat;
}

#pdfLink {
position: absolute;
display: block;
top: 150px;
left: 73px;
width:32px;
height:10px;
}

#pdfLink a{
display: block;
width:32px;
height:10px;
}

#mailLink {
position: absolute;
display: block;
top: 258px;
width:175px;
height:15px;
}

#mailLink a{
display: block;
width:175px;
height:15px;
}

#contentTextInspirations {
position:absolute;
list-style: none;
top: 90px;
left: 33px;
width:207px;
height:200px;
}

#research1 {
background-image: url(images/down_web1.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research1 a{
background-image: url(images/up_web1.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research1 a:hover{
background-image: url(images/down_web1.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research2 {
background-image: url(images/down_web2.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research2 a{
background-image: url(images/up_web2.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research2 a:hover{
background-image: url(images/down_web2.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research3 {
background-image: url(images/down_web3.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research3 a{
background-image: url(images/up_web3.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research3 a:hover{
background-image: url(images/down_web3.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research4 {
background-image: url(images/down_web4.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research4 a{
background-image: url(images/up_web4.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research4 a:hover{
background-image: url(images/down_web4.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research5 {
background-image: url(images/down_web5.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research5 a{
background-image: url(images/up_web5.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research5 a:hover{
background-image: url(images/down_web5.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research6 {
background-image: url(images/down_web6.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research6 a{
background-image: url(images/up_web6.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research6 a:hover{
background-image: url(images/down_web6.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research7 {
background-image: url(images/down_web7.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research7 a{
background-image: url(images/up_web7.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research7 a:hover{
background-image: url(images/down_web7.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#researchBlank {
background-image: none;
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#researchMusic {
background-image: url(images/down_web_music.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research8 {
background-image: url(images/down_web8.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research8 a{
background-image: url(images/up_web8.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

#research8 a:hover{
background-image: url(images/down_web8.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
width:207px;
height:20px;
}

/********************Page Layout Information for Portfolio Pages********************/

#contentBig {
position: absolute;
top: 60px;
right: 0;
bottom:0px;
background-color: #FFFFFF;
left:222px;
height: 564px;
width: 742px;
}

/********/

#forward {
position:absolute;
top: 23px;
left: 61px;
width:15px;
height:18px;
background-image: url(images/portfolio/arrow_forward.gif);
background-position:center;
background-repeat: no-repeat;
}

#forward a{
display: block;
width:15px;
height:18px;
}

/********/

#backward {
position:absolute;
top: 22px;
left: 16px;
width:6px;
height:18px;
background-image: url(images/portfolio/arrow_backward.gif);
background-position:center;
background-repeat: no-repeat;
}

#backward a{
display: block;
width:6px;
height:18px;
}

/****This is all Navigation Coding PLEASE DO NOT MESS WITH THIS IF YOU DO NOT KNOW WHAT YOU ARE DOING****/

			#navigation {
			background-color: #FFFFFF;
			position: absolute;
			top: 143px;
			left: 50px;
			width: 160px;
			height: 279px;
			}
			
			#nav {
			display: block;
			width: 130px;
			background-color: #FFFFFF;
			padding-left: 30px;
			padding-top: 15px;
			}
			
			#nav li {
			display: block;
			width: 91px;
			height: 16px;
			padding-bottom: 5px;
			list-style: none;
			background-color:#FFFFFF;
			}
			
			#nav li a {
			display: block;
			width: 91px;
			height: 16px;
			}

/********/

			#navAbout {
			background-image: url(images/downAbout.gif);
			background-repeat: no-repeat;
			}
			
			#navAbout a {
			background-image: url(images/upAbout.gif);
			background-repeat: no-repeat;
			}
			
			#navAbout a:hover {
			background-image: url(images/downAbout.gif);
			background-repeat: no-repeat;
			}

/********/

			#navAboutActive {
			background-image: url(images/downAbout.gif);
			background-repeat: no-repeat;
			}
			
			#navAboutActive a {
			background-image: url(images/downAbout.gif);
			background-repeat: no-repeat;
			}
			
			#navAboutActive a:hover {
			background-image: url(images/downAbout.gif);
			background-repeat: no-repeat;
			}

/********/


			#navPortfolio {
			background-image: url(images/downPortfolio.gif);
			background-repeat: no-repeat;
			}
			
			#navPortfolio a {
			background-image: url(images/upPortfolio.gif);
			background-repeat: no-repeat;
			}
			
			#navPortfolio a:hover {
			background-image: url(images/downPortfolio.gif);
			background-repeat: no-repeat;
			}

/********/

			#navPortfolioActive {
			background-image: url(images/downPortfolio.gif);
			background-repeat: no-repeat;
			}
			
			#navPortfolioActive a {
			background-image: url(images/downPortfolio.gif);
			background-repeat: no-repeat;
			}
			
			#navPortfolioActive a:hover {
			background-image: url(images/downPortfolio.gif);
			background-repeat: no-repeat;
			}

/********/

					#navThesis {
					background-image: url(images/portfolio/down_thesis.gif);
					background-repeat: no-repeat;
					}
					
					#navThesis a {
					background-image: url(images/portfolio/up_thesis.gif);
					background-repeat: no-repeat;
					}
					
					#navThesis a:hover {
					background-image: url(images/portfolio/down_thesis.gif);
					background-repeat: no-repeat;
					}

/********/

					#navThesisActive {
					background-image: url(images/portfolio/down_thesis.gif);
					background-repeat: no-repeat;
					}
					
					#navThesisActive a {
					background-image: url(images/portfolio/down_thesis.gif);
					background-repeat: no-repeat;
					}
					
					#navThesisActive a:hover {
					background-image: url(images/portfolio/down_thesis.gif);
					background-repeat: no-repeat;
					}

/********/

					#navPublication {
					background-image: url(images/portfolio/down_publication.gif);
					background-repeat: no-repeat;
					}
					
					#navPublication a {
					background-image: url(images/portfolio/up_publication.gif);
					background-repeat: no-repeat;
					}
					
					#navPublication a:hover {
					background-image: url(images/portfolio/down_publication.gif);
					background-repeat: no-repeat;
					}

/********/

					#navPublicationActive {
					background-image: url(images/portfolio/down_publication.gif);
					background-repeat: no-repeat;
					}
					
					#navPublicationActive a {
					background-image: url(images/portfolio/down_publication.gif);
					background-repeat: no-repeat;
					}
					
					#navPublicationActive a:hover {
					background-image: url(images/portfolio/down_publication.gif);
					background-repeat: no-repeat;
					}

/********/

					#navIdentity {
					background-image: url(images/portfolio/down_identity.gif);
					background-repeat: no-repeat;
					}
					
					#navIdentity a {
					background-image: url(images/portfolio/up_identity.gif);
					background-repeat: no-repeat;
					}
					
					#navIdentity a:hover {
					background-image: url(images/portfolio/down_identity.gif);
					background-repeat: no-repeat;
					}

/********/

					#navIdentityActive {
					background-image: url(images/portfolio/down_identity.gif);
					background-repeat: no-repeat;
					}
					
					#navIdentityActive a {
					background-image: url(images/portfolio/down_identity.gif);
					background-repeat: no-repeat;
					}
					
					#navIdentityActive a:hover {
					background-image: url(images/portfolio/down_identity.gif);
					background-repeat: no-repeat;
					}
					
/********/

					#navPackaging {
					background-image: url(images/portfolio/down_packaging.gif);
					background-repeat: no-repeat;
					}
					
					#navPackaging a {
					background-image: url(images/portfolio/up_packaging.gif);
					background-repeat: no-repeat;
					}
					
					#navPackaging a:hover {
					background-image: url(images/portfolio/down_packaging.gif);
					background-repeat: no-repeat;
					}

/********/

					#navPackagingActive {
					background-image: url(images/portfolio/down_packaging.gif);
					background-repeat: no-repeat;
					}
					
					#navPackagingActive a {
					background-image: url(images/portfolio/down_packaging.gif);
					background-repeat: no-repeat;
					}
					
					#navPackagingActive a:hover {
					background-image: url(images/portfolio/down_packaging.gif);
					background-repeat: no-repeat;
					}
					
/********/

					#navEditorial {
					background-image: url(images/portfolio/down_editorial.gif);
					background-repeat: no-repeat;
					}
					
					#navEditorial a {
					background-image: url(images/portfolio/up_editorial.gif);
					background-repeat: no-repeat;
					}
					
					#navEditorial a:hover {
					background-image: url(images/portfolio/down_editorial.gif);
					background-repeat: no-repeat;
					}
					
/********/

					#navEditorialActive {
					background-image: url(images/portfolio/down_editorial.gif);
					background-repeat: no-repeat;
					}
					
					#navEditorialActive a {
					background-image: url(images/portfolio/down_editorial.gif);
					background-repeat: no-repeat;
					}
					
					#navEditorialActive a:hover {
					background-image: url(images/portfolio/down_editorial.gif);
					background-repeat: no-repeat;
					}

/********/

					#navStationery {
					background-image: url(images/portfolio/down_stationery.gif);
					background-repeat: no-repeat;
					}
					
					#navStationery a {
					background-image: url(images/portfolio/up_stationery.gif);
					background-repeat: no-repeat;
					}
					
					#navStationery a:hover {
					background-image: url(images/portfolio/down_stationery.gif);
					background-repeat: no-repeat;
					}
/********/

					#navStationeryActive {
					background-image: url(images/portfolio/down_stationery.gif);
					background-repeat: no-repeat;
					}
					
					#navStationeryActive a {
					background-image: url(images/portfolio/down_stationery.gif);
					background-repeat: no-repeat;
					}
					
					#navStationeryActive a:hover {
					background-image: url(images/portfolio/down_stationery.gif);
					background-repeat: no-repeat;
					}

/********/

					#navIllustration {
					background-image: url(images/portfolio/down_illustration.gif);
					background-repeat: no-repeat;
					}
					
					#navIllustration a {
					background-image: url(images/portfolio/up_illustration.gif);
					background-repeat: no-repeat;
					}
					
					#navIllustration a:hover {
					background-image: url(images/portfolio/down_illustration.gif);
					background-repeat: no-repeat;
					}
					
					/********/

					#navIllustrationActive {
					background-image: url(images/portfolio/down_illustration.gif);
					background-repeat: no-repeat;
					}
					
					#navIllustrationActive a {
					background-image: url(images/portfolio/down_illustration.gif);
					background-repeat: no-repeat;
					}
					
					#navIllustrationActive a:hover {
					background-image: url(images/portfolio/down_illustration.gif);
					background-repeat: no-repeat;
					}

/********/

					#navWebmedia {
					background-image: url(images/portfolio/down_webmedia.gif);
					background-repeat: no-repeat;
					}
					
					#navWebmedia a {
					background-image: url(images/portfolio/up_webmedia.gif);
					background-repeat: no-repeat;
					}
					
					#navWebmedia a:hover {
					background-image: url(images/portfolio/down_webmedia.gif);
					background-repeat: no-repeat;
					}

/********/

					#navWebmediaActive {
					background-image: url(images/portfolio/down_webmedia.gif);
					background-repeat: no-repeat;
					}
					
					#navWebmediaActive a {
					background-image: url(images/portfolio/down_webmedia.gif);
					background-repeat: no-repeat;
					}
					
					#navWebmediaActive a:hover {
					background-image: url(images/portfolio/down_webmedia.gif);
					background-repeat: no-repeat;
					}
					
/********/

			#navContact {
			background-image: url(images/downContact.gif);
			background-repeat: no-repeat;
			}
			
			#navContact a {
			background-image: url(images/upContact.gif);
			background-repeat: no-repeat;
			}
			
			#navContact a:hover{
			background-image: url(images/downContact.gif);
			background-repeat: no-repeat;
			}
			
/********/

			#navContactActive {
			background-image: url(images/downContact.gif);
			background-repeat: no-repeat;
			}
			
			#navContactActive a {
			background-image: url(images/downContact.gif);
			background-repeat: no-repeat;
			}
			
			#navContactActive a:hover{
			background-image: url(images/downContact.gif);
			background-repeat: no-repeat;
			}
			
/********/

			#navResearch {
			background-image: url(images/downResearch.gif);
			background-repeat: no-repeat;
			}
			
			#navResearch a {
			background-image: url(images/upResearch.gif);
			background-repeat: no-repeat;
			}
			
			#navResearch a:hover {
			background-image: url(images/downResearch.gif);
			background-repeat: no-repeat;
			}

/********/

			#navResearchActive {
			background-image: url(images/downResearch.gif);
			background-repeat: no-repeat;
			}
			
			#navResearchActive a {
			background-image: url(images/downResearch.gif);
			background-repeat: no-repeat;
			}
			
			#navResearchActive a:hover {
			background-image: url(images/downResearch.gif);
			background-repeat: no-repeat;
			}


/********/

			#navIdeas {
			background-image: url(images/downIdeas.gif);
			background-repeat: no-repeat;
			}
			
			#navIdeas a {
			background-image: url(images/downIdeas.gif);
			background-repeat: no-repeat;
			}
			
			#navIdeas a:hover {
			background-image: url(images/upIdeas.gif);
			background-repeat: no-repeat;
			}

/********/

			#navIdeasActive {
			background-image: url(images/downIdeas.gif);
			background-repeat: no-repeat;
			}
			
			#navIdeasActive a {
			background-image: url(images/upIdeas.gif);
			background-repeat: no-repeat;
			}
			
			#navIdeasActive a:hover {
			background-image: url(images/upIdeas.gif);
			background-repeat: no-repeat;
			}

/********/

			#navInspirations {
			background-image: url(images/downInspirations.gif);
			background-repeat: no-repeat;
			}
			
			#navInspirations a {
			background-image: url(images/downInspirations.gif);
			background-repeat: no-repeat;
			}
			
			#navInspirations a:hover {
			background-image: url(images/upInspirations.gif);
			background-repeat: no-repeat;
			}

/********/

			#navInspirationsActive {
			background-image: url(images/downInspirations.gif);
			background-repeat: no-repeat;
			}
			
			#navInspirationsActive a {
			background-image: url(images/upInspirations.gif);
			background-repeat: no-repeat;
			}
			
			#navInspirationsActive a:hover {
			background-image: url(images/upInspirations.gif);
			background-repeat: no-repeat;
			}

/********/

			#dots {
			position: absolute;
			top: 375px;
			left: 16px;
			width: 500px;
			height: 9px;
			}
			
			#dotNav {
			padding-left: 0px;
			padding-top: 0px;
			list-style: none;
			}
			
			#dotNav li {
			display: block;
			width: 10px;
			height: 9px;
			float: left;
			}
			
			#dotNav li a {
			display: block;
			width: 10px;
			height: 9px;
			}

/****NAVIGATION CODING ENDS HERE You are now free to move about the coding****/