/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html {
  overflow-x: hidden;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clear {
  float: none;
  clear: both;
}
body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/*  MIXINS */
.add-animation {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
.add-bganimation {
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  -ms-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
}
.main-navigationbg {
  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* FF3.6+ */

  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
  /* Chrome,Safari4+ */

  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* Chrome10+,Safari5.1+ */

  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* Opera 11.10+ */

  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* IE10+ */

  background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* W3C */

}
.main-navigationbg-mobile {
  background: -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* IE10+ */

  background: linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
  /* W3C */

}
.rgba-shadow {
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
}
.hex-shadow {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
.center-margins {
  margin-left: auto;
  margin-right: auto;
}
/*BASIC FONT STYLING */
body {
  font-family: Calluna-Regular, "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  background: #f0e7d6;
  text-shadow: 1px 1px 1px #fffefc;
  color: #544b40;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0;
}
.no-fontface body,
.no-js body {
  font-family: "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.47;
}
.no-rgba .textshadow #content {
  text-shadow: 1px 1px 1px #fffefc;
}
/* --- REDEFINE HEADING TAG SELECTORS --- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: BauerBodoniBT-Roman, Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin-bottom: 18px;
}
.no-fontface h1,
.no-fontface h2,
.no-fontface h3,
.no-fontface h4,
.no-fontface h5,
.no-fontface h6,
.no-js h1,
.no-js h2,
.no-js h3,
.no-js h4,
.no-js h5,
.no-js h6 {
  font-size-adjust: 0.4;
}
h1,
h2,
h3 {
  line-height: 1;
}
h4 {
  line-height: 1.125;
}
h5 {
  line-height: 1.285;
}
h6 {
  line-height: 1.5;
}
p,
address {
  font-size: 1em;
}
address {
  font-style: normal;
  text-align: left;
}
ul.bullet {
  list-style: url(../images/bullet-small.gif) none;
  margin-left: 20px;
}
ol.bullet {
  list-style-type: decimal;
  margin-left: 20px;
}
ul.bullet li,
ol.bullet li {
  font-size: 1em;
  margin: 0 10px 1.5 10px;
  padding-left: 10px;
  list-style-position: outside;
}
hr {
  background: rgba(162, 153, 139, 0.5);
  margin: 18px 0;
  border: 0;
  height: 1px;
  clear: both;
}
.no-rgba hr {
  background: #a19b92;
  /* hex code for browsers that do not support RGBA */

}
blockquote {
  border-left: 1px solid rgba(162, 153, 139, 0.5);
  margin: 0 0 1.5em 24px;
  padding-left: 24px;
  font-style: italic;
}
.no-rgba blockquote {
  border-left: 1px solid #a19b92;
  /* hex code for browsers that do not support RGBA */
}
blockquote:before,
q:before {
  content: '\201C';
}
blockquote:after,
q:after {
  content: '\201D';
}
b,
strong {
  font-family: Calluna-Bold, "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}
.no-fontface b,
.no-fontface strong {
  font-size-adjust: 0.47;
  font-family: "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}
i,
em {
  font-family: Calluna-It, "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
}
.no-fontface i,
.no-fontface em {
  font-family: "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size-adjust: 0.47;
}
sup,
sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* --- REDEFINE ANCHOR TAG SELECTORS --- */
a:link {
  color: #316060;
}
a:visited {
  color: #0d3535;
}
a:hover,
a:focus {
  color: #2f6f6f;
  text-decoration: none;
}
a:active {
  color: #164343;
  text-decoration: none;
}
#masthead {
  clear: both;
  width: 100%;
}
hgroup {
  position: relative;
  z-index: 1000;
}
.logo {
  text-align: center;
  display: block;
  margin: 0;
}
#mainnav {
  background: #305c5b;
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  clear: both;
  width: 100%;
}
.no-rgba .boxshadow #mainnav {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
ul#toplinks {
  margin: 0;
  padding: 0;
}
ul#toplinks li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
ul#toplinks li a {
  font-family: BauerBodoniBT-Bold, Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  color: #f6f0e3;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
ul#toplinks li:hover a {
  color: #faf8f2;
}
ul#toplinks li.current a {
  color: #faf8f2;
}
.no-fontface ul#toplinks li a {
  font-weight: bold;
  font-size-adjust: 0.4;
}
* html ul#toplinks a {
  width: 1%;
}
.no-rgba .textshadow ul#toplinks li a {
  text-shadow: 1px 1px 1px #244c53;
}
#animation {
  background: #544b40;
  border-top: 1px solid #f5f0e7;
  border-bottom: 1px solid #f5f0e7;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  position: relative;
  z-index: 1;
  color: #f6f0e3;
  text-align: center;
  clear: both;
  width: 100%;
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
}
.no-rgba .textshadow #animation {
  text-shadow: 1px 1px 1px #2c2720;
}
.no-rgba .boxshadow #animation {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
.slides {
  margin: 0 auto;
  z-index: 2;
}
.slides h2 {
  font-family: BauerBodoniBT-Bold, Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 3.6em;
}
.no-fontface .slides h2 {
  font-family: Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size-adjust: 0.4;
}
.slides p {
  font-size: 1.5em;
  clear: both;
}
.work-btn,
.contact-btn {
  font-family: BauerBodoniBT-Bold, Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  float: left;
  font-size: 0.9em;
}
.no-fontface .work-btn,
.no-fontface .contact-btn {
  font-family: Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size-adjust: 0.4;
}
.cssanimations .work-btn {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
a.work-btn {
  color: #f6f0e3;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
a.work-btn:hover {
  color: #faf8f2 !important;
}
.no-rgba .textshadow .work-btn {
  text-shadow: 1px 1px 1px #244c53;
}
a.contact-btn {
  color: #544b40;
  text-shadow: 1px 1px 1px #fffefc;
  text-decoration: none;
  margin-left: 0;
}
.no-rgba .textshadow a.contact-btn {
  text-shadow: 1px 1px 1px #fffefc;
}
.cssanimations .contact-btn {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
a.contact-btn:hover {
  color: #316060;
}
.no-rgba .textshadow .contact-btn {
  text-shadow: 1px 1px 1px #fffefc;
}
.objective {
  background: #305c5b;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  color: #f6f0e3;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  clear: both;
}
.no-rgba .textshadow .objective {
  text-shadow: 1px 1px 1px #244c53;
}
.objective h3 {
  margin: 0 10%;
  text-align: center;
}
#content {
  clear: both;
  margin: 0 auto;
  padding-bottom: 18px;
}
ul.portfolio-list {
  list-style: none;
  list-style-image: none;
}
ul.portfolio-list li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding-top: 24px;
  padding-left: 0;
}
ul.portfolio-list li h3 {
  font-size: 1.3em;
  text-align: center;
}
ul.portfolio-list li img {
  border: 5px solid #fff;
}
.rgba ul.portfolio-list li img {
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
}
.no-rgba ul.portfolio-list li img {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
.first {
  margin-left: 0;
}
.last {
  margin-right: 0;
}
.callout h3 {
  font-size: 1.8em;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
a.callout-btn {
  font-family: BauerBodoniBT-Bold, Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
  color: #f6f0e3;
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
}
a.callout-btn:hover {
  color: #faf8f2;
}
.no-fontface .callout-btn {
  font-family: Didot, "Bodoni MT", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size-adjust: 0.4;
}
.no-rgba .textshadow .callout-btn {
  text-shadow: 1px 1px 1px #244c53;
}
.bio-experience h3,
.skills-education h3 {
  font-size: 1.8em;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.back {
  font-size: 0.9em;
  clear: both;
  text-align: right;
}
#bottom {
  background: #c0b49d;
  border-top: 1px solid #f5f0e7;
  text-shadow: 1px 1px 1px #ede4d3;
  clear: both;
  color: #544b40;
  width: 100%;
}
#bottom h3 {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
}
.no-rgba .textshadow #bottom {
  text-shadow: 1px 1px 1px #ede4d3;
}
#bottom ul li a:link {
  color: #3d362e;
}
#bottom li a:visited {
  color: #25211b;
}
#bottom li a:hover {
  color: #3d362e;
}
#bottom li a:active {
  color: #332d27;
}
.boxshadow #bottom {
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
}
.no-rgba .boxshadow #bottom {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
#footercontent {
  clear: both;
  margin: 0 auto;
  padding: 24px 0 0;
}
.map {
  float: left;
}
.location {
  background: url(../images/map-black-white.jpg) no-repeat;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  -ms-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
  display: block;
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  -moz-box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
  box-shadow: 0px 0px 36px 0px rgba(41, 37, 31, 0.15);
}
.no-rgba location {
  -webkit-box-shadow: 0px 0px 36px 0px #29251f;
  -moz-box-shadow: 0px 0px 36px 0px #29251f;
  box-shadow: 0px 0px 36px 0px #29251f;
}
.location:hover {
  background: url(../images/map-color.jpg) no-repeat;
}
.contactinfo {
  float: left;
}
ul.vcard li {
  display: block;
}
.fn {
  font-size: 1.5em;
}
.org {
  font-size: 1.2em;
}
.email,
.facebook,
.twitter,
.linkedin {
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
  -o-transition: background 0.25s ease-in;
  -ms-transition: background 0.25s ease-in;
  transition: background 0.25s ease-in;
  padding-left: 30px;
  height: 30px;
}
.email {
  background: url(../images/email-icon-faded.jpg) no-repeat;
}
.facebook {
  background: url(../images/facebook-icon-faded.jpg) no-repeat;
}
.twitter {
  background: url(../images/twitter-icon-faded.jpg) no-repeat;
}
.linkedin {
  background: url(../images/linkedin-icon-faded.jpg) no-repeat;
}
.email:hover {
  background: url(../images/email-icon.jpg) no-repeat;
}
.facebook:hover {
  background: url(../images/facebook-icon.jpg) no-repeat;
}
.twitter:hover {
  background: url(../images/twitter-icon.jpg) no-repeat;
}
.linkedin:hover {
  background: url(../images/linkedin-icon.jpg) no-repeat;
}
.contactform {
  float: left;
  margin-right: 0;
}
.contactform label {
  display: block;
  width: 100%;
}
.contactform input {
  width: 100%;
  float: left;
}
.contactform textarea {
  width: 98%;
  float: none;
}
.name {
  float: left;
  display: block;
  width: 27.66666666666667%;
  margin-right: 5%;
}
.phone {
  float: left;
  display: block;
  width: 27.66666666666667%;
  margin-right: 5%;
}
.email-address {
  float: left;
  display: block;
  width: 27.66666666666667%;
  margin-right: 0;
}
.comments {
  clear: both;
  display: block;
}
.name:after,
.phone:after,
.email-address:after,
.comments:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
  float: none;
}
button[type="submit"],
.send {
  font-family: Calluna-Regular, "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  color: #f6f0e3;
  font-size: 1.125em;
  border: 0;
  clear: both;
  float: none;
  width: 90px;
  padding: 10px 0;
}
.no-fontface button {
  font-family: "Hoefler Text", "Book Antigua", Georgia, "Times New Roman", Times, serif;
  font-size-adjust: 0.47;
}
.no-rgba .textshadow button {
  text-shadow: 1px 1px 1px #244c53;
}
.send {
  clear: both;
  float: none;
}
#footernav {
  background: #3e372f;
  border-top: 1px solid #f5f0e7;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  clear: both;
  color: #cec5b3;
  width: 100%;
  margin: 24px 0 0;
  padding: 24px 0;
}
.no-rgba .textshadow #footernav {
  text-shadow: 1px 1px 1px #2c2720;
}
#footernav ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  max-width: 400px;
  display: block;
}
#footernav ul li {
  list-style: none;
}
#footernav ul li a:link,
#footernav li a:visited,
#footernav li a:active {
  color: #dcd6ca;
}
#footernav li a:hover {
  color: #edeae4;
}
#footernav p {
  clear: both;
  float: none;
  text-align: center;
  padding-top: 1.5em;
  line-height: 1;
}
.error {
  text-align: center;
  margin: 0 auto;
  clear: both;
}
p.formerror {
  color: #820909;
}
/*  MEDIA QUERIES */
@media screen and (min-width: 0px) and (max-width: 320px) {
  body {
    font-size: 85%;
  }
  h1 {
    font-size: 2.5em;
  }
  h2 {
    font-size: 2em;
    text-align: center;
    clear: both;
  }
  h2.heading,
  .error h2 {
    padding-top: 24px;
  }
  h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 18px;
  }
  #content p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
  }
  hgroup,
  ul#toplinks,
  .flexslider {
    margin: 0;
  }
  #content,
  #footercontent {
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 !important;
  }
  .logo img {
    text-align: center;
    display: block;
    width: 35%;
    max-width: 100%;
    height: auto;
    z-index: 1000;
    margin: 5px auto;
  }
  #mainnav {
    background: #305c5b;
  }
  ul#toplinks li a {
    float: none;
    padding: 20px 0;
    width: 100%;
  }
  .cssgradients ul#toplinks li a {
    background: -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  #animation {
    background: #544b40;
    min-height: 336px;
  }
  .objective {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
    position: relative;
    z-index: 1000;
    padding: 25px 0;
    font-size: 1.2em;
  }
  .no-cssgradients .no-multiplebgs .objective {
    background: #305c5b;
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    height: auto;
  }
  .slide1 {
    background: url(../images/bg-mancha-extra-extra-small.jpg) no-repeat top center;
  }
  .slide2 {
    background: url(../images/bg-cactus-extra-extra-small.jpg) no-repeat top center;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-extra-extra-small.jpg) no-repeat top center;
  }
  .slide4 {
    background: url(../images/bg-conway-extra-extra-small.jpg) no-repeat top center;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 100%;
    font-size: 1.5em;
    padding-top: 35%;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    width: 100%;
    font-size: 1em;
    margin-bottom: 0;
  }
  .work-btn,
  .contact-btn {
    width: 100%;
    float: none;
    padding: 1.2em 0;
    font-size: 1em;
  }
  .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    margin-bottom: -1.5em;
  }
  .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    float: none;
    width: 100%;
    padding-top: 18px;
  }
  .callout h3 {
    font-size: 1.2em;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1em;
  }
  .backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  ul.bullet {
    list-style: url(../images/bullet-small.gif) none;
    margin-bottom: 18px;
  }
  ol.bullet {
    margin-bottom: 18px;
  }
  ul.portfolio-list {
    list-style: none;
    list-style-image: none;
  }
  ul.portfolio-list li {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    list-style: none;
    list-style-image: none;
  }
  ul.portfolio-list li h3 {
    text-align: center;
    font-size: 1.2em;
  }
  ul.portfolio-list li img {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .bio-experience {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .skills-education {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .bio-experience h3,
  .skills-education h3 {
    clear: both;
  }
  .job-title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .job-description {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .school-name {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .education-level {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .chart img {
    width: 90%;
    max-width: 100%;
  }
  #bottom h3 {
    font-size: 1.6em;
  }
  .map {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
  }
  .location {
    height: 173px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .contactinfo {
    width: 90%;
    margin-left: 5%;
  }
  .contactinfo ul {
    margin-left: 5%;
  }
  .contactform {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
  }
  .contactform label {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .contactform input {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .contactform input,
  .contactform textarea {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .name {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .email-address {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .comments {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  button[type="submit"],
  .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    border: 0;
    width: 90px !important;
    height: 45px;
    padding: 5px 0;
    margin-bottom: 18px;
    margin-top: 10px;
    margin-left: 5% !important;
  }
  .error h2 {
    font-size: 15em;
  }
  .error h3 {
    font-size: 1.5em;
  }
  .error p {
    font-size: 1em;
  }
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  body {
    font-size: 85%;
  }
  h1 {
    font-size: 2.5em;
  }
  h2 {
    font-size: 2em;
    text-align: center;
    clear: both;
  }
  h2.heading,
  .error h2 {
    padding-top: 24px;
  }
  h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 18px;
  }
  #content p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
  }
  hgroup,
  ul#toplinks,
  .flexslider {
    margin: 0;
  }
  #content,
  #footercontent {
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 !important;
  }
  hgroup {
    max-height: 180px;
  }
  .logo img {
    text-align: center;
    display: block;
    width: 35%;
    max-width: 100%;
    height: auto;
    z-index: 1000;
    margin: 5px auto;
  }
  #mainnav {
    background: #305c5b;
  }
  ul#toplinks li a {
    float: none;
    padding: 20px 0;
    width: 100%;
  }
  .cssgradients ul#toplinks li a {
    background: -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  #animation {
    background: #544b40;
    min-height: 353px;
  }
  .objective {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
    position: relative;
    z-index: 1000;
    padding: 25px 0;
    font-size: 1.2em;
  }
  .no-cssgradients .no-multiplebgs .objective {
    background: #305c5b;
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    height: auto;
  }
  .slide1 {
    background: url(../images/bg-mancha-extra-extra-small.jpg) no-repeat top center;
  }
  .slide2 {
    background: url(../images/bg-cactus-extra-extra-small.jpg) no-repeat top center;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-extra-extra-small.jpg) no-repeat top center;
  }
  .slide4 {
    background: url(../images/bg-conway-extra-extra-small.jpg) no-repeat top center;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 100%;
    font-size: 1.5em;
    padding-top: 35%;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    width: 100%;
    font-size: 1em;
    margin-bottom: 0;
  }
  .work-btn,
  .contact-btn {
    width: 100%;
    float: none;
    padding: 1.2em 0;
    font-size: 1em;
  }
  .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    margin-bottom: -1.5em;
  }
  .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    float: none;
    width: 100%;
    padding-top: 18px;
  }
  .callout h3 {
    font-size: 1.2em;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1em;
  }
  .backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  ul.bullet {
    list-style: url(../images/bullet-small.gif) none;
    margin-bottom: 18px;
  }
  ol.bullet {
    margin-bottom: 18px;
  }
  ul.portfolio-list {
    list-style: none;
    list-style-image: none;
  }
  ul.portfolio-list li {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    list-style: none;
    list-style-image: none;
  }
  ul.portfolio-list li h3 {
    text-align: center;
    font-size: 1.2em;
  }
  ul.portfolio-list li img {
    border: 5px solid #fff;
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .bio-experience {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .skills-education {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .bio-experience h3,
  .skills-education h3 {
    clear: both;
  }
  .job-title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .job-description {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .school-name {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .education-level {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .chart img {
    width: 90%;
    max-width: 100%;
  }
  #bottom h3 {
    font-size: 1.6em;
  }
  .map {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
  }
  .location {
    height: 173px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .contactinfo {
    width: 90%;
    margin-left: 5%;
  }
  .contactinfo ul {
    margin-left: 5%;
  }
  .contactform {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0;
  }
  .contactform label {
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .contactform input {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .contactform input,
  .contactform textarea {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .name {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .email-address {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .comments {
    display: block;
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  button[type="submit"],
  .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    border: 0;
    width: 90px !important;
    height: 45px;
    padding: 5px 0;
    margin-bottom: 18px;
    margin-top: 10px;
    margin-left: 5% !important;
  }
  .error h2 {
    font-size: 15em;
  }
  .error h3 {
    font-size: 1.5em;
  }
  .error p {
    font-size: 1em;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  body {
    background: #f0e7d6 url(../images/bg-pattern.jpg);
    font-size: 85%;
  }
  h1 {
    font-size: 3em;
  }
  h2 {
    font-size: 2.4em;
    text-align: center;
    clear: both;
  }
  h2.heading,
  .error h2 {
    padding-top: 24px;
  }
  h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 18px;
  }
  ul.bullet {
    list-style: url(../images/bullet-small.gif) none;
    margin-bottom: 18px;
  }
  ol.bullet {
    margin-bottom: 18px;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
    max-width: 640px;
  }
  hgroup,
  ul#toplinks,
  .flexslider {
    margin: 0;
  }
  #content,
  #footercontent {
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 !important;
  }
  hgroup {
    height: 180px;
  }
  .logo img {
    text-align: center;
    display: block;
    width: 25%;
    max-width: 100%;
    height: auto;
    top: 9px;
    z-index: 1000;
    margin-left: auto;
    margin-right: auto;
  }
  #mainnav {
    height: 48px;
  }
  .cssgradients #mainnav {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .no-multiplebgs #mainnav {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients #mainnav {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  ul#toplinks li {
    float: left;
    width: 25%;
  }
  ul#toplinks li a {
    padding: 14px 0;
    font-size: 1.5em;
  }
  ul#toplinks li:hover a {
    background: none;
  }
  ul#toplinks li.current a {
    background: none;
  }
  #animation {
    background: #544b40;
    nin-height: 288px;
  }
  .objective {
    margin-top: -48px;
    position: relative;
    z-index: 1000;
    padding: 15px 0 30px;
    font-size: 1.2em;
  }
  .cssgradients .objective {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .objective {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients .no-multiplebgs .objective {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    min-width: 640px;
    max-width: 640px;
    height: 288px;
  }
  .slide1 {
    background: url(../images/bg-mancha-extra-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide2 {
    background: url(../images/bg-cactus-extra-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-extra-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide4 {
    background: url(../images/bg-conway-extra-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .no-backgroundsize .slide1 {
    background: url(../images/bg-mancha-extra-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide2 {
    background: url(../images/bg-cactus-extra-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide3 {
    background: url(../images/bg-drkaneassoc-extra-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide4 {
    background: url(../images/bg-conway-extra-extra-small.jpg) no-repeat 0 0;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 50%;
    max-width: 364px;
    padding-left: 50%;
    padding-top: 9px;
    font-size: 2em;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    width: 50%;
    max-width: 364px;
    padding-left: 50%;
    font-size: 1em;
  }
  .work-btn,
  .contact-btn {
    width: 45%;
    padding: 20px 0;
    font-size: 1em;
  }
  .work-btn {
    margin-left: 0;
    margin-right: 5%;
  }
  .contact-btn {
    margin-left: 0;
  }
  .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    float: none;
    width: 100%;
    padding-top: 18px;
  }
  .callout h3 {
    font-size: 1.5em;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1em;
  }
  .backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .first {
    margin-left: 0 !important;
  }
  .last {
    margin-right: 0 !important;
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  ul.portfolio-list li {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    padding-top: 18px;
    padding-left: 0;
  }
  ul.portfolio-list li:nth-child(n+4) {
    min-height: 400px;
  }
  ul.portfolio-list li:nth-child(-n+4) {
    min-height: 400px;
  }
  ul.portfolio-list li h3 {
    text-align: center;
    font-size: 1.4em;
  }
  ul.portfolio-list li img {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 95%;
  }
  .bio-experience {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    float: none;
  }
  .skills-education {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    float: none;
  }
  .bio-experience h3,
  .skills-education h3 {
    clear: both;
  }
  .job-title {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  .job-description {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .job-description:before,
  .job-description:after {
    content: "";
    display: table;
  }
  .job-description:after {
    clear: both;
  }
  .school-name {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  .education-level {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .education-level:before,
  .education-level:after {
    content: "";
    display: table;
  }
  .education-level:after {
    clear: both;
  }
  .chart img {
    width: 50%;
    max-width: 60%;
    float: left;
    margin-right: 5%;
  }
  #bottom {
    background: #c0b49d url(../images/bg-footer.jpg);
  }
  #footernav {
    background: #c0b49d url(../images/bg-footernav.jpg);
  }
  #footernav ul li {
    float: left;
    display: block;
    list-style: none;
  }
  #footernav ul li a:link,
  #footernav li a:visited,
  #footernav li a:active {
    padding-left: 10px;
    padding-right: 10px;
    border-right: solid 1px #cec5b3;
  }
  #footernav ul li:last-child a {
    border-right: none;
  }
  #bottom h3 {
    font-size: 1.6em;
  }
  .map {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
  }
  .location {
    width: 90%;
    height: 173px;
  }
  .contactinfo {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    padding-top: 18px;
  }
  .contactform {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .contactform:before,
  .contactform:after {
    content: "";
    display: table;
  }
  .contactform:after {
    clear: both;
  }
  .contactform label {
    display: block;
    width: 100%;
  }
  .contactform input {
    width: 100%;
    float: left;
  }
  .contactform textarea {
    width: 98%;
    float: none;
  }
  .name {
    display: block;
    width: 98%;
    float: none;
    margin-right: 0;
  }
  .phone {
    float: left;
    display: block;
    width: 45%;
    margin-right: 5%;
  }
  .email-address {
    float: left;
    display: block;
    width: 45%;
    margin-right: 0;
  }
  .comments {
    clear: both;
    display: block;
  }
  button[type="submit"],
  .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    border: 0;
    width: 98px !important;
    height: 45px;
    padding: 5px 0;
    margin-bottom: 18px;
    margin-top: 10px;
  }
  .error h2 {
    font-size: 15em;
  }
  .error h3 {
    font-size: 1.5em;
  }
  .error p {
    font-size: 1.1em;
    margin: 0 auto 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1001px) {
  body {
    background: #f0e7d6 url(../images/bg-pattern.jpg);
    font-size: 85%;
  }
  h1 {
    font-size: 3em;
  }
  h2 {
    font-size: 2.5em;
    text-align: center;
    clear: both;
  }
  h2.heading,
  .error h2 {
    padding-top: 24px;
  }
  h3 {
    font-size: 1.5em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 18px;
  }
  #content ul {
    list-style: url(../images/bullet-small.gif) none;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
    min-width: 748px;
    max-width: 748px;
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 auto !important;
  }
  hgroup {
    height: 198px;
  }
  .logo img {
    position: absolute;
    text-align: center;
    display: block;
    width: 25%;
    max-width: 100%;
    height: auto;
    left: 40%;
    top: 0;
    z-index: 1000;
  }
  #mainnav {
    height: 48px;
  }
  .cssgradients #mainnav {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .no-multiplebgs #mainnav {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients #mainnav {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  ul#toplinks li {
    float: left;
    width: 24%;
  }
  ul#toplinks li a {
    padding: 14px 0;
    font-size: 1.5em;
  }
  ul#toplinks li:hover a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  ul#toplinks li.current a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  #animation {
    background: #544b40;
    min-height: 342px;
  }
  .objective {
    background: url(../images/ribbon-small.jpg) no-repeat top center;
    margin-top: -48px;
    position: relative;
    z-index: 1000;
    padding: 15px 0 30px;
    font-size: 1.3em;
  }
  .cssgradients .objective {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .objective {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients .no-multiplebgs .objective {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    min-width: 748px;
    max-width: 748px;
    height: 342px;
    margin-bottom: -48px;
  }
  .slide1 {
    background: url(../images/bg-mancha-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide2 {
    background: url(../images/bg-cactus-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .slide4 {
    background: url(../images/bg-conway-small.jpg) no-repeat 0 0;
    background-size: 60% auto;
  }
  .no-backgroundsize .slide1 {
    background: url(../images/bg-mancha-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide2 {
    background: url(../images/bg-cactus-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide3 {
    background: url(../images/bg-drkaneassoc-extra-small.jpg) no-repeat 0 0;
  }
  .no-backgroundsize .slide4 {
    background: url(../images/bg-conway-extra-small.jpg) no-repeat 0 0;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 50%;
    max-width: 364px;
    padding-left: 50%;
    padding-top: 18px;
    font-size: 2.5em;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    width: 50%;
    max-width: 364px;
    padding-left: 50%;
    font-size: 1.3125em;
  }
  .work-btn,
  .contact-btn {
    width: 45%;
    padding: 20px 0;
    font-size: 0.9em;
  }
  .work-btn {
    margin-left: 0;
    margin-right: 5%;
  }
  .contact-btn {
    margin-left: 0;
  }
  .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    float: none;
    width: 100%;
    padding-top: 18px;
  }
  .callout h3 {
    font-size: 1.5em;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    font-size: 1em;
  }
  .backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .first {
    margin-left: 0 !important;
  }
  .last {
    margin-right: 0 !important;
  }
  ul.bullet {
    list-style: url(../images/bullet-small.gif) none;
    margin-bottom: 24px;
  }
  ol.bullet {
    margin-bottom: 24px;
  }
  ul.portfolio-list li {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    padding-top: 24px;
    padding-left: 0;
    display: table-cell;
  }
  ul.portfolio-list li:nth-child(n+4) {
    min-height: 443px;
  }
  ul.portfolio-list li:nth-child(-n+4) {
    min-height: 360px;
  }
  ul.portfolio-list li h3 {
    text-align: center;
    font-size: 1.4em;
  }
  ul.portfolio-list li img {
    width: 93%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 95%;
  }
  .bio-experience {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  .skills-education {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
  }
  .bio-experience h3,
  .skills-education h3 {
    background: url(../images/bg-callout-heading-left.png) no-repeat left 50%, url(../images/bg-callout-heading-right.png) no-repeat right 50%;
    clear: both;
  }
  .job-title {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .job-description {
    float: none;
    margin-left: 0;
    margin-right: 0;
    *zoom: 1;
  }
  .job-description:before,
  .job-description:after {
    content: "";
    display: table;
  }
  .job-description:after {
    clear: both;
  }
  .chart img {
    width: 50%;
    max-width: 60%;
    float: left;
    margin-right: 5%;
  }
  .school-name {
    float: none;
    clear: both;
    margin-left: 0;
    margin-right: 0;
  }
  .education-level {
    float: none;
    margin-left: 0;
    margin-right: 0;
    *zoom: 1;
  }
  .education-level:before,
  .education-level:after {
    content: "";
    display: table;
  }
  .education-level:after {
    clear: both;
  }
  #bottom {
    background: #c0b49d url(../images/bg-footer.jpg);
  }
  #footernav {
    background: #c0b49d url(../images/bg-footernav.jpg);
  }
  #footernav ul li {
    float: left;
    display: block;
    list-style: none;
  }
  #footernav ul li a:link,
  #footernav li a:visited,
  #footernav li a:active {
    padding-left: 25px;
    padding-right: 25px;
    border-right: solid 1px #cec5b3;
  }
  #footernav ul li:last-child a {
    border-right: none;
  }
  #bottom h3 {
    font-size: 1.8em;
  }
  .map {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
  }
  .location {
    width: 90%;
    height: 173px;
  }
  .contactinfo {
    display: inline;
    float: left;
    width: 47.91666666666667%;
    margin: 0 1.0416666666666665%;
    padding-top: 18px;
  }
  .contactform {
    display: inline;
    float: left;
    width: 97.91666666666666%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .contactform:before,
  .contactform:after {
    content: "";
    display: table;
  }
  .contactform:after {
    clear: both;
  }
  .contactform label {
    display: block;
    width: 100%;
  }
  .contactform input {
    width: 100%;
    float: left;
  }
  .contactform textarea {
    width: 98%;
    float: none;
  }
  .name {
    display: block;
    width: 98%;
    float: none;
    margin-right: 0;
  }
  .phone {
    float: left;
    display: block;
    width: 45%;
    margin-right: 5%;
  }
  .email-address {
    float: left;
    display: block;
    width: 45%;
    margin-right: 0;
  }
  .comments {
    clear: both;
    display: block;
  }
  button[type="submit"],
  .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
    border: 0;
    width: 98px !important;
    height: 45px;
    padding: 5px 0;
    margin-bottom: 24px;
    margin-top: 10px;
  }
  .error h1 {
    font-size: 20em;
  }
  .error h3 {
    font-size: 2em;
  }
  .error p {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 1002px) and (max-width: 1247px) {
  body {
    background: url(../images/bg-texture.jpg) no-repeat top center, url(../images/bg-pattern.jpg), #f0e7d6;
    font-size: 85%;
  }
  .no-multiplebgs body {
    background: #f0e7d6 url(../images/bg-pattern.jpg);
  }
  h1 {
    font-size: 3.6em;
  }
  h2 {
    font-size: 2.5em;
    text-align: center;
  }
  h2.heading {
    padding-top: 72px;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 18px;
  }
  #content ul {
    list-style: url(../images/bullet-small.gif) none;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
    min-width: 978px;
    max-width: 978px;
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 auto !important;
  }
  hgroup {
    height: 64px;
  }
  .logo img {
    position: absolute;
    text-align: center;
    display: block;
    width: 15.8200290275762%;
    max-width: 100%;
    height: auto;
    left: 42%;
    top: 18px;
    z-index: 1000;
  }
  #mainnav {
    height: 48px;
  }
  .cssgradients #mainnav {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .no-multiplebgs #mainnav {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients #mainnav {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  ul#toplinks li {
    float: left;
    width: 20%;
  }
  ul#toplinks li a {
    padding: 14px 0;
    font-size: 1.5em;
  }
  ul#toplinks li:nth-child(3) {
    margin-left: 20%;
  }
  ul#toplinks li:hover a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  ul#toplinks li.current a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  #animation {
    background: url(../images/bg-logo.png) no-repeat 733px -180px, url(../images/bg-animation.jpg), #544b40;
    min-height: 468px;
  }
  .objective {
    background: url(../images/ribbon-medium.png) no-repeat top center;
    margin-top: -60px;
    position: relative;
    z-index: 1000;
    padding: 15px 0 50px;
    font-size: 1.7em;
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    max-width: 978px;
    height: 468px;
    margin-bottom: -60px;
  }
  .slide1 {
    background: url(../images/bg-mancha-medium.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide2 {
    background: url(../images/bg-cactus-medium.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-medium.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide4 {
    background: url(../images/bg-conway-medium.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .no-backgroundsize .slide1 {
    background: url(../images/bg-mancha-small.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide2 {
    background: url(../images/bg-cactus-small.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide3 {
    background: url(../images/bg-drkaneassoc-small.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide4 {
    background: url(../images/bg-conway-small.png) no-repeat 0 0;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 36.13933236574746%;
    max-width: 400px;
    padding-left: 63.86066763425254%;
    padding-top: 36px;
    padding-bottom: 1px;
    font-size: 3em;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    background: url(../images/slider-divider.png) no-repeat top right;
    background-size: 36%;
    width: 36.13933236574746%;
    max-width: 400px;
    padding-left: 63.86066763425254%;
    padding-top: 72px;
    font-size: 1em;
  }
  .work-btn,
  .contact-btn {
    width: 45%;
    max-width: 158px;
    padding: 15px 0 20px;
    font-size: 0.9em;
  }
  .work-btn {
    margin-left: 0;
    margin-right: 5%;
  }
  .contact-btn {
    margin-left: 0;
  }
  .work-btn {
    background: url(../images/bg-work-button.png) no-repeat;
    background-size: contain;
  }
  .contact-btn {
    background: url(../images/bg-contact-button.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    padding-top: 24px;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.95em;
  }
  .backgroundsize .callout-btn {
    background: url(../images/bg-callout-btn.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  ul.bullet {
    list-style: url(../images/bullet-small.gif) none;
    margin-bottom: 24px;
  }
  ol.bullet {
    margin-bottom: 24px;
  }
  ul.portfolio-list li {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    padding-top: 24px;
    padding-left: 0;
    min-height: 420px;
  }
  ul.portfolio-list li:nth-child(n+4) {
    min-height: 480px;
  }
  ul.portfolio-list li:nth-child(-n+4) {
    min-height: 430px;
  }
  ul.portfolio-list li h3 {
    text-align: center;
    font-size: 1.2em;
  }
  ul.portfolio-list li img {
    width: 95%;
    max-width: 100%;
  }
  .bio-experience {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
  }
  .skills-education {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .bio-experience h3,
  .skills-education h3 {
    background: url(../images/bg-callout-heading-left.png) no-repeat left 50%, url(../images/bg-callout-heading-right.png) no-repeat right 50%;
  }
  .job-title {
    display: inline;
    float: left;
    width: 34.375%;
    margin: 0 1.5625%;
  }
  .job-description {
    display: inline;
    float: left;
    width: 59.375%;
    margin: 0 1.5625%;
    *zoom: 1;
  }
  .job-description:before,
  .job-description:after {
    content: "";
    display: table;
  }
  .job-description:after {
    clear: both;
  }
  .school-name {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 3.125%;
  }
  .education-level {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 3.125%;
    *zoom: 1;
  }
  .education-level:before,
  .education-level:after {
    content: "";
    display: table;
  }
  .education-level:after {
    clear: both;
  }
  .chart img {
    width: 98%;
    max-width: 100%;
  }
  #bottom {
    background: #c0b49d url(../images/bg-footer.jpg);
  }
  #footernav {
    background: #c0b49d url(../images/bg-footernav.jpg);
  }
  #footernav ul li {
    float: left;
    display: block;
    list-style: none;
  }
  #footernav ul li a:link,
  #footernav li a:visited,
  #footernav li a:active {
    padding-left: 25px;
    padding-right: 25px;
    border-right: solid 1px #cec5b3;
  }
  #footernav ul li:last-child a {
    border-right: none;
  }
  #bottom h3 {
    font-size: 1.8em;
  }
  .map {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .location {
    width: 90%;
    height: 203px;
  }
  .contactinfo {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .contactform {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .contactform:before,
  .contactform:after {
    content: "";
    display: table;
  }
  .contactform:after {
    clear: both;
  }
  .contactform label {
    display: block;
    width: 100%;
  }
  .contactform input {
    width: 100%;
    float: left;
  }
  .contactform textarea {
    width: 98%;
    float: none;
  }
  .name {
    display: block;
    width: 98%;
    float: none;
    margin-right: 0;
  }
  .phone {
    float: left;
    display: block;
    width: 45%;
    margin-right: 5%;
  }
  .email-address {
    float: left;
    display: block;
    width: 45%;
    margin-right: 0;
  }
  .comments {
    clear: both;
    display: block;
  }
  button[type="submit"],
  .send {
    border: 0;
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    padding: 5px 0;
    margin-bottom: 24px;
    margin-top: 10px;
    width: 69px !important;
  }
  .backgroundsize button[type="submit"],
  .backgroundsize .send {
    background: url(../images/btn-send.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize button[type="submit"],
  .no-backgroundsize .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .error h2 {
    font-size: 25em;
  }
  .error h3 {
    font-size: 3em;
  }
  .error p {
    font-size: 1.4em;
  }
}
@media screen and (min-width: 1248px) {
  body {
    background: url(../images/bg-logo.png) no-repeat 733px 0, url(../images/bg-texture.png) no-repeat top center, url(../images/bg-pattern.jpg), #f0e7d6;
    font-size: 100%;
  }
  .no-multiplebgs body {
    background: url(../images/bg-texture.jpg) no-repeat top center, url(../images/bg-pattern.jpg), #f0e7d6;
  }
  h1 {
    font-size: 3.6em;
  }
  h2 {
    font-size: 2.5em;
    text-align: center;
  }
  h2.heading,
  .error h2 {
    padding-top: 96px;
  }
  h3 {
    font-size: 1.3em;
  }
  h4 {
    font-size: 1.3333em;
  }
  h5 {
    font-size: 1.1666em;
  }
  h6 {
    font-size: 1em;
  }
  p,
  address {
    margin-bottom: 24px;
  }
  hgroup,
  ul#toplinks,
  .flexslider,
  #content,
  #footercontent {
    width: 100%;
    min-width: 1218px;
    max-width: 1218px;
    margin: 0 auto;
  }
  .flexslider {
    margin: 0 auto !important;
  }
  hgroup {
    height: 72px;
  }
  .logo img {
    position: absolute;
    text-align: center;
    display: block;
    width: 15.8200290275762%;
    max-width: 100%;
    height: auto;
    left: 42%;
    top: 18px;
    z-index: 1000;
  }
  #mainnav {
    height: 64px;
  }
  .cssgradients #mainnav {
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -moz-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* FF3.6+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #305c5b), color-stop(100%, #1d4c4b));
    /* Chrome,Safari4+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -webkit-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -o-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* Opera 11.10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, -ms-linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* IE10+ */
  
    background: url(../images/bg-mainnav.png), url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, linear-gradient(top, #305c5b 0%, #1d4c4b 100%);
    /* W3C */
  
  }
  .no-cssgradients .no-multiplebgs #mainnav {
    background: #305c5b url(../images/bg-mainnavie.png);
  }
  .no-cssgradients #mainnav {
    background: url(../images/top-border.png) top repeat-x, url(../images/btm-border.png) bottom repeat-x, #305c5b url(../images/bg-mainnavie.png);
  }
  ul#toplinks li {
    float: left;
    width: 20%;
  }
  ul#toplinks li a {
    padding: 16px 0;
    font-size: 1.5em;
  }
  ul#toplinks li:nth-child(3) {
    margin-left: 20%;
  }
  ul#toplinks li:hover a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  ul#toplinks li.current a {
    background: url(../images/left-hover.png) no-repeat left 50%, url(../images/right-hover.png) no-repeat right 50%;
  }
  #animation {
    min-height: 552px;
  }
  .multiplebgs #animation {
    background: url(../images/bg-logo.png) no-repeat 733px -180px, url(../images/bg-animation.jpg), #544b40;
  }
  .no-multiplebgs #animation {
    background: #544b40 url(../images/bg-animation.jpg);
  }
  .objective {
    background: url(../images/ribbon-large.png) no-repeat top center;
    margin-top: -68px;
    position: relative;
    z-index: 1000;
    padding: 20px 0 50px;
    font-size: 2em;
  }
  .slide1,
  .slide2,
  .slide3,
  .slide4 {
    width: 100%;
    max-width: 1218px;
    height: 552px;
    margin-bottom: -68px;
  }
  .slide1 {
    background: url(../images/bg-mancha-large.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide2 {
    background: url(../images/bg-cactus-large.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide3 {
    background: url(../images/bg-drkaneassoc-large.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .slide4 {
    background: url(../images/bg-conway-large.png) no-repeat 0 0;
    background-size: 70% auto;
  }
  .no-backgroundsize .slide1 {
    background: url(../images/bg-mancha-medium.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide2 {
    background: url(../images/bg-cactus-medium.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide3 {
    background: url(../images/bg-drkaneassoc-medium.png) no-repeat 0 0;
  }
  .no-backgroundsize .slide4 {
    background: url(../images/bg-conway-medium.png) no-repeat 0 0;
  }
  .slide1 h2,
  .slide2 h2,
  .slide3 h2,
  .slide4 h2 {
    width: 36.13933236574746%;
    max-width: 460px;
    padding-left: 63.86066763425254%;
    padding-top: 48px;
    padding-bottom: 24px;
    font-size: 3em;
  }
  .slide1 p,
  .slide2 p,
  .slide3 p,
  .slide4 p {
    background: url(../images/slider-divider.png) no-repeat top right;
    background-size: 36%;
    width: 36.13933236574746%;
    max-width: 460px;
    padding-left: 63.86066763425254%;
    padding-top: 72px;
    font-size: 1.3125em;
  }
  .work-btn,
  .contact-btn {
    width: 45%;
    max-width: 208px;
    padding: 20px 0;
    font-size: 0.9em;
  }
  .work-btn {
    margin-left: 0;
    margin-right: 5%;
  }
  .contact-btn {
    margin-left: 0;
  }
  .work-btn {
    background: url(../images/bg-work-button.png) no-repeat;
    background-size: contain;
  }
  .contact-btn {
    background: url(../images/bg-contact-button.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize .work-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .no-backgroundsize .contact-btn {
    background: #f0e7d6 url(../images/bg-contact-button-small.jpg) repeat-x;
  }
  .callout {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    padding-top: 24px;
  }
  .callout h3 {
    background: url(../images/bg-callout-heading-left.png) no-repeat left 50%, url(../images/bg-callout-heading-right.png) no-repeat right 50%;
  }
  .callout-btn {
    padding: 15px 0;
    width: 100%;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
  }
  .backgroundsize .callout-btn {
    background: url(../images/bg-callout-btn.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize .callout-btn {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  ul.bullet {
    list-style: url(../images/bullet-large.gif) none;
    margin-bottom: 24px;
  }
  ol.bullet {
    margin-bottom: 24px;
  }
  ul.portfolio-list li {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    padding-top: 24px;
    padding-left: 0;
    display: table-cell;
  }
  ul.portfolio-list li:nth-child(n+4) {
    min-height: 480px;
  }
  ul.portfolio-list li:nth-child(-n+4) {
    min-height: 430px;
  }
  ul.portfolio-list li h3 {
    text-align: center;
  }
  ul.portfolio-list li img {
    width: 95%;
    max-width: 100%;
  }
  .bio-experience {
    display: inline;
    float: left;
    width: 64.58333333333334%;
    margin: 0 1.0416666666666665%;
  }
  .skills-education {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .bio-experience h3,
  .skills-education h3 {
    background: url(../images/bg-callout-heading-left.png) no-repeat left 50%, url(../images/bg-callout-heading-right.png) no-repeat right 50%;
  }
  .job-title {
    display: inline;
    float: left;
    width: 34.375%;
    margin: 0 1.5625%;
  }
  .job-description {
    display: inline;
    float: left;
    width: 59.375%;
    margin: 0 1.5625%;
    *zoom: 1;
  }
  .job-description:before,
  .job-description:after {
    content: "";
    display: table;
  }
  .job-description:after {
    clear: both;
  }
  .school-name {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 3.125%;
  }
  .education-level {
    display: inline;
    float: left;
    width: 43.75%;
    margin: 0 3.125%;
    *zoom: 1;
  }
  .education-level:before,
  .education-level:after {
    content: "";
    display: table;
  }
  .education-level:after {
    clear: both;
  }
  .chart img {
    width: 98%;
    max-width: 100%;
  }
  #bottom {
    background: #c0b49d url(../images/bg-footer.jpg);
  }
  #footernav {
    background: #c0b49d url(../images/bg-footernav.jpg);
  }
  #footernav ul li {
    float: left;
    display: block;
    list-style: none;
  }
  #footernav ul li a:link,
  #footernav li a:visited,
  #footernav li a:active {
    padding-left: 25px;
    padding-right: 25px;
    border-right: solid 1px #cec5b3;
  }
  #footernav ul li:last-child a {
    border-right: none;
  }
  #bottom h3 {
    font-size: 1.8em;
  }
  .map {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .location {
    width: 90%;
    height: 203px;
  }
  .contactinfo {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
  }
  .contactform {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.0416666666666665%;
    *zoom: 1;
  }
  .contactform:before,
  .contactform:after {
    content: "";
    display: table;
  }
  .contactform:after {
    clear: both;
  }
  .contactform label {
    display: block;
    width: 100%;
  }
  .contactform input {
    width: 100%;
    float: left;
  }
  .contactform textarea {
    width: 98%;
    float: none;
  }
  .name {
    display: block;
    width: 98%;
    float: none;
    margin-right: 0;
  }
  .phone {
    float: left;
    display: block;
    width: 45%;
    margin-right: 5%;
  }
  .email-address {
    float: left;
    display: block;
    width: 45%;
    margin-right: 0;
  }
  .comments {
    clear: both;
    display: block;
  }
  button[type="submit"],
  .send {
    border: 0;
    display: inline;
    float: left;
    width: 22.916666666666664%;
    margin: 0 1.0416666666666665%;
    padding: 8px 0;
    margin-bottom: 24px;
    margin-top: 10px;
    width: 98px !important;
  }
  .backgroundsize button[type="submit"],
  .backgroundsize .send {
    background: url(../images/btn-send.png) no-repeat;
    background-size: contain;
  }
  .no-backgroundsize button[type="submit"],
  .no-backgroundsize .send {
    background: #305c5b url(../images/bg-work-button-small.jpg) repeat-x;
  }
  .error h2 {
    font-size: 28em;
  }
  .error h3 {
    font-size: 4em;
  }
  .error p {
    font-size: 1.5em;
  }
}