/*  CSS Reset by Eric Meyer - Released under Public Domain  http://meyerweb.com/eric/tools/css/reset/ */

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, font, 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 
{ margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*  End of CSS Reset  */

.clear { clear: both; } 
body { color: #fff; font: 18px/27px 'PTSansRegular', Arial, sans-serif; background-color: #4e625f; min-width: 860px; }
a { color: #41514e; text-decoration: none; }
a:hover { color: #4e625f; }
h1 { letter-spacing: -1px; clear: left; color: #FFFFFF; font: 35px/27px 'PTSansRegular',Arial,sans-serif; margin-bottom: 22px; text-shadow: 1px 1px 0px #4e625f; }
h1.product { margin-bottom: 8px; }
h1.single { clear: left; color: #FFFFFF; font: 30px/35px 'PTSansRegular',Arial,sans-serif; letter-spacing: -1px; margin-bottom: 10px; }
h1 span {color: #41514e; display: block; font: 20px/28px 'PTSansRegular',Arial,sans-serif; text-transform: lowercase; text-shadow: none; letter-spacing: 0; }
.content p.section {color: #41514e; display: block; font: 20px/28px 'PTSansRegular',Arial,sans-serif; text-transform: lowercase; text-shadow: none; letter-spacing: 0; margin: 0; }
#header { width: 100%; height: 169px; padding: 0 0 20px 0; position: relative; margin-bottom: 0px; background: #818f7e; border-bottom: 1px solid #94a9a5;-webkit-box-shadow: 1px 1px 1px 0px #4e625f; box-shadow: 1px 1px 1px 0px #4e625f; }
#header-wrapper { margin: 0 auto; width: 860px; position: relative; z-index: 999; height: 190px; }
h2 {color: #444B42; font-size: 21px; line-height: 20px; font-weight: normal; font-style: normal; margin-bottom: 20px; }
.index h2 {
	margin-bottom: 28px;
}
h3 { color: #444b42; font-size: 16px; line-height: 1.4em; font-weight: normal; font-style: normal; margin-bottom: 20px; }
.large { font-size: 18px; line-height: 26px; }
.caption { font-size: 10px; margin-top: -16px; margin-bottom: 18px; }
.content p.back { margin-bottom: 5px; }
.content-wrapper { width: 100%; background: #718783 url(images/retro_intro.png);}
.content.indent {
	padding-left: 13px;
}
.content { padding-top: 50px; clear: both; margin: 0 auto; width: 860px; padding-bottom: 150px; position: relative; overflow: hidden; min-height: 500px;}
.about-us .content, .index .content { padding-top: 40px; }
.content p { font-size: 16px; line-height: 1.8em; margin-bottom: 25px; text-shadow: 1px 1px 0px #4e625f;  }
.content p.intro { margin-bottom: 25px; }
.content p a { text-shadow: none;}
.top-menu { margin: 0 auto; clear: left; overflow: hidden; }
.top-menu li { height: 31px; float: left; list-style: none;}
.top-menu li a.one { -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } 
.content dl dd { font-size: 14px; line-height: 1.6em; margin-bottom: 25px; text-shadow: 1px 1px 0 #4E625F; width: 665px; }
.content dl dt { clear: left; color: #FFFFFF; font: 23px/26px 'PTSansRegular',Arial,sans-serif; letter-spacing: -1px;  margin-bottom: 10px; width: 665px; }
.nav-wrapper { margin: 0 auto; width: 860px; position: relative; z-index: 10;  }
nav {
	position: absolute;
	top: 175px;
	z-index: 2;
}
.top-menu li a.nine { border-right: 1px solid #94a9a5; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; }
.top-menu li a:hover { background: #4e625f; }
.top-menu .one { width: 32px; }
.top-menu .two { width: 57px; }
.top-menu .three { width:63px; }
.top-menu .four { width: 57px; }
.top-menu .five { width: 42px; }
.top-menu .six { width: 75px; }
.top-menu .seven { width: 46px; }
.top-menu .eight { width: 30px; }
.top-menu .nine { width: 70px; }
.logo { margin-top: 33px; margin-bottom: 35px; width: 230px; height: 136px; margin: 27px auto 11px; float: left }
.logo a {width: 230px; height: 136px; float: left }
.telephone { font-size: 23px; position: absolute; top: 48px; right: 0;  padding: 15px; font-family: 'PTSansRegular', Arial, Sans-serif; letter-spacing: -1px; text-shadow: none; color: #fff; }
.telephone a {
	color: #fff;
}
.email { font-size: 18px; position: absolute; top: 71px; right: 0;  padding: 15px; font-family: 'PTSansRegular', Arial, Sans-serif; letter-spacing: -1px; text-shadow: 1px 1px 0px #4e625f; text-shadow: none; }

.telephone span { margin-top: 5px; text-indent: -9999px; background: url(images/bg-phone.gif) no-repeat top left; width: 22px; height: 14px; float: left; margin-right: 5px; }
#footer { float: left; clear: left; height: 100px; text-align: center; width: 100%; margin-top: 0px; padding: 0; background-color: #4e625f; border-top: 1px solid #94a9a5;}
#footer p { font-size: 12px; margin: 0; margin-top: 30px; margin-bottom: 0; color: #fff; line-height: 17px; width: 100% }
#footer p a { color: #fff; }
.contact-us .middle-col { width: 300px; }
.contact-us .middle-col img { border: 1px solid #4E625F;}
.contact-us .address { margin-bottom: 0; }
.contact-us h2 { margin-bottom: 10px; margin-top: 35px; }
.credits p, .about-us p, .work-for-us p, .about-us h1, .index h1, .index p { width: 685px; }
.middle-col { float: left; margin-right: 15px; }
.right-col { float: left; width: 290px; }
.film-tv-portfolio .right-col, .events-portfolio .right-col {width: 96px}
.film-tv-portfolio .middle-col .main-sections p, .events-portfolio .middle-col .main-sections p {width: 730px}
.right-col p { width: auto; margin-bottom: 10px; }
.content h1.single.item { width: auto; margin-bottom: 15px }
#galleria{ height:375px; width: 850px; margin-bottom: 25px; }
.slideshow-container { position: relative; }
.slideshow-container .caption-container { position: absolute; bottom: 20px; width: 810px; background-color: rgba(255, 255, 255, 0.25); padding: 10px; color: #000; height: 60px; font-size: 20px; z-index: 99; left: 1px}
#caption { color: #000; z-index: 100; }

.slideshow { border: 1px solid #4E625F; margin-bottom: 30px; width: 858px; height: 328px; }
.slideshow img { width: 858px; height: 328px; }
.gallery-Portrait .main { width: 355px; }
.gallery-Landscape .main { width: 450px; }
.panes .main { float: left; margin-right: 15px;}
.panes .thumbs img { float: left; margin-right: 10px; margin-bottom: 10px;}
.gallery-Portrait .main img { height: 450px; width: 355px; border: 1px solid #4e625f;}
.gallery-Portrait .thumbs { width: 378px; float: left;}
.gallery-Portrait .thumbs img { border: 1px solid #4E625F; width: 68px; height: 82px }
.gallery-Landscape .thumbs { width: 378px; float: left; }
.gallery-Landscape .thumbs img { border: 1px solid #4E625F; width: 82px; height: 68px }
.gallery-Landscape .main img { height: 355px; width: 450px; border: 1px solid #4e625f; }

.fibreglass-trees-for-hire .gallery-Landscape .main img { height: 480px; width: 640px; } 
.fibreglass-trees-for-hire .gallery-Landscape .thumbs { float: left; width: 189px; }
.fibreglass-trees-for-hire .gallery-Landscape .main { width: 637px; }

.gallery-Portrait .main-sections { width: 550px; }
.gallery-Landscape .main-sections { width: 730px; }


.panes .main-sections { float: left; margin-right: 15px;}
.panes .thumbs-sections img { float: left; margin-right: 10px; margin-bottom: 10px;}
.gallery-Portrait .main-sections img { width: 550px; border: 1px solid #4e625f;}

.gallery-Portrait .thumbs-sections { width: 277px; float: left;}
.gallery-Portrait .thumbs-sections img { border: 1px solid #4E625F; width: 80px; height: 95px }
.gallery-Landscape .thumbs-sections { width: 277px; float: left; }

.film-tv-portfolio .thumbs-sections { width: 95px}
.film-tv-portfolio .gallery-Landscape .main-sections { width: 733px}
.film-tv-portfolio .gallery-Landscape .main-sections img { width: 730px; height: 547px; }
.events-portfolio .thumbs-sections { width: 95px}
.events-portfolio .gallery-Landscape .main-sections { width: 733px; height: 547px; }
.events-portfolio .gallery-Landscape .main-sections img { width: 730px}

.gallery-Landscape .thumbs-sections img { border: 1px solid #4E625F; width: 95px; height: 80px }
.gallery-Landscape .main-sections img { width: 550px; border: 1px solid #4e625f; }
.description { clear: left; }

.nav_categories { width: 100%; float: left; clear: left; margin-bottom: 0px }
.nav_categories li {float: left; margin-right: 3%; margin-bottom: 15px; padding: 0; text-align: center; margin-right: 10px;  position: relative; width: 200px; height: 150px; border: 1px solid #4e625f; border-bottom: 1px solid #4E625F; margin-bottom: 40px; }
.nav_categories li a { background-repeat: no-repeat; background-position: center; width: 180px; height: 130px; float: left; } 
.nav_categories li a.title { bottom: -13px; height:  9px; padding: 0; left: 0; line-height: 15px; margin-bottom: 0; margin-right: 0; position: absolute;  text-align: center; width: 200px; text-shadow: 1px 1px 0px #4e625f; }
.nav_categories a { height: 150px; text-decoration: none; width: 18%; float: left; margin-right: 3%; margin-bottom: 20px; line-height: 1.6em; color: #fff; font-size: 13px; }
.nav_categories li a img { height: 150px; width: 200px}
.nav_categories li a:hover  { margin: 0; opacity: 0.85; } 
.nav_categories li a.title:hover  { margin: 0; opacity: 1; } 

.category-list { float: left; clear: left; margin-bottom: 0px }        
.category-list li { float: left; margin-right: 3%; margin-bottom: 15px; padding: 0; text-align: center; margin-right: 10px; position: relative; border-bottom: 1px solid #4e625f; }   
.category-list.sections li { margin-right: 30px; }
.category-list li a { text-decoration: none; color: #fff; text-shadow: 1px 1px 0px #4e625f;}
.category-list li a.image { float: left; width:100%;}
.category-list li.landscape a.image { margin-top: 17px;}
/* border: 1px solid #718783 */
.category-list li a img { border: 1px solid #4E625F;}
.category-list li a.image:hover  { margin: 0; opacity: 0.85; } 
.category-list li.landscape a.image:hover  { margin: 17px 0 0 0; opacity: 0.85; } 
.category-list .portrait { height: 195px; width: 205px }
.category-list .landscape { height: 195px; width: 205px }
.category-list.sections .portrait { height: 282px; width: 195px }
.category-list.sections .landscape { height: 242px; width: 250px }
img.large-Portrait { height: 450px; width: 355px; border: 1px solid #4e625f;}
img.large-Landscape { height: 355px; width: 450px; border: 1px solid #4e625f; }
img.large-Portrait-sections { height: 730px; width: 547px; border: 1px solid #4e625f;}
img.large-Landscape-sections { width: 730px; border: 1px solid #4e625f; }
div.large-Portrait-sections { width: 547px;}
div.large-Landscape-sections { width: 730px;}
.category-list .portrait img { position: relative; margin: 0; width: 130px; height: 165px }
.category-list .landscape img { position: relative; margin: 0; width: 165px; height: 130px;}
.category-list.sections .portrait img { position: relative; margin: 0; width: 195px; height: 250px }
.category-list.sections .landscape img { position: relative; margin: 0; width: 250px; height: 195px;}
.category-list li p { left: 0; bottom: -11px; line-height: 1.2em; position: absolute; height: 7px; font-size: 13px; text-align: center; width: 100%; }
.enlarge { background: transparent url(/images/magnifier.png) no-repeat bottom left; width: 180px; height: 140px; float: left; position: absolute;
bottom: 0px; }
.landscape .made-to-order { position: absolute; top: 18px; right: 20px; width: 61px; height: 63px; background: transparent url(/images/made-to-order.png) no-repeat top left; text-indent: -9999px; }
.portrait .made-to-order { position: absolute; top: 1px; right: 38px; width: 61px; height: 63px; background: transparent url(/images/made-to-order.png) no-repeat top left; text-indent: -9999px; }

.catalogue-item { width: 180px;	height: 140px; float: left;	position: absolute;	bottom: 0px; }
.prev-next { position: absolute; top: 53px; right: 17px; width: auto; text-align: right; }
.content .prev-next a { float: left; color: #fff; text-shadow: 1px 1px 0 #4E625F;}
.content .prev-next .divider {
	display: none;
}

.content .next {
	width: 27px;
	display: block;
	height: 0px;
	overflow: hidden;
	padding-top: 27px;
	background: transparent url('images/next.png') no-repeat top left;
	float: left;
}

.content .prev {
	width: 27px;
	height: 0px;
	display: block;
	overflow: hidden;
	padding-top: 27px;
	background: transparent url('images/prev.png') no-repeat top left;
	float: left;
}

.list { width: 790px; }
.list li { float: left; margin-right: 15px; margin-bottom: 15px; font-size: 15px; padding: 10px 10px 10px 0; width: 226px; line-height: 16px; height: 0px; text-shadow: 1px 1px 0px #4e625f;  }
.top-menu li a.current, .top-menu li a.current:hover { color: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1ODI3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTYyNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #84A09B 0%, #6C807D 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84A09B), color-stop(100%,#6C807D)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #84A09B 0%,#6C807D 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #84A09B 0%,#6C807D 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #84A09B 0%,#6C807D 100%); /* IE10+ */
background: linear-gradient(to bottom,  #84A09B 0%,#6C807D 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84A09B', endColorstr='#6C807D',GradientType=0 ); /* IE6-8 */
text-shadow: 1px 1px 0 #4E625F;
}

.top-menu li a { text-shadow: -1px -1px 0 #4E625F; border-left: 1px solid #94a9a5; border-top: 1px solid #94a9a5; border-bottom: 1px solid #94a9a5; padding: 1px 21px; float: left; color: #A5C2B2; text-decoration: none; font-size: 12px; text-transform: uppercase; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1ODI3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTYyNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #65827c 0%, #41514e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65827c), color-stop(100%,#41514e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #65827c 0%,#41514e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #65827c 0%,#41514e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #65827c 0%,#41514e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #65827c 0%,#41514e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65827c', endColorstr='#4e625f',GradientType=0 ); /* IE6-8 */
}

.sub-banners li {
	float: left;
	margin-right: 20px;
}

.sub-banners li.events {
	margin-right: 0;
}

.sub-banners li a {
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 1px solid #4E625F;
	height: 180px;
	width: 271px;
}

.sub-banners li a span {
	background-color: #41514E;
    color: #FFFFFF;
    float: right;
    font-size: 17px;
    height: 21px;
    line-height: 20px;
    margin: 119px 0 0;
    opacity: 1;
    padding: 9px;
    text-align: right;
    width: auto;
}

.menu-button {
	display: none;
}

.overlay {
	display: none;
}

.back-to-top {
	display: none;
}

#mobile-footer {
	display: none;	
}

.content .main-content {
	width: 600px;
	margin-right: 30px;
	float: left;
}

.content .main-content h1 {
	line-height: 36px;
}

.content .sidebar {
	width: 230px;
	float: right;
}

.content .sidebar img {
	width: 100%;
	margin-bottom: 20px;
	border: 3px solid #4e625f;
	box-sizing: border-box;
}

.content .main-content dl dd, .content .main-content dl dt, .content .main-content h1, .content .main-content p {
	width: auto;
}

.category-list li.group-heading { 
    background: rgba(78,98,95,0.3) none repeat scroll 0 0;
    border-bottom: medium none;
    box-sizing: border-box;
    clear: left;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 10px 20px;
    text-align: left;
    width: 100%;
}

.category-list li.group-heading h3 {
	font-size: 25px; 
	color: #fff;
	margin-bottom: 0;
}

.category-list li.group-heading p {
	font-size: 16px;
	color: #fff;
	text-align: left;
	position: inherit;
	clear: left;
	height: auto;
	width: 80%;
}

#map_canvas {
    width: 400px;
    height: 400px;
    margin-bottom: 20px;
}

.contact-us h3 {
    clear: left;
    color: #fff;
    font-size: 20px;
}

.contact-us .content ul {
	margin-bottom: 15px;
}

.contact-us h4 {
    font-size: 17px; 
    font-weight: normal;
}

.contact-us li {
    font-size: 15px;
}



@media print {

body { background-color: #fff; font-size: 10pt; }
h1, h2, h3, p, li, a { color: #000; text-decoration: none; }
.content p { text-shadow: none !important; }
h1 { font-size: 13pt; text-shadow: none !important; }
h1 span { display: none !important;}
nav { display: none !important;}
#header { border: none; box-shadow: none; }
.nav_categories li a.title { text-shadow: none !important; }
.logo a, telephone { text-indent: 0; font-size: 20px; clear: both; text-shadow: none !important; }
.category-list li { border: none !important; }
.category-list li a { border: none !important; text-shadow: none; }
}



@media only screen and (max-width: 480px) {


.overlay {
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 100;	
	position: absolute;
	display: none;
	z-index: 1;
	opacity: 0.85;
	top: 0;
	left: 0;
}

.menu-button {
	display: block;
	background: transparent url(/images/menu.png) no-repeat top left;
	width: 36px;
	height: 36px;
	float: right;
	position: fixed;
	top: 17px;
	right: 5%;
	z-index: 1;
	cursor: pointer;
}

#mobile-footer {
	overflow: hidden;
	display: block;
	background-color: #4e625f;
	border-top: 1px solid #94a9a5;
	padding-top: 10px;
}

#mobile-footer .logo {
	margin-top: 0;
}

#header-wrapper {
	height: auto;
}

#header {
	display: none;
}

.content-wrapper {
	padding-top: 53px;
	margin-top: 4px;
}

.top-menu {
	position: fixed;
	right: -200%;
	z-index: 3;
}

.nav-wrapper {
	width: 100%;
}

nav {
	width: 100%;
	height: auto;
	top: 0px;
	left: 0;
	z-index: 3;
	position: relative;
}


#header {
	z-index: 0;
}

body {
	min-width: 100%;
}

h1, h1.single {
	font-size: 23px;
	line-height: 26px;
}

h2 {
	font-size: 18px;
}

.site-wrapper {
	overflow-x: hidden;
	position: relative;
}

body, #header, .logo, telephone, .email, .top-menu, .top-menu li, .content, .content .slideshow img, .sub-banners li {
	width: 100%;
} 

.content {
	padding-top: 15px;
	overflow: hidden;
}

.content p {
	line-height: 19px;
}

.catalogue .content {
	padding-top: 0px;
}

.panes .main {
	margin-right: 0;
}

.gallery-Portrait .main, .gallery-Landscape .main {
	display: none;
}

.gallery-Portrait .thumbs, .gallery-Landscape .thumbs {
	width: 100%;
	height: auto;
}

.gallery-Portrait .thumbs img, .gallery-Landscape .thumbs img {
	width: 99%;
	height: auto;
}

#footer {
	height: auto;
	border-top: none;
}

#footer p {
	margin-top:  15px;
}

#header {
	height: auto;
}

.logo {
	margin-top: 48px;
	width: 70%;
	margin-left: 15%;
	height:	auto;
	margin-bottom: 0;
}

.logo a {
	width: 100%;
	height: 100%;
}

#footer p {
	padding: 0 4% 15px 4%;
	width: 92%;
}

.top-menu li a.current, .top-menu li a:hover.current { background: #41514E; }
.top-menu li a { background: #516763; }

.logo img {
	width: 100%;
	height: auto;
}

.telephone {
	padding: 0 10% 0 10%;
	width: 162px;
	margin: 0 auto;
	text-align: center;
}

.email {
	padding: 0 10%;
	width: 80%;
	margin-bottom: 5px;
	text-align: center;
}

.telephone, .email {
	clear: both; 
	position: relative;
	top: auto;
	left: auto;
}

.top-menu li a {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #637b77
}


.top-menu {
	overflow: inherit;
}

.top-menu li {
	height: auto;
	width: 80%;
} 

.top-menu li a, .top-menu .one, .top-menu .two, .top-menu .three, .top-menu .four, .top-menu .five, .top-menu .six, .top-menu .seven, .top-menu .eight, .top-menu .nine, .top-menu .ten {
	width: 80%;
	padding: 4px 10%;
	text-align: center; font-size: 16px; border-radius: 0;  
}

.top-menu li a.one, .top-menu li a.nine {
	border-radius: 0;
	border-right: none;
} 

.slideshow {
	clear: left;
	width: 99%;
}

#header-wrapper, .content {
	margin: 0 3%;
	width: 94%;
}

.slideshow, .slideshow img {
	height: auto;
}

.slideshow {
	margin-bottom: 15px;
}

.sub-banners li {
	clear: left; margin-right: 0; margin-bottom: 15px;
}

.sub-banners li a {
	background-size: 100% auto !important; 
	width: 99%;
	height: auto;
}

 .credits p, .about-us p, .work-for-us p, .about-us h1, .index h1, .index p {
 	width: auto;
 }
 
.nav_categories li {
	width: 98%;
	border: none;
	margin-right: 0;
	height: auto;
} 

.nav_categories li a {
	width: 100%;
	height: auto;
	margin-right: 0;
	padding: 0;
}



.nav_categories li a.title {
	clear: both;
	position: relative;
	bottom: auto;
}

.nav_categories a {
	margin-bottom: 0;
	padding-bottom: 0;
}
.nav_categories li a img {
	width: 100%;
	border: 1px solid #4E625F;
	height: auto;
}

.nav_categories li a.title {
	width: 100%;
	font-size: 16px;
	line-height: 19px;
}

.content.indent {
	padding-left: 0; 
}
 
.content dl dd, .content dl dt {
	width: 100%;
} 
.contact-us .middle-col, .contact-us .right-col {
	width: 100%;
}
.contact-us .middle-col a img {
	width: 97%;
} 

.list li, .list {
	width: 100%;
}

.film-tv-portfolio .gallery-Portrait, .film-tv-portfolio .gallery-Landscape .main-sections, .film-tv-portfolio .middle-col .main-sections p, .events-portfolio .middle-col .main-sections p {
	width: 100%;
}

.film-tv-portfolio .gallery-Landscape .main-sections img {
	width: 100%;
	height: auto;
}
 
.panes .main-sections {
	margin-right: 0;
} 

.panes .main-sections img {
	display: none;
}

.panes .thumbs-sections img {
	width: 99%;
	margin-right: 0;
	height: auto;
}

.film-tv-portfolio .thumbs-sections {
	width: 100%;
}

.events-portfolio .thumbs-sections {
	width: 100%;
}

.category-list.sections .landscape {
	width: 100%;
	height: auto;
}

.category-list.sections li {
	margin-right: 0;
}
.category-list li {
	margin-bottom: 10px;
	border-bottom: none;
}
.category-list li p {
	clear: left;
	position: relative;
	bottom: auto;
}

.category-list.sections .landscape img {
	width: 99%;
	height: auto;
}

.category-list.sections .portrait {
	width: 87%;
	margin-left: 5%;
	height: auto;
}
.category-list.sections .portrait img {
	width: 70%;
	height: auto;
}

div.large-Landscape-sections, div.large-Portrait-sections {
	width: 99%
}

img.large-Landscape-sections, img.large-Portrait-sections {
	width: 99%;	
	height: auto;
}

.events-portfolio .gallery-Landscape .main-sections {
	width: 100%;
	height: auto;
}

.middle-col {
	margin-right: 0;
}

.category-list .portrait {
	width: 70%;
	height: auto;
	margin-left: 15%;
}

.category-list li {
	margin-right: 0;
}

.category-list li a {
	font-size: 15px;
	line-height: 18px;
}

.portrait .made-to-order {
	right: 0;
}

.landscape .made-to-order {
	right: 1px;
}

.category-list li p {
	font-size: 15px; 
}

.category-list .landscape {
	width: 100%;
	height: auto;
}

.category-list .portrait img {
	width: 100%;
	height: auto;
} 

.category-list .landscape img {
	width: 99%;
	height: auto;
} 

.sub-banners li a span {
	margin-bottom: 10px;
}

.prev-next {
	top: -37px;
	left: 0;
	position: fixed;
}

.about-us .content {
	padding-top: 15px;
}

img.large-Landscape, img.large-Portrait {
	width: 99%;
	height: auto;
}

.back-to-top {
	float: right;
	padding-top: 27px;
	overflow:  hidden;
	display: block;
	width: 27px;
	margin-top: 20px;
	height: 0px;
	margin-right: 8px;
	background: transparent url('images/back-to-top.png') no-repeat top left;
}

.menu-close {
	position: fixed;
	top: 18px;
	right: -200%;
	display: block;
	width: 36px;
	height: 36px;
	background: transparent url('images/menu-close.png') no-repeat top left;
}

.prev-next {
	left: 3%;
	top: 20px;
	width: 74px;
}

.content .prev {
	margin-right: 20px;
}

.list li {
	margin-bottom: 5px;
}

.category-list li.landscape a.image { margin-top: 0;}
.category-list li.landscape a.image:hover  { margin: 0; } 
.landscape .made-to-order { position: absolute; top: 0;}

.category-list li.group-heading h3 {
	line-height: 1em;
	margin-bottom: 15px;
}

.category-list li.group-heading p {
	width: 100%;
}



}