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

.frontpage {
	background-color: rgb(83,88,95);
}
.frontpage * {
	background-color: rgb(83,88,95);
	color:rgb(234,200,43);
}
.projectwhite, .projectwhite2 {
	background-color: rgb(255,255,255);
}
.project1 {
	background-color: rgb(234,200,43);
}
.project1 * {
	background-color: rgb(234,200,43);
	color:rgb(255,255,255);
}
.project4 {
	background-color: rgb(177,72,125);
}
.project4 * {
	background-color: rgb(177,72,125);
	color:rgb(255,255,255);
}
#wrapper {
	margin:0;
	padding:0;
}
#wrapper.frontpage a:hover {
	color:rgb(255,255,255);
}
#wrapper.frontpage a, #wrapper.frontpage a:active {
	color:rgb(234,200,43);
}
#wrapper.projectwhite a:hover, #wrapper.projectwhite2 a:hover {
	color:rgb(234,200,43);
}
#wrapper.projectwhite3 a:hover {
	color:rgb(117,72,125);
}
#wrapper.projectwhite a, #wrapper.projectwhite a:active, #wrapper.projectwhite2 a, #wrapper.projectwhite2 a:activ, #wrapper.projectwhite3 a, #wrapper.projectwhite3 a:activ {
	color:rgb(255,255,255);
}
#headerbox {
	 margin:0;
	padding:0;
}
#headerbox.project1 * {
	background-color: rgb(234,200,43);
	color:rgb(255,255,255);
}
#headerbox.project1 {
	background-color: rgb(234,200,43);
	color:rgb(255,255,255);
}
#headerbox.project4 * {
	background-color: rgb(177,72,125);
	color:rgb(255,255,255);
}
#headerbox.project4 {
	background-color: rgb(177,72,125);
	color:rgb(255,255,255);
}
#headerbox.project3 * {
	background-color: rgb(48,198,196);
	color:rgb(255,255,255);
}
#headerbox.project3 {
	background-color: rgb(48,198,196);
	color:rgb(255,255,255);
}
#header1 {
	margin:15px 0 0 0;
	padding:0;
}
#header1 h1 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
}
#header1 h1 a {
	text-decoration:none;
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	padding:0 10px;
}
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.4em;
	padding: 0;
}
p {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 1.1em;
}
.generaltext1 {
	margin:0;
	padding:0;
}	
#navbar1, navbar2, navbar3 {
	margin:0;
	padding:0;
}
#navbar1 ul, #navbar3 ul {
	list-style-type: none;
	padding:0 10px;
	overflow:hidden;
}
#navbar1 ul {
	margin:27px 0 0 0;
}
#navbar3 ul {
	margin:0;
}
#navbar1 li, #navbar2 li, #navbar3 li {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1.3em;	
}
#navbar1 li {	
	float: right;
	padding: 0 0 0 30px;	
}
#navbar3 li {	
	float: left;
	padding: 0 30px 0 0;	
}
#navbar1 a, #navbar2 a, #navbar3 a {
	text-decoration: none;
}
#navbar1 li a, navbar3 a {
	display:block;
}
#navbar2 ul {
	list-style-type: none;
	padding:0 10px;
	overflow:hidden;	
}
#navbar2 li {
	font-size: 1.2em;
}
#horizontal1 {
	width:100%;
	margin:10px 0;
	padding:0;
}
.linefrontpage {
	width:100%;
	margin:10px 0;
	padding:0;
	border-bottom:3px solid rgb(234,200,43);
}
.lineproject1 {
	width:100%;
	margin:10px 0;
	padding:0;
	border-bottom:3px solid rgb(255,255,255);
}


#content, #content2 {
	margin:0;
	padding:0;
}
.subheader1, .subheader3  {
	margin:12px 0 0 0;
	padding:0 0 10px 0;
	border-top:3px solid rgb(234,200,43);
}
.subheader1 p {
	padding:5px 12px;
}
.subheader3 p {
	padding:5px 20% 5px 12px;
}
.subheader1 p.short {
	padding:0 10px;
}
.subheader1 h2, .subheader3 h2 {
	margin:0;
	padding-top:12px;
	font-size: 1.5em;
}
.subheader1 p.title1 {
	font-size: 1.2em;
	padding:0 10px;
}
.imagebox1 {
	border:none;
	text-align:center;
}
.imagebox2 {
	border:none;
	text-align:center;
	margin:10px auto;
}

.imagebox2 img{
	padding:0;
}

/* for the project pages */

.subheader2 {
	margin:0;
	padding:0;
}

.subheader2 h2 {
	margin:20px 0;
	padding:0;
	font-size: 1.6em;
	color:rgb(44,46,46);
}
.textbox1 {
	margin:0;
	padding:0;
}
.textbox1 h3 {
	margin:10px 0;
	padding:0;
	font-size: 1.2em;
	color:rgb(44,46,46);
}
.textbox1 p {
	margin:0;
	padding:0;
	font-size: 1.1em;
	color:rgb(44,46,46);
}
.imagebox1 img {
	margin:4% 0;
}
.imagebox1 img.notop {
	margin:0 0 4% 0;
}
.imagebox3 {
	border:none;
	text-align:center;
}
.imagebox4 {
	border:none;
	text-align:center;
	margin:4% 0 0 0;
	padding:0;
}
.cyan3 {
	border:1px solid rgb(48,198,196);
}
.thickline {
	margin:0;
	padding:0;
	border-bottom-style: solid;
	border-bottom-width: 20px;
}
.thinline {
	margin:15px 0 10px 0;
	padding:0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.thinline2 {
	margin:25px 0;
	padding:0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.mustard {
	border-bottom-color: rgb(234,200,43);
}
.purple {
	border-bottom-color: rgb(177,72,125);
}
.cyan {
	border-bottom-color: rgb(48,198,196);
}
.linemustard1 {
	margin:15px 0 10px 0;
	padding:0;
	border-bottom:3px solid rgb(234,200,43);
}
.linepurple1 {
	margin:15px 0 10px 0;
	padding:0;
	border-bottom:3px solid rgb(177,72,125);
}
.projectheader1 {
	margin:0;
	padding:0;
}
.projectheader2 h2 {
	margin:10px 0;
	padding:0;
	font-size: 1.8em;
	color:rgb(44,46,46);
}
.projectheader2 {
	margin:0;
	padding:0;
}
.projectheader2 h2 {
	margin:4% 0 2% 0;
	padding:0;
	font-size: 1.8em;
	color:rgb(44,46,46);
}
.projectbox, .projectbox2, .projectbox3 {
	margin:5px 0;
	padding:0;
}
.projectbox4, .projectbox5 {
	margin:20px 0;
}
.projectbox h3, .projectbox2 h3, .projectbox3 h3, .projectbox4 h3, .projectbox5 h3 {
	margin:15px 0;
	padding:0;
	font-size: 1.4em;
}
.projectbox h3, .projectbox2 h3, .projectbox3 h3, .projectbox4 h3 {
	color:rgb(44,46,46);
}
.projectbox5 h3 {
	margin:2% 5%;
	color:rgb(255,255,255);
}
.projectbox p, .projectbox2 p, .projectbox3 p, .projectbox4 p {
	margin:0;
	padding:0;
	font-size: 1.1em;
}
.projectbox4 p {
	color:rgb(44,46,46);
}
.projectbox5 p {
	color:rgb(255,255,255);
}
.projectbox3 p.space {
	padding:10px 0 0 0;
}
.projectbox3 p.italic {
	font-style: italic;
	font-size: 1.2em;
	font-weight:500;
	padding:15px 0 0 0;
}
.projectbox4 {
	padding:0;
	background-color:rgb(234,200,43);
}
.projectbox5 {
	padding:0;
	background-color:rgb(177,72,125);
}
.projectbox5.purple2 {
	padding:0;
	background-color:rgb(177,72,125);
}
.projectbox5.cyan2 {
	padding:0;
	background-color:rgb(48,198,196);
}	
.projectbox4 p, .projectbox5 p {
	margin:2.5% 5%;
	padding:0;
}
.projectbox3 ul {
	list-style-type:circle;
	margin:0 2.5% 0 0;
	padding:0;
}
.projectbox3 li {
	margin:1% 4%;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 1.1em;
	color:rgb(44,46,46);
}
.projectbox4 ul, .projectbox5 ul {
	list-style-type:circle;
	margin:0 2.5% 4% 5%;
	padding:0;
}
.projectbox4 li, .projectbox5 li {
	margin:1% 4%;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size: 1.1em;
}
.projectbox5 li {
	color:rgb(255,255,255);
}
.projectbox4 li {
	color:rgb(44,46,46);
}