/*
Theme Name:  Enter Inside
Theme URI:  http://wordpress.org/
Description:  The 2013 theme for Enter Inside.
Author:  almost Modern
Development:  Markus Rummens
Author URI:  http://almostmodern.com
Version:  2.0
*/

/*  RESET   */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
                                        { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
body                                    { line-height: 1 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
                                        { display: block }
nav ul                                  { list-style: none }
blockquote, q                           { quotes: none }
blockquote:before, blockquote:after, q:before, q:after
                                        { content: none }
a                                       { font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }
ins                                     { background-color: #ff9; color: #000; text-decoration: none; }
mark                                    { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }
del                                     { text-decoration: line-through }
table                                   { border-collapse: collapse; border-spacing: 0; }
hr                                      { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select                           { vertical-align: middle }

/* ----------Basic Elements ----------*/
@font-face                              { font-family: 'BureauRegular';
					src: url('http://enterinside.nl/wp-content/themes/Inside/fonts/bureagrothrsev-webfont.eot');
					src: url('http://enterinside.nl/wp-content/themes/Inside/fonts/bureagrothrsev-webfont?iefix') format('eot'),
					url('http://enterinside.nl/wp-content/themes/Inside/fonts/bureagrothrsev-webfont.woff') format('woff'),
					url('http://enterinside.nl/wp-content/themes/Inside/fonts/bureagrothrsev-webfont.ttf')format('truetype'),
					url('http://enterinside.nl/wp-content/themes/Inside/fonts/bureagrothrsev-webfont.svg#webfontdAQ1LLMk') format('svg');
					font-weight: normal; font-style: normal; }
body                                    { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 0; color: #000; text-rendering: optimizeLegibility; font-size: 12px; line-height: 1.4; font-size-adjust: 0.508; }
a                                       { text-decoration: none;color: #000;}
p a:link                                { text-decoration: underline; font-weight:bold; color: #ffc645;}
p                                       { margin-bottom: 1em; }
a:hover, a:visited                      { color: #000; }
a img                                   { border: none }
h1, h2, h3, h4, h5, h6                  { margin: 5px 0; font-family:'BureauRegular', Helvetica, sans-serif; text-rendering: optimizeLegibility; letter-spacing:1px; font-weight: normal;}
h1                                      { font-size: 2em; font-weight: normal; margin-bottom: 1em;margin-left: 5%}
.row h1                                { margin-left: 2%}
header h1                                { margin-left: 0}
h2, h3, h4, h5, h6                      { font-size: 1.6em; nowhitespace: afterproperty; margin-top: 2em; padding-left: 0; }
h2                                      { margin:0 0 10px 0}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link
                                        { text-decoration: none; color: #000; }                                      
h6                                      { font-size: 0.8em; font-style: italic; margin-bottom: 10px; }
blockquote                              { margin: 0; padding: 10px; border-left: 5px solid #e9e9e9; background-color: #f9f9f9; color: #666666; }
fieldset                                { border: 1px solid #cccccc; padding: 10px; }
table                                   { margin: 1em 0; border: 0px solid #999999; }
th, td                                  { padding: 2px 4px; /*border: 1px solid #e9e9e9;; */ ; }
th                                      { background-color: #FFF; font-weight: normal; }
td                                      { background-color: #FFF }
li                                      { list-style: none }
.clear                                  { clear: both; }
hr                                      { border-top: 1px solid #000; width: 20%; margin: 0 auto; padding-bottom: 2em; }
.wp-caption                             { background-color: #f3f3f3; nowhitespace: afterproperty; border: 0px solid #ddd; border-radius: 3px; margin: 10px; padding-top: 4px; text-align: center; }
.wp-caption img                         { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text           { line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* ----------Basic Styling ----------*/
.aligncenter                            { display: block; margin-left: auto; margin-right: auto; }
.alignright                             { float: right; margin: 0 0 2px 10px; }
.alignleft                              { float: left; margin: 0 10px 2px 0; }
img.centered                            { display: block; margin-left: auto; margin-right: auto; }
img.alignright                          { padding: 5px; display: inline; }
img.alignleft                           { padding: 5px; display: inline; border:px solid #000;}
.caution                                { padding: 10px; color: #e9e9e9; text-align: center; background-color: #cc0000; }
noscript .caution                       { margin: 0 }
.wp-caption                             { border: 0px solid #ddd; text-align: left; background-color: #FFF; padding-top: 0; margin: 0; border-radius: 0; }
.wp-caption img                         { margin: 0; padding: 0; padding-right: 0; border: 0 none; }
.wp-caption p.wp-caption-text           { font-size: .80em; line-height: 17px; padding: 0 5px; margin: 0; }
code strong                             { color: #cc3366; font-weight: normal; }

/* ----------Layout ----------*/
#top-container                          { margin: 0 auto; padding: 5px; background: white; }
#container                              { margin: 0 auto; padding: 0; padding-left: 20px; max-width: 1000px; padding-top: 20px; min-width: 980px; }
#header h1                              { margin: 0; color: #000000; text-align:center;}
h1.site-title { margin: 10px auto 20px; color: #000000; text-align:center;text-indent:-9999px; display:block; width:150px; height:53px; background:url(http://www.enterinside.nl/wp-content/uploads/Inside_Logo.png)}
h2.site-description { margin: 0 auto; color: #000000; text-align:center;font-size: 2em;}
#header h1 a                            { margin: 0; color: #000000; }
#header img                             { text-align: center }
#header p                               { margin: 0 }
#header img:hover, h1 a:hover           { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; }
#grid-wrapper                           { margin: 0; nowhitespace: afterproperty; padding: 0; /* Prevent flicker in grid area. Check header.php. */ }
#grid-wrapper-studios                   { margin: 0 auto; text-align: center; }
#grid-wrapper, #grid-wrapper-two, #grid-wrapper-pre
                                        { border-bottom: 0px solid #000 }
#single-wrapper                         { margin: 0; nowhitespace: afterproperty; padding: 0; padding-top: 0; border-bottom: 0px solid #000; /* for single-page effect */ }
.primary-content                        { margin: 0 5% 5% 5% }
.single .primary-content                { margin: 0 0 0 5%}
.single .primary-content a              { text-decoration: none }
.single .primary-content .left          { width: 61.8%; height: auto; float: left;}
.single .primary-content img            { max-width: 100%; height: auto; }
.single .primary-content .right         { width: 40%; height: auto; float: right; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; }
.page .primary-content                  { margin: 5%; margin-top: 1em; border:1px solid #ccc;}
.page .primary-content img              { max-width: 100%; height: auto; }
.page .primary-content .left            { width: 60%; height: auto; float: left; border:px solid #ccc; }
.page .primary-content .left img        { max-height: 70%; width: auto; margin-bottom: 1em; }
.page .primary-content .right           { width: 40%; height: auto; float: right; }
.sub                                    { margin-top: 7em }
#bottom-container                       { clear: both; width: 100%; margin: 0; padding: 30px 0 0; }
#footer-wrapper                         { background: none }
#footer                                 { margin: 0 auto }
#footer p                               { margin: 0; padding: 10px; }
.dt                                     { margin-bottom: 1em }
.nav-previous				{ margin: 10px; }

/* ----------Grid Items, Single Item and Comments ----------*/
/* value = (width * n) + (15+15+5) * (n-1).
 * ex.
 * width=200 :  200, 425, 650, 875
 * width=250 :  250, 525, 800, 1075
 * width=290 :  290, 615, 940, 1265
 */
div.grid-item, div.single-item          { overflow: hidden; margin: 0 5px 5px 0; padding: 15px 15px 30px 15px; border: 0; background-color: #FFF; float: left; }
#grid-wrapper-inter div.grid-item, #grid-wrapper-space div.grid-item, #grid-wrapper-urban div.grid-item, #grid-wrapper-flows div.grid-item, #single-related div.grid-item
                                        { border-top: 1px solid #000 }
#grid-wrapper-inter, #grid-wrapper-space, #grid-wrapper-urban, #grid-wrapper-flows, #grid-wrapper-single
                                        { margin-bottom: 20px }
div.grid-item h2.post-title, div.single-item h2.post-title
                                        { margin: 0; margin-left: -5px; margin-bottom: 5px; padding-left: 0; border-left: 0;  }
h2.post-title a                         { color:#ffc645 }
div.grid-item div.grid-image            { margin-bottom: 1em }
div.grid-item div.wp-caption            { display: none }
div.post-body p, div.comment-body p     { font-size: 1em }
div.post-body em                        { display: none }
div.single-item                         { width: 780px }
div.single-item img                     { max-width: 650px; height: auto; }
div.single-item p                       { width: 400px }
div.post-body p img, div.post-body p object
                                        { max-width: 650px; height: auto; padding: 0; }
p.post-meta, p.comment-meta             { margin-bottom: 0 }
.comment-list .navigation               { margin: 10px 0 }
.comment-list .navigation a             { margin-right: 10px }
.comment-list ol li                     { margin: 10px 0 }
.comment-list ol li.trackback           { padding: 5px; border: 1px solid #c4c4c4; }
.comment-list ul.children               { list-style: none }
.comment-list ul.children li            { border-left: 5px solid #c4c4c4; padding-left: 5px; }
.comment-list li.bypostauthor cite.fn   { text-decoration: underline }
.comment-list li.comment .reply         { margin: 10px 0 20px }

/* ----------Navigation and Sidebar Widget ----------*/
.kabk { display:block; width:125px; height:50px; background:url(http://www.enterinside.nl/wp-content/themes/Inside/images/Kabk-Logo.png) no-repeat; border: px solid #c4c4c4;}
/* Pagination for grid items and paginated posts */
.pagination                             { margin: 50px 0 0 }
.pagination .current                    { color: #333333; font-weight: normal; }
.pagination .page-numbers, .pagination .current
                                        { margin: 0 10px 0 0; padding: 10px 15px; text-decoration: none; background: #d9d9d9; }
/* page-numbers hover color */
a.page-numbers:hover                    { color: #333333; background-color: #eeeeee; }
#post-pagination                        { margin: 1em 0; color: #c4c4c4; }
#post-pagination .prefix                { color: #eaeaea }
/* Sidebar
 * In this theme, sidebar is a horizontal line.
 * Sidebar2 is a block on the bottom.
 * See also "Form Elements" section.
 */
#sidebar                                { list-style: none; list-style-type: none; margin: 50px 0 50px 16px; padding-left: 0; }
#sidebar2                               { list-style: none; list-style-type: none; margin: 50px 0; padding-left: 0; }
#sidebar li                             { margin: 2px 0 }
#sidebar li.widget h2.widgettitle       { width: 230px; display: none; }
h2.widgettitle                          { width: 230px }
#sidebar li.widget ul                   { list-style: none; margin: 0; padding: 0; }
#sidebar li.widget ul li                { display: inline; padding-right: 5px; }
li.current-cat                          { text-decoration: underline }
#sidebar2 li.widget                     { display: block; overflow: hidden; float: left; margin: 0 5px 5px 0; width: 320px; padding: 5px 0 0 0; border: 0; }
.widget                                 { border-top: 1px solid #000; display: block; overflow: hidden; float: left; margin: 0 20px 5px 0; width: 200px; padding: 5px; border: 0; }
#sidebar2 h2.widgettitle                { margin-top: 0; padding: 5px 10px; color: #333333; background-color: #d9d9d9; }
#sidebar2 li.widget div                 { float: left; padding: 0 10px; font-size: 1em; }
#sidebar2 li.widget ul                  { margin: 0; padding: 0 10px; font-size: 1em; }
#sidebar2 li.widget ul li               { list-style: none }
#sidebar2 ul.children ul li             { list-style: none }
#wp-calendar                            { margin: 1em 0; border: none; }
#wp-calendar caption                    { text-align: left; margin: 2px 0 0 0; padding: 0; }
#wp-calendar td                         { text-align: center }
.widget, .widget li                     { font-size: 1em }
.single-post .x4                        { margin-bottom: 200px }

/* ----------Widget color ----------*/
#widget-single .widget                  { border-top: 1px solid #999; color: #999; }
#widget-single .widget a li             { margin-bottom: 1em }
#widget-single .entry-meta              { display: block; margin-bottom: 1em; }
#widget-single .time-meta               { display: block }
#widget-single .from-meta               { display: none }

/* ----------Search ----------*/
.widget_search #s                       { width: 135px; padding: 1px; }

/* ----------Form Elements ----------*/
div.comment-form                        { margin: 0; padding: 0; }
#commentform                            { margin: 0; padding: 0; }
#commentform textarea                   { width: 99%; max-width: 640px; }
/* for sidebar widget */
#searchform                             { width: 300px }
#searchform div                         { padding: 0; font-size: 1em; }
#searchform label.screen-reader-text    { display: none }
#searchsubmit                           { display: inline }
#s                                      { /* #searchform input#s */ width: 170px; margin: 0;  }

#mc_embed_signup{background:#fff; clear:left; font:14px; width:;margin:10px 0 0 0; padding:0; border: px solid #ddd;}
form {margin:0; padding:0;}
#mc_embed_signup h2 {margin:0 0 10px 0;}
.mc-field-group {margin:0 0 10px 0; padding:0;border: px solid #999;clear:left;}
.mc-field-group input {margin:0; padding:5px;border: px solid #f00;}
.mc-field-group label {margin:10px 0 0 0; padding:10px;border: px solid #f00;clear:left;}
.indicates-required {margin:10px 0;color:#999;}

/* ----------ColorElements ----------*/
.read_more a, .read_more a:link         { color: #CCC }
.read_more a:hover                      { color: #000 }

/* ----------Thumbnail Hover effect ----------*/
.home-thumb                             { overflow: hidden; position: relative; width: 306px; height: 150px; margin-bottom: 2em; }
a.post-thumb-a:link                     { text-decoration: none }
a.post-thumb-a img, a.post-thumb-b img  { position: absolute; top: 0; left: 0; }
a.post-thumb-a img                      { z-index: 10 }
.post-thumb-b img:hover                 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -khtml-opacity: 0.8; -moz-opacity: 0.8; }

/* ----------Secundair Menu ----------*/
.menu-sub-menu-container, .menu-subii-menu-container, .menu-studio-menu-container
                                        { margin: 0; padding: 0; height: 1em; }
nav                                     { font-family: 'BureauRegular', Helvetica, sans-serif; margin-top:0; margin-bottom:20px;}
nav a                                   { color: #ffc645 }
#nav-bottom a                           { color: #000 }
.secundair                              { z-index: 1000; font-size: 1em; font-weight: normal; }
#nav-left                               { width: 98px; float: left; text-transform: normal; }
#nav-top, #nav-bottom, #nav-bottom-hidden
                                        { position: fixed; font-size: 20px; line-height: 1.2em; text-transform: uppercase; text-align: center; font-weight: normal; height: 1em; left: 0; right: 0; z-index: 80000; margin: 0; padding: 0; margin-top: 1em; }
#nav-top ul, #nav-bottom ul, #nav-bottom-hidden ul
                                        { display: inline-block; /* reset container's center alignment */ text-align: left; list-style-type: none; list-style-image: none; ; }
#nav-top li, #nav-bottom li, #nav-bottom-hidden li
                                        { padding: 0; margin: 0; margin-bottom: -2px; display: inline; padding-right: 10px; display: table-cell; }
#nav-top a:hover                        { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; -khtml-opacity: 0.5; -moz-opacity: 0.5; }
#nav-top span, #nav-top span a          { color: #000 }
#nav-bottom                             { position: fixed; top: 2em; }
#nav-bottom-hidden                      { position: fixed; bottom: 1em; }

/* Navigation Menu */
.main-navigation {
	margin-top: 20px;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	font-size: 20px;
	line-height: 1.42857143;
letter-spacing:1px;
}
.main-navigation a {
	color: #000;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #ffc645;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* ----------Fixed Elements ----------*/
#style-one                              { top: 45%; nowhitespace: afterproperty; left: 10px; position: fixed !important; position: absolute; /*ie6 and above*/ top: expression(eval(document.body.scrollTop)+45%); z-index: 1000; ; }
#style-two                              { bottom: 0; nowhitespace: afterproperty; left: 80%; position: fixed !important; position: absolute; /*ie6 and above*/ bottom: expression(eval(document.body.scrollBottom)+0); z-index: 1000; ; }
#style-three                            { margin: 0 auto; nowhitespace: afterproperty; text-align: center; position: fixed !important; position: absolute; /*ie6 and above*/ left: 50%; margin-left: -100px; width: 200px; top: 10px; top: expression(eval(document.body.scrollTop)+10); z-index: 1000; ; }
#style-four                             { bottom: 0; nowhitespace: afterproperty; right: 10px; position: fixed !important; position: absolute; /*ie6 and above*/ bottom: expression(eval(document.body.scrollBottom)+0); top: expression( ( -10 -fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight :  document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :  document.body.scrollTop ) ) + 'px' ); z-index: 1000; ; }
#header                                 { margin: 0 auto; nowhitespace: afterproperty; text-align: center; position: fixed !important; position: absolute; /*ie6 and above*/ left: 50%; margin-left: -100px; width: 200px; height: 170px; bottom: 20px; bottom: expression(eval(document.body.scrollBottom)+20); top: expression( ( -20 -fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight :  document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :  document.body.scrollTop ) ) + 'px' ); z-index: 1000; ; }
.related-body                           { height: 100% }

/* ----------Images ----------*/
#post img                               { width: 100%; height: auto; }

/* ----------Posts columns ----------*/
#grid-wrapper-inter, #grid-wrapper-space, #grid-wrapper-urban, #grid-wrapper-flows
                                        { width: 200px; float: left; margin: 0 5px 20px 0; padding: 15px 15px 30px 15px; border-top: 0px solid #000; }
#grid-wrapper-news                      { width: 960px; float: left; margin: 0 5px 20px 0; padding: 15px 15px 30px 15px; border-top: 0px solid #000; }
#grid-wrapper-inter .grid-item, #grid-wrapper-space .grid-item, #grid-wrapper-urban .grid-item, #grid-wrapper-flows .grid-item
                                        { margin: 0 0px 20px 0; padding: 0; }

/* ----------Teaser ----------*/
#teaser                                 { margin-top: 40px; width: 40%; margin-left: 3%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; font-size: 14px; }
#teaser a                               { color: #ffc645 }
#teaser a:hover                         { color: black }
#teaser h1                              { font-size: 2em; line-height: 1em; font-family: 'BureauRegular', Helvetica, sans-serif; margin-bottom:20px; margin-left:0; padding: 0;letter-spacing:normal; }
.widget                                 { font-size: 12px }
em                                      { color: #000 }
#2011title, #2012title, #2013title      { visibility: hidden }
/* PRINT */
@media print                             { 
    body, #main, #content                   { color: #000 !important }
    a, a:link, a:visited                    { color: #000 !important; text-decoration: none !important; }
    #tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide
                                            { display: none !important }
    #main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio
                                            { padding-left: 0 !important; background-image: none !important; }
    img                                     { max-width: 400px; height: auto; }
    .line                                   { border-top: 1px solid #000 }
    /*recent tweets box */
    #twitter-tools ul, #twitter-tools li    { margin: 0; padding: 0; list-style: none; }
    #twitter-tools li                       { font-size: 11px; padding-bottom: 5px; border-bottom: 1px solid #e7e7e7; margin-bottom: 5px; }
    #twitter-tools li.aktt_more_updates     { padding-bottom: 90px }
    #twitter-tools                          { height: 85px; overflow: hidden; padding: 0 10px; width: 150px; background: black; }
    #twitter-tools .aktt_tweets             { margin-top: 3px; height: 96px; overflow: hidden; position: relative; }
    #twitter-tools ul                       { position: absolute }
}
.news                                   { margin-top: 30px }
.news-content							{ margin-top:0;}
.row                                    { margin-left: 3%; margin-right: 4%; }
.studios p a:link                       { text-decoration: none }
.more                                   { margin-bottom: 300px }
.intro                                  { width: 40%; margin-left: 10%; margin-top: 0%; }
.intro img                              { width: 100%; height: auto; }
.intro img, .single .left img           { max-height: 70%; width: auto; }
.location                               {  }
/* Reusable column setup */
.col                                    { border: 0px solid rgba(0,0,0,0); float: left; }
.col p a:link                           { text-decoration: none }
thumbnail                              { overflow: hidden; height: 14em; margin-bottom: 1em; }
.thumbnail img                          { width: 100%; height: auto; }
.col{ margin-left: 2% }
.row .col:nth-child(4n+4)               { margin-left: 0 }
.news .col:nth-child(4n+4)               { margin-left: 2%; }
.span_1                                 { width: 23.5% }
.subinfo .span_1                        { width: 24% }
/* Smartphones (portrait and landscape) -----------*/
@media only screen and (min-width: 320px)                             { 
   .span_1, .subinfo .span_1 { width: 80% }
    #teaser                   { width: 100% }
}
/* iPads (portrait and landscape) -----------*/
@media only screen and (min-width: 480px)                             { 
    .span_1, .subinfo .span_1 { width: 48% }
    #teaser                   { width: 60% }
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: center;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #000;
		text-transform: uppercase;
		white-space: nowrap;
padding:15px 0;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #ffc645;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {	
	text-transform: capitalize;
background-color:#fff;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 20px;
		padding: 10px 0 10px 15px;
		width: 220px;
		white-space: normal;
text-align:left;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		color: #ffc645;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ffc645;
	}
	.menu-toggle {
		display: none;
	}
}

/* iPads (portrait and landscape) -----------*/
@media only screen and (min-width: 768px)                             { 
   .span_1, .subinfo .span_1 { width: 30% }
    #teaser                   { width: 60% }
}
/* Desktops and laptops -----------*/
@media only screen and (min-width:1224px)                             { 
   .span_1, .subinfo .span_1 { width: 23%; height: 495px; }
    #teaser                   { width: 40% }
}