@charset"utf-8";

@media all
{

/* Reset CSS Styles - 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,button,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}
ol,ul{list-style:none}
blockquote,q{quotes:none}
:focus {outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* Force 'display:block' For New html5 Tags */
header,section,footer,aside,nav,article,figure{display:block}

/* Float Clearer - Basic */
.clear{background:none;clear:both;display:block;float:none;font-size:0;position:static;overflow:hidden;visibility:hidden;width:0;height:0}

/* Float Clearer - Advanced */
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
/* start commented backslash hack \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */

}

@font-face{
	font-family:ds-display;
	src:url('/fonts/myriadpro.eot');
	src:local('☺'),url('/fonts/myriadpro.woff') format('woff'),url('/fonts/myriadpro.ttf') format('truetype'),url('/fonts/myriadpro.svg#webfont') format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:ds-display;
	src:url('/fonts/myriadpro-it.eot');
	src:local('☺'),url('/fonts/myriadpro-it.woff') format('woff'),url('/fonts/myriadpro-it.ttf') format('truetype'),url('/fonts/myriadpro-it.svg#webfont') format('svg');
	font-weight:normal;
	font-style:italic
}
@font-face{
	font-family:ds-display;
	src:url('/fonts/myriadpro-bd.eot');
	src:local('☺'),url('/fonts/myriadpro-bd.woff') format('woff'),url('/fonts/myriadpro-bd.ttf') format('truetype'),url('/fonts/myriadpro-bd.svg#webfont') format('svg');
	font-weight:bold;
	font-style:normal
}
@font-face{
	font-family:ds-display;
	src:url('/fonts/myriadpro-bdit.eot');
	src:local('☺'),url('/fonts/myriadpro-bdit.woff') format('woff'),url('/fonts/myriadpro-bdit.ttf') format('truetype'),url('/fonts/myriadpro-bdit.svg#webfont') format('svg');
	font-weight:bold;
	font-style:italic
}

@media screen
{
/* page area */
body{
	font:12px/1.7em "Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	border:0;
	margin:20px 0;
	color:#000;
	background:#80ccb3 url(/images/style/body.jpg) repeat-x top center fixed
}
#wrapper{
	position:relative;
    background-color:#fff;
	margin:0 auto;
	width:800px;
	border-left:1px solid #80ccb3;
	border-right:1px solid #80ccb3
}
/* floats and clearers */
.floatLeft{
	float:left;
	padding:0 1em 1em 0
}
.floatRight{
	float:right;
	padding:0 0 1em 1em
}
hr{
	display:none
}
.hr{
	clear:both
}
.clearLeft{
	clear:left
}
.clearRight{
	clear:right
}
.clearBoth{
	clear:both
}
/* header */
h1{
	display:block;
	background:url(/images/style/header.png) top;
	height:157px;
	width:802px;
	text-indent:-9999px;
	margin:0 auto;
	z-index:999
}
/* footer */
#footer{
	background:url(/images/style/footer.png) bottom;
	margin:0 auto;
	width:754px;
	padding:10px 24px;
	border-top:1px solid #80ccb3
}
#footer li{
	float:left;
	list-style-type:none;
	margin-right:1px;
	padding:0 10px 10px 0;
	font-size:0.9em;
}
#footer p{
	color:#666;
	line-height:1em;
	padding:0;
	margin:0
}
/* social media */
a.social-button{
    position:absolute;
    left:-32px;
    z-index:100;
    text-indent:-9999px;
    width:32px;
    height:85px;
    background-position:0 0
}
a:hover.social-button{
    background-position:-32px 0
}
#twitter{
    top:70px;
    background-image:url(/images/style/twitter.png);
}
#facebook{
    top:160px;
    background-image:url(/images/style/facebook.png);
}
/* content */
#content{
	clear:both;
	padding-top:70px;
	margin:0 48px
}
#content #column-left{
	float:left;
	width:460px
}
#content #column-right{
	float:right;
	width:210px
}
/* navigation */
#navigation-container{
	clear:both;
	position:absolute;
	z-index:1;
	width:781px;
	margin:0 0 0 10px;
	top:0;
}
#navigation{
	display:block;
	clear:both;
	margin:0 auto;
	width:100%;
	background:url(/images/style/navigation.png) repeat-x;
	margin-left:0;
	z-index:1000;
	height:38px;
	border-bottom:solid 6px #80ccb3
}
#navigation li{
	text-align:center;
	float:left;
	list-style-type:none;
	z-index:1001
}
#navigation .sep{
	border-right:solid 1px #fff
}
#navigation a{
	color:#333;
	font-weight:bold;
	display:block;
	padding:10px 15px 10px 15px;
	height:18px;
	text-decoration:none;
	z-index:1001;
	background-image:url(/images/style/navigation.png);
	background-repeat:repeat-x;
	background-position:top
}
#navigation a:hover,#navigation a:active,#body-home #active1,#body-about #active2,#body-products #active3,#body-offers #active4,#body-testimonials #active5,#body-brochures #active6,#body-contact #active7{
	color:#fff;
	background-position:bottom
}
#home{
	width:74px
}
#about{
	width:97px
}
#products{
	width:147px
}
#offers{
	width:128px
}
#testimonials{
	width:117px
}
#brochures{
	width:102px
}
#contact{
	width:110px
}
/* typography settings */

h2,h3{
	font-family:ds-display;
    padding:0
}
h2{
	color:#378374;
    font-size:40px;
	font-weight:normal;
    margin:0 0 30px;
    text-shadow:0px 1px 1px #666
}
h3{
	color:#333;
	font-size:18px;
	font-weight:bold;
    margin:0 0 15px
}
p{
	padding:0 0 1em
}
a{
	color:#58b291;
	text-decoration:none
}
a:hover{
	text-decoration:underline
}
small,.footnote{
	font-size:10px;
    line-height:15px
}
.footnote{
	color:#666
}
.centre{
	text-align:center
}
/* lists */
ul.list{
	list-style:square;
	margin-left:1.5em
}
ul.list li{
	list-style:square;
    padding-bottom:1em
}
ol.numberlist{
	list-style:decimal;
	margin-left:1.5em
}
ol.numberlist li{
	list-style:decimal;
     padding-bottom:1em
}
ol.alphalist{
	list-style:lower-alpha;
	margin-left:1.5em
}
ol.alphalist li{
	list-style:lower-alpha;
     padding-bottom:1em
}
/* boxes */
div.box{
	float:left;
	position:relative;
	width:212px;
	padding:10px 10px 0 10px;
	border:1px solid #e6e6e6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
div.endrow{
	margin-bottom:2em
}
/* Buttons */
#buttons{
    height:2.5em;
    padding-bottom:20px
}
#buttons li{
    list-style:none;
	float:left;
    margin-right:6px
}
.button{
	color:#fff;
	border:solid 1px #ccc;
	background:#4d9d8c;
	background:-webkit-gradient(linear,left top,left bottom,from(#80ccb3),to(#4d9d8c));
	background:-moz-linear-gradient(top,#80ccb3,#4d9d8c);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ccb3',endColorstr='#4d9d8c');
    display:inline-block;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	*display:inline;
	vertical-align:baseline;
	margin:0;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	font:12px/20px Verdana,Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
	padding:.5em 1em .55em;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.button:hover{
	background:#68ac9d;
	background:-webkit-gradient(linear,left top,left bottom,from(#93d4be),to(#68ac9d));
	background:-moz-linear-gradient(top,#93d4be,#68ac9d);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93d4be',endColorstr='#68ac9d');
    text-decoration:none
}
.button:active{
	color:#ccc;
	background:-webkit-gradient(linear,left top,left bottom,from(#4d9d8c),to(#80ccb3));
	background:-moz-linear-gradient(top,#4d9d8c,#80ccb3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d9d8c',endColorstr='#80ccb3');
    position:relative;
	top:1px
}
.buttonsmall{
	font-size:10px;
	padding:.2em 1em .275em
}

/* offer tables */
table.offers{
	width:100%;
	margin-bottom:1em
}
table.offers caption{
	font-family:ds-display;
    font-weight:bold;
    background:url(/images/style/navigation.png) repeat-x bottom;
	text-align:left;
	font-size:16px;
	color:#fff;
	padding:.5em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
table.offers th,table.offers td{
	text-align:left;
	padding:.5em;
	border:solid 1px #80ccb3;
}
table.offers th{
	background-color:#ebfaf5;
}
table.offers .col-1,table.offers .col-3,table.offers .col-4,table.offers .col-5{
	width:13%
}

/* competition */
.competition h2{
	width:705px;
    height:200px;
    padding:0;
    margin:0 0 20px;
    text-indent:-9999px;
    background-image:url(/competitions/banner.jpg)
}

}

@media print
{
body{
	background:none
}
#wrapper,#content{
	width:auto;
	border:0;
	margin:5%;
	padding:0;
	float:none !important
}
#navigation{
	display:none
}
}