@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

/*typography*/
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase;}

/*top bar*/
#main-nav {background: #333;}

/*masthead*/
#masthead {background:#fff; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
	#masthead #logo h1 {margin:0; padding:0;}
	#masthead #logo p {margin:0; padding:0;}

/*banner*/
#banner {background: #fcfcfc; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
	#banner .bg-banner {background: #f2f2f2; border: 1px solid #d8d8d8;}
	
	/*banner 3/4 right panel*/
	#banner #featured01 {padding: 1.25rem;}
			#featured01 h3, #featured01 h4, #featured01 p {color: #666;}

/*main*/
#main {padding: 1.25rem 0;}

/*footer*/
#footer {background: #e9e9e9; padding: 1.25rem 0; border-top: 1px solid #f2f2f2;}
	#footer img.republic-seal {}
	#footer h4, #footer p, #footer li, #footer a {color: #999;}
	#footer h4 {font-size: 60%;}
	#footer p, #footer li {font-size: 70%;}
	#footer ul {padding: 0; margin: 0; }
	#footer li {list-style: none; display: block;}