/* main selectors */
body { margin: 0; padding: 0; background-color: #CFCEC6; font: 76%/150% Arial, Helvetica, sans-serif; color: #5B5951; }
h1 { color: #D70F19; margin: 0 0 20px; padding: 0; font-size: 40px; font-weight: normal; line-height: 40px; }
h2 { margin: 0; padding: 0; color: #000; font-size: 18px; font-weight: normal; line-height: 24px; }
h3 { margin: 0 0 15px 0; padding: 0; color: #5B5951; font-size: 130%; font-weight: bold; line-height: 130%; }
img { border-style: none; }
p { margin: 0 0 14px 0; padding: 0; line-height: 22px; }
li { line-height: 22px; }
#content-left h3 { margin-top: 5px; }
li#downloads { background: url(http://www.surfkitchen.com/press-centre/images/site/download-icon-small.png) no-repeat left center; }
li#widget { background: url(http://www.surfkitchen.com/press-centre/images/site/widget-icon-small.png) no-repeat left center; }
li#stream { background: url(http://www.surfkitchen.com/press-centre/images/site/stream-icon-small.png) no-repeat left center; }
ul#demos li { padding-left: 25px; list-style: none; padding-top: 3px; padding-bottom: 3px; }
ul#demos { margin: 0px; padding: 0px; }
a { color: #5B5951; text-decoration: none; }
a:hover { text-decoration: underline; }
a.more,
#container #content #content-left .box a { color: #D70F19; }
a.demo { color: #fff; }
a.date { display: block; width: 33px; height: 44px; color: #5B5951; text-transform: uppercase; text-decoration: none; font-size: 11px; background: url(http://www.surfkitchen.com/press-centre/images/site/background-date.gif) no-repeat; text-align: center; line-height: 28px; }
a.date:hover,
a.date-active { color: #D70F19; text-decoration: none; }



/* SEO headings */
strong.seo { display: block; position: absolute; top: 85px; right: 14px; z-index: 895; }
strong.seo a { display: block; text-indent: -9999px; overflow: hidden; width: 177px; height: 17px; background: url(http://www.surfkitchen.com/press-centre/images/site/logo.gif) no-repeat; }



/* container section */
#container { width: 890px; margin: 0 auto; padding: 345px 0 100px 0; position: relative; }
.nohead { padding: 140px 0 100px 0!important; }



/* header section */
#header { position: absolute; top: 60px; left: 0; background-color: #FFF; width: 890px; height: 56px; clear: both; z-index: 800; }
#navigation-top { margin: 0; padding: 0; list-style: none; position: absolute; top: -10px; left: 0; }
#navigation-top li { display: block; float: left; margin-right: 7px; position: relative; }
#navigation-top li a { display: block; float: left; text-indent: -9999px; overflow: hidden; color: #D70F19; text-decoration: none; font-size: 17px; height: 66px; background-repeat: no-repeat; }
#navigation-top li a.customers { background-image: url(http://www.surfkitchen.com/press-centre/images/site/menu-customers.gif); width: 108px; }
#navigation-top li a.products { background-image: url(http://www.surfkitchen.com/press-centre/images/site/menu-products.gif); width: 177px; }
#navigation-top li a.home { background-image: url(http://www.surfkitchen.com/press-centre/images/site/menu-home.gif); width: 72px; }
#navigation-top li a.about { background-image: url(http://www.surfkitchen.com/press-centre/images/site/menu-about.gif); width: 96px; }
#navigation-top li a.news { background-image: url(http://www.surfkitchen.com/press-centre/images/site/menu-press.gif); width: 122px; }
#navigation-top li a.active,
#navigation-top li a:hover,
#navigation-top li:hover a,
#navigation-top li.hover a { background-color: #D70F19; background-position: 0 -66px; }
#navigation-top li ul { display: none; position: absolute; top: 66px; left: 0; margin: 0; padding: 10px; width: 170px; background-color: #D70F19; list-style: none; }
#navigation-top li ul li { margin: 0 0 2px 0; padding: 0; float: none; }
* html #navigation-top li ul li { width: 100%; float: left; clear: left; }
#navigation-top li ul li a,
#navigation-top li.hover ul li a,
#navigation-top li:hover ul li a { text-indent: 0; height: auto; line-height: 27px; color: #FFF; margin: 0; padding: 0 10px 0 10px; font-size: 12px; background-color: #C10D16; float: none; }
#navigation-top li ul li a:hover,
#navigation-top li ul li a.active { color: #010101; background-color: #FFF; }
#navigation-top li:hover ul,
#navigation-top li.hover ul { display: block; }



/* page image header section */
#pageImage-holder { position: absolute; top: 140px; left: 0; width: 870px; background-color: #fff; padding: 10px 10px 0 10px; height: 195px; }




/* footer section */
#footer { clear: both; width: 890px; position: relative; }
#footer strong.head { display: block; position: absolute; top: 0; right: 0; }
#footer strong.head a { display: block; width: 307px; height: 40px; text-indent: -9999px; overflow: hidden; background: url(http://www.surfkitchen.com/press-centre/images/site/footer-headline.gif) no-repeat; }
#navigation-bottom { margin: 0; padding: 0; list-style: none; color: #969389; }
#navigation-bottom li { display: inline; background: url(http://www.surfkitchen.com/press-centre/images/site/separator-footer.gif) no-repeat 0 2px; padding: 0 0 0 5px; margin: 0 1px 0 0; line-height: 40px; }
#navigation-bottom li.first { padding-left: 0; background: none; }
#navigation-bottom li a { color: #969389; text-decoration: none; }
#navigation-bottom li a:hover { text-decoration: underline; }


/* content section */
#content { background-color: #FFF; padding: 10px 10px 0 10px; width: 870px; overflow: hidden; }
/* left content block */
#content-left { width: 496px; float: left; padding-right: 10px; padding-left: 4px; margin-bottom: 20px; }
#content-left div.box { border-bottom: 1px solid #CFCEC6; padding: 20px 0 0 0; }
#content-left .box img { padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; }
.leftimageindent { margin: 0px 10px 10px 0px; padding: 0px; float: left; }
#content-left div.last { border: none; }
#content-right { width: 325px; float: right; }
#content-right div.box { border: 1px solid #CFCEC6; margin-bottom: 11px; padding: 0 9px 9px 9px; overflow:hidden; height:1%; }
.red { background: #D70F19; color: #FFFFFF; }
#content-right div.box h2 { border-bottom: 1px solid #CFCEC6; line-height: 36px; margin-bottom: 12px; }


/* navigation path section */
ul.navigation-path { margin: 0; padding: 0; list-style: none; }
ul.navigation-path li { margin: 0 0 0 6px; padding: 0; display: inline; padding-right: 12px; background: url(http://www.surfkitchen.com/press-centre/images/site/separator-path.gif) no-repeat right; }
ul.navigation-path li.last { padding-right: 0px; background: none; }


/* contact address section */
div.address-block { margin: 0; padding: 0; list-style: none; width: 230px; float: left; }


/* phone list section */
div.list { padding-bottom: 20px; display: table; height: 1%; }
div.list ul { margin: 0; padding: 0; list-style: none; width: 165px; float: left; }
div.list ul ul { margin: 0; padding: 0 0 0 10px; list-style: none; width: 165px; float: left; }
.wide ul { width: 500px !important; }
div.list ul li { line-height: 20px; }


/* calendar list secttion */
ul.calendar-list { margin: 0; padding: 0; list-style: none; overflow: hidden; height: 1%; }
ul.calendar-list li { margin-right: 14px; display: block; float: left; }
ul.calendar-list li a { float: left; }


/* calendar events section */
div.calendar { padding-top: 40px; }
#content-left div.calendar div.box { border-bottom: none; border-top: 1px solid #CFCEC6; padding-bottom: 20px; }
div.calendar a.date { float: left; margin-right: 20px; }
div.calendar div.events { display: table; height: 1%; }
div.events { margin-top: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CFCEC6; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
div.events dl { margin: 0; padding: 0; line-height: 15px; }
div.events dl dt { margin: 0; padding: 0; color: #CFCEC6; }
div.events dl dd { margin: 0; padding: 0 0 15px 0; color: #5B5951; }


/* downloads list */
ul.dloads { margin: 0; padding: 0; list-style: none; }
ul.dloads li { margin: 0; padding: 0 0 2px 0; }
ul.dloads li a { display: block; line-height: 28px; background-color: #E7E7E3; padding: 0 30px 0 8px; text-decoration: none; background-repeat: no-repeat; background-image: url(/images/arrow-normal.gif); background-position: 96% 40%; color: #5B5951; }
ul.dloads li a.download { background-image: url(/images/arrow-download.gif); background-position: 97% 40%; }
ul.dloads li a:hover { background-color: #CFCEC6; text-decoration: none; }


/* news list section */
dl.news { margin: 0; padding: 0; line-height: 18px; }
dl.news dt { margin: 0; padding: 0; }
dl.news dd { margin: 0; padding: 0 0 12px 0; }
dl.news dd.last { padding-bottom: 6px; }


/* example application roll */
div.roll { overflow: hidden; }
#roll-icon { padding: 0; width: 176px; height: 247px; overflow:hidden; margin: 0 0 0 36px; list-style: none; display:block; float: left; }
.single { margin: 0 0 0 65px !important; }
.clear { clear: both; }
#roll-icon li { padding:0 !important; margin:0 !important; display: none; width: 176px; }
#roll-icon li.active { display: block; }
#roll-icon li a img { display: block; border: none; }
#roll-icon span { display: block; text-align: center; margin-top: 10px; }


/* roll buttons */
div.roll a.roll { display: block; width: 10px; height: 16px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-image: url(http://www.surfkitchen.com/press-centre/images/site/roll.gif); margin-top: 90px; }
#roll-previous { float: left; margin-left: 20px; }
* html #roll-previous { margin-left: 10px; }
#roll-next { float: right; margin-right: 20px; background-position: -10px 0; }
* html #roll-next { margin-right: 10px; }


/* ad block section */
div.ad a img { display: block; border: none; }
#content-right div.ad { padding: 2px; height: 1%; }
#content-right div.ad div.top-right { margin-top: -10px; position: relative; }


/* sIFR section */

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* sIFR headings */
.sIFR-hasFlash h1 { font-size: 40px; height: 40px; }
.sIFR-hasFlash h2 { font-size: 18px; margin: 3px 0 0 0; padding: 0; height: 30px; }
* html.sIFR-hasFlash h2 { padding-top: 10px; }




.pagination { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
.pagination ul { margin: 0; padding: 0; text-align: left; /*Set to “right” to right align pagination interface*/  }
.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; padding-right: 20px; }
.pagination a,
.pagination a:visited { border: 1px solid #CFCEC6; text-decoration: none; color: #CC0000; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.pagination a:hover,
.pagination a:active { border: 1px solid #CFCEC6; color: #000; background-color: #CFCEC6; }

div.event img { float: right; }
div.event h1 { font-size: 2em; margin: 0; padding: 5px 0 10px 0; height: 1.2em; line-height: 1.2em; }
div.event h2 { font-size: 1.1em; margin: 0; padding: 0; height: 1.2em; line-height: 1.2em; }

div.prdate { clear: both; float: left; width: 35px; margin-right: 10px; margin-bottom: 20px; }
div.prlink { width: 437px; float: right;  }
div.prlink p { line-height: 1.2em;  }
div.prlink span.sup { color:#CFCEC6; }
div.prhr { clear: both; border-bottom: 1px solid #CFCEC6; margin-bottom: 20px; }
span.archivemarker {display: none;}
div.hidden {display: none;}
p.clear {clear: both; }

a.switchYear { display: block; width: 33px; height: 44px; color: #5B5951; text-transform: uppercase; text-decoration: none; font-size: 11px; background: url(http://www.surfkitchen.com/press-centre/images/site/background-date.gif) no-repeat; text-align: center; line-height: 28px; float: left; margin-right: 20px; outline-color:#FFFFFF; outline-style:dotted; outline-width:1px; }
a.sYblack { color: #5B5951 !important; }
div.clearSwitchYear { width: 10px; height: 30px; overflow: hidden; clear: both;}