@charset "UTF-8";
/* Colors:
	Selected Light-Orange: #FDB
	Light-Orange: #F90
	Red-Orange: #C30
*/

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: normal;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: bold;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: normal;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/M2Jd71oPJhLKp0zdtTvoM_bce-VcyLJMRR1FC9qWbU8.woff) format('woff');
}

/* MAIN ELEMENTS */
html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
html{
	overflow-y: scroll;
	font-size: 62.5%;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem;
	text-align: center;
	color: #666;
	background-color: #e6e6e6;
}
article, section, header, footer, nav, aside, figure { 
	display: block;
	margin: 0;
	padding: 0;
}
a {
	color: #C30;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
#contain {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

[type=submit], [type=button], .button{
	display: inline-block;
	background-color: #F60;
	background-image: linear-gradient(#F90, #c30);
	border: 0;
	margin-top: 8px;
	padding: 3px 12px;
	border-radius: 4px;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	cursor: pointer;
}
[type=submit]:hover, 
[type=button]:hover,
.button:hover{
	background: #c30;
	text-decoration: none;
	color: #fff;
}

/* HEADER */
header{
	position: relative;
	margin: 0;
	padding: 0;
}
#contain>header{
	height: 165px;
}
header h1{
	position: absolute;
	z-index: 0;
	left: 45px;
	top: 88px;
	text-indent: -9999px;
	background: url('../imgs/interface/andrewgriffin.svg') no-repeat;
	width: 520px;
	height: 60px;
}
header a{
	color: #fff;
}
header a:hover{
	color: #fff;
}

/* NAVIGATION */
.main_nav {
	position: absolute;
	width: 400px;
	top: 0;
	z-index: 2;
	right: -17px;
}
#clock{
	position: relative;
	background: url("../imgs/navTop.png") no-repeat 0 0 / 400px 165px;
	margin: 0;
	height: 165px;
}
#min{
	position: absolute;
	left: 197px;
	top: 52px;
	width: 9px;
	height: 35px;
	-webkit-transform-origin: center 30px;
	-moz-transform-origin: center 30px;
	-ms-transform-origin: center 30px;
	transform-origin: center 30px;
}
#hour{
	position: absolute;
	left: 197px;
	top: 59px;
	width: 9px;
	height: 28px;
	-webkit-transform-origin: center 23px;
	-moz-transform-origin: center 23px;
	-ms-transform-origin: center 23px;
	transform-origin: center 23px;
}
.main_nav>img{
	position: absolute;
	left: 0;
	bottom: -35px;
	width: 400px;
	height: 35px;
}
.main_nav ul{
	padding: 10px 48px 10px 50px;
	margin: 0;
	background-image: url('../imgs/navMid.png');
	background-size: 400px 1px;
	list-style: none;
	text-align: center;
}
.main_nav li{
	margin: 0;
	padding: 0;
}
.main_nav li>a{
	display: block;
	width: 100%;
	background-color: #fff;
	border-top: 4px solid #f2f2f2;
	margin: 0;
	padding-top: 5px;
	text-decoration: none;
	color: #666;
	font-size: 120%;
	height: 30px;
	overflow: hidden;
	-webkit-transition: height 0.25s ease-in;
	-moz-transition: height 0.25s ease-in;
	transition: height 0.25s ease-in;
}
.main_nav li:last-child>a{
	border-bottom: 4px solid #f2f2f2;
}
.main_nav li>a:hover{
	background-color: #F60;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F90), to(#C30));
	background-image: -webkit-linear-gradient(#F90, #C30);
	background-image:    -moz-linear-gradient(#F90, #C30);
	background-image:         linear-gradient(#F90, #C30);
	text-decoration: none;
	color: #fff !important;
	height: 50px;
}
.linktag{
	font-size: 75%;
	color: rgba(255,255,255,0);
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
a:hover>.linktag{
	color: #fff;
}
.main_nav .selected {
	background-color: #FDB !important;
	color: #444 !important;
}

/* MAIN BODY */
#main {
	position: relative;
	z-index: 1;
	clear: both;
	width: 100%;
	min-height: 400px;
	background-color: #fff;
	background: -webkit-gradient(radial, 297 10, 125, 297 10, 350, from(#fff), to(#eaeaea));
	background: -moz-radial-gradient(297px 10px, ellipse farthest-side, #fff 0%, #eaeaea 100%);
	-webkit-border-radius: 50px 0 0 0;
	-moz-border-radius: 50px 0 0 0;
	border-radius: 50px 0 0 0;
}
#mainhead{
	padding: 0 366px 0 0;
	height: 219px;
	-webkit-border-radius: 50px 0 0 0;
	-moz-border-radius: 50px 0 0 0;
	border-radius: 50px 0 0 0;
}
#mainhead h1{
	margin: 0;
	padding-top: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#mainhead h2{
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 80%;
	letter-spacing: 1em;
}
#content{
	background-color: #ccc;
	min-height: 200px;
	clear: both;
}
.whitebox{
	position: relative;
	background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: left;
}

/* FOOTER */
#tagline {
	font-size: 75%;
	padding: 1em 0;
	margin: 0;
}

	
