@charset "UTF-8";
/* CSS Document */

/* Large screens ----------- */


/* Normalize padding and margins taken out form,input,*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  fieldset,  p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6, p {
	/*font-size: 50%;*/
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';
}

a {text-decoration: none;}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/* General Classes */
.clear{clear: both !important; float: none !important;}

/*Color Guide
#FFFFFF: White
#000000: Black
#999999: Gray
#666666:
#333333:
#CCCCCC;
#DDDDDD;
#081E1D; Black
#8CD3D4: Light Teal
#08BCBD: Bright Teal
#156F70: Dark Teal
*/
/*Fonts*/
/*Sample of font kit from Font Squirrel*/
/*Sample of font kit from Font Squirrel*/
@font-face {
    font-family: 'AppleChancery';
    src: url('../fonts/apple_chancery-webfont.eot');
    src: url('../fonts/apple_chancery-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apple_chancery-webfont.woff') format('woff'),
         url('../fonts/apple_chancery-webfont.ttf') format('truetype'),
         url('../fonts/apple_chancery-webfont.svg#AppleChancery') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'destroyregular';
    src: url('../fonts/destroy_-webfont.eot');
    src: url('../fonts/destroy_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/destroy_-webfont.woff') format('woff'),
         url('../fonts/destroy_-webfont.ttf') format('truetype'),
         url('../fonts/destroy_-webfont.svg#destroyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lobster_1.3regular';
    src: url('../fonts/lobster_1.3-webfont.eot');
    src: url('../fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

@font-face {
    font-family: 'quicksandbold';
    src: url('../fonts/quicksand-bold-webfont.eot');
    src: url('../fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-bold-webfont.woff') format('woff'),
         url('../fonts/quicksand-bold-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/quicksand-regular-webfont.eot');
    src: url('../fonts/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-regular-webfont.woff') format('woff'),
         url('../fonts/quicksand-regular-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quicksandlight';
    src: url('../fonts/quicksand-light-webfont.eot');
    src: url('../fonts/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-light-webfont.woff') format('woff'),
         url('../fonts/quicksand-light-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation-regular-webfont.eot');
    src: url('../fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-regular-webfont.woff') format('woff'),
         url('../fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Styles*/

h1 {
	color: #999999;
	text-transform: uppercase;
	font: 0.857em/0.857em "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-top: 30px;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1.714em;
    margin-bottom: 0.857em;
}

h3 {
    color: #999999;
    font-size: 0.857em;
    line-height: 0.857em;
    text-transform: uppercase;
}

h4 {
    color: #000000;
    font-size: 1.143em;
    line-height: 1.5em;
}

p {
	color: #333333;
	margin-bottom: 1.6em;
	font: 120%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.7em;
}

ul{
    color: #333333;
    font: 120%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 1.7em;
}

hr {
    border-bottom: 1px solid #CCCCCC;
    border-top: 0 solid #FFFFFF;
    margin: 0;
    padding: 0;
}

.shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
}
header {
    background-color: #FFFFFF;
    display: block;
    padding-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    height: 125px;
}

.center {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 385px;
    padding: 0 20px;
}

.home-link {
    display: block;
    float: left;
}

a {
    outline: medium none;
    text-decoration: none;
    transition: all 0.2s ease-in 0s;
}

header h1 {
    color: #000000;
    font-size: 150%;
    font-weight: 400;
    padding: 30px 0 25px 95px;
    position: relative;
    text-transform: none;
}

header h1 .logo-ehm {
	color: #08BCBD;
	left: 0;
	position: absolute;
	top: 8px;
	font: 400 46px "lobster_1.3regular", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.lobster-teal{
	color: #08BCBD;
}

#top-navigation {
	float: right;
	padding: 60px 0 25px 0;
	position: relative;
	font: 0.857em/0.857em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 150%
}
ul {
    list-style: none outside none;
}

#top-navigation li {
    float: left;
    margin-left: 55px;
}

#top-navigation li:hover a{
	color: #08BCBD;
}

#top-navigation a {
    color: #000000;
}

.navigation li.highlight a{
	color: #08BCBD !important;
	cursor:default;
}

#hero-section {
    padding: 170px 0 100px;
    position: relative;
}

.imac-img {
    display: block;
    float: left;
    height: 34.1%;
    padding: 0 0 0 6%;
    width: 34.1%;
}

/*#sidebar #imageholder{
	position: absolute;
	top: 38px;
	left: 38px;
	border: 2pt solid #000;
	width: 411px;
	height: 259px;	
}*/

#hero-and {
    display: block;
    float: left;
    font-family: 'Lobster',cursive;
    font-size: 60px;
    padding: 17% 4% 0 8%;
}

/*#book-img {
    display: block;
    float: left;
    height: 29.3%;
    width: 29.3%;
}*/

#hero-section h2 {
    font-size: 40px;
    font-weight: 300;
    padding-top: 40px;
    text-align: center;
}

#about-section {
    padding: 100px 20px 0;
    position: relative;
}

#column1 {
    float: left;
    position: relative;
    width: 48%;
}

#column2 {
    float: right;
    width: 48%;
}
#column1-5 {
    float: left;
    width: 48%;
}

#about-section aside {
    bottom: 24px;
    color: #666666;
    font-size: 0.857em;
    position: absolute;
}

#betsy_img {
    display: block;
    float: right;
    margin-bottom: -1px;
    padding-top: 30px;
    position: relative;
	height: 75%;
	width: 75%;
}

#download-section {
    margin: auto 0 30px ;
    width: 100%;
}

#download-section h3 {
    text-align: left;
	color: #666;
}

#about-section a.button-style {
	background-color: #08BCBD;
    background: -moz-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0);/*Firefox*/  
    background: -webkit-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome, Safari 4+ */
    background: -webkit-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background:      -o-linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Opera 11.10-12.00 */
    background:         linear-gradient(center top, #8CD3D4,  #08BCBD) repeat scroll 0 0 rgba(0, 0, 0, 0)); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

    border: 1px solid #156F70;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 24px 8px 0 0;
    padding: 7px 0 0 0;
    text-align: center;
    text-shadow: 0 2px 2px #111111;
    transition: all 0s ease-in 0s;
    width: 100px;
	height: 25px;
}

#portfolio-section, #learn-section{
    padding: 100px 10px;
}

#work-images {
    margin-top: 24px;
}
#filter-work-menu li {
    border: 1px solid #CCCCCC;
    border-radius: 7px 7px 7px 7px;
    color: #CCCCCC;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 3%;
    margin-top: 2%;
    padding: 0 0 0 0;
    text-align: center;
    width: 100px;
}
.selected {
    background-color: #CCCCCC !important;
    color: #FFFFFF !important;
}

.tile-description {
    background-color: #FFFFFF;
	border: 1pt solid #000;
    display: block;
    height: 160px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.6s ease-in-out 0s;
    width: 100%;
}
.tile-description:hover {
	opacity: 100;
}
.work-tile {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px #DDDDDD;
    float: left;
    height: 160px;
    margin: 0 10px 20px;
    position: relative;
    width: 230px;
}

#ikea-giftregistry-tile {
    background: url("../images/tile_ikeagiftregistry.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#ikea-family-tile {
    background: url("../images/tile_ikeafamily.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#ikea-softtoy-tile {
    background: url("../images/tile_ikeasofttoy.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#fagmm-tile {
    background: url("../images/tile_fagmm.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}


#wpo-tile {
    background: url("../images/tile_wpo.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#beyi-tile {
    background: url("../images/tile_beyi.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#beyimobile-tile {
    background: url("../images/tile_beyi_mobile.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#howie-tile {
    background: url("../images/tile_howie.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#shop-tile {
    background: url("../images/tile_shopping.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#todolist-tile {
    background: url("../images/tile_todolist.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#modelhorses-tile {
    background: url("../images/tile_modelhorses.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#duke-tile {
    background: url("../images/tile_duke.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#passims-tile {
    background: url("../images/tile_passims.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#letterforms-tile {
    background: url("../images/tile_letterforms.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#festivals-tile {
    background: url("../images/tile_festivals.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#dvd-tile {
    background: url("../images/tile_dvd.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#spices-tile {
    background: url("../images/tile_spices.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#expressive-tile {
    background: url("../images/tile_expressive.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#nuance_whats_next-tile {
    background: url("../images/tile_nuance_whatsnext.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#nuance_research-tile {
    background: url("../images/tile_nuance_research.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#flex_america-tile {
    background: url("../images/tile_flex.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#groove-tile {
    background: url("../images/tile_groove.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#connexus-tile {
    background: url("../images/tile_connexus.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#ptc-tile {
    background: url("../images/tile_ptc.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#sbli-tile {
    background: url("../images/tile_sbli.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#moffitt-tile {
    background: url("../images/tile_moffitt.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#danfence-tile {
    background: url("../images/tile_df.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#nuancemain-tile {
    background: url("../images/tile_nuancemain.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#portfolio-section h1, #portfolio-section h2, #portfolio-section h3, #portfolio-section p, #portfolio-section ul {
    padding-left: 7px;
    padding-right: 7px;
}
#portfolio-section h2{
	margin: 0 0 10px 0;
	}
	
#portfolio-section h4{
	font: 140%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

#portfolio-section p{
	font: 95%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

#portfolio-section #portfolio_tag{
	font: 95%/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}
.tile-links {
    background-color: #CCCCCC;
    bottom: 0;
    font-size: 0.857em;
    font-weight: 600;
    height: 45px;
    position: absolute;
    width: 100%;
}

.tile-description h4 {
    font-size: 1.143em;
    line-height: 1.5em;
    padding: 10px;
    text-align: center;
}

.view-large:link, .live-site:link {
    color: #FFFFFF;
    transition: none 0s ease 0s;
}
.view-large {
    color: #FFFFFF;
    display: inline-block;
    padding: 13px 0 13px 42px;
    position: relative;
}
.live-site-icon {
    background: url("../images/live_site_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.live-site-icon {
    background: url("../images/live_site_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 90px;
    top: 8px;
    width: 54px;
}
.live-site-icon:hover {
    background: url("../images/live_site_icon_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 90px;
    top: 8px;
    width: 54px;
}
.view-img-icon {
    background: url("../images/view_image_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 26px;
    left: 70px;
    position: absolute;
    top: 8px;
    width: 100px;
}
.view-img-icon:hover {
    background: url("../images/view_image_hover_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 26px;
    left: 70px;
    position: absolute;
    top: 8px;
    width: 100px;
}
#contact-section {
    padding: 120px 20px;
}

#call, #email, #connect {
    float: left;
    text-align: center;
    width: 33.3333%;
}

#connect h3{
	margin: 0 0 10px 0;
}

.contact-icon {
    height: 38.8379%;
    padding: 4px 30.58% 0;
    width: 38.8379%;
}

.contact-info {
    color: #333333;
    font-size: 1.429em;
    font-weight: 300;
}

.social-icon{
	height: 33px;
	width: 100%;
	padding: 0 5px 0 5px;
}

ul.courses li{
    list-style:disc;
    margin-left: 20px;
}

div.books{
    height: 470px;
}

div.nav_books2_container{
  width: 100%;
  border-top: 1pt dashed #ddd;
  float: right;
  margin: 20px 0 0 0;
}

div.nav_books2{
  width: 25%;
  margin: 10px auto;
}

div#nav_books2 a{
    margin: 10px;
    padding: 1px 1px 1px 7px;
    background-color: #000;
    border-radius: 7px;
    color: transparent;
}

div#nav_books2 a.activeSlide{background-color: #08BCBD;}

ul.courses li a{
    color: #08BCBD;
}

ul.courses li a:hover{
    color: #067f97;
}



li#bootstrap_li, li#javascript_li, li#jquery_li {cursor: pointer;}
/*img#bootstrap{display: block;}
img#javascript{display: none;}
img#jquery{display: none;}*/

footer {
    background-color: #CCCCCC;
    display: block;
    padding: 48px 0 72px;
    width: 100%;
}

#footer_two{
	height: 30px;
	background: #175654;
	
}

#footer_two p{
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #081E1D;
	text-align:center;
	padding: 8px 0 0 0;	
	
	}
	
/*@media screen and (max-width: 768px) {
.imac-img {
    display: block;
    float: left;
    height: 31.1%;
    padding: 0 0 0 6%;
    width: 31.1%;
}

#call, #email, #connect {
    border-bottom: 1px solid #CCCCCC;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}
}*/

@media screen and (max-width: 1039px) {
.work-tile {
    width: 31%;
}
}
@media screen and (max-width: 966px) {
#column2 aside {
    display: none;
}
}
@media screen and (max-width: 890px) {
.work-tile {
    width: 47%;
}
}
@media screen and (max-width: 860px) {
.work-tile {
    width: 47%;
}
#call, #email, #connect {
    border-bottom: 1px solid #CCCCCC;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 96%;
}
.contact-icon {
    height: 38.8379%;
    padding: 28px 30.58% 0;
    width: 127px;
}

}
@media screen and (max-width: 760px) {
#laura-img {
    display: none;
}
#column1-5 {
    float: right;
}
.header-line2 {
    display: block;
}
#top-navigation {
	font-size: 120%;
}

header h1{
	font-size: 120%
}
}
@media screen and (max-width: 701px) {
.work-tile {
    width: 46%;
}
}
@media screen and (max-width: 640px) {
body {
    font-size: 16px;
    width: 100%;
}
header h1 {
    margin-left: 10px;
	font-size: 100%;
}
header {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
#top-navigation li {
    display: none;
}
#top-navigation {
    background: url("../images/menu.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    cursor: pointer;
    height: 55px;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 60px;
	font-size: 100%;
}
#top-navigation:active {
    background: url("../images/menu.png") repeat scroll 0 0%, -moz-linear-gradient(center top , #F3F3F3, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 2px 0 #959595 inset !important;
}
#menu-container {
    background-color: #F3F3F3;
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 2px 0 2px #FFFFFF;
    display: block;
    height: 66px;
    padding: 40px 0 30px;
    position: relative;
    top: 60px;
    width: 100%;
    z-index: 49;
}
#mobile-navigation {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 385px;
}
#mobile-navigation li{
	font: 0.6em/0.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
#mobile-navigation li a {
    background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    color: #000000;
    display: block;
    float: left;
    font-size: 16px;
    height: 27px;
    margin: 0 15px;
    padding: 14px 0 0 0;
    text-align: center;
    text-shadow: 1px 0 0 #FFFFFF;
    width: 89px;
}
/*#mobile-navigation li a {
	
    background: -moz-linear-gradient(center top , #FFFFFF, #F3F3F3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 1px 0 #AAAAAA inset;
    color: #000000;
    display: block;
    float: left;
    font-size: 14px;
    height: 27px;
    margin: 0 15px;
    padding: 15px 0 12px 0;
    text-align: center;
	vertical-align: bottom;
    text-shadow: 1px 0 0 #FFFFFF;
    width: 89px;
}*/
#mobile-navigation li a:active {
/*    background: -moz-linear-gradient(center top , #F3F3F3, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;*/
	
	background-color: #F3F3F3;
    background: -moz-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;/*Firefox*/  
    background: -webkit-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome, Safari 4+ */
    background: -webkit-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background:      -o-linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Opera 11.10-12.00 */
    background:         linear-gradient(center top, #F3F3F3,  #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0))!important; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	
	
    box-shadow: 0 2px 0 #959595 inset !important;
}
#hero-section h2 {
    font-size: 30px;
}
#column1 {
    width: 100%;
}
#column2 {
    float: left;
    width: 100%;
}
#column1-5 {
    float: left;
    width: 100%;
}
#download-section {
    margin: 20px 0 24px 0;
}
#work-images{
	margin: 15px 0 0 0 !important;
}
#filter-work-menu li {
    width: 90px;
}
}
@media screen and (max-width: 540px) {
#work-images {
    margin: 0 auto;
    width: 100%;
}
.work-tile {
    width: 46%;
}
.tile-description h4 {
    padding-top: 15px;
}
.tile-description p {
    display: none;
}
}
@media screen and (max-width: 539px) {
.work-tile {
    width: 44.8%;
}
}