body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:120%;
	background-color:#c4d03d;
	color:#fff;
}

a, a:visited {
	color:#000;
	text-decoration:none;
	font-size:1em;

}
a { outline: 0 none; }


a:hover, a:active {
	color:#fff;
	text-decoration:none;
	font-size:1em;

}
.clearboth{
	clear:both;
}

body.form div.clearboth {
clear:none;
}

#banner{
	width:960px;
	text-align:left;
	margin:auto;
	padding:20px 0px 20px 0px;
	border-bottom:9px solid #FFFFFF;
}
#page{
margin:0 auto 10px auto ;
padding-top:20px;
width:960px;
}
/*-------MAIN NAVIGATION-------*/
#main_navigation{
	width:150px;
	float:left;
	margin-bottom:20px;
}
#main_navigation ul{
padding:0px;
margin:0px;
}
#main_navigation li{
list-style-type:none;
text-indent:0px;
padding:0px;
margin:0px;

}

#main_navigation ul li ul li{
	list-style-type:none;
	text-indent:10px;
	padding:0px;
	margin:0px;

}
#main_navigation ul li a, #main_navigation ul li.ancestor ul li a {
	color:#000000;
font-size:1.1em;
font-weight:bold;
line-height:1.45em;
text-decoration:none;
}
#main_navigation ul li.ancestor, #main_navigation ul li.expandhere {
	list-style-image:url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/arrow.png);
	list-style-position:inside;
}

#main_navigation ul li.ancestor a, #main_navigation ul li.expandhere a  {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.6em;
	color:#fff;
}

#main_navigation ul li.ancestor ul, #main_navigation ul li.expandhere ul {
	/*margin-bottom:10px;*/
}

#main_navigation ul li.ancestor ul li, #main_navigation ul li.expandhere ul li{
	list-style-image:none;
	text-indent:20px;
}

#main_navigation ul li.ancestor ul li:hover a, #main_navigation ul li.expandhere ul li:hover a  {
	font-weight:bold;
	font-size:0.9em;
	color:#fff;
}

#main_navigation ul li.ancestor ul li a, #main_navigation ul li.expandhere ul li a {
	font-weight:bold;
	font-size:0.9em;
	color:#000;
	line-height:1.8em;

}

#main_navigation ul li.ancestor ul li.here a, #main_navigation ul li.expandhere ul li.here a {
	font-weight:bold;
	color:#fff;
}

#main_navigation ul li.here a, #main_navigation ul li:hover a {
	text-decoration:none;
	color:#fff;
}

#daisychainnext, #daisychainnext a, #daisychainprev, #daisychainprev a{
	/*display:none;*/
}


/*--------------------------*/

#contentarea{
	width:800px;
	float:right;
	margin-bottom:20px;
	min-height:570px;
}


.pad{
	padding:0px;
}

.imageholder{
	width:auto;
	float:right;
	margin-left:10px;
	clear:right;
	padding-bottom:1em;
}

.imageholder object{
	width:760px;
	height:385px;
}

.imageholder embed{
	width:760px;
	height:385px;
}

.dark{
	background-color:#EFEFEF;
}

div.thumb{
	width auto;
	float:left;
	margin-right:15px;
}
 a img{
 	border:none;
 }
 
 html{
 	height:100%;
 }
 
 .whiteboard{
 	font-size:150%;
 	height:100%;
 	background-color:#DEDEDE;
 }
 
 .whiteboard #page{
 	height:90%;
 	overflow:auto;
 	display:relative;
 	background-color:#FFF;
 }
 
 .whiteboard #footer{
 	background-color:#000;
 	color:#FFF;
 	height:10%;
 	position:absolute;
 	left:0px;
 	bottom:0px;
 	width:100%;
 	text-align:center;
 }
 
 .whiteboard .daisychain{
 	width:1000px;
 	margin:auto;
 	text-align:left;
 }
 

  .whiteboard #footer a{
  
  	color:#FFF;
  	text-decoration:none;
  }
  
    .whiteboard #footer a:hover{
  
  	color:#FF0;
  	
  }
.whiteboard #footer   .dcprev,.whiteboard #footer   .dcprev a{
 	color:#DDD;
 }
 
 
 .whiteboard h2.pagetitle{
 	color:#FFF;
 	background-color:#000;
 	padding:10px;
 	margin-top:0px;
 	position:absolute;
 	top:0px;
 	left:0px;
 	width:100%;
 }
 
 .whiteboard #banner{
 	display:none;
 }
 
 .whiteboard #navigation{
 	display:none;
 }
 
 .whiteboard .pad{
 	padding-left:30px;
 	padding-right:30px;
 	padding-top:3em;
 }
 
 .whiteboard #contentarea{
 	width:100%;
 }
 
 .whiteboard .admin{
 	display:none;
 }

.vevent .dark, .vevent .light{
	padding:10px;
	margin-bottom:10px;
	background-color:
}
 .workshop {
 	border:3px #3377bb solid;
 	background-color:#ffffff;
 }
 .exhibitions img {
 	border:3px #337733 solid;
 	padding:3px;
 }
 .talks {
 	background-color:#663366;
 }
 .outings {
 	background-color:#ee7700;
 }
 .children {
 	background-color:#ff3366;
 }
 .friends {
 	background-color:#ffff00;
 }
 .film, .music {
 	background-color:#993300;
 }
 
 .events_toolbar {
 	background-color:#ffffff;
 }
 .events_toolbar .show {
 	clear:both;
 	float:none;
 }
 
 .third {
 	float:left;
 	width:31%;
 	margin-right:2%;
 }
 
 .caption{
 	width:300px;
 	font-size:0.85em;
 }
 
/*------- footer section ---------*/ 
 
#footer {
	width:960px;
	height:80px;
	margin:0px auto 0px auto;
	padding:15px 0px 5px 0px;
	border-top:9px solid #FFFFFF;
	clear:both;
	font-size:0.9em;
	line-height:1.2em;
	color:#fff;
} 
 
#footer div {
	display:inline;
		font-size:0.9em;

} 
div.foot_left {
	width:150px;
	float:left;
	margin-left:160px;

}

#footer a {
	color:#000;
	text-decoration:none;
	padding: 0px;
	margin:0px;
	font-size:1em;
	font-weight:bold;

}
#footer a:hover {
	color:#fff;
}

.foot_left p {
	padding: 0px;
	margin:0px;

}
.foot_mid {
	margin-left:10px;
	width:160px;
	float:left;
}

.foot_mid p {
	padding: 0px;
	margin:0px;
}

.foot_right{
	float:right;
	width:285px;
}

.foot_right h3 {
	padding: 0px;
	margin:0px;
	color:#000;
	font-size:1em;
	font-weight:bold;
}
 
.foot_right p {
	padding: 0px;
	margin:0px;
} 

/*---------- home template -----------*/

.home h2.pagetitle {
	margin:0px;
	padding:0px;
}

.home .content0, .home .content0 pageblocks{
	margin:0px;
	padding:0px;
}

.home .pageblocktext p {
	margin:0px 0px 0px 0px;
	padding:0px;
}

p.bigtext {
font-size:5em;
font-weight:bold;
line-height:0.9em;
padding:0px 0px 10px 0px;
margin:0px;
}

p.bigtext a, p.bigtext a:visited {
	color:#fff;
	text-decoration:none;
}

p.bigtext a:hover, p.bigtext a:active {
	color:#000;
	text-decoration:none;
}


.home .pageblocktext p.block-line {
margin-top:20px;
font-size:0.99em;
width:800px;
letter-spacing:0.2px;
border-top: 1px solid #fff;
padding-top:25px
}
.home .pageblocktext p.block-line a, .home .pageblocktext p.block-line a:visited, .home-block .pageblocktext a, .home-block .pageblocktext a:visited{
color: #000;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
}

.home .pageblocktext p.block-line a:hover, .home .pageblocktext p.block-line a:active {
color: #fff;
}

.home #contentarea {
margin:10px 0px;
}
/*------- work template ----------*/

.work #contentarea {
margin-top:0px;
}
h2.workfeed_title {
font-size:1.2em;
margin-top:0px;
margin-bottom:9px;
width:760px;
}

.work .imageholder{
	width:auto;
	float:left;
	margin-left:0px;
	clear:right;
	padding-bottom:1em;
}

.work .imageholder img{

}

.work #work-entry p{
	width:450px;
	float:left;
	margin:0px;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.2em;
}

.work blockquote {
float:right;
font-size:1.12em;
font-weight:bold;
letter-spacing:-0.2px;
line-height:1.1em;
margin:0;
width:280px;
}

#work-entry blockquote {
float:right;
font-size:1.12em;
font-weight:bold;
letter-spacing:-0.2px;
line-height:1em;
margin:0;
width:290px;
}

/*------- contact template ----------*/
.contact #contentarea #content0 .pageblocks .pageblocktext {
	width: 460px;
	float:left;
}

.contact #contentarea #content0 .pageblocks .pageblocktext p{
	margin:0px;
	padding:10px 0;
}

.contact #contentarea #content0{
	width: 450px;
	float:left;
	line-height:1.1em;
	clear:none;

}
.contact #contentarea{
	width: 800px;
	float:left;
	clear:none;

}
.contact #contentarea .content1, .contact #content1{
	float:right;
	margin-top:20px;
	margin-right:35px;
}

.pageblocktext #googlemap {
border-top:15px solid #fff;
border-left:15px solid #fff;
border-right:15px solid #fff;
border-bottom:5px solid #fff;
width:259px;
background-color:#fff;
}

.contact a {
font-weight:bold;
}

.big-text{
font-size:1.3em;
font-weight:bold;
line-height:1.2em;
clear:both;
}

.big-text .pageblocktext p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}



/*------- resources template ----------*/

.resources #content0 .imageholder {
float:left;
margin-left:0px;
padding-bottom:1em;
width:auto;
} 

.resource-icon-newrow .imageholder{
clear:both;
}

.useful-links-list {
float:left;
font-size:0.8em;
width:160px;
line-height:1.8em;
}

.useful-links-list a{
color:#FFFFFF;
float:left;
font-size:1em;
line-height:1.8em;
width:160px;
}

.resources h2.page_subtitle {
width:800px;
font-size:1em;
clear:both;
margin-bottom:-5px;
}

.legaltext{
clear:both;
padding-top:25px;
font-size:0.7em;
}

/*---------------accordion-----------------*/
#contentarea #content0{
width:720px;
float:left;
}
#aboutpage, #design-logpage, #resourcespage, #contactpage {
width:800px;
}



/*------flash text ------------*/

.cufon-loading h1 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

.cufon-active h1 { /* for Cufon.replace('h1') */
	font-size: 4.3em;
	letter-spacing:-2px;
	display:inline;
	line-height:0.9em;
}

.cufon-active h2 { /* for Cufon.replace('h1') */
	font-size: 0.9em;
	letter-spacing:0px;
	display:inline;
	font-weight:normal;
}

.cufon-active h1 a, .cufon-active h2 a{ 
	text-decoration:none;
}

.cufon-active .clients h2 {
font-size:1em;
font-weight:bold;
margin:10px 0 5px 0;
padding:0;
}

.cufon-active .clients #quoteblock p {
font-size:2em;
font-weight:bold;
margin:10px 0 5px 0;
padding:0;
}
.cufon-loading .clients #quoteblock p { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

.cufon-loading blockquote { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

/*-------------- design log template ------------------*/

.designlog .content1 {
float:right;
margin-left:0px;
padding-bottom:1em;
width:800px;
} 

.designlog #contentarea {
margin-bottom:0px;
}


.designlog h3.topic {
font-size:0.8em;
color:#000;
padding:0px;
margin:10px 0px 0px 0px; 
float:left;
width:150px;
}
.designlog a.centile100, .designlog a.centile50, .designlog a.centile70, .designlog a.centile40, .designlog a.centile30, .designlog a.centile20, .designlog a.centile10, .designlog a.centile60, .designlog a.centile80, .designlog a.centile90, .designlog a.showall {
font-size:0.8em; 
line-height:1.2em;
width:150px;
display:block;

}
.designlog a.showall-month {
font-size:0.8em; 
line-height:1.2em;
width:150px;
display:block;

}
ul.filter_by_month_added {
margin-bottom:0px;
}

ul.filter_by_month_added li {
font-size:0.8em; 
line-height:1.2em;
width:150px;
display:block;
clear:left;
}
ul.filter_by_month_added li a{
clear:right;
display:block;
font-size:1em;
font-weight:normal;
margin-left:-40px;
}
ul.filter_by_month_added {
text-indent:0px;
height:62px;
overflow:hidden;
}

.designlog h3.date-added {
font-size:0.8em;
color:#000;
padding:0px;
margin:10px 0px 0px 0px; 
width:150px;
float:left;
}

.designlog #log-month{
float:left;
width:150px;

}
.designlog #log-topic{
float:left;
width:150px;

}
.designlog #log-rss{
float:left;
margin-top:10px;
width:120px;
}

#log-rss a{
background:url(http://itonic.com.contentcurator.net/local/images/rss-icon.gif) no-repeat 0 bottom;
padding:2px 0px 0px 20px;
margin-top: 10px;
}

.designlog #log-rss a, .designlog #log-twitter a{
font-size:0.8em;
color:#fff;
}
.designlog #log-twitter{
float:left;
margin-top:10px;
width:150px;
}

#log-twitter a{
background:url(http://itonic.com.contentcurator.net/local/images/twitter-icon.gif) no-repeat 0 bottom;
margin-top:10px;
padding:12px 0 0 25px;
}

.designlog #log-twitter img{
margin-top:2px;
}

#log-entry a, #log-entry a:visited {
color:#000;
}

#log-entry a:hover, #log-entry a:active {
color:#25B3E3;
}


/*--------- static links ---------------*/

/*.static-menu-top {
display:block;
width:800px;
float:left;
padding-left:0px;
margin:0px;
}
.static-menu-top ul {
text-indent:0px;
list-style-type:none;
padding-left:0px;
margin-left:0px;
}

.static-menu-bottom {
display:block;
width:800px;
float:left;
margin:0px;
}
.static-menu-bottom ul {
border-top:1px solid #FFFFFF;
list-style-type:none;
margin-top:30px;
padding-left:0px;
margin-left:0px;
padding-top:5px;
text-indent:0;
}

li.static-collapsed-link{
font-size:1em;
margin-bottom:5px;
border-bottom:1px solid #fff;
padding-bottom:10px;
list-style-type:none;
background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/down_butt.gif) no-repeat scroll right 8px;
}
li.static-collapsed-link a{
width:800px;
color:#000;
display:block;

}
li.static-collapsed-link a:hover{
color:#fff;
}
*/

.static-menu-top{
	font-size:1em;
	list-style-type:none;
	margin-top:13px;
	padding:0px 0;
	width:800px;
}
.static-menu-top ul {
    padding:7px 0px 8px 0px;
    list-style-type:none;
    text-indent:0;
    border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
	background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/down_butt.gif) no-repeat scroll right 11px;
	clear:left;
	height:15px;
	margin-bottom:18px;
}
.static-menu-top li {
	display:block;
	float:left;
	font-size:1em;
	color:#fff;
	height:16px;
}
.static-menu-top li a{
	display:block;
	float:left;
	color:#000;
}
.static-menu-top li.ancestor a{
padding-right:3px;
padding-bottom:1px;
}
/* Safari fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .static-menu-top ul {
             padding:14px 0px 14px 0px;
             margin-bottom:20px;
             background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/down_butt.gif) no-repeat scroll right 16px;

    }
}

/*--------- static links lookalikes ---------------*/

#accordion {
display:block;
width:800px;
float:left;
padding-left:0px;
margin:-15px 0px 0px 0px;
}
#accordion h3.ui-accordion-header {
text-indent:0px;
list-style-type:none;
padding-left:0px;
margin-left:0px;
}

#accordion h3.ui-state-active {
border-bottom:0px solid #fff;
font-size:1em;
background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/close-icon.gif) no-repeat scroll right top;

}
#accordion h3.ui-state-default{
font-size:1em;
margin-bottom:5px;
border-bottom:1px solid #fff;
padding-bottom:10px;
list-style-type:none;
background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/down_butt.gif) no-repeat scroll right 8px;
}
#accordion h3.ui-accordion-header{
/*padding: 10px 745px 10px 0px;*/
width:800px;
color:#000;
display:block;
cursor:pointer;
}
#accordion h3.ui-accordion-header:active{
border:0px;
}


/* ------------- form ------------------- */

form#subscribe {
	margin-top:10px;
}

form#subscribe input#email-field{
background-color:#FFFFFF;
border:0 none;
color:#666;
height:18px;
padding-left:5px;
padding-top:5px;
width:255px;
float:left;
} 

form#subscribe input#button{
width:23px;

}


/*----------- clients template --------------*/

.clients #slider, #quotewrapper {
    width: 500px;
    margin: 0 auto;
    position: relative;
	background-color:#FE9C1B;
	clear:none;
	float:right;
}

.clients .scroll {
    height: 460px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
   /* clear: left;*/
    background: transparent;
}

.clients .scrollContainer div.panel {
    padding:15px 0;;
  /*  height: 210px;*/
    width: 500px;
	color:#000;
	margin:0px;
}
.clients .scrollContainer div.panel p{
	padding:0pxx;
	margin:0px 0px 20px 0px;
	color:#fff;
	font-size:2em;
}

.clients .scrollContainer {
clear: left;
margin-top:-10px;
}

div.quoteslist {
	height: 360px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
   /* clear: left;*/
    background: transparent;
    padding:0 0 282px 0;

}

div.quoteblock p {
	padding:0px;
	margin:0px 0px 20px 0px;
	color:#fff;
	font-size:2em;
}

.clients #quotation{
	clear: left;
	margin-top:-10px;
	height:470px;
}
.clients #nav-wrapper {
   	background-color:#FE9C1B;
	width:300px;
	float: left;
}

.clients #banner {
border-bottom:9px solid #FFFFFF;
margin:auto;
padding:10px 0 20px 0;
text-align:left;
width:960px;
}

.clients #contentarea {
float:right;
margin-bottom:0;
min-height:440px;
width:800px;
}
}

.clients #nav-wrapper ul.navigation {
  width: 300px;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  list-style: none;
  background-color:#FE9C1B;
}

.clients #nav-wrapper ul.navigation li {
  float: left;
  width: 280px;
  margin: 0;
  padding: 0;
}
.clients #nav-wrapper ul.navigation a {
color:#fff;
font-weight:bold;
font-size:0.9em;
padding:0;
text-decoration:none;
}


.clients #nav-wrapper ul.navigation a:hover {
   color:#000;
}

.clients #nav-wrapper ul.navigation a.selected {
	color:#fff;
	font-weight:normal;
}

.clients #nav-wrapper ul.navigation a:focus {
    outline: none;
}

.clients #nav_holder {
float:right;
}

.clients .scrollContainer .pageblocktext{
color:#000;
}

.clients .pageblockslisting{
float:left;
clear:none;
width:220px;
}


.clients .pageblockslisting .pageblocktext p{
margin:0px;
padding:0px;
font-size:0.9em;
line-height:1.2em;
}

.clients #contentarea #content0 {
float:left;
width:800px;
}

/* ----------------- pop up contact form --------------------- */

div#nyroModalFull div#nyroModalWrapper a#closeBut {
	float:right;
	color:#000;
	background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/form-close.gif) no-repeat scroll 0 0;
	right:10px;
	top:10px;
}

body.form {
background-color:#ffffff;
line-height:90%;
}

div#nyroModalFull div#nyroModalWrapper {
	border:0px;
	min-height:260px;
}

#formpage{
	margin:0px ;
	width:380px;
}

#formpage #contentarea{
	width:381px;
	float:none;
	margin-bottom:0px;
	min-height:0px;
}

#formpage #contentarea #content0 {
width:375px;
float:none;
}

h1#nyroModalTitle {
visibility:hidden;
}


#formpage .message{
color:#000;
z-index:1;
}


#formpage #mainformcontainerdiv {
/*line-height:2em;*/
}
#formpage input#submit, .send-button input#submit {
	border:0 none;
	height:20px;
	margin:10px 0 0 0;
	width:67px;
	background:transparent url(http://itonic.com.contentcurator.net/domains/itonic.com/local/images/send-button.gif) no-repeat scroll 0 0;
	cursor:pointer;
}

#formpage #content0 {
	padding-left:15px;

}

.foot_right label.field_title {
color:#000000;
display:block;
font-size:12px;
padding-bottom:0px;
padding-top:10px;
}

label.field_title {
color:#000000;
display:block;
padding-bottom:2px;
padding-top:8px;
font-size:12px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#C4D03D;
  display:none;
}
  
#formpage .window {
  position:absolute;
  left:0;
  top:0;
  width:410px;
  height:200px;
 display:none;
  z-index:9999;
  padding:15px;
}



#formpage p {
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
}

#formpage .halfleft{
	width:50%;
	float:left;
}
#formpage .halfright{
	width:50%;
	float:left;
	padding-bottom:5px;
}
#formpage .halfleft input, #formpage .halfright input{
	background-color:#EDEDEE;
	border-top:1px solid #DDDDDE;
	border-left:1px solid #DDDDDE;
	border-bottom:0px;
	border-right:0px;
	width:96%;
}

#formpage .halfright input{
padding-right:10px;
}
#formpage .fullwidth {
clear:left;
}

#formpage .fullwidth input{
	width:100%;
	background-color:#EDEDEE;
	border-top:1px solid #DDDDDE;
	border-left:1px solid #DDDDDE;
	border-bottom:0px;
	border-right:0px;
}

#formpage .captcha input{
	background-color:#EDEDEE;
	border-top:1px solid #DDDDDE;
	border-left:1px solid #DDDDDE;
	border-bottom:0px;
	border-right:0px;
	float:left;
	width:100%;
}
#formpage div.captcha{
float:left;
width:245px;
margin-bottom:0px;
padding-bottom:0px;
}

label.field_title strong{
font-weight:normal;
}

#formpage .send-button {
float:right;

}
.inputnote {
color:black;
visibility:hidden;
}

/*--form error--*/

.error h3 {
	color:#000;
}

 .error p {
 	color:#ff0000;
 	
 }

#error label.field_title {
color:#000000;
font-size:0.9em;
padding-bottom:2px;
padding-top:0px;
}

.marked_input label.field_title, div.error .fullwidth label.field_title {
color:#000000;
display:block;
font-size:1em;
padding-bottom:2px;
padding-top:0;
}
.marked_input .error {
color:#FF0000;
font-size:10px;
clear:left;
}
/*--end form error--*/

iframe#nyroModalIframe body {
color:#FFFFFF;
}