body {
  margin:0;
  padding:0;
  text-align:center;
  font:normal 75% Arial,Helvetica,sans-serif;
  color:#666;
  background:#fff;
}

h1 {
  margin:0 0 26px 0;
  font-size:1.8em;
  font-weight:normal;
}
h2 {
  margin:0 0 10px 0;
  font-size:1.5em;
  font-weight:normal;
}
h3 {
  margin:0;
  font-size:1.1em;
}
h4,
h5,
h6 {
  font-size:1em;
}

a {
  text-decoration:none;
  color:#f39;
}
a:hover {
  text-decoration:underline;
}

p {
  margin:0 0 1em 0;
  line-height:1.5em;
}

ul {
  margin:0 0 1em 20px;
  padding:0;
}
ul.links {
  margin-left:0;
  list-style:none;
}
ul.links li a {
  padding-left:10px;
  background:url('/_images/back-links.gif') no-repeat 0 0.5em;
}

ul.contactdetails {
  margin:0.4em 0 1.2em;
  padding:0;
  list-style:none;
}

img {
  border:0;
}

form {
  margin:0 0 1em 0;
  line-height:1.2em;
}
input,select,textarea {
  font:normal 1em Arial,Helvetica,sans-serif;
}
input.text {
  border:1px solid #7f9db9;
}
input.button {
  width:auto;
  padding:1px 4px;
  overflow:visible;
}
div.row {
  clear:both;
  margin:2px 0;
}
div.row .label {
  float:left;
  width:40%;
  padding:3px 0 0 0;
}
div.row .error {	
  color:#f00;
  margin:0 0 5px 0;
}

.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.clearleft {
  clear:left;
}
.clearright {
  clear:right;
}
.clearboth {
  clear:both;
}
.textleft {
  text-align:left;
}
.textright {
  text-align:right;
}
.textcenter {
  text-align:center;
}

div#holder {
  width:773px;
  margin:0 auto;
  padding:0;
  text-align:left;
  background:#f4f4f4 url('/_images/back-holder.jpg') repeat-y top;
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8;
}

div#header {
  min-height:1%;
}
div#header:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
a#logo {
  float:right;
  padding:0 0 19px 19px;
}
div#contact {
  float:left;
  padding:80px 18px 15px 18px;
  font-size:1.6em;
  color:#5cb0d2;
}
ul#navbar {
  clear:both;
  min-height:1%;
  margin:0;
  padding:0;
  list-style:none;
  background:#3b414f;
}
ul#navbar:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  float:left;
  padding:0 0 0 1px;
  background:url('/_images/back-navbar-li.gif') no-repeat left;
}
ul#navbar li.first {
  padding-left:0;
  background:none;
}
ul#navbar li a {
  float:left;
  padding:8px 19px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:0.9em;
  color:#fff;
}
ul#navbar li.selected a {
  background:#474d5b;
}
ul#navbar li a:hover,ul#navbar li.selected a:hover {
  background:#5e6472;
}

div#banner {
  height:191px;
  background:#eee;
}
div#banner img {
  display:block;
}

div#main {
  min-height:400px;
  padding:36px 19px;
  background:url('/_images/back-main.jpg') no-repeat top;
}
div#main:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

/* Home Styles */
div#useful {
  float:right;
  width:200px;
}
div#useful img.badge {
  position:absolute;
  margin:-40px 0 0 150px;
}
div#useful ul.links li {
  padding:6px 0;
  border-bottom:1px dashed #f39;
}
div#useful ul.links li.first {
  padding-right:50px;
}
div#useful ul.links li a {
  display:block;
}

div#leader {
  margin:0 260px 0 0;
  padding:0 0 30px 0;
}

div#what {
  clear:both;
  float:left;
  width:220px;
  padding:15px 15px 5px 15px;
  font-size:0.9em;
  color:#fff;
  background:#5cb0d2;
}
div#what h2 {
  font-size:1.7em;
}
div#what ul.links li {
  padding:6px 0;
  border-bottom:1px dashed #fff;
}
div#what ul.links li a {
  color:#fff;
  background-image:url('/_images/back-whitelinks.gif');
}

div#work {
  float:right;
  width:440px;
}
div#work h2 {
  font-size:1.7em;
}

/* Inside Styles */
div#side {
  float:left;
  width:208px;
}
div#side h2 a {
  color:#666;
}
ul#navmenu {
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  border-bottom:1px dotted #c5c5c5;
}
ul#navmenu li {
  border-top:1px dotted #c5c5c5;
}
ul#navmenu li a {
  display:block;
  padding:9px 10px;
  font-size:0.9em;
}
ul#navmenu li a.selected {
  color:#666;
}
ul#navmenu li ul {
  margin:0;
  padding:0;
  list-style:none;
}
ul#navmenu li ul li a {
  padding:4px 10px 4px 20px;
  background:#f8f8f8 url('/_images/back-navmenu-li-ul-li.gif') no-repeat 10px 0.5em;
}
div.box {
  margin:0 0 20px 0;
  padding:10px 10px 1px 10px;
  font-size:0.9em;
  background:#fff;
  border:7px solid #eee;
  position: relative; 
}
div.box p {
  padding:7px;
}
div.box p.quote {
  text-indent:20px;
  background:url('/_images/back-quote.gif') no-repeat left top;
}
div.box p.quoter {
  margin-top:-20px;
  padding-top:20px;
  background:url('/_images/back-quoter.gif') no-repeat right top;
  text-align:right;
  color:#5cb0d2;
  min-height:1%;
}

div.box img {
  margin: -10px 0 10px 0;	
}

div#content {
  float:right;
  width:486px;
}

div#content img.border {
  border: 3px solid #eee;	
}

div#content p a.backbutton {
  padding: 0 10px 0 10px; 
  margin: 10px 0 0 0;
  display:block;	
}

div#content a.backbutton {
  float:right;
  background: transparent url(/_images/back-links.gif) no-repeat 0 0.5em; 	
}

div#crumbs {
  margin:0 0 21px 0;
  font-size:0.9em;
}

div.content-inside div#portfolio {
  margin:20px 0 0 0;	
}

div.content-inside div#button {
  margin:0;	
}

div#portfolio {
  float: left;
  width: 485px;	
}

div.portfoliomargin {
  margin-top:1em;
}

div#portfolio ul{
  list-style: none;	
  margin: 0;
  padding: 0;
}

div#portfolio ul li {
  float: left; 	
  margin: 0 8px 8px 0;
  width: 114px;
}

div#portfolio ul li a img {
  display: block;
  border:1px solid #777;
  float:left;
}

div#portfolio ul li a:hover img {
  /*border-color:#f39;	*/
  border-color:#5cb0d2;
}

div#portfolio ul li a img {
  display:block;
  float:left;
}

div#portfolio ul li.end-list {
  margin: 0 0 8px 0;	
}

div#portfolio ul li h3 {
  text-align: center;
  font-weight:normal; 
  font-size:1em; 	
  margin: 10px 0 0 0;
} 

div#portfolio ul li h3 a {
  margin: 10px 0 0 0;	
  border:0;	
  color:#393939;
}

/* New Gallery Portfolio styles */

div#gallery-large {
  float: left;
  width: 470px;
  height: 340px;
  margin:20px 0 0 0;
  border:1px solid #777;
  background-color: #fff;	
}

div#gallery-large div#recruitment img,
div#gallery-large div#advertising img,
div#gallery-large div#exhibitions img,
div#gallery-large div#identity img,
div#gallery-large div#folders img,
div#gallery-large div#flyers img,
div#gallery-large div#brochures img,
div#gallery-large div#media img {
  display: block;
  margin:16px auto 0 auto; 
}

div#gallery-large div.description {
  position:relative;
  margin: 10px 0 0 0;
  border-top: 1px solid	#777;
}

div#gallery-large div.description h3 {
  color: #104C8E;
  padding: 8px 0 0 20px;
}

div#gallery-large div.description p {
  color:#393939;
  padding: 0 0 0 20px;
}

/* Contact Us Button styles */

div#button {
  float:right; 
  margin:0 5px 25px 0;
  padding:10px 0 10px 0;
  width:107px;
  border: 7px solid #efefef;
  background-color:#fff;	
}

div#button ul {
  margin:0;
  padding:0;
  list-style:none;	
}

div#button ul li a {
  margin:0 0 0 15px; 
  text-align:center;
  font-size:0.9em;
  padding-left:10px;
  background:url('/_images/back-links.gif') no-repeat 0 0.5em;
}

div#content p.button-space {
  margin:40px 0 12px 0;	
}

/* Footer styles */

div#footer {
  min-height:1%;
  margin:0 19px;
  padding:10px 0 15px 0;
  text-align:right;
  font-size:0.9em;
  color:#999;
  border-top:1px solid #ddd;
}
div#footer:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
div#copyright {
  float:left;
}

/* 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;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash span.sifrblue,
.sIFR-hasFlash span.sifrgrey,
.sIFR-hasFlash span.sifrwhite {
	visibility: hidden;
}