@charset "utf-8";
/* CSS Document */

 * { margin: 0; padding: 0; text-decoration: none; font-size: 100%; outline: none; font-family:Arial, Helvetica, sans-serif; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1em; background: white; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
/* end reset styling */

/*general settings*/ 
html {overflow: -moz-scrollbars-vertical;}
body { margin: 0; padding: 0; color: #F9B414;}
a:link, a:visited, a:hover, a:active {color:#23180A;}
em { color: #f9b414; font-weight: bold;}
/* sidebar link settings */
#sidebar a, #sidebar a:visited {
color:#33220D;
text-decoration:none;
}

/*the em's are for the menu reveal*/
#sidebar a em {
visibility: hidden;
}
#sidebar a:hover {
color: #000;
}
#sidebar a:hover em {
visibility: visible;
color: #f9b414;
}
/*end of em reveal settings*/

/* layout settings */
div#wrapper {margin:0 auto; padding:0; width: 769px; background: #fff;}
div#sidebar {float: left; margin: 0; padding: 0; width: 212px; color: #23180A; font:Arial, Helvetica, sans-serif;}
div#sidebar h2, div#sidebar ul {padding-left: 35px;}
div#sidebar ul{margin:0 0 0 30px; padding: 0 0 55px 0; list-style: none outside; font-size: 13px; font-weight: bold;}
div#sidebar ul li {margin: 0; padding: 0; line-height: 12px;}
div#sidebar h2, div#sidebar h3 {margin: 0 0 0 30px; padding: 0 0 5px 0; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-style: italic; line-height: 14px;}
div#sidebar h2 {font-size: 18px;}
div#sidebar h3 {font-size: 15px; margin: 0 0 0 28px; padding: 0 0 24px 0;}


div#content {float: left; margin: 0; padding: 0; width: 769px; background:#23180A url(../images/content-top.png) no-repeat top left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; /*min-height: 500px; height: auto !important; height: 500px; */}
div#content h1 {font-size: 24px; font-weight:bold; font-style:italic; line-height: 28px; margin: 0 0 10px 0;}
div#content h2 {font-size: 14px; font-weight:bold;}
div#content em {font-weight: bold; font-style:italic;}


div#content-2 {float: left; margin:65px 0 0 0; padding: 0 0 155px 0; width: 769px; background: url(../images/logo-slice.png) no-repeat bottom left;}

div#content-wrapper {
margin:0; padding:0;
clear:right;
float: left;
background: #33220D;
min-height: 500px; height: auto;
}
/* for Internet Explorer */
/*\*/
* html div#content-wrapper {
height: 500px;
}
/**/

div#left {float: left; width: 260px; margin:0; padding: 0; background: #33220D; margin-left: 0px; border-left:0px solid #33220D;}

div#left p, div#left h1, div#left h2 {padding: 0 15px 5px 15px;}
div#left a:link {color: #fff; font-weight: bold; margin: 0; padding: 0 5px 5px 5px;}
div#left a:visited {color: #ccc; font-weight:bold; padding: 0 5px 5px 5px;}
div#left a:hover { text-decoration:underline; padding: 0 5px 5px 5px;}
div#left a:active { padding: 0 5px 5px 5px;}



/* ---------------- SERVICES PAGE LINKS --------------------------*/



div#left a:link.weblink, div#left a:visited.weblink  {color: #7B5B88;}
div#left a:hover.weblink { text-decoration:underline;}
div#left a:active.weblink {color: #7B5B88;}
div#left a:link.printlink, div#left a:visited.printlink  {color: #63BC47;}
div#left a:hover.printlink { text-decoration:underline;}
div#left a:active.printlink {color: #63BC47;}
div#left a:link.brandlink, div#left a:visited.brandlink  {color: #F79236;}
div#left a:hover.brandlink { text-decoration:underline;}
div#left a:active.weblink {color: #F79236;}
div#right a:link.multilink, div#right a:visited.multilink  {color: #E32772;}
div#right a:hover.multilink { text-decoration:underline;}
div#right a:active.multilink {color: #E32772;}



div#right {float: left; width: 274px; margin:0; padding: 15px 0 0 0; background: #33220D; border-left: 1px solid #23180a; border-right:1px solid #33220D;}

div#right p, div#right h1, div#right h2 {padding: 0 15px 5px 15px;}
div#right p.featured-project {margin: 0; padding: 145px 15px 5px 15px; background:#33220D url(../images/featured-project.png) no-repeat center top;}
div#right p.sneakpeek {margin: 0; padding: 145px 15px 5px 15px; background:#33220D url(../images/sneakpeek.png) no-repeat center top;}

div#right p.nutri-facts {margin: 0; padding: 240px 15px 5px 15px; background:#33220D url(../images/nutritional-facts-label.jpg) no-repeat 10px 0px;}
div#right p.profile-pic {margin: 0; padding: 195px 15px 5px 15px; background:#33220D url(../images/profile-pic.jpg) no-repeat 15px 0px;}
div#right p.multi-project {margin: 0; padding: 145px 15px 5px 15px; background:#33220D url(../images/multimedia-project.png) no-repeat center top;}

div#right img {margin: 0 0 10px 12px; padding: 0;}
div#right a:link {color: #fff; font-weight: bold; margin: 0; padding: 0 5px 5px 5px;}
div#right a:visited {color: #ccc; font-weight:bold; padding: 0 5px 5px 5px;}
div#right a:hover { text-decoration:underline; padding: 0 5px 5px 5px;}
div#right a:active { padding: 0 5px 5px 5px;}

div#bottom {margin: 0; padding: 0; float: left; width: 769px;  background: #F9B414; font-size: 12px; color: #23180A;}
div#bottom em {font-weight: bold; color: #fff;}
div#bottom p {margin: 0; padding: 10px 0 0 0; line-height: 18px;}
div#bottom a:link {color: #7B5B88; text-decoration:underline; font-weight: bold; padding: 0 0 0 10px;}
div#bottom a:visited {color: #7B5B88; text-decoration:underline; padding: 0 0 0 10px; font-weight: bold;}
div#bottom a:hover {color: #7B5B88; padding: 0 0 0 10px; font-weight: bold; text-decoration: none;}
div#bottom a:active {color: #7B5B88; font-weight: bold;}
div#services {float: left; margin: 0; width: 150px; background: url(../images/services-offered.png) no-repeat top left; padding-left: 45px; min-height: 160px; height: auto; color: #23180A;}
/* for Internet Explorer */
/*\*/
* html div#services {
height: 160px;
}
/**/
div#services ul li {
margin-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
div#recent-1 {float: left; width: 272px; margin:0; padding: 0; text-align:right;}
div#recent-2 {float: left; width: 272px; margin: 0; padding: 0; text-align:right;}
div#recent-1 p {float: right; margin: 0; padding: 5px 5px 0px 17px; clear:right;}
div#recent-2 p {float: right; margin: 0; padding: 5px 5px 0px 17px; clear:right;}
div#footer { clear: both; text-align: right; width: 100%; background: #DD9A14; line-height: 16px; color: #fff; }
div#footer p {margin: 0 27px 0 0; padding: 0px; font-size: 10px; font-family:Arial, Helvetica, sans-serif;}

/*----------- PORTFOLIO PAGE-------------*/
p.portfolio
{
margin-top: 25px;
font-size: 12px;
line-height: 16px;
}
p.portfolio em {
font-size: 10px;
font-weight: normal;
font-style:italic;
}

p.portfolio em.title {
font-size: 16px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-style: italic;
line-height: 24px;
}

p.description {
color: #fff;
margin-top: 15px;
}
div#showcase-bottom {float: left; margin: 0; width: 150px; padding-left: 45px; min-height: 160px; height: auto; color: #23180A;}
/* for Internet Explorer */
/*\*/
* html div#showcase-bottom {
height: 160px;
}
/**/
/* ---------------- PORTFOLIO COLOURS ----------------*/

.purple {
font-size: 16px;
color: #7B5B88;
}
.green {
font-size: 16px;
color: #63BC47;
}
.orange {
font-size: 16px;
color: #F79236;
}
.pink {
font-size: 16px;
color: #E32772;
}
.yellow {
font-size: 16px;
color: #F9B414;
}
.brown {
font-size: 16px;
color: #bf6521;
}
.grey {
font-size: 16px;
color: #989c3b;
}
/*-----------------PORTFOLIO BOTTOM-------------------------*/

#showcase-bottom h3, #showcase-1 h3, #showcase-2 h3 {
font-size: 18px;
font-weight:bold;
margin-bottom: 10px;
}

div#showcase-1 {float: left; width: 252px; margin:0; padding: 0 5px 10px 17px; text-align:left; }
div#showcase-2 {float: left; width: 252px; margin: 0; padding: 0 5px 0 17px; text-align:left;}
div#showcase-1 p {float: right; margin: 0; padding: 5px 5px 10px 17px; clear:right;}
div#showcase-2 p {float: right; margin: 0; padding: 5px 5px 10px 17px; clear:right;}

#web_bubble {
padding-left: 20px;
line-height: 25px;
background: url(../images/web_bubble.jpg) no-repeat top left;
}

#print_bubble {
padding-left: 20px;
line-height: 25px;
background: url(../images/print_bubble.jpg) no-repeat top left;
}

#brand_bubble {
padding-left: 20px;
line-height: 25px;
background: url(../images/brand_bubble.jpg) no-repeat top left;
}

#multimedia_bubble {
padding-left: 20px;
line-height: 25px;
background: url(../images/multi_bubble.jpg) no-repeat top left;
}

/* ------------------- Customer Quote Corner ---------------------------*/
p em.small { font-size: 11px; font-weight: normal; font-style: normal;}