/**
* this is the main mandarina stylesheet and should be included on all pages
*/
/* we are using two stylesheets from the YUI library, to reset default browser css and normalize font sizes: http://developer.yahoo.com/yui/ */
@import url(reset.css);
@import url(fonts.css);

body {
     text-align: center;
     min-width: 772px;
     padding: 0;
     margin: 0;
     background-attachment: fixed;
 }
 
 #home span {
    display: none;
}

#home a:link,
#home a:visited,
#home a:hover,
#home a:active {
    position: absolute;
    top: 20px;
    left: 0;
    height: 100px;
    width: 400px;
    z-index: 100;
    text-decoration: none;
    background: none;
}

 #wrapper {
     text-align: left;
     width: 772px;
     margin-left: auto;
     margin-right: auto;
     position:relative;
     padding: 0;
     background-image: url(/img/wrapper-bg.gif);
     background-repeat: repeat-y;
 }
 
 #bottom {
     text-align: left;
     width: 772px;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     background-image: url(/img/wrapper-bottom.gif);
     background-repeat: no-repeat;
     height: 10px;
     margin-bottom: 1em;
 }
 
 #inner {
 	margin: 0 6px 0 6px;
 }
 
 #status {
 	background-color: #fff;
 	color: #999;
 	font-size: 77%;
 	padding: 2px 0 1em 10px;
 	
 }
 
 #status .where {
 	padding: 0 0.5em 0 30px;
 	display:inline;
 	background-repeat:no-repeat;
 	background-position: left center;
 }
 
 #status .im {
 	padding-left: .6em;
 
 }
 
 #status .contact {
 	display:inline;
 }
 
 #status .im .online {
 	color: #59dc38;
 	font-weight:bold;
 }
 
 #header {
 	/*background-image: url(/img/logo.png);*/
 	background-image: url(/img/logo-nocal.png);
 	background-repeat: no-repeat;
 	background-position: top left;
 	/*min-height:13em; */
 	min-height: 8em;
 }
 
#header-inner {
	background-image: url(/img/logo2.png);
 	background-repeat: no-repeat;
 	background-position: bottom left;
 	min-height:13em;
}
 
 #header h1 , #header-inner h1{
 	position: absolute;
	left: -999px;
	width: 990px;

 }
   div#topphoto {
 	position: absolute;
 	top: 0;
 	right:20px;
 
 }
 div#minical {
 	position: absolute;
 	top: 0;
 	right:20px;
 	border-top: 4px solid #dfdfdf;
 	font-size: 85%;
 	background-color: #fff;
 	color: #999;
 }
 
 div#minical caption {
 	text-align: center;
 	font-weight:bold;
 }
 
 div#minical th {
 	font-weight: bold;
 	padding: 0.3em 0.2em 0.3em 0.2em;
 }
 
 div#minical td {
 	padding: 0.3em 0.2em 0.3em 0.2em;
 	border-right:1px solid #fff;
 	border-bottom:1px solid #fff;
 }
 
 .yui-calendar .calnavleft {
	position:absolute;
	background-repeat:no-repeat;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;   
	left:2px;
}

.yui-calendar .calnavright {
	position:absolute;
	background-repeat:no-repeat;
	cursor:pointer;
	top:2px;
	bottom:0;
	width:9px;
	height:12px;  
	right:2px;
}

.yui-calendar .calhead {
	position:relative;
	width:100%;
}

.yui-calendar .calheader {
	padding:0;
	text-align:center;
}

.yui-calendar td.calcell.oom {
	cursor:default;
	color:#e5e5e5;
	background-color:#e5e5e5;
	background-image: url(/img/oom-bg.gif);
	background-repeat: repeat-x;
}

.yui-calendar td.calcell.busy {
	cursor:default;
	color:#fff;
	background-color:#575757;
}

.yui-calendar td.calcell.tnt {
	cursor:default;
	color:#000;
	background-color:#fed6d6;
}
 
 #nav {
 	background-image: url(/img/header-bar.gif);
 	background-repeat:no-repeat;
 	background-position:6px 0;
 	float:left;
 	width: 100%;
 	/*margin: 12em 0 0 0;*/
 	margin: 8em 0 0 0;
 	background-color: #fff;
 }
 
#nav ul {
 	list-style:none;
 	margin: 10px 0 10px 20px;
 	padding:0;
 }
 
 #nav li {
 	float:left;
 	font-size: 77%;
 	margin-right: 0.7em;
 	padding-bottom: 8px;
 	margin-bottom: 0.4em;
 }
 
 #nav li.cur {
 	background-image: url(/img/navarrow.gif);
 	background-repeat:no-repeat;
 	background-position: bottom center;
 }
 
 #nav li a:link,   #nav li  a:visited {
  	color: #999;
  	text-decoration: none;
  }
  
  #nav li:hover {
  	background-image: url(/img/navarrow.gif);
 	background-repeat:no-repeat;
 	background-position: bottom center;
  }
  
  #nav li a:hover {
  	color: #f30;
  }
  
  
 
 #nav ul.home li a:link,   #nav ul.home li  a:visited, #nav li.cur a:link, #nav li.cur a:visited {
  	color: #f30;
  	text-decoration: none;
  }
  
  form#searchform {
  	float:right;
  	width: 156px;
  	margin-top: 10px;
  }
  
   form#searchform .text {
   	width: 120px;
  	border:1px solid #dfdfdf;
  	font-size: 77%;
  	padding: 0.2em;
  	color: #999;
   	
   }
   
   form#searchform .btn {
   	vertical-align:middle;
   }
  
  .clear {
  	clear:both;
  	height: 1%;
  	line-height:1%;
  	font-size:1px;
  }
  
  #content {
    background-image: url(/img/opaque.png);
  	border-width: 1px;
  	border-style: solid;
  	clear:both;
  	padding-bottom: 1em;
  }
  
  #content h2 {
  	color: #fff;
  	font-size: 129%;
  	font-weight: normal;
  	margin: 0.8em 200px 0.8em 20px;
  }
  
  #featurebox {
  	margin: 7px 0 0 4px;
  	width: 753px;
  }
  
  #featurebox .featureinner {
  	background-image: url(/img/feature-bg.png);
  	background-repeat: repeat-y;
  	color: #aaa;
  }
  
.featurebottom {
  	background-image: url(/img/feature-bottom.png);
  	background-repeat: no-repeat;
  	height: 11px;
  }
  
  .featuretop {
  	background-image: url(/img/feature-top.png);
  	background-repeat: no-repeat;
  	height: 10px;
  }
 
  #featurebox img, #featurebox #flashcontent {
  	float:left;
  	width: 553px;
  	margin: -4px 10px -4px 6px;
  }
  
  #featurebox .inner {
  	margin-left: 570px;
  	padding-bottom: 0.5em;
  	background-image: url(/img/dotty.gif);
  	background-repeat:repeat-x;
  	background-position: bottom left;
  	width:170px;
  }
  
  #featurebox .inner p {
  	font-size: 85%;
  	
  }
  
  #featurebox .inner p.first {
  	background-image: url(/img/dot.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
  	padding-top: 1em;
  }
 
  #featurebox h3 {
  	font-weight: normal;
  	font-size: 136%;
  	margin: 0 0 0.3em 0;
  	background-image: url(/img/header-bar.gif);
  	background-repeat:no-repeat;
  	padding-top: 15px;
  }
  
  #featurebox h5 {
  	font-weight:bold;
  	font-size: 85%;
  	background-image: url(/img/dot.gif);
  	background-repeat: no-repeat;
  	background-position: top left;
  	padding-top: 1em;
  	padding-bottom: 1em;
  	color: #aaa;
  }
  
  #featurebox .viewbox {
  	font-size: 85%;
  	padding: 0.5em 0 0.3em 0;
  	margin-top: 0.5em;
  	background-image: url(/img/dotty.gif);
  	background-repeat:repeat-x;
  	background-position: top left;
  }
  
  #featurebox a:link, #featurebox a:visited {
  	text-decoration:none;
  }
  
  #featurebox .viewbox a:link, #featurebox .viewbox a:visited {
  	color: #aaa;
  	text-decoration:none;
  }
  
  ul#homeboxes {
  	margin:1em -1px 0 4px;
  }
  
  ul#homeboxes li {
  	float:left;
  	width: 183px;
  	color: #aaa;
  	text-align:center;
  	background-image: url(/img/services-box-top.png);
  	background-repeat:no-repeat;
  	padding-top: 14px;
  	margin-right: 7px;
  	
  }
  
  ul#homeboxes li.last {
  	margin-right: 0;
  }
  
  ul#homeboxes li .inner {
  	background-image: url(/img/services-box-bg.png);
  	background-position: bottom left;
	background-repeat:repeat-y;
	padding: 0 0.4em 0 0.4em;
	min-height: 7em;
  }
  
  ul#homeboxes li .bottom {
  	
  	width: 183px;
  	background-image: url(/img/services-box-bottom.png);
  	background-repeat:no-repeat;
  	background-position: bottom left;
  	height:14px;
  	
  }
  
  ul#homeboxes li.subscribe {
 	width:177px;
  	color: #fff;
  	margin-right: 0;
  	background-image: url(/img/subscribe-box-top.png);
  	background-repeat:no-repeat;
  	
  }
  
  ul#homeboxes li.subscribe .inner {
  	background-image: url(/img/subscribe-box-bottom.png);
  	background-repeat:no-repeat;
  }
  
  ul#homeboxes li.news {
 	width:177px;
  	color: #fff;
  	margin-right: 0;
  	background-image: url(/img/subscribe-box-top-purple.gif);
  	background-repeat:no-repeat;
  }
  
  ul#homeboxes li.news .inner {
  	background-image: url(/img/subscribe-box-bottom-purple.gif);
  	background-repeat:no-repeat;
  	min-height:11em;
  }
  
  ul#homeboxes p {
  	font-size: 85%;
  	background-image: url(/img/dot.gif);
  	background-repeat: no-repeat;
  	background-position: top center;
  	padding-top: 0.4em;
  	margin:0 0.2em 0 0.2em;
  }
  
   ul#homeboxes li.subscribe p {
   	background-image: none;
   	padding-top: 0;
   }
  
  ul#homeboxes h3 {
  	font-size: 85%;
  	font-weight:bold;
  	background-image: url(/img/dot.gif);
  	background-repeat: no-repeat;
  	background-position: top center;
  	padding: 0.4em 0.2em 0.4em 0.2em;
  }
  
  ul#homeboxes li.news p {
  	background-image:none;
  	padding-top: 0;
  }
  
  ul#homeboxes h4 {
  	font-size: 85%;
  	padding: 0.6em 0.2em 0.4em 0.2em;
  }
  
  ul#homeboxes a:link, ul#homeboxes a:visited {
  	
  	text-decoration:none;
  }
  
  ul#homeboxes .text {
  	width: 100px;
  	border:1px solid #dfdfdf;
  	font-size: 77%;
  	padding: 0.2em;
  	color: #999;
  	margin-top: 0.6em;
  }
  
  ul#homeboxes .btn {
   	vertical-align:middle;
   }
  
  #footer {
  	border-top: 1px solid #fff;
  	
  }
  
  #footer .copy {
  	float:right;
  	width: 155px;
  	font-size: 77%;
  	color: #fff;
  	margin:1em 6px 1em 0;
  }
  
  #footer ul {
  	margin:0.6em 0 1em 12px;
  	padding: 0;
  }
  
  #footer li {
  	display:inline;
  	color: #fff;
  	font-size: 77%;
  	padding: 0 7px 0 0;
  	margin: 0;
  	background-image: url(/img/bulletpurple.gif);
  	background-repeat:no-repeat;
  	background-position: center right;
  }
  
  #footer li.end {
  	background-image:none;
  	padding: 0;
  }
  
  #footer li a:link, #footer li a:visited {
  	color: #fff;
  	text-decoration: none;
  	
  }
  
  

  .box1 {
  	border-top-width: 4px;
  	border-top-style: solid;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
  	color: #fff;
  	margin: 0 4px 0 4px;
  }
  
  .box1 img {
  	
  	float:left;
  	width: 553px;
  	margin-right: 10px;
  }
  
  .box1 .media  {
  	float:left;
  	width: 553px;
  	margin-right: 10px;
  }
  
  .box1 .media img {
  	border: none;
  	margin-right: 0;
  }
  
  
  
  .box1 .inner {
  	margin-left: 583px;
  	margin-right: 6px;
  	padding-bottom: 0.5em;
  	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  }
  
  .box1 .inner p {
  	font-size: 85%;
  	
  }
  
  .box1 .inner p.first {
	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  	padding-top: 14px;
  }
 
  .box1 h3 {
  	
  	font-weight: bold;
  	font-size: 85%;
  	margin: 0 0 0.3em 0;
  	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  	background-position: bottom left;
  	padding: 15px 0 15px 0;
  }
  
  .box1 a:link, .box1 a:visited {
  	color: #fff;
  	background-color: transparent;
  }
  
  
  /* this is the box on the case study pages */
  .box2 {
  	border-top-width: 4px;
  	border-top-style: solid;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
  	background-color: #fff;
  	color: #7e7e7e;
  	margin: 0 4px 0 4px;
  }
  
  .box2 .col1 {
  	width: 180px;
  	float:left;
  	margin: 1em 10px 0 10px;
  }
  
  
  .box2 .col1 h3 {
  	font-weight: bold;
  	font-size: 85%;
  	margin: 0 0 8px 0;
  	background-image: url(/img/half-header-bar.gif);
  	background-repeat:repeat-x;
  	padding:8px 0 0 0;
  }
  
  .box2 .col1 ul {

  	font-size: 85%;
  	margin: 0 0 8px 0;
  	background-image: url(/img/half-header-bar.gif);
  	background-repeat:repeat-x;
  	padding: 8px 0 2em 0;
  }
  
  .box2 .col1 a:link, .box2 .col1 a:visited {
  	color: #7e7e7e;
  	background-color: transparent;
  }
  
  .box2 .col1 li.cur {
  	font-weight: bold;
  }
  
  .box2 .mediacontainer {
  	margin: 1em 0 1em 0;
  }
  
  .box2 .mediacaption {
  	float:right;
  	width: 140px;
  	margin: 1em 10px 0 10px;
  	font-size: 85%;
  }
  
  .box2 .inner {
  	margin: 0.5em 260px 0 16px;
  	font-size: 85%;
  }
  
  #content .box2 h2 {
  	color: #7e7e7e;
  	background-color: transparent;
  }
  
  /* this is the box on the artist development pages */
  
  .box3 {
  	border-top-width: 4px;
  	border-top-style: solid;
  	border-bottom-width: 4px;
  	border-bottom-style: solid;
  	color: #fff;
  	margin: 0 4px 0 4px;
  	
  }
  
  
 
  
  .box3 img.media {
  	float:left;
  	width: 553px;
  	margin:0 10px 0 0;
  	padding:0;
  }
  
  .box1 .media img {
  	
  	margin-right: 0;
  }
  
  
  
  .box3 .inner {
  	margin-left: 573px;
  	margin-right: 6px;
  	padding-bottom: 0.5em;
  	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  }
  
  .box3 .inner p {
  	font-size: 85%;
  	
  }
  
  .box3 .inner p.first {
	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  	padding-top: 14px;
  }
 
  .box3 h3 {
  	
  	font-weight: bold;
  	font-size: 85%;
  	margin: 0 0 0.3em 0;
  	background-image: url(/img/header-bar-white.gif);
  	background-repeat:repeat-x;
  	background-position: bottom left;
  	padding: 15px 0 15px 0;
  }
  
  .box3 a:link, .box3 a:visited {
  	color: #fff;
  	background-color: transparent;
  }
  
 
  
 
  
  #content .aboutbox {
  	background-image: url(/img/about-bg2.jpg);
  	background-repeat:no-repeat;
  	background-position: bottom right;
  }


 #content .aboutbox2 {
  	background-position: bottom right;
  }




  ul.addresses {
  	width: 500px;
  }
  
  ul.addresses li {
  	float:left;
  	width: 180px;
  	margin-right: 10px;
  }
  
  .main {
  	margin: 1em 230px 1em 16px;
  	color: #89574c;
  	font-size: 85%;
  }
  
  .main2 {
  	margin: 1em 16px 1em 16px;
  	font-size: 85%;
  }
  
  .main2 .col1 {
  	width: 180px;
  	float:left;
  	margin-right: 10px;
  }
  
  .main2 .col1 p {
  	margin-bottom: 2em;
  }
  
  .main2 .col1 ul {
  	margin: 1em 0 2em 0;
  }
  
  .main2 .col2 {
  	margin:0 140px 0 190px;
  	color: #7d5b4f;
  }
  
  .main2 .col2 a:link, .main2 .col2 a:visited {
  	color: #7d5b4f;
  }
  
  .main2 .col2 ul {
  	list-style: disc;
  	margin:0 0 0 1.5em;
  	padding-bottom: 1em;
  }
  
  .main a:link, .main a:visited {
  	color: #89574c;
  }
  
  .main h3, .main2 h3 {
  	font-size: 100%;
  }
  
  .main h4, .main2 h4, .newsitem h4 {
  	color: #fff;
  	font-size: 197%;
  	font-weight: normal;
  	margin: 0.5em 0 1em 0;
  }
  
 
  /* artist development page */
  .artistbox {
  	float:right;
  	width: 193px;
  	margin-top: 1em;
  }
  
  .artistbox .inner{
  	background-image: url(/img/artistdev_bg.gif);
  	background-repeat: repeat-y;
  }
  
  .artistbox .top {
  	background-image: url(/img/artistdev_top.gif);
  	background-repeat: no-repeat;
  	height:15px;
  }
  
  .artistbox .bottom {
  	background-image: url(/img/artistdev_bottom.png);
  	background-repeat: no-repeat;
  	height:15px;
  }
  
  .artistbox p, .artistbox ul {
  	font-size: 85%;
  	margin: 0 10px 0 10px;
  }
  
  .artistbox h4 {
  	background-image: url(/img/fourbythree-grey.gif);
  	background-repeat: repeat-x;
  	background-position: bottom left;
  	padding-bottom: 6px;
  	margin: 0 10px 6px 10px;
  	color: #999;
  	font-size: 129%;
  	font-weight:normal;
  }
  
  .artistbox ul {
  	padding-top: 1em;
  	padding-bottom: 1em;
  }
  
 
  
  
  
  
 /**
 * general stuff
 */
 
 p {
 	margin-bottom: 1em;
 }
 

 
 
 /**
 * case study page
 */
 .casestudyhead {
 	
 }
 
 #content  h2.event {
 	float:left;
 	width: 184px;
 	margin:0;
 	padding:0;
 	float:left;
 	width: 190px;
 	padding:0.6em 0 0 16px;
 }
 
 #content h2.title {
 	font-size: 114%;
 	color: #7e7e7e;
 	margin:0;
 	padding:0.8em 0 0.8em 0;
 }
 
 #content form#casestudyselect {
 	float:right;
 	width: 156px;
 	font-size: 85%;
 	color: #7d5b4f;
 	margin-top: 0.4em;
 }
 
  #content form#casestudyselect select{
  	color: #7d5b4f;
  	border: 1px solid #999;
  	width:130px;
  	margin-right: 2px;
  }
  
  #content form#casestudyselect .btn {
  	vertical-align: middle;
  }
  
  
  
  /* search pages*/
   .searchhead {
  	margin-top: 1.4em;
  }
  
  #content .searchhead h2 {
  	margin:0.5em 0 0 16px;
  }
  
  #content .searchhead p {
  	margin:0 0 1em 16px;
  	font-size: 85%;
  	font-weight: bold;
  }
  
  #content .searchhead p span {
  	color: #f60;
  }
  
  .searchbody {
  	margin: 1em 6px 1em 16px;
  	background-image: url(/img/onebytwo-white.gif);
  	background-repeat: repeat-x;
  	background-position: bottom left;
  }
  
  .pager {
  	font-size: 85%;
  	padding: 0.2em 0 0.4em 0;
  }
  
  .pager a:link, .pager a:visited {
  	text-decoration:none;
  	font-weight:normal;
  }
  
  .searchbody .top {
  	background-image: url(/img/onebytwo-white.gif);
  	background-repeat: repeat-x;
  }
  
  .searchbody .bottom {
  	background-image: url(/img/onebyfour-grey.gif);
  	background-repeat: repeat-x;
  }
  
  .pager .prev{
  	float:left;
  	width: 300px;
  }
  
  .pager .next{
  	float:right;
  	width: 200px;
  	text-align:right;
  }
  
  
  .pager ul.pagecount li{
  	display:inline;
  	font-weight:bold;
  	color: #fff;
  }
  
  ul#results {
  	background-image: url(/img/fourbythree-white.gif);
  	background-repeat: repeat-x;
  }
  
  ul#results li {
  	position: relative;
  	background-image: url(/img/row1.gif);
  	background-repeat: repeat-x;
  	background-position: bottom left;
  	padding: 0.2em 0 0.2em 0;
  }
  
  ul#results li.row2 {
  	background-image: url(/img/row2.gif);
  }
  
  ul#results li.final {
  	background-image: none;
  }
  
  ul#results h3 {
  	color: #fff;
  	background-color: transparent;
  	font-size: 136%;
  	font-weight: normal;
  	margin: 0;
  }
  
  ul#results p {
  	margin-right: 220px;
  	font-size: 85%;
  }
  
  ul#results div.more {
  	font-size: 77%;
  	position:absolute;
  	right: 40px;
  	top: 30%;
  }
  
  /* news pages */
  
  #content .box2 h2.news {
 	float:left;
 	width: 174px;
 	margin: 0 0 0 16px;
 	font-size: 114%;
 }
 
 #content .box2 h2.news {
 	margin-top: 1em;

 }
 
 #content .box2 h3.headline {
 	font-size: 122%;
 	color: #653332;
 	font-weight:normal;
 	width: 360px;
 	margin: 0.9em 0 0 190px;
 	padding-bottom: 1em;
 }
  
  .newsbody {
  clear:both;
  	margin: 1em 4px 0 4px;
  	
  }
  
  
  
  .newsnav {
  	float:left;
  	width:170px;

  }
  
  .newsnav h4.more {
  	font-size: 85%;
  	color: #fff;
  	padding: 0.4em 0 0.4em 0.2em;
  }
  
  .newsnav h4.related {
  	font-size: 85%;
  	color: #653332;
  	background-color: #fff;
  	padding: 0.4em 0 0.4em 0.2em;
  }
  
  .newsnav ul {
  	font-size: 85%;
  	margin: 1px 0 1em 0;
  }
  
    .newsul#homeboxes li.news ul.newslist li {
    	font-weight:bold;
    	padding: 0.6em 0 0.6em 0.2em;
    }
  
  .newsnav ul.newslist li span.date {
  	color: #fff;
  	font-weight: bold;
  }
  
  .newsnav ul.newslist li {
  	background-image: url(/img/fourbythreepurple-bottom.gif);
  	background-repeat:repeat-x;
  	background-position:bottom left;
  	padding: 0.8em 0 0.8em 0;
  }
  
  .newstop {
  	background-image: url(/img/fourbythreepurple-top.gif);
  	background-repeat: repeat-x;
  	padding-top: 4px;
  }
  
  .newslist {
  	background-image: url(/img/fourbythreepurple-bottom.gif);
  	background-repeat: repeat-x;
  	padding-top: 4px;
  }
  
  .relatedtop {
  	background-image: url(/img/fourbythreepurple2-top.gif);
  	background-repeat: repeat-x;
  	padding-top: 4px;
  }
  
  .relatedlist {
  	background-image: url(/img/fourbythreepurple2-bottom.gif);
  	background-repeat: repeat-x;
  	padding-top: 4px;
  }
  
  .related {
  	background-image: url(/img/fourbythreepurple-bottom.gif);
  	background-repeat: repeat-x;
  	padding-top: 1em;
  }
  
  
  .subscribe {
  	float:right;
  	width: 180px;
  }
  
  .subscribe  ul#homeboxes {
  	margin:0 0 1em 4px;
	padding:0;
	
	
  }
  
  .subscribe  ul#homeboxes li {
  	
  }
  
  .newsitem {
  	margin: 0 200px 0 190px;
  	font-size: 85%;
  	color: #333;
  }
  
  .newsitem div img {
    padding-bottom:2em;
  }
  
  div.featurecasestudy {
  	float:right;
  	width: 193px;
  	background-image: url(/img/artistdev_top.gif);
  	background-repeat:no-repeat;
  	margin: 10px 0 10px 0;
  	padding-top: 10px;
  }
  
  div.featurecasestudy .inner {
  	padding: 0px 10px 0 10px;
  	font-size: 130%;
  	background-image: url(/img/artistdev_bg.gif);
  	background-repeat:repeat-y;
  }
  
  div.featurecasestudy a:link, div.featurecasestudy a:visited {
  	color: #999999;
  	text-decoration:none;
  }
  
  div.featurecasestudy .bottom {
  	background-image: url(/img/artistdev_bottom.png);
  	background-repeat:no-repeat;
  	height: 15px;
  }
  
  /**
  * these are for the diary page
  */
  div.key {
  	float:left;
  	width: 180px;
  }
  
  #content div.key h2 {
  	margin-right: 0;
  }
  
div.key h3 {
	background-image: url(/img/dotty.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	margin: 1.2em 10px 0 20px;
	padding: 0 0 0.2em 0;
	font-size: 85%;
}

div.key ul,div.key p {
	margin: 0.5em 10px 0 20px;
	font-size: 85%;
}

div.key p {
	clear:left;
}

div.key li {
	padding-left: 24px;
	min-height: 15px;
}

div.key li.available {
	background-image: url(/img/cal_available.gif);
	background-repeat:no-repeat;
}

div.key li.tentative {
	background-image: url(/img/cal_tentative.gif);
	background-repeat:no-repeat;
}

div.key li.busy {
	background-image: url(/img/cal_busy.gif);
	background-repeat:no-repeat;
}

div.key li.uk {
	background-image: url(/img/cal_uk.gif);
	background-repeat:no-repeat;
}

div.key li.france {
	background-image: url(/img/cal_france.gif);
	background-repeat:no-repeat;
}

div.key li.diary {
	background-image: url(/img/cal_diary.gif);
	background-repeat:no-repeat;
}
  
  div.cal {
  	margin-left:180px;
  	padding-top: 1.2em;
  }
  
  div.cal table {
  	width: 560px;
  	border-collapse: separate;
  	border-spacing: 2px;
  }
  
  div.cal table th {
  	font-size: 159%;
  	font-weight: normal;
  }
  
  div.cal table td {
  	border:2px solid #dadada;
  	padding: 0.2em 0 0.2em 0.2em;
  	font-size: 114%;
  	background-color: #fff;
  }
  
  div.cal table td.location {
  	
  	background-repeat:no-repeat;
  	background-position: 93% 80%;
  }
  
  div.cal table td.uk {
  	background-image: url(/img/cal_uk.gif);
  	background-repeat:no-repeat;
  	background-position: 93% 80%;
  }
  
  div.cal table td.france {
  	background-image: url(/img/cal_france.gif);
  	background-repeat:no-repeat;
  	background-position:  93% 80%;
  }
  
  div.cal table td.notinmonth {
  	background-color: #e5e5e5;
  	background-image: url(/img/cal_notinmonth.gif);
  	background-repeat: repeat-x;
  }
  
  div.cal table td.weekend-notinmonth {
  	background-color: #f8f8f8;
  	background-image: url(/img/cal_weekend_notinmonth.gif);
  	background-repeat: repeat-x;
  	border: none;
  }
  
  div.cal table td.weekend {
	  border: none;
	  color: #dadada;
	  background-color: #fff;
  }
  
  div.cal table td.busy{
	  border: none;
	  color: #fff;
	  background-color: #575757;
  }
  
 #content div.nextmonth h2, div.nextmonth div.cal th {
  	color: #575757;
  }
  
 
  
  div.cal table td.tentative{
	  border: none;
	  color: #575757;
	  background-color: #fed6d6;
  }
  
  /*project development pages*/
  
  
  #content .box2 h2.projectdev {
 	float:left;
 	width: 174px;
 	margin: 1em 0 0 16px;
 	font-size: 114%;
 }
 
#content .box2 p {
	font-size: 92%;
	margin: 1em 0 1em 16px;
}
 
 #content .box2 h3.projecttitle {
 	font-size: 144%;
 	font-weight:normal;
 	width: 360px;
 	margin: 1em 0 1em 190px;
 }
 
 form.projectdevselect {
 	width: 200px;
 	font-size: 85%;
	float:right;
	margin-top: 2em;
 }
 
 form.projectdevselect select {
 	width: 180px;
 }
  
  div.projectbody {
  	font-size: 85%;
  	float:right;
  	width: 570px;
  }
  
  div.projectbody h3 {
  	margin-bottom: 1em;
  	text-transform: uppercase;
  }
  
  div.projectbody h4 {
  	color: #fff;
  	font-size: 197%;
  	font-weight: normal;
  }
  
  .one {
 	float:left;
  	width: 187px;
  }
  
  .two {
 	float:left;
  	width: 374px;
  }
  
  .three {
  	  float:left;
	  width: 561px;
  }
  
  .four {
    float:left;
  	width: 750px;
  }
  
  .one .inner, .two .inner, .three .inner, .four .inner {
  	margin: 0 10px 0 0;
  }
  
  #admin-login label {
  	font-size: 114%;
  }
  
  #admin-login .text {
  	width: 400px;
	border: 1px solid #ccc;
	padding: 0.2em;
	font-size: 114%;
 }
 
 #admin-login .login {
 	margin: 0.5em 0 0.5em 0;
 }
 
 #admin-login .btn {
 	border: 2px solid #999;
	background-color: #ccc;
	padding: 0.3em;
	font-size: 100%;
 }
 
 .tt {
	visibility:hidden;
	position:absolute;
	padding:2px;
	width:160px;
	font-size: 85%;
	text-align:left;
}

ul.bullets {
	list-style:disc;
	padding-left:1em;
}