/*
	Theme Name: Eudemonic 2010
	Description: Theme for Eudemonic
	Version: 1.0
	Author: Rolled Limited
	Author URI: http://www.rolled.at
*/
/* importing Styles */
@import url("css/sIFR-screen.css");
@import url("css/sIFR-print.css") print;
@import url("css/jcarousel.css");

/***** Global *****/
	/* 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,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}

		:focus {outline: 0}

		ol, ul {list-style: none}

		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}

		caption, th, td {
			text-align: left;
			font-weight: normal
		}

		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 75%; /* 100% = 16px */
    color: white;
    background: #121212;
    font-family: verdana, arial, helvetica, serif;
    margin: 0;
    padding: 0
	}

	html, body {height: 100%}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}

/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fff; text-decoration: underline}
	a:hover, a:active {color: #fff; text-decoration: none}

/* Paragraphs */
	p {
    margin-bottom: 1.3em;
    line-height: 1.3;
    text-align: justify
	}

	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside decimal
}
/***** Layout *****/
/*
#wrapper {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 800px;
  position: relative;
  z-index: 99;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow: hidden
}
*/

#wrapper {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 800px;
  position: relative;
  z-index: 99;
  overflow: hidden
}


/* Logo & Navigation */
/* Logo */
  #logo {
	width: 236px;
	height: 80px;
	float: left;
	padding: 0 15px;
	margin: 30px 0 20px 0;
    font-size: 12px;
    color: #ff9b4a;
    text-align: right;
  }

  #logo img {margin: 0 0 10px 0}

  /* Navigation */
  #menu {
    width: 180px;
    list-style: none;
    margin: 35px 0 0 58px;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    background: #121212
  }

  #menu li {float: left; margin-bottom: 2px}

  #menu .active {visibility: hidden}

  /* Illustrations */
  /*
   backup--

   #illustration {
    position: absolute;
    z-index: 1;
    height: 100px;
    width: 200px;
    bottom: 10px;
    left: 50px
  }
  */
 #illustration {
    position: absolute;
    z-index: 1;
    height: 100px;
    width: 200px;
    bottom: 10px;
    left: 50px;
	top: 0
  }

  #illustration-container {width: 100%; height: 100px; width: 200px; position: relative}

  #illustration img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: block;
    z-index: 9999;
    cursor: pointer
  }


#illustration #illustration-text {
	background-position:right top;
	background-repeat:no-repeat;
	font-family:verdana,arial,serif;
	font-size:10px;
	height:150px;
	left:30px;
	line-height:1.3;
	overflow:hidden;
	position:absolute;
	text-align:center;
	top:-90px;
	width:150px;
	z-index:1;
}

  #illustration #illustration-text.hide {display: none}
  #illustration #illustration-text.show {display: block; z-index: -1}

  #illustration #illustration-text span {display: block}

    /* Per Section Speach Bubbles */
    #illustration-text span {padding: 8px 12px 20px 45px}

      /* Home */
      #illustration.home #illustration-text {
        color: #ff9b4a;
        background-image: url('images/illustrations/home-bubble.gif');
      }
      #illustration.home #illustration-text span {padding: 21px 5px 20px 28px}

      /* Contact Us */
      #illustration.contact-us #illustration-text {
        color: #df4d25;
        background-image: url('images/illustrations/contact-us-bubble.gif');
      }
      #illustration.contact-us #illustration-text span {padding: 8px 5px 20px 45px}

      /* About Us */
      #illustration.about-us #illustration-text {
        color: #dc0067;
        background-image: url('images/illustrations/about-us-bubble.gif');
      }
      #illustration.about-us #illustration-text span {padding: 6px 5px 20px 44px}

      /* Education */
      #illustration.education #illustration-text {
        color: #a6c223;
        background-image: url('images/illustrations/education-bubble.gif');
        margin-right: 5px
      }
      #illustration.education #illustration-text span {padding: 5px 2px 20px 15px}

      /* Communications */
      #illustration.communications #illustration-text {
        color: #529931;
        background-image: url('images/illustrations/communications-bubble.gif')
      }
      #illustration.communications #illustration-text span {padding: 13px 5px 20px 30px}

      /* Social and Cultural Change */
      #illustration.social-and-cultural-change #illustration-text {
        color: #6fc7d3;
        background-image: url('images/illustrations/social-and-cultural-change-bubble.gif');
      }
      #illustration.social-and-cultural-change #illustration-text span {padding: 15px 5px 20px 15px}

      /* Events */
      #illustration.events #illustration-text {
        color: #008dbf;
        background-image: url('images/illustrations/events-bubble.gif');
      }
      #illustration.events #illustration-text span {padding: 22px 0px 20px 15px}

      /* Organisational Development */
      #illustration.organisational-development #illustration-text {
        color: #d52831;
        background-image: url('images/illustrations/organisational-development-bubble.gif');
      }
      #illustration.organisational-development #illustration-text span {padding: 10px 3px 20px 18px}

      /* Test Tube */
      #illustration.the-test-tube #illustration-text {
        color: #661463;
        background-image: url('images/illustrations/the-test-tube-bubble.gif');
        margin-right: 25px;
        margin-top: 15px
      }
      #illustration.the-test-tube #illustration-text span {padding: 5px 5px 20px 42px}

/* Content */
#content {

  float: left;
  clear: left;
  width: 320px;
  height: 480px;
  margin: 20px 50px 20px 25px;
  padding-left:48px;

}

#content .header {margin-bottom: 26px}

#content address {line-height: 1.5; font-style: normal; width: 245px}

#content address strong {
  display: block;
  float: left;
  font-weight: normal;
  width: 70px;
  margin-right: 5px;
  margin-bottom: 1em
}

#content address span {
  display: block;
  float: right;
  width: 170px;
  margin-bottom: 1em
}

#home-content {}

/* Sidebar */
#sidebar {
  float: left;
  width: 150px;
  margin: 20px 0 20px 0;
  position: relative
}

#sidebar h2 {margin-bottom: 26px}
#sidebar ul {margin: 0; padding: 0; list-style: none}

  /* News List */
  #news-list h2 {margin-bottom: 20px}
  #news-list h3 {text-transform: uppercase; font-size: 13px; margin-bottom: 1em}
  #news-list p {text-align: left; font-size:11px; color:#DFDFDF}

  /* Case Studies List */
  #sidebar .case-list {margin-bottom: 2.5em; margin-left:10px; list-style-type: none}
  .case-list li {margin-bottom: 1.3em}

  .case-list a:link, .case-list a:visited {text-decoration: none}
  .case-list a:hover, .case-list a:active {text-decoration: underline}

/* Activity */
#activity {
  float: left;
  width: 150px;
  margin: 20px 0 20px 50px;
  position: relative
}

#activity h2 {margin-bottom: 8px}
#activity ul {margin: 0; padding: 0; list-style: none}

/* Headers */
#content h2, #sidebar h2 {text-transform: uppercase; margin-bottom: 8px}

#home #content h2, #home #sidebar h2 {color: #ff9b4a}
#contact-us #content h2, #contact-us #sidebar h2 {color: #df4d25}
#about-us #content h2, #about-us #sidebar h2 {color: #e0125d}
#communications #content h2, #communications #sidebar h2 {color: #529931}
#education #content h2, #education #sidebar h2 {color: #a6c223}
#the-test-tube #content h2, #the-test-tube #sidebar h2 {color: #661463}
#social-and-cultural-change #content h2, #social-and-cultural-change #sidebar h2 {color: #6fc7d3}
#events #content h2, #events #sidebar h2 {color: #008dbf}
#organisational-development #content h2, #organisational-development #sidebar h2 {color: #d52831}
#case-study #content h2, #case-study #sidebar h2 {color: #d52831}

/* Footer */
#footer {
  clear: both;
  margin-top:-60px;
  width: 750px;
  color: #706e6d;
  font-size: 11px;
  text-align: right;
  position: relative;
  z-index: 9999;
  height: 140px;
  background: #121212;
}

#footer p.company-info {position: absolute; right: 0; padding: 0; top:80px; text-align: left; z-index:10;}
#footer a#rolled-logo {
	display:block;
	height:24px;
	line-height:24px;
	overflow:hidden;
	padding-right:30px;
	position:absolute;
	right:0;
	top:100px;
}
/*
#footer a#rolled-logo:link img, #footer a#rolled-logo:visited img {position: absolute; top: 0; right: 0}
#footer a#rolled-logo:hover img, #footer a#rolled-logo:active img {position: absolute; top: -24px; right: 0}
*/
#footer a#rolled-logo{background: url(images/rolled-logo.jpg) no-repeat right top; padding-right: 30px; color: #706e6d; text-decoration: none}
#footer a#rolled-logo:hover, #footer a#rolled-logo:active{background-position: right -24px; color: #706e6d; text-decoration: none}
#footer a#rolled-logo span{display: none}

/***** Sections *****/
/* Case Studies */
#image-gallery {
  border: 1px solid #414040;
  margin-bottom: 1.5em;
  padding: 0 0 .5em 0;
  overflow: hidden;
  width: 284px
}

#carousel-prev {float: left; margin: 5px 0 0 9px}
#carousel-next {float: right; margin: 5px 9px 0 0}

.jcarousel-container {
    width: 284px;
    overflow: hidden
}

/* Back Links */
.education-back-link, .communications-back-link, .events-back-link, .the-test-tube-back-link, .social-and-cultural-back-link, .organisational-development-back-link{
margin-top:30px;
}