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,
b, u, i, center,
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;
	vertical-align: baseline;

}

html {
		font-size: 62.5%;
		font-family: arial, helvetica, sans-serif;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Useful */
.align_center { text-align:center; }
.align_right { text-align:right; }
.middle { vertical-align: middle; }
.align_justify{ text-align: justify; }
.uppercase { text-transform:uppercase; }
.hidden, .collapsed, .block_hidden_only_for_screen { display:none; }
.wrap { white-space: normal; }
.bold { font-weight: bold; }
.strike { text-decoration:line-through; }
.italic { font-style: italic; }
.top { vertical-align: top; }
.span_link { cursor:pointer; }
.span_link:hover { text-decoration:underline; }
.clear { clear:both; }
br.clear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}
noscript ul {list-style-type:none; background:black; color:white; padding:10px; border:1px solid gray;}


body { background: #333 url('images/bg.gif') repeat-x; }
#wrapper {width: 906px; margin: 0 auto; font-size: 1.4em; }

#contact {   color: #ccc; font-weight: bold; text-align: right;   }
#contact strong { color: #09f; }
#contact p { margin: 22px 0 11px 0; }
#contact a { color: #CCC; text-decoration: none; }

ul#nav { background: url('images/navbg.gif'); float: left; width: 906px;}
ul#nav li { float: left; border-left: 1px solid #5a5a5a; border-right: 1px solid #333; font-size: 0.9em; font-weight: bold; }
ul#nav li a { display: block; float: left;  padding: 21px 39px; font-weight: bold; color: #fff; text-decoration: none;}
ul#nav li a:hover { color: #09f; }
ul#nav li.last { border-right: none; } 
ul#nav li.selected a, #navpanel.leftpanel li.active a { color: #09f; }

#navpanel.leftpanel li.active  li a { color: #333; }
#navpanel.leftpanel li.active  li.active a { color: #09f; }

div#maintext { background-position: top right; background-repeat: no-repeat; clear: left; float: left; width: 906px; position: relative;  } 

span.B_crumbBox { display: block; font-size: 0.8em; color: #999; margin: -20px 0 15px 0; }

div#maintext img { float: left; }
#banner { background: url('images/trans.png'); padding: 13px 28px;  float: left; width: 628px; margin-top: 150px; letter-spacing: -0.5px; z-index:99; position: relative;  }
#banner h1 { color: #fff; font-size: 1.85em; font-weight: normal;   }
#banner p { color: #09f; font-size: 1.3em; }
#bannerimage { position: absolute; right: 0px; }
#content { background: #fff url('images/contentbg.gif') repeat-x;  float: left; width: 890px; padding: 8px;}

#left { background: #EBEBEB url('images/leftbg.gif') repeat-x; width: 214px; float: left; }
.leftpanel { padding: 28px 25px; border-bottom: 1px solid #fff; }
.leftpanel h3 { color: #333; margin-bottom: 13px;  }
.leftpanel p.date { color: #09f; font-weight: bold; font-size: 0.8em; margin-bottom: 4px;    }
.leftpanel p a { color: #333;  font-size: 0.9em; text-decoration: none;  } 
.leftpanel p a:hover { text-decoration: underline; } 
#newspanel.leftpanel li { margin-bottom: 10px; }

#navpanel.leftpanel ul li{ background :url("images/arrow.png") left 2px no-repeat; padding-left: 13px; margin-bottom: 5px;  font-size: 0.9em;    }
#navpanel.leftpanel ul li a { color: #333; text-decoration : none; font-weight: bold;  }
#navpanel.leftpanel ul li a:hover { color: #09f; }
#navpanel.leftpanel ul li ul{ list-style-type: none;  margin: 7px 0 10px 0px;   list-style-type: inside;  }
#navpanel.leftpanel ul li ul li{ font-size: 1em; background: url(images/line.gif) 0px 6px no-repeat; padding-left: 14px;    }
#navpanel.leftpanel ul li ul li a { text-decoration: none; font-weight: normal; }

#main { float: left;  padding: 28px 20px; width: 636px; color: #333;}
#main a { color: #09f;}
#main ul#categorylist {  float: left;   }

#main ul#categorylist li { padding: 0; float: left; width: 152px; margin: 0 9px 20px 0; position: relative; background: #09f url("images/catbgs/mainbg.gif") repeat-x; }
#main ul#categorylist li:hover { background-position: left -180px;}
#main ul#secondlist li#projects41, #main ul#secondlist li#projects44,#main ul#categorylist li#projects41, #main ul#categorylist li#projects44, #main ul#categorylist li#projects31,  #main ul#categorylist li#projects16 { margin-right: 0px; }
#main ul#categorylist li a { color: #fff; padding-top: 130px;  font-weight: bold; margin: 7px;   font-size: 1.1em; text-decoration: none; display: block; width: 138px;  }
#page8 #main ul#categorylist li  { height: 180px;  }

#main ul#secondlist li {  height: 53px; padding: 0; float: left; width: 152px; margin: 0 9px 20px 0; position: relative; background: #fff url("images/homepanel2bg.gif") repeat-x; position:relative; }
#main ul#secondlist li a { background :url("images/arrow.png") left 3px no-repeat; padding-left: 13px; color: #333;  position: absolute; font-weight: bold; margin: 7px;   font-size: 0.9em; text-decoration: none; display: block; width: 130px; bottom: 0; height: 35px;   }
#main ul#secondlist li a:hover { color: #09f; }

#main ul#categorylist li#projects18 a { background: url(images/catbgs/18.jpg) no-repeat; }
#main ul#categorylist li#projects16 a { background: url(images/catbgs/16.jpg) no-repeat; }
#main ul#categorylist li#projects17 a { background: url(images/catbgs/17.jpg) no-repeat; }
#main ul#categorylist li#projects33 a { background: url(images/catbgs/33.jpg) no-repeat; }
#main ul#categorylist li#projects31 a { background: url(images/catbgs/31.jpg) no-repeat; }
#main ul#categorylist li#projects35 a { background: url(images/catbgs/35.jpg) no-repeat; }
#main ul#categorylist li#projects27 a { background: url(images/catbgs/27.jpg) no-repeat; }
#main ul#categorylist li#projects37 a { background: url(images/catbgs/37.jpg) no-repeat; }

#main ul#categorylist li#projects44 a { background: url(images/catbgs/44.jpg) no-repeat; }
#main ul#categorylist li#projects42 a { background: url(images/catbgs/42.jpg) no-repeat; }
#main ul#categorylist li#projects40 a { background: url(images/catbgs/40.jpg) no-repeat; }
#main ul#categorylist li#projects11 a { background: url(images/catbgs/11.jpg) no-repeat; }
#main ul#categorylist li#projects10 a { background: url(images/catbgs/10.jpg) no-repeat; }
#main ul#categorylist li#projects9 a { background: url(images/catbgs/9.jpg) no-repeat; }
#main ul#categorylist li#projects41 a { background: url(images/catbgs/41.jpg) no-repeat; }
#main ul#categorylist li#projects43 a { background: url(images/catbgs/43.jpg) no-repeat; }

#main h3 { margin-bottom: 10px; color: #09f; width: 330px;  }
#main h3 a { text-decoration: none; border-bottom: 1px dashed #ccc;  }
#main h3 a:hover { border-bottom: 1px solid #09f; }
#main p { font-size: 0.95em; line-height: 1.45em; margin-bottom: 15px;   }
#main p.date { font-size: 0.8em; color: #999; margin: 0 0 2px 0;}
#main ul#caselist { font-size: 0.9em;  margin-bottom: 25px; padding: 0 0 0 0; }
#main ul#caselist li { background: url(images/folder.png) 0px 5px no-repeat; margin-bottom: 7px; padding: 9px 10px 1px 30px;  float: left; width: 250px; }
#main #cases ul#caselist li  { clear: left; }
#main #casestudy ul, .news  #main ul, .what-we-do #main ul, .about #main ul { font-size: 0.9em;  line-height: 1.2em; padding-left: 15px; margin-bottom: 15px;   }
#main #casestudy ul li, .news  #main ul li, .what-we-do #main ul li, .about #main ul li { background: url(images/bluebullet.gif) 0px 6px no-repeat; margin-bottom: 7px; padding-left: 12px;   }
.about #main form ul {  font-size: 1em; padding-left: 0px;  }
.about #main form ul li  {  font-size: 1em; background: none; margin-bottom: auto; padding-left: 0px; }
.what-we-do #main ul#categorylist, .what-we-do #main ul#caselist  { list-style-type: none; padding-left: 0px; }

#artimages, #projectdata  { width: 206px; float: right; margin-left: 50px; clear: right;  }
#artimages img, #projectdata  img { float: right; }
#wwdimages  { width: 275px; float: right; margin-left: 50px; clear: right;  }
#artimages img { float: left; margin-bottom: 10px; }
#projectdata { background: #09f url(/images/panelbg.gif) bottom left repeat-x; padding: 10px 10px 0 10px; color: #fff; width: 186px;  }
#projectdata div { width: 93px; float: left; }
#projectdata  h3 { color: #fff; margin-bottom: 4px; }
#projectdata  p { margin: 0 0 10px 0; }

div#thankyou, .eform { font-size: 0.9em; width: 350px; float: left; }
.eform fieldset label { display: block;  width: 450px; padding: 6px 0; clear: left; }
.eform input, .eform textarea { width: 300px;  margin-bottom: 15px; float: left; clear: left; }
.eform textarea { height: 150px; }
.eform input.button { background: #09f; border: 0px; color: #fff; font-weight: bold; width: 150px; padding: 5px; cursor: pointer;  }
div.errors { border: 1px solid #c00; background: #fee; padding: 10px; font-size: 0.9em; line-height: 1.3em; margin-bottom: 20px; }

#map { float: right; margin-bottom: 20px; }
hr { border: 0px; border-top: 1px solid #09f; margin: 20px 0; clear: both; }

.vcard { float: left;  width: 200px;  padding: 0 0 30px 40px; border-left: 1px solid #ccc; margin-left: 10px; font-size: 0.9em; line-height: 1.4em; }
.vcard .type { color: #09f; font-weight: bold; }
.vcard #work.type { display: none; }

#cases {  margin: 20px 0; }
#page44 #cases { display: none; }
.what-we-do #cases { width: 330px; }
#bluecaption { background: #09f; padding: 17px; color: #fff; margin-bottom: 3px; clear: left;   }
#wwdimages img { float: left; }
#bluecaption  h3 { color:#fff; margin-bottom: 3px; }
#bluecaption  p { margin-bottom: 0px; line-height: 1.1em; }
#cases h3 {  border-top: 1px solid #09f; border-bottom: 1px solid #09f; padding: 12px 0; }

#main #cases #caselist li  a{ color: #333;  }
#main #cases #caselist li  a:hover { color: #09f;  }
#footer { clear: left; float: left; width: 846px; padding: 20px 30px;  margin-bottom: 10px; background: #666 url('/images/footer.gif') bottom left no-repeat; color #ccc;}
#footer p { float: left; color: #ccc; font-size: 0.8em; line-height: 1.2em;  }
#footer ul { float: right; }
#footer li { float: left; }
#footer a { color: #ddd; }

/* slides */

#slideshowholder { position: absolute; right: 0px; }
#slideshow {  position:relative; height:243px; width:684px; float: right;}
#slideshow IMG { position:absolute;  z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }


/* links and download custom styles */

#page74 #main h4, #page75 #main h4  { background: #CFECFE; padding: 8px 14px; color: #333; margin-bottom: 8px;  }
#page75 #main ul li { background: url(/images/pdf.gif) 0px 7px no-repeat; font-weight: bold; padding: 12px 28px 10px;  }