body, div, h1, h2, h3, h4, h5, h6, table, tbody, tr, td, span, blockquote, a, abbr, address, cite, code, img, ul, ol, li, dl, dd, dt, form, label, fieldset, caption, input, textarea, button {
border:0;
outline:0;
font-family:Arial, Helvetica, Sans-Serif;
vertical-align:baseline;
list-style:none;
text-decoration:none;
line-height:1.5em;
margin:0;
padding:0
}
p {
margin-bottom: 20px;
}
#bsads
{
margin-top:20px;
padding-left:10px;
}
@font-face {
font-family: 'OstrichSansCondensedLight';
src: url('Fonts/ostrich-light-webfont.eot');
src: url('Fonts/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-light-webfont.woff') format('woff'),  url('Fonts/ostrich-light-webfont.ttf') format('truetype'),  url('Fonts/ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OstrichSansMedium';
src: url('Fonts/ostrich-regular-webfont.eot');
src: url('Fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-regular-webfont.woff') format('woff'),  url('Fonts/ostrich-regular-webfont.ttf') format('truetype'),  url('Fonts/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OstrichSansBold';
src: url('Fonts/ostrich-bold-webfont.eot');
src: url('Fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-bold-webfont.woff') format('woff'),  url('Fonts/ostrich-bold-webfont.ttf') format('truetype'),  url('Fonts/ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OstrichSansBlack';
src: url('Fonts/ostrich-black-webfont.eot');
src: url('Fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-black-webfont.woff') format('woff'),  url('Fonts/ostrich-black-webfont.ttf') format('truetype'),  url('Fonts/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OstrichSansRoundedMedium';
src: url('Fonts/ostrich-rounded-webfont.eot');
src: url('Fonts/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-rounded-webfont.woff') format('woff'),  url('Fonts/ostrich-rounded-webfont.ttf') format('truetype'),  url('Fonts/ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OstrichSansDashedMedium';
src: url('Fonts/ostrich-dashed-webfont.eot');
src: url('Fonts/ostrich-dashed-webfont.eot?#iefix') format('embedded-opentype'),  url('Fonts/ostrich-dashed-webfont.woff') format('woff'),  url('Fonts/ostrich-dashed-webfont.ttf') format('truetype'),  url('Fonts/ostrich-dashed-webfont.svg#OstrichSansDashedMedium') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background:#EBEBEB;
font-size:14px
}
div#wrap {
width:980px;
position:relative;
margin:0 auto!important
}
div#sidebar {
width:220px;
height:100%;
float:left;
background:#999;
border-right:1px solid #2e2f2f;
position:fixed
}
ul#navigation {
margin-top:25px;
margin-right:-5px;
position:relative;
width:220px;
z-index:999
}
ul#navigation li {
border:none;
background:none;
margin:0;
padding:0
}
ul#navigation li a:link, ul#navigation li a:visited {
text-decoration:none;
font-family:'OstrichSansBlack', Arial, sans-serif;
margin-bottom:1px;
width:auto;
font-size:20px;
text-align:left;
padding-left:10px !important;
display:block;
transition:all 200ms;
-webkit-transition:all 200ms;
-moz-transition:all 200ms;
-o-transition:all 200ms;
padding:5px 10px 5px 0
}
ul#navigation li a:hover, ul#navigation li a.active {
background:#fff;
color:#333;
}
div#container {
width:730px;
float:right;
padding-right:25px;
left:-5px;
position:relative;
padding-top:0;
background:#FFF;
}
div.page {
margin-bottom:5px solid #dbdbdb;
margin-bottom:0;
padding-top:20px
}
div.page_content {
padding:25px 0 20px 25px
}
div#container h1.page_title, div#container h2.page_title {
font-family: 'OstrichSansBlack';
margin-left:25px;
font-size:35px;
color:#333;
border-bottom:1px solid #333;
text-shadow:1px 1px 2px #185477;
line-height:2;
padding:5px 0 0px 0px
}
div.footer {
text-align:center;
font-size:12px;
padding:15px 0
}
.gotop {
position:fixed;
right:15px;
bottom:15px;
opacity:.3;
padding:10px;
color:#333;
display:block;
text-decoration:none;
text-align:center;
font-size:13px;
font-weight:bold;
z-index:999;
transition:all 300ms;
-webkit-transition:all 300ms
}
.gotop,.gotop:hover {
color:#000;
opacity:.7
}
.gotop.hidden {
display:none;
opacity:0
}
a.gotop {
text-decoration:none!important
}
h1, h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1d1d1d
}
.column_content {
margin-top:20px;
}
.column_content p {
margin-left:68px;
}
.clear {
clear:both
}
ul li {
line-height:2;
padding-left:15px;
}
a:link, a:visited {
text-decoration:underline
}
.clearfix {
float: none;
clear: both;
}
.flex-control-nav {
display:none;
}
@media screen and (min-width:750px) and (max-width: 970px) {
div#wrap {
width:740px
}
div#sidebar {
width:175px /*200px*/;
}
ul#navigation {
width:175px /*205px*/;
}
div#container {
width:535px
}
input {
width:98.5%;
padding:5px;
font-size:90%
}
textarea {
width:98.5%;
padding:5px;
font-size:90%
}
button {
padding:5px;
font-size:85%
}
fieldset#contact_form textarea {
width:98.5%;
height:150px
}
.page_title {
margin-left:25px;
}
ul li {
font-size:90%
}
div.map iframe {
width:90.5%;
height:220px
}
div.social_icons a {
margin-left:4px !important
}
h3.member_name {
font-size:90%
}
div#members img {
width:87.5%
}
img.featured_image {
max-width:96% !important
}
div#works {
width:535px
}
div#works img {
width:25.8%;
min-height:100px
}
div.image_gallery {
width:535px
}
div.page_content img {
max-width:92%
}
.social_icons {
text-align:center
}
.social_icons a {
background-size:25px;
width:25px;
height:25px
}
#skills .one_fourth {
width:250px;
}
}

/* Smartphone */
@media screen and (max-width:750px) {
#bsads
{
margin-top:20px;
padding-left:100px;
}

div#wrap {
width:320px
}
div#sidebar {
width:320px;
position:relative;
border:none;
float:none;
clear:both;
padding: 10px;
padding-top:25px;
}
div#container {
float:none;
width:320px;
clear:both
}
ul#navigation {
position:relative;
width:320px;
margin:10px 0 0 0
}
ul#navigation li a:link, ul#navigation li a:visited {
border-right:none;
text-align:left;
padding:5px 5px 5px 10px;
text-align:center
}
ul#navigation li a:hover, ul#navigation li a.active {
}
div#container {
left:0;
width:320px;
padding: 10px;
}
div.page_content {
width:320px;
padding:5px 0 20px 0
}
div.page {
width:320px;
padding-top:10px
}
div.footer {
margin-top:25px
}
h1 {
font-size:18px
}
h2 {
font-size:16px
}

.column_content p {
margin-left:0px;
}
h1.page_title,h2.page_title {
margin-left:0px !important;
line-height: 1.0 !important;
margin-bottom:20px !important;
}
#skills .one_fourth {
width:280px;
}
.flex-control-nav {
display:block;
}
}