body {
	width:960px;
	/*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Nunito', sans-serif;
	font-size:62.5%;
	/*color:#6D6B6B;*/
	color:#aaa;
}

h1 {
    font-size:3em;
    font-weight:900;
    color:#fff;
    margin-bottom:20px;
}

.center { margin:0 auto; }

p {
	margin-bottom:10px;
	font-size:15px;
	line-height:16px;
}

strong { font-weight:800; }

a {
	color:#00AEEE;
}

.clearl { clear:left; }
.clearr { clear:right; }
.clearb { clear:both; }

.bg-blue { background:#009de9; }
.bg-white { background:#fff; }

#sidebar {
	position:relative;
	/*border:1px solid blue;*/
	width:170px;
}

#nav {
	/*min-height:650px;*/
	width:140px;
	/*position:relative;*/
	padding-right:20px;
	float:left;
	top:60px;
	left:40px;
	/*border:1px solid red;*/
}

.relative { position:relative; }

#nav ul.nav-blue { border-bottom:1px dotted #009de9; }

#nav ul.nav-white { border-bottom:1px dotted #fff; }

#nav ul.nav-black { border-bottom:1px dotted #000; }

#nav ul.nav-blue:last-child,
#nav ul.nav-white:last-child,
#nav ul.nav-black:last-child {
	border-bottom:none;
}

.nav-boxout { padding:10px 0; }

#menu {
	padding-bottom:5px;
	margin-bottom:0px;
}

#logo {
	position:relative;
	left:0px;
	top:-20px;
}

#our-work-cow {
	position:fixed;
	left:10px;
	bottom:0;
}

#nav-cow {
	position:relative;
	top:200px;
}

#nav li {
	margin-bottom:2px;
}

.nav-about-us a, .nav-our-work a, .nav-find-us a, .nav-toolkit a, .nav-fulfillment a {
	height:17px;
	width:137px;
	display:block;
}

.nav-about-us a { background:url('../images/nav-about-us.png') no-repeat; }

/*.nav-about-us a:hover, .nav-our-work a:hover, .nav-contact-us a:hover, .nav-find-us a:hover {
    background-position:0px -18px;
}*/

.nav-toolkit a { background:url('../images/nav-toolkit.png') no-repeat; }

.nav-fulfillment a { background:url('../images/nav-fulfillment.png') no-repeat; }

.nav-black-to-white a:hover {
    background-position:0px -18px;
}

.nav-black-to-blue a:hover {
    background-position:0px 0px;
}


/*.nav-white a:hover { background-position:0px 10px; }*/

.nav-our-work a { background:url('../images/nav-our-work.png') no-repeat; }

.nav-contact-us a {
	background:url('../images/nav-contact-us.png') no-repeat;
	height:17px;
	width:139px;
	display:block;
}

.nav-find-us a { background:url('../images/nav-find-us.png') no-repeat; }

.nav-address {
	/*background:url('../images/nav-address-new.png') no-repeat;*/
	/*height:92px;*/
	/*width:137px;*/
	margin-top:10px;
    font-size:13px;
}

.nav-address-blue {
    /*background-position:0 0; */
    color: #fff;
}

.nav-address-white {
    /*background-position:0 -81px; */
}

.nav-address-black {
    /*background-position:0 -172px; */
    color: #000;
}

.sub-nav { margin:3px 0; }

.sub-nav .nav-contact-details a {
	background:url('../images/nav-contact-details.png') no-repeat 0 0;
	height:10px;
	width:97px;
}

.sub-nav .nav-email-us a {
	background:url('../images/nav-email-us.png') no-repeat 0 0;
	height:10px;
	width:97px;
}

.sub-nav .nav-jobs a {
	background:url('../images/nav-jobs.png') no-repeat 0 0;
	height:10px;
	width:97px;
}

.nav-blue a { background-position:0 0; }

.nav-white a { background-position:0 -18px; }

.nav-black a { background-position:0 -36px; }

#nav-address { padding-bottom:15px; }

#content {
	float:left;
	margin-left:100px;
	width:700px;
}

#content-ow {
	float:left;
	margin-left:50px;
	overflow:scroll;
}

.strong-white {
    font-weight:800;
    color:#fff;
}

.strong-black {
    font-weight:800;
    color:#000;
}

#clouds {
	/*background:url('../images/clouds.png') no-repeat;*/
    background:url('../images/head-top.png') no-repeat;
	height:291px;
	width:1318px;
	position:relative;
	left:-225px;
	z-index:-10;
    /*margin-left:-225px;*/
}

#clouds-no-tag {
	/*background:url('../images/clouds.png') no-repeat;*/
    background:url('../images/clouds-no-tag.png') no-repeat;
	height:213px;
	width:1318px;
	position:relative;
	left:-225px;
	z-index:-10;
    /*margin-left:-225px;*/
}

#cow-container {
	/*position:fixed;*/
	position:relative;
	bottom:0;
	margin:0;
	width:353px;
	height:315px;
	z-index:-5;

    /*overflow:visible;*/
	/*clear: both;
	position: relative;
	z-index: 10;
	height: 390px;
	margin-top: -390px;*/

}

.home-copy {
	position:relative;
	left:60px;
	top:10px;
    color:#fff;
    width:405px;
    height:240px;
}

.home-copy p {
    line-height:20px;
}

.home-copy strong {
    color:#333;
}

.home-cow {
	position:relative;
	left:80px;
	top:20px;
	width:353px;
}

.reeds {
	background:url('../images/reeds.png') no-repeat;
	height:212px;
	width:960px;
	position:relative;
	left:-210px;
	top:-193px;
	margin-bottom:-193px;
}

/* about us */

.about-us-bg {
	background:url('../images/about-us-bg-2.png') no-repeat -20px top;
	height:680px;
	width:704px;
    z-index:10;
}

.about-us-bg h1 {
	position:relative;
	left:170px;
	top:150px;
	width:244px;
}

.about-us-copy {
	width:320px;
	position:relative;
	left:170px;
	top:130px;
}

/* our work */

#our-work {
	width:570px;
	margin-top:35px;
    /*margin-left:200px;*/
}

#our-work li {
	float:left;
	margin:5px
}

.ow-button a { height:176px; width:176px; display:block; }

.ow-button { height:176px; overflow:hidden; position:relative; }

.ow-button img { position:absolute; }

.ow-button-small a { height:50px; width:50px; display:block; }

.ow-button-small { height:50px; overflow:hidden; position:relative; }

.ow-button-small img { position:absolute; }

#small-ow-nav {
	position:fixed;
	left:220px;
	bottom:30px;
}

#small-ow-nav li {
	float:left;
	margin-right:5px;
}

/* websites */

#websites {
	margin:40px 200px;
	background:url('../images/imac.jpg') no-repeat;
	height:600px;
	width:692px;
}

#slideshow {
	margin:0 auto;
	width:615px;
	height:390px;
	position:relative;
	top:35px;
	left:-3px;
}

#slideshow #slidesContainer {
	margin:0 auto;
	width:615px;
	height:390px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}

#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:589px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll 540 */
	height:386px;
	position:relative;
}

/* Slideshow controls style rules */
.control {
	display:block;
	width:95px;
	height:95px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}

#leftControl {
	top:155px;
	left:25px;
	background:transparent url('../images/control_left.png') no-repeat 0 0;
	z-index:10;
}

#rightControl {
	top:155px;
	right:25px;
	background:transparent url('../images/control_right.png') no-repeat 0 0;
	z-index:10;
}

#map_canvas {
	position:relative;
	top:10px;
	left:30px;
	width:200px;
	height:200px;
	border:1px solid #ccc;
}

.splat {
	background:transparent url('../images/side-splat.png') no-repeat 0 0;
	width:189px;
	height:184px;
	position:relative;
	left:-400px;
	top:-50px;
}

.toggle-nav {
	position:fixed;
	background-color:rgba(255,255,255,0.7);

	width:142px;
	padding:9px 29px;
	height:42px;
}

.hide-nav {
	position:fixed;
	display:block;
	background-color:rgba(255,255,255,0.7);

	padding:40px 40px;
	margin:0 0 0 -40px;
	height:100%;
}

.move-right {
	position:fixed;
	width:100px;
	height:100px;
	border:1px solid red;
	bottom:0;
	right:0;
}

.ourwork-scroll {
	overflow:scroll;
}

.ow-promotions-width {
	width:9482px;
}

#collation-container {
	position:relative;
	left:50px;
	top:40px;
}

#collation-robot {
	float:left;
	width:300px;
	/*border:1px solid red;*/
	margin-right:30px;
}

#collation-copy {
	float:left;
	width:280px;
	/*border:1px solid green;*/
}

#collation-copy img {
	margin-bottom:20px;
	position:relative;
	left:-10px;
}

.find-us {
	color:#fff;
    height:548px;
}

.find-us img {
	margin-bottom:20px;
	padding-left:30px;
}

.find-us-copy {
    float:left;
    width:360px;
    margin-left:20px;
	height:220px;
}

.find-us-cow {
    top:40px;
}

.map {
    floaT:left;
}

#pos-img {
	/*border:1px solid red;*/
	padding:0;
	margin-left:-50px;
	width:9282px;
}

#pos-img li {
	display:inline;
}

.pos-copy {
	width:350px;
	position:relative;
	left:530px;
	top:420px;
	margin-top:-150px;
}

.toolkit-copy-container {
	position:relative;
	left:190px;
	top:730px;
	margin-top:-400px;
}

.toolkit-copy {
	width:330px;
	float:left;
}

.toolkit-copy-list {
	width:290px;
	float:left;
	color:#00AEEE;
	font-weight:800;
	margin-left:40px;
}

.toolkit-copy-list li {
	list-style:disc;
	margin-bottom:10px;
	font-size:18px;
}

#show-nav-text {
    height:2em;
    color:#000000;
    text-transform:uppercase;
    clear:both;
    padding-top:5px;
    font-size:14px;
}

#brochures-img, #pos-img, #magazines-img, #packaging-img, #toolkit-img, #logos-img {
    padding-left:150px;
    z-index:11;
}

#logos-img {
	/*width:6000px;*/
}

.scroll-right-text {
    position:fixed;
    right:0;
    color:#000;
    font-size:14px;
    padding:20px;
   	background-color:rgba(255,255,255,0.7);
    text-transform:uppercase;
    font-weight:100;
}

.scrollcontrols {
    position:fixed;
    right:10px;
    bottom:10px;
}

#myScrollContainer
{
    z-index:-100;
}

.scrollcontrolsleft {
    position:fixed;
    left:200px;
    top:0;
    width:20%;
    height:70%;
    /*border:1px solid blue;*/
    z-index:12;

}

.leftminus200 {
    left:0;
}

.scrollcontrolsright {
    position:fixed;
    right:0;
    top:0;
    width:20%;
    height:70%;
   /* border:1px solid red;*/
}

.advert {
    color: #fff;
    /*padding: 10px;*/
    /*text-align: center;*/
}