/* Documentation generated by Font Squirrel (http://www.fontsquirrel.com) on July 14, 2016 */
@font-face {
    font-family: 'cooperhewitt';
    src: url('../fonts/cooperhewitt/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('../fonts/cooperhewitt/cooperhewitt-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cooperhewitt_light';
    src: url('../fonts/cooperhewitt_light/cooperhewitt-light-webfont.woff2') format('woff2'),
         url('../fonts/cooperhewitt_light/cooperhewitt-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* End documentation */

html {
	background-color:#336699;
}

header {
	background-color: #FFFFFF;
	margin-top: -1%;
	margin-right: -1%;
	margin-left: -1%;
	margin-bottom: 1%;
	height: 130px;
}

header img {
	height: 100px;
	width: 400px;
	margin-left: 2.5%;
}

nav {
	height: auto;
	width: auto;
	margin-right: -1%;
	margin-left: -1%;
	font-family: 'cooperhewitt_light';
}

nav ul {
	background-color: #336699;
	height: auto;
	width: auto;
	margin-top: -1%;
}

nav ul li {
	background-color: #336699;
	list-style-type: none;
	display: inline;
	height: auto;
	width: auto;
}

nav ul li a {
	background-color: #FFFFFF;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: auto;
	padding-bottom: 2px;
	font-size: 18px;
	text-decoration: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


nav ul li a:link, a:visited{ 
	color: #000000;
}

nav ul li a:hover{ 
	color: #336699;
	background-color:#FFCA1B;
	padding-bottom: 10px;
	padding-top: 5px;
}

#indextable {
	margin-left: 2.5%;
	width:95%
}

#indextable img {
	width:100%;
	height:350px;
	border-style: solid;
	border-color:#ADD8E6;
}

#articlefull {
	margin-left: 2.5%;
	margin-bottom: 2%;
	padding: 1%;
	height: auto;
	width: 92.5%;
	border-style: solid;
	border-color:#ADD8E6;
	background-color:#336699;
}

#article {
	float: left;
	margin-left: 2.5%;
	margin-bottom: 2%;
	height: auto;
	width: 25%;
}

#article img {
	width: 95%;
	height: 500px;
	border-style: solid;
	border-color:#ADD8E6;
}

aside {
	float: right;
	margin-right: 2.5%;
	margin-bottom: 2%;
	padding: 1%;
	height: auto*;
	width: 65%;
	border-style: solid;
	border-color:#A8A8A8;
	background-color:#336699;
}

#headshot {
	height: 200px;
	width: 170px;
	border-style: solid;
	border-color:#ADD8E6;
}

#headshot2 {
	height: 200px;
	width: 160px;
	border-style: solid;
	border-color:#ADD8E6;
}

#clients {
	color:#FFFFFF;
	border-spacing: 50px;
}

#clients td {
    vertical-align: top;
}

#clients a:visited{ 
	color: #FFFFFF;
}

#clients a:hover{ 
	color: #FFCA1B;
}

#clients a h2:hover{ 
	color: #FFFFFF;
}

#client1{
	height: 70px;
	width: 190px;
}

#client2{
	height: 175px;
	width: 173px;
}

#client3{
	height: 75px;
	width: 185px;
}

footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding: 1%;
	height: auto;
	background-color: #FFFFFF;
	margin-right: -1%;
	margin-left: -1%;
	margin-bottom: -1%;
}

footer ul li {
	list-style-type: none;
	display: inline;
	font-family: 'cooperhewitt_light';
}

h1 {
	color:#FFFFFF;
	font-family: 'cooperhewitt';
	font-size: 32px;
}

h2 {
	color:#FFCA1B;
	padding-left:2%;
	font-family: 'cooperhewitt';
}

h3 {
	color:#FFFFFF;
	font-family: 'cooperhewitt_light';
	font-size: 22px;
	padding-left:2%;
}

h4 {
	color:#FFFFFF;
	font-family: 'cooperhewitt_light';
	font-size: 18px;
	padding-left:2%;
}

h5 {
	color:#FFFFFF;
	font-family: 'cooperhewitt_light';
	font-size: 16px;
	padding-left:2%;
}

p {
	color:#FFFFFF;
	padding-left:2%;
	font-family: 'cooperhewitt_light';
	font-size: 14px;
}

ul table {
	width:100%;
	color:#FFFFFF;
	font-family: 'cooperhewitt_light';
	font-size: 14px;
}

#signature {
	width:60%;
	color:#FFFFFF;
	font-family: 'cooperhewitt';
	font-size: 20px;
}

#contactus {
	width:100%;
}

#contact {
	padding-left:6%;
	width:85%;
	color:#FFFFFF;
	font-family: 'cooperhewitt';
	font-size: 16px;
}

#contact a{ 
	color: #FFFFFF;
}

#contact a:hover{ 
	color: #FFCA1B;
}

iframe {    
 border: 0 none;
}

#footertab {
	font-size: 20px;
	width:60%;
	color:#000000;
}

#footer a{
	text-decoration:none;
}

#footer a:hover{
	color:#336699;
}

#footertab2 {
	width:25%;
	color:#000000;
	font-size:14px;
	font-family: 'cooperhewitt_light';
}

hr {
	height: 1px;
	color: #A8A8A8;
	background-color: #A8A8A8;
}

#nnad {
	height: 980px;
	width: 590px;
}