@charset "utf-8";
/* CSS Document */
/*
/*BEGIN Styles for Index Page only*/
.indexLogo {
	margin-top: 5%;
    margin-bottom: 2%;
}

/*BEGIN Fancy Blue Navigation CSS*/
.blueButtonsIndex {
	color: white;
	text-decoration:none;
	font-size: 1.3em;
	background: url(images/blue-button-test-1.png) no-repeat;
	display: block;
    height: 40px;
    background-size: 100% 100%;
    padding: 10px 0;
    /*font-weight: bold;*/
	font-family: 'Michroma', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.paddingtop {
	padding-top:25px;
}

.indexColumnBackground {
	background-image: url(images/index-gradient-test-2.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left:15px;
	padding-right: 15px;
	color: #FFF;
	text-align:left;
	/*visibility: hidden;*/
}

/*.indexColumnBackground:hover{
	visibility: visible;
	}*/

/*For Smaller Screens*/

@media (max-width: 799px) and (min-width: 0px)
    {
	.blueButtonsIndex {
	color: white;
	text-decoration:none;
	font-size: 1.3em;
	background: url(images/blue-button-test-1.png) no-repeat;
	display: block;
    height: 50px;
    background-size: 100% 100%;
    padding: 15px 0;
    /*font-weight: bold;*/
	font-family: 'Michroma', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
} 


}
/*END Styles for Index Page only*/

*/
/*//////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*BEGIN Styles for Interior pages only*/

body {
	color: #FFFFFF; 
	}
.interiorLogo {
	margin-top: 8%;
    }
	
#header {
	position: relative;
    z-index: 1;
    height: 130px;
	}

#pageTitle {
	font-family: 'Michroma', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}
	
.topNav p {
	font-size:12px;
	font-family: 'Michroma', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

.projectsandconcepts {
	font-size: 1.5em;
	font-family: 'Muli', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	padding-left: 25px;
	}








/*//////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*BEGIN Styles for Index and Interior pages*/

body {
	color: #FFFFFF; 
	background: #0D6EC0;
}

.mainText {
	text-align:left;
	padding-left:20px;
	padding-right: 15px;
	}

.footer {
	color: #FFF;
	padding-top: 20%;
	padding-bottom: 10%;
}

ul { list-style: none; }

@media (max-width: 699px) and (min-width: 0px) {
	.interiorLogo {
			margin-top: 40px;
			margin-left: 10px;
			padding-right: 15px;
			}
	.pageTitle {
			position: absolute;
			bottom: 12%;
			left: 20px;
			}		
	.topNav {
	        position: absolute;
            bottom: 3px;
            right: 15px;
			}
	#header {
			height: 180px;
			}
	}


/*//////////////////////////////////////////\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/




/*THIS IS THE UNUSED CSS THAT RESIZES A SINGLE IMAGE FOR THE BACKGROUND*/
/*BEGIN Background image Rays resize CSS */
#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

/*THIS IS THE HTML THAT GOES WITH THIS CSS RESIZE METHOD*/
/*<div id="bg">
  <img src="images/Background%20rays%205%20layers-index-background-test-1.jpg" alt="">
</div>*/
/*END Background image Rays resize CSS*/




/*THIS IS THE CSS FOR THE BACKGROUND SLIDESHOW THAT HAS NO TRANSITIONS*/
/*BEGIN Background image Rays Slideshow CSS */

body{
    background-repeat: no-repeat;
    background-position: 50 50;
}

/*END Background image Rays Slideshow CSS */









#catchPhrase {
	margin-top: 0px;
	margin-bottom: 45px;
	font-size: 3.2em;
	font-family: 'Muli', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	}

#featured { background: url(spinner.gif) center center #f4f4f4 no-repeat; height: 300px; }
#featured img { display: none; }
#featured.orbit { background: none; }
#featured.orbit img { display: block; }

#orbitSlider2 { background: url(spinner.gif) center center #f4f4f4 no-repeat; height: 300px; }
#orbitSlider2 img { display: none; }
#orbitSlider2.orbit { background: none; }
#orbitSlider2.orbit img { display: block; }