/*----------------------------------------------------*/
/* Undo                                               */
/*----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}input{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
a { text-decoration: none; outline: none;} a:hover{text-decoration: underline;}

/*----------------------------------------------------*/
/* Foundation                                         */
/*----------------------------------------------------*/

html, body {
	/*opacity: .999; /* Helps Firefox not jump on text animation */
	/* Disabling this because ironically it makes the flash flicker */
}
html {
	background: #bebab7 url(/images/bg_graph_tile_grey.jpg);
	height: 100%; /* Helps Safari tile bg */
}
body {
  height: 670px;  
	text-align: left;
	color: #140b04;
	background: url(/images/bg_shadow-trans.png) -11px -10px no-repeat;
}

.container {
	position: relative;
	width: 863px;
	height: 660px;
	margin: 0 auto 20px 0;
	text-align: left;
	background: transparent;
}


/*----------------------------------------------------*/
/* Columns	                                          */
/*----------------------------------------------------*/

.body, .nav {
	position: relative;
	height: 660px;
	float: left;
	overflow: hidden;
}
.body {
	width: 701px;
	background: url(/images/bg_logo.jpg);
}
.nav {
	width: 162px;
	background: url(/images/bg_nav.jpg);
	/* Prevents rollovers from entering main frame */
	overflow: hidden;
}

/*----------------------------------------------------*/
/* Utility	                                          */
/*----------------------------------------------------*/

br { clear: both; }
.hide { display: none;}
.clear { clear: both; }
.left	 { float: left; }
.right { float: right; }
.t_center { text-align: center;}
.t_left { text-align: left;}
.t_right { text-align: right;}
.indent {text-indent: 8px; display: block;}
.darker { background: #d5deae;}

/*----------------------------------------------------*/
/* HR 			                                          */
/*----------------------------------------------------*/

hr {
  float: left;
  width: 600px;
  height: 20px;
  border: 0;
  background: url(/images/hr-trans.png);
  clear: both;
}


/*----------------------------------------------------*/
/* Nav			                                          */
/*----------------------------------------------------*/

.nav {
	position: relative;
}
.nav ul.sections {
	width: 162px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.nav ul.sections li {;
	margin-bottom: 2px;
}
.nav ul.sections li a {
  position: absolute;
  left: 0;
  width: 162px;
	text-indent: -9999px;
	display: block;
	z-index: 2;
}
.nav ul.section li a:hover {
	z-index: 1;
}
.nav ul.section li a.about,
.nav ul.section li a.work,
.nav ul.section li a.talent,
.nav ul.section li a.news,
.nav ul.section li a.login,
.nav ul.section li a.logout {
	overflow: hidden;
}
.nav ul.sections li a.about {
	position: absolute;
	top: 9px;
	height: 73px;
	background: url(/images/navtxt_about_us-trans.png) 0 0;
}
.nav ul.sections li a.about:hover {
	background-position: 162px 0;
}
.nav ul.sections li a.work {
	top: 58px;
	height: 38px;
	background: url(/images/navtxt_our_work-trans.png) 0 0;
	z-index: 3;
}
.nav ul.sections li a.work:hover {
	background-position: 162px 0;
}
.nav ul.sections li a.talent {
	top: 72px;
	height: 55px;
	background: url(/images/navtxt_talent-trans.png) 0 0;
}
.nav ul.sections li a.talent:hover {
	background-position: 162px 0;
}
.nav ul.sections li a.news {
	top: 103px;
	height: 47px;
	background: url(/images/navtxt_news-trans.png) 0 0;
	z-index: 2;
}
.nav ul.sections li a.news:hover {
	background-position: 162px;
}
.nav ul.sections li a.services {
	top: 125px;
	height: 50px;
	background: url(/images/navtxt_services-trans.png) 0 0;
	z-index: 2;
}
.nav ul.sections li a.services:hover {
	background-position: 162px 0;
}
.nav ul.sections li a.login {
	top: 135px;
	height: 97px;
	background: url(/images/navtxt_client_login-trans.png) 0 0;
	z-index: 1;
}
.nav ul.sections li a.logout:hover {
	background-position: 162px 0;
}
.nav ul.sections li a.logout {
	top: 137px;
	height: 97px;
	background: url(/images/navtxt_logout-trans.png) 0 0;
	z-index: 1;
}
.nav ul.sections li a.login:hover {
	background-position: 162px 0;
}

.nav .client_login {
  position: relative;
  top: 220px;
  width: 162px;
  height: 84px;
  text-align: center;
  overflow: hidden;
  z-index: 10;
  margin-bottom: 30px;
}
a.bird {
	position: relative;
	top: 200px;
	left: 50px;
	width: 59px;
	height: 55px;
	background: url(/images/bird.png) 0 0;
	display: block;
	overflow: hidden;
}
a.bird:hover {
	background: url(/images/bird_over.png) 0 0;
}
a.ad {
	position: relative;
	top: 234px;
	left: 6px;
	width: 154px;
	height: 205px;
	display: block;
	overflow: hidden;
}
a.ad:hover {
	background-position: 154px;
}
span.address {
	position: absolute;
	bottom: 64px;
	width: 162px;
	height: 80px;
	text-indent: -9000px;
	background: url(/images/txt_address-trans.png);
	display: block;
}
a.map {
	position: absolute;
	bottom: 29px;
	width: 162px;
	height: 35px;
	text-indent: -9999px;
	background: url(/images/navtxt_map-trans.png);
	display: block;
}
a.map:hover {
	background-position: 162px 0;
}
a.more_info {
	position: absolute;
	bottom: 6px;
	width: 162px;
	height: 35px;
	text-indent: -9999px;
	background: url(/images/navtxt_more_contact_info-trans.png);
	display: block;
}
a.more_info:hover {
	background-position: 162px 0;
}

a.back {
  position: absolute;
  top: 90px;
  left: 10px;
  width: 39px;
  height: 33px;
  text-indent: -9999px;
  background: url(/images/icon_back-trans.png);
  overflow: hidden;
}
a.back:hover {
  background-position: 39px 0;
}

/*----------------------------------------------------*/
/* Backgorunds                                        */
/*----------------------------------------------------*/

.home .body {
	/* Overwrites existing style */	
	background: url(/images/bg_home.jpg);
}


/*----------------------------------------------------*/
/* Splatters	                                        */
/*----------------------------------------------------*/

.splat_01 {
	width: 84px;
	height: 53px;
	background: url(/images/splat_01.png);
}

/*----------------------------------------------------*/
/* Stars			                                        */
/*----------------------------------------------------*/

.star {
	display: block;
	width: 29px;
	height: 27px;
}
.s01 { background: ur(/images/star_01-trans.png); }
.s02 { background: ur(/images/star_02-trans.png); }
.s03 { background: ur(/images/star_03-trans.png); }
.s04 { background: ur(/images/star_04-trans.png); }
.s05 { background: ur(/images/star_05-trans.png); }
.s06 { background: ur(/images/star_06-trans.png); }


/*----------------------------------------------------*/
/* Headings		                                        */
/*----------------------------------------------------*/

h2.about,
h2.work,
h2.talent,
h2.news,
h2.admin,
h2.services {
	position: absolute;
	width: 207px;
	height: 84px;
	text-indent: -9999px;
}
h2.about {
	background: url(/images/h2_about-trans.png);
}
h2.work {
	background: url(/images/h2_work-trans.png);
}
h2.talent {
	background: url(/images/h2_talent-trans.png);
}
h2.news {
	background: url(/images/h2_news-trans.png);
}
h2.admin {
  background: url(/images/h2_admin-trans.png);
}
h2.services {
	background: url(/images/h2_services-trans.png);
}
h2.company_history {
	position: absolute;
	width: 263px;
	height: 84px;
	background: url(/images/h2_company_history-trans.png);
	text-indent: -9999px;
}
h2.clients {
	position: absolute;
	width: 263px;
	height: 84px;
	background: url(/images/h2_clients-trans.png);
	text-indent: -9999px;
}
h2.philosophy {
	position: absolute;
	width: 263px;
	height: 84px;
	background: url(/images/h2_philosophy-trans.png);
	text-indent: -9999px;
}
h2.facilities {
	position: absolute;
	width: 263px;
	height: 84px;
	background: url(/images/h2_facilities-trans.png);
	text-indent: -9999px;
}
h2.smashing_party {
	position: absolute;
	width: 263px;
	height: 84px;
	background: url(/images/h2_smashing_party-trans.png);
	text-indent: -9999px;
}
h2.coloring_book {
	position: absolute;
	width: 260px;
	height: 84px;
	background: url(/images/h2_coloring_book-trans.png);
	text-indent: -9999px;
}


/*----------------------------------------------------*/
/* Boxes			                                        */
/*----------------------------------------------------*/

.box {
	position: absolute;
	top: 145px;
	left: 15px;
}
.content {
	position: relative; /* Also helps IE6 fix overflow bug */
	height: 444px;
	font: 11px Arial;
	color: #222;
	overflow: auto;
	text-align: left;
}
.content p {
	line-height: 1.45;
	margin-bottom: 10px;
	padding-right: 8px;
}
.box_top, .box_bot {
	width: 669px;
	height: 26px;
}
.box_mid {
	width: 634px;		/* 669px with padding */
	min-height: 448px;
	padding: 0 15px 0 20px;
	background: url(/images/box_mid-trans.png) repeat-y;
}
.box_top { background: url(/images/box_top-trans.png); }
.box_bot { background: url(/images/box_bot-trans.png); }


/*----------------------------------------------------*/
/* Forms    	                                        */
/*----------------------------------------------------*/

label,
span.label {
  display: block;  
  font-size: 14px;
  line-height: 2em;
  color: #1c3f40;
}
span.label a {
  font-size: 12px;
  color: #f00;
}
label.inline {
  float: left;
  width: 130px;
  height: 27px;
  margin-right: 18px;
}
input.text, textarea{
  display: block;  
  margin-bottom: 18px;
  padding: 4px 6px 3px;
  color: #000;
  font-size: 14px;
}

input.text {
  width: 303px;
  height: 27px;
  background: url(/images/form_input_text.png);
}

.client_login input.text {
  display: block;
  width: 128px;
  height: 20px;
  margin: 0 0 9px 12px;
  padding: 4px 5px 1px;
  color: #b1b1b1;
  font-size: 15px;  
}

input.focused {
  color: #222 !important;
}

input.inline {
  float: left;
  width: 118px;
  height: 27px;
  margin-right: 18px;
  background: url(/images/form_input_text_inline.png);
}

textarea {
  width: 588px;
  height: 232px;
  border: 0;
  background: url(/images/form_textarea.png);
}

textarea.short {
  width: 588px;
  height: 112px;
  border: 0;
  background: url(/images/form_textarea_short.png);
}
select {
  width: 315px;
  height: 32px;
  margin-bottom: 18px;
  padding: 5px 6px 3px;  
  color: #000;
  border: 0px;
  display: block;
  background: url(/images/form_input_text.png);  
}
input.file {
  display: block;
  width: 253px;
  height: 27px;
  margin-bottom: 18px;
  border: none;
}
input.submit {
  float: left;
  width: 84px;
  height: 33px;
  margin-right: 12px;
  border: none;
  padding: 0px;
}
.client_login input.submit {
  float: none;
  width: 138px;
  height: 16px;
  margin: 0;
}
a.cancel img {
  width: 84px;
  height: 33px;
  float: left;
}


/*----------------------------------------------------*/
/* Textile	                                          */
/*----------------------------------------------------*/

.textile strong { font-weight: bold; }
.textile em { font-style: italic; }
.textile ul {
  list-style-type: disc;
  padding-left: 17px;
}
.textile ol {
  list-style-type: decimal;
  padding-left: 17px;
}
.textile h2,
.textile h3 {
  display: block;
  clear: both;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}
.textile h2 {
  color: #1c3f40;
}
.textile h3 {
  color: #222;
}


/*----------------------------------------------------*/
/* Flexcroll	                                        */
/*----------------------------------------------------*/
.flexcroll {
	outline: none;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}
.vscrollerbase {
	width: 18px;
	background: url(/images/scroll_bg.png) repeat-y;
}
.vscrollerbasebeg {
	width: 18px;
	height: 18px !important;
	background: url(/images/scroll_up-trans.png) no-repeat;
}
.vscrollerbaseend {
	height: 18px;
	width: 18px;
	background: url(/images/scroll_down-trans.png);
}
.vscrollerbarbeg {
	position: relative;
	top: -2px;
	height: 7px !important;
	width: 18px;
	background: url(/images/scroll_jog_top.png) no-repeat;
}
.vscrollerbar {
	width: 18px;
	background: url(/images/scroll_jog_mid.png) repeat-y;
}
.vscrollerbarend {
	margin-top: 2px;
	height: 7px;
	width: 18px;
	background: url(/images/scroll_jog_bot.png) no-repeat;
}
.hscrollerbar {
	display: none;
}
.hscrollerbase {
	height: 16px; 
	background-color: white;
}
.hscrollerbar {
	height: 18px; 
	background-color: white;
}
.vscrollerbar, 
.hscrollerbar {
	padding: 22px;
	z-index: 2;
}
.scrollerjogbox {
	width: 18px;
	height: 7px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
}

/*----------------------------------------------------*/
/* Fix for flash embed flickering                     */
/*----------------------------------------------------*/
div#animation {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 660px;
  width: 702px;
}