@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

* {
	margin:0px;
	padding:0px;
}

body {
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	background:#2e2b24;
}

a {
	color:#a26c00;
}

a:hover {
	text-decoration: none;
}

.blue {
	color:#086aac;
}

.red {
	color:#d82a2a;
}

.black {
	color:black !important;
}

@media (min-width: 600px) {

	#container {
		width:1000px;
		margin:0 auto;
	}

	#header {
		width:1000px;
		height:265px;
		background:url('../images/headerbg.jpg');
	}

	#header img {
		width:301px;
		margin-left:350px;
		margin-top:40px;
	}

	#menu {
		width:1000px;
		background: #a26c00;
		height: 32px;
		padding-top: 8px;
		color:white;
	}

	#slide {
		width:1000px;
		height:305px;
	}

	#bodyc {
		width:960px;
		background:#e0e0e0;
		padding:20px;
		overflow: auto;
	}

	.leftimg{
		float:left;
		margin:20px 10px;
		width: 340px;
	}

	.rightimg{
		float:right;
		margin:20px 10px;
		width: 340px;
	}

	#left {
		float:left;
		width:560px;
		margin-right:20px;
	}

	#right {
		float:left;
		width:380px;
	}

	#footerc {
		width:1000px;
		background:url('../images/footerbg.jpg');
		height:160px;
		color:white;
		margin-bottom:20px;
	}

	#left-experiences {
		float:left;
		width:460px;
		padding:0px 10px 0px 0px;
		margin-right:20px;
	}

	#right-experiences {
		float:left;
		width:470px;
	}

	#right-experiences .header, #left-experiences .header {
		text-align: center;
		margin-left:30px;
	}

	#footerleft {
		width:560px;
		float:left;
		margin-top:20px;
		font-size:10pt;
		margin-right:20px;
		margin-left:20px;
	}

	#footerright {
		float:left;
		width:380px;
		text-align: right;
		font-size:10pt;
		margin-top:20px;
	}

	#footerc a {
		color:white;
	}

	#footerc a:hover {
		text-decoration: none;
	}

	h1 {
		font-size:20pt;
		margin-bottom: 20px;

	}

	h2 {
		font-size:14pt;
		margin-bottom:20px;
		color:#086aac;
	}

	p {
		font-size:11pt;
		margin-bottom:20px;
	}

	.header {
		background:url('../images/rightbg.jpg');
		height:34px;
		padding-top:6px;
		width:380px;
		font-size:13pt;
		font-weight: bold;
		text-align: center;
		color:white;
		margin-bottom: 20px;
	}

	.experience {
		font-size:12pt;
		width:340px;
		margin-left:20px;
		border-bottom: 1px solid #a26c00;
		margin-bottom:20px;
	}

	.experience a {
		color:#a26c00;
		text-decoration: none;
		width:100%;
		text-align: right;
		font-weight: bold;
		font-size:11pt;
	}

	.experience a:hover {
		color:black;
	}

	.read-more {
		width:340px;
		text-align: right;
		margin-bottom:10px;
		margin-right:20px;
	}

	#menu ul {
		display:inline;
	}

	#menu ul li {
		display: inline;
	}

	#menu ul li a {
		color:white;
		text-decoration: none;
		font-size:12pt;
		padding:0px 20px;
	}

	#menu ul li a:hover {
		color:black;
	}

	.about {
		float:left;
		margin-right:20px;
		margin-bottom:20px;
	}

	h3 {
		margin-bottom:20px;
	}

	.raptor {
		clear:both;
		width:100%;
		margin-bottom:20px;
	}

	.raptor img {
		float:left;
		margin-bottom:20px;
		margin-right:20px;
		height:200px;
		width:200px;
	}

	.italics {
		font-style:italic; 
		text-align:center;
		font-size:10pt;
	}

}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	background: #58585a;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

/*Hide checkbox*/
input[type=checkbox]{
	display: none;
	-webkit-appearance: none;
}


@media screen and (max-width : 600px){
	body {
		background:white;
	}


	/*Show menu when invisible checkbox is checked*/
	input[type=checkbox]:checked ~ ul.dropdown{
		display: block;
	}
	input[type=checkbox]:not(:checked) ~ ul.dropdown{
		display: none;
	}

	#container {
		width:100%;
	}

	.leftimg, .rightimg{
		width: 200px;
	}

	#header {
		width:100%;
		height:200px;
		background:white;
		margin-top:20px;
	}

	#header img {
		width:70%;
		margin-left:15%;
		height:auto;
		max-height:180px;
		max-width:280px;
	}

	#slide, #slide img {
		max-width:100%;
		height:auto;
	}

	.slideshow {
		z-index:10;
	}

	#bodyc {
		width:90%;
		padding:20px 5%;
		text-align: center;
	}

	#left {
		margin-bottom:20px;
	}

	#right {
		margin-bottom:20px;
	}

	h1 {
		font-size:20px;
		margin-bottom:20px;
	}

	h2 {
		font-size:14px;
		margin-bottom: 20px;
		color:#086aac;
	}

	p {
		font-size:13px;
		margin-bottom:20px;
	}

	.header {
		width:100%;
		background:url('../images/rightbg.jpg') no-repeat top right #a26c00;
		height:32px;
		padding-top:8px;
		font-size:14px;
		font-weight: bold;
		color:white;
		margin-bottom:20px;
	}

	.experience {
		font-size:13px;
		border-bottom:solid 1px #a26c00;
		margin-bottom:20px;
	}

	.read-more {
		margin-bottom:20px;
		margin-top:20px;
	}

	#footerc {
		background:#a26c00;
		color:white;
		text-align: center;
		font-size:12px;
		padding:20px 0px;
	}

	#footerc a {
		color:white;
	}

	#footerleft {
		margin-bottom:20px;
	}




	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
		z-index: 1000;
	}

	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		background:#a26c00;
	}

	li {
		display:block;
		float: left;
		text-align:center;
		width:100%;
		margin-bottom:1px;
		z-index: 1000;
	}

	li a {
		display:block;
		height: 27px;
		text-align: center;
		color:white;
		background:#a26c00;
		padding:6px 0px;
		text-decoration: none;
		position:relative;
		text-transform: uppercase;
		z-index: 1000;
	}

	/*Hover state for top level links*/
	li:hover a {
		background: #ca8908;
		color:white;
	}

	/*Style for dropdown links*/
	li:hover ul a {
		background-color: #dadada;	
		color: #5e5d5d;
		text-transform: uppercase;
		text-align:center;
		opacity: .8;
		height: 27px;
		padding:6px 0px;
		/*		line-height: 39px;*/
		width:100%;
	}

	/*Hover state for dropdown links*/
	li:hover ul a:hover {
		background: #ca8908;
		color: #fff;
	}

	/*Hide dropdown links until they are needed*/
	li ul {
		display: none;
	}

	/*Make dropdown links vertical*/
	li ul li {
		display: block;
		float: none;
	}


	/*Prevent text wrapping*/
	li ul li a {
		width: auto;
		min-width: 100px;
		padding: 0 20px;
		text-align:center;
	}


	/*Display the dropdown on hover*/
	ul li a:hover + .hidden, .hidden:hover {
		display: block;
	}
	

	.body {
		display:block;
		margin-bottom:20px;
		margin-left:5%;
		width:90%;
	}

	.body li {
		float:left;
		text-align:left;
		display:list-item;
	}

	.body li a {
		background:none;
		color:#58585a;
		text-decoration:underline;
		height:auto;
		width:100%;
	}

	h3, .about {
		margin-bottom:20px;
	}

	.italics {
		font-style:italic; 
		text-align:center;
		font-size:11px;
	}

	#TA_socialButtonReviews319 {
		margin-left:45%;
	}
}