/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


a {
    outline: none;
    text-decoration:none;
}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/

#body { background-color:#000;width:988px;/*height:100%;*/ position: relative; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit;}
/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:25%; margin-bottom:-280px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left;width:988px;clear:left;margin:0;padding:10px 0 0 0}
p {margin-bottom:10px;}
/* /position_center */

body {background-color:#000;font-size:0.9em;color:#fff;font-family:calibri,verdana, arial;}
h1 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.clear {clear:both;}
h2 {font-size:1.4em;color:#1fbfc4;margin:0 0 10px 0;}
h3 {font-weight:bold;font-size:1.2em;margin:0 0 10px 0;color:#1fbfc4;}
h4 {font-size:1.1em;font-weight:bold;}
a {color:#1fbfc4}
a:hover {color:#1fbfc4;text-decoration:underline;}

em {font-style:italic;}
strong {font-weight:bold;color:#1fbfc4}
strong.large {font-size:1.2em;}

#topContent {width:988px;float:left;margin:0 0 10px 0}
#topContent #logo a {background: url(../images/2-fresh-products-logo.gif) top left no-repeat;width:182px;height:203px;display:block;float:left}
#topContent #navHolding a {float:right;}

#navHolding {width:620px;float:right}
#nav {float:right;margin:10px 0 0 0}
#nav ul li a {color:#1fbfc4;font-size:1.5em;}
#nav ul li a:hover,#nav ul li a.on {color:#fff;text-decoration:none;}
#nav ul li {float:left;padding:0 10px 0 10px}
#navHolding h2 {float:right;font-size:0.9em;margin:0 10px 0 0}
#requestCall a {background: url(../images/btn-request-call.gif) top left no-repeat;width:123px;height:37px;display:block}

#mainContent {float:left;width:988px}
#leftContnet {float:left;width:740px;margin:0 5px 0 0}
#rightContent {float:right;width:185px;}
#clients {margin:15px 0 0 0}
.smlDivider {background: url(../images/sml-divider.gif) top left no-repeat;width:180px;height:1px;margin:15px 0 15px 0}

#flashContent {margin:0 0 10px 0}

#caseStudies ul li {float:left;margin:0 15px 15px 0}
#caseStudies ul li a {display:block;width:160px;height:107px}

#caseStudies ul li.cineworld,#caseStudies ul li.cineworld a {background: url(../images/logo-cineworld.gif) top left no-repeat;}
#caseStudies ul li.cineworld,#caseStudies ul li.cineworld a:hover {background: url(../images/logo-cineworld-over.gif) top left no-repeat;}

#caseStudies ul li.adams,#caseStudies ul li.adams a {background: url(../images/logo-adams.gif) top left no-repeat;}
#caseStudies ul li.adams,#caseStudies ul li.adams a:hover {background: url(../images/logo-adams-over.gif) top left no-repeat;}

#caseStudies ul li.carrierbag,#caseStudies ul li.carrierbag a {background: url(../images/logo-carrierbag.gif) top left no-repeat;}
#caseStudies ul li.carrierbag,#caseStudies ul li.carrierbag a:hover {background: url(../images/logo-carrierbag-over.gif) top left no-repeat;}

#caseStudies ul li.orchard,#caseStudies ul li.orchard a {background: url(../images/logo-orchard.gif) top left no-repeat;}
#caseStudies ul li.orchard,#caseStudies ul li.orchard a:hover {background: url(../images/logo-orchard-over.gif) top left no-repeat;}

#caseStudies ul li.sherwood,#caseStudies ul li.sherwood a {background: url(../images/logo-sherwood.gif) top left no-repeat;}
#caseStudies ul li.sherwood,#caseStudies ul li.sherwood a:hover {background: url(../images/logo-sherwood-over.gif) top left no-repeat;}

#caseStudies ul li.bni,#caseStudies ul li.bni a {background: url(../images/logo-bni.gif) top left no-repeat;}
#caseStudies ul li.bni,#caseStudies ul li.bni a:hover {background: url(../images/logo-bni-over.gif) top left no-repeat;}

#caseStudies ul li.best,#caseStudies ul li.best a {background: url(../images/logo-best.gif) top left no-repeat;}
#caseStudies ul li.best,#caseStudies ul li.best a:hover {background: url(../images/logo-best-over.gif) top left no-repeat;}

#caseStudies ul li.cocoRose,#caseStudies ul li.cocoRose a {background: url(../images/logo-cocoRose.gif) top left no-repeat;}
#caseStudies ul li.cocoRose,#caseStudies ul li.cocoRose a:hover {background: url(../images/logo-cocoRose-over.gif) top left no-repeat;}

#caseStudies ul li.education,#caseStudies ul li.education a {background: url(../images/logo-education.gif) top left no-repeat;}
#caseStudies ul li.education,#caseStudies ul li.education a:hover {background: url(../images/logo-education-over.gif) top left no-repeat;}

#caseStudies ul li.apollonia,#caseStudies ul li.apollonia a {background: url(../images/logo-apollonia.gif) top left no-repeat;}
#caseStudies ul li.apollonia,#caseStudies ul li.apollonia a:hover {background: url(../images/logo-apollonia-over.gif) top left no-repeat;}

#caseStudies ul li.so,#caseStudies ul li.so a {background: url(../images/logo-so.gif) top left no-repeat;}
#caseStudies ul li.so,#caseStudies ul li.so a:hover {background: url(../images/logo-so-over.gif) top left no-repeat;}

#caseStudies ul li.jute,#caseStudies ul li.jute a {background: url(../images/logo-jute.gif) top left no-repeat;}
#caseStudies ul li.jute,#caseStudies ul li.jute a:hover {background: url(../images/logo-jute-over.gif) top left no-repeat;}


#caseVideo {margin:0 0 10px 0}
#caseLogo {float:left;width:170px}

#caseLogo ul {margin:10px 0 0 10px}
#caseLogo ul li {list-style-type:circle;padding:0 0 0 0;margin:0 0 0 0}
#caseLogo ul li a.on {color:#fff;font-weight:bold;}
#caseStudieContent {width:470px;float:left;margin:0 0 0 70px}

.footer-divider {background: url(../images/footer-divider.gif) top center no-repeat;width:710px;height:1px;}

#footerContent {width:100%;background-color:#0b1515;min-height:250px;padding:0 0 10px 0;margin:20px 0 0 0;float:left;}
#footerHolding {margin:0 auto; position:relative;text-align:left; width:980px;height:100%;min-height:200px;background-color:#0b1515;}
#footer {float:left;margin:20px 0 0 0;width:980px;;}
#footer ul.socialIcons li {float:left;margin:10px 0 10px 0px;width:180px;}
#footer ul li a {font-size:1.2em;color:#6dcacd}
#footer ul li a img {margin:0 10px 0 0}
#footer p.copy {font-size:0.8em;}

#iconsMain {width:710px;}


#footerLinks {font-weight:normal;width:988px;}
#footerLinks ul {margin:0}
#footerLinks ul li {border-right:1px dotted #fff;margin:0;padding:0 5px 0 5px;font-size:1.0em;float:left;}
#footerLinks ul li a {font-weight:normal;font-size:0.8em;}
#contactDetails {float:left}
#map {float:left;margin:0 0 0 30px}
#ContactForm {width:150px}
#signUp {float:right;width:150px}

.InputForm {border:1px solid #6dcacd;background-color:#000;color:#fff;height:20px;width:150px}
.InputComment {border:1px solid #6dcacd;background-color:#000;color:#fff;width:150px;height:80px;font-family:calibri,verdana, arial;}

.btnSubmit {float:right;margin:10px 0 0 0}

#socialShare {margin:0 0 3px 0;z-index:100;}


#NewsletterForm #Name {margin:3px 0 3px 0}
#NewsletterForm #Email {margin:0 0 3px 0}
.InputNews {width:172px;height:22px;border:0;background-color:#0b1515;color:#fff;padding:1px 0 0 3px}

#NewsletterForm #Send {margin:5px 0 0 0}

.twitter {float:left; width:539px; height:100px; overflow:hidden; top:0;margin:15px 0 0 0;}
.twitter_feed {position:relative;height:100px; overflow:hidden; top:-45px; margin:0 0 0 0}


.feedburnerFeedBlock {font-size:0.9em;color:#fff;font-family:calibri,verdana, arial;}

#promoPodContent {min-height:10px;}