@import url(extensions.css); /* browser specific CSS */

@media all {

/* =universals */
* { margin : 0; padding : 0; }

h2, h3, h4, p, blockquote, address, dl, ul, ol { 
margin : 0 20px; 
padding : .5em 0; 
}


/* =html */
html { 
background: #E9E9E9 url(/images/shadowbg.gif) top center repeat-y; 
color : #4d4d4d; }	

/* =body */
body { 
font : 82%/1.6 Tahoma, Helvetica, Arial, sans-serif;
text-align : center;
}

/* =h1 */
h1 a {
	float : left;
	width : 62px;
	height : 30px;
	margin : 0;
	padding :0;
	top:  3px;
	position: relative;
	display: block;
	text-indent: -99999px;
	background-image: url(/images/h1_long.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* =h2 */
h2 { 
font-size : 140%; 
font-weight : normal; 
}

div#branding h2 { 
width : 50%; 
font-size : 180%; 
line-height : 120%; 
color : #fff; 
text-shadow : #191919 0 1px 3px; 
}

/* =h3 */
h3 { 
font-weight : normal; 
}

div#branding h3 { 
width : 50%; 
font-size : 220%;  
line-height : 120%; 
color : #fff; 
text-shadow : #191919 0 1px 3px; 
}

div#content_main h3 { 
margin : 1em 50px 0 20px; 
padding-bottom : 3px; 
color : #000; 
font-size : 120%; 
text-transform : uppercase; 
text-align : left; 
background : url(/images/h3.gif) repeat-x 0 100%; 
}

div#content_sub h3 { 
font-size : 110%; 
margin : 0; 
padding : .15em; 
background-color : #480048; 
text-align : center; 
color : #fff; 
}

/* =h4 */
h4 { 
font-size : 100%; 
}

/* =p */
p { 
font-size : 100%; 
}
div#nav_main p {
	height: 35px;
}
div#nav_main p { 
position : absolute; 
top : -100px; 
overflow : hidden; 
}

dd p { 
margin : 0; 
padding-top : 0; 
}

div#content_supp dd p { 
color : #fff; 
}

div#content_news p { 
font-size : 92%; 
margin : 20px 0 0 0px; 
padding-left : 40px; 
background : #f2f0fa url(/images/content_news-p.jpg) no-repeat 20px 50%; 
border: 1px dotted #666; 
}

div#siteinfo p { 
margin : 0 100px; 
padding-right : 140px; 
background : url(/images/siteinfo-p.jpg) no-repeat 100% 0; 
}

form p { 
margin : 0; 
}

/* =blockquote */
blockquote { 
margin-left : 20px; 
padding-left : 20px; 
border-left : 1px solid #ccc; 
}

/* =strong =b =em =i */
strong { 
font-weight : bold; 
}

em { 
font-style : italic; 
}

label em { 
color : red; 
}

/* =address */
address { 
font-style : normal; 
}

form address { 
margin-left : 0; 
}
address span { 
display : block; 
}

/* =dl =dt =dd */
body.index div#content_main dl { 
float : left; 
min-height : 23em; 
width : 220px; 
margin : 0 18px 0 16px; 
padding : 0; 
}

div#content_sub dl { 
margin : 0 0 10px 0; 
padding : 0; 
background : url(/images/content-sub-dl.jpg) no-repeat; 
}

div#content_supp dl { 
float : left; 
width : 225px; 
margin : 0 20px 0 0; 
padding : 0; 
}

dt { 
font-weight : bold; 
}

div#content_sub dt { 
padding : 10px 20px 0 20px; 
font-weight : normal; 
text-transform : uppercase;
}

div#content_supp dt { 
padding : 1em 20px .5em 20px; 
background : url(/images/supp-dt.jpg) no-repeat; 
font-weight : normal; 
text-transform : uppercase; 
}

body.index div#content_main dt { 
min-height : 2em; 
font-size: 16px;
}

div#content_sub dd { 
margin : 0; 
padding : 0 20px 10px 20px; 
background : url(/images/content-sub-dd.jpg) no-repeat 0 100%; 
}

div#content_supp dd { 
padding : .5em 20px 1em 20px; 
background : url(/images/supp-dd.jpg) 0 100% no-repeat; 
font-weight : normal; 
}

/* =ul */
ul { 
list-style-type : none; 
margin-left : 20px; 
}

div#nav_main ul { 
float : left; 
text-align : right; 
}

div#content_main ul { 
list-style-type : disc; 
margin-left : 40px; 
}

div#content_sub ul { 
margin : 0; 
} 

dd ul { 
margin : 0 20px; 
}

/* =ol */
ol { 
margin-left : 30px; 
list-style-position : inside; 
}

/* =li */
div#nav_main li { 
display : inline; 
}

div#content_sub li { 
padding-left : 20px; 
background : url(/images/li.gif) no-repeat left center; 
border-bottom : 1px dotted #666; 
}

div#siteinfo li { 
display : inline; 
}

/* =img */
img, a img { 
border : none; 
}

/* =hr */
hr { 
display : none; 
}

/* =a */
a:link, a:visited { 
color : #480048; 
text-decoration : underline;
font-weight: bold;
}

a:active, a:focus { 
color : #333333; 
text-decoration : underline; 
font-weight: bold;
}


div#nav_main li a { 
padding : 0 .3em; 
color : #fff; 
font-weight : bold; 
text-decoration : none; 
}

div#nav_main li a:hover { 
	color : #cb98fe;
	font-weight: bold;
}

div#content_sub a { 
text-decoration : none; 
}

div#content_sub li a { 
display : block; 
padding : .15em 0; 
}

div#content_sub dd a { 
padding-left : 20px; 
background : url(/images/dd-a.gif) no-repeat left center; 
}

div#content_supp dd p a { 
padding-left : 20px; 
background : url(/images/supp-a.gif) no-repeat left center; 
}

div#siteinfo ul a { 
padding : 0 .5em; 
}

/* =acronym =abbr */
acronym, abbr { 
border-bottom : 1px dotted; 
text-decoration : none; 
cursor : help; 
}

a acronym, a abbr { 
cursor : pointer; 
}

/* =table */
table { 
margin : 0 20px; 
border : 1px solid #ccc; 
border-collapse : collapse; 
}

/* =th */
th { 
padding : .15em .5em .15em .25em; 
background-color : #480048; 
border-bottom : 1px dotted #ccc; 
color : #fff; 
}

/* =td */
td { 
padding : .15em .5em .15em .25em; 
}

/* =form */
form { 
margin : .5em 20px; 
}

div#content_sub form { 
margin : 0; 
}

/* =fieldset */
fieldset { 
border : 0 solid #fff; 
}

/* =label */
label, label span { 
display : block; 
}

/* =input */
input { 
width : 90%; 
padding : 1px 3px; 
font : 100% Tahoma, Helvetica, Arial, sans-serif; 
border : 1px solid #666; 
}

input:focus { 
border : 1px solid #000; 
}

/* =textarea */
textarea { 
width : 90%; 
height : 10em; 
font : 100% Tahoma, Helvetica, Arial, sans-serif; 
border : 1px solid #666; 
}

/* =select */
select { 
width : 90%; 
padding : 1px 3px; 
font : 100% Tahoma, Helvetica, Arial, sans-serif; 
border : 1px solid #666; 
}

/* =submit */
form div input { 
width : auto; 
padding : .15em .25em; 
border : 2px double #cdc6d6; 
border-top-color : #e2daeb; 
background-color : #480048; 
Tahoma, Helvetica, Arial, sans-serif; font-size : 88%; 
text-transform : uppercase; 
color : #fff;  
}

/* =Subnav */
body#case_studies ul li.case_studies a,
body#case_studies ul#topnav li.stage_hire a,

body#privacy ul li.privacy a,
body#contact ul li.contact a,

body#index ul li.index a,
body#index ul#topnav li.index a,

body#about ul li.about a,
body#stage_hire ul li.stage_hire a,
body#hire ul li.hire a,
body#info ul li.info a,
body#audio_visual ul li.audio_visual a,
body#gallery ul li.gallery a,

li.current a  {
	color : #cb98fe;
	font-weight: bold;
/*color : #989898;*/

}


/* =div */
form div { 
padding : .5em 0; 
}

/* =layout */
div#nav_main { 
background : #480048 url(/images/nav_main.gif) repeat-x 0 100%; 
text-align : center; 
}

div#nav_main div { 
width : 772px; 
margin : 0 auto; 
text-align : left; 
overflow : hidden; 
}

div#container { 
width : 772px; 
margin : 0 auto; 
text-align : left; 
}

div#content_news { 
height : 60px; 
width : 100%; 
/*background : url(/images/content_news.jpg) no-repeat; */
}

div#branding { 
position : relative; 
height : 175px; 
width : auto; 
margin-right : 30px; 
}

body.index div#branding { 
width : 100%; 
margin-right : 0; 
/*background : url(/images/home-banner2.jpg) no-repeat; */
}

div#content { 
width : 100%; 
margin-top : 20px; 
background : url(/images/content.gif) repeat-y; 
overflow : hidden; 
}
div#content2 { 
width : 100%; 
margin-top : 20px; 
overflow : hidden; 
}

div#content_main { 
float : left; 
width : 560px; 
padding : 0 0 10px 0; 
}

div#content_main dl {
	margin: 0 19px 0 18px;
}

div#content_sub { 
float: right;
width : 185px; 
padding : 0px 0 10px 0; /* is floated right,l and main's floated left... */
}

body.index div#content_sub { 
padding : 10px 0; 
}

div#content_supp { 
clear : both; 
width : 100%; 
padding : 20px 0; 
background-color : #fff; 
overflow : hidden; 
}

div#siteinfo { 
clear : both; 
width : 100%; 
background : url(/images/p-firstchild.gif) repeat-x; 
text-align : center; 
}
div#content_main img {
	float: left;
	margin: 0 15px 5px 0;
}
div#img-caption img {
	float: left;
	margin: 0 15px 5px 18px;
}
div#hire-caption img {
	float: left;
	margin: 0 15px 5px 0;
}
.story-nav {
	display: inline;
}
#description p.more {
	margin-top: .4em;
}
#description p.readmore {
	margin-top: 1em;
	font-size: 110%;
	border-top: 1px solid #ccc;
	padding-top: .5em;
}
#description p.readmore a {
	color: #4A5A79;
}
#view-all {
	border-top: 1px solid #ccc;
	margin-top: 2em;
}



/* @group form */
fieldset {
	margin: 0 0 1em 0;
	padding: 6px 6px 15px 10px;
	border: 1px solid #ccc;
}
fieldset:hover {
	background: #f5f5f5;
}
fieldset div br {
	display: none;
}
#submitbutton {
	clear: left;
width : auto; 
padding : 2px 4px; 
border : 2px double #cdc6d6; 
border-top-color : #e2daeb; 
background-color : #480048; 
font-family: Tahoma, Helvetica, Arial, sans-serif; 
font-size : 100%; 
text-transform : uppercase; 
color : #fff; 
}
legend {
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0.5em;
}
label em {
	font-style: normal;
	text-decoration: underline;
	color: #900;
}
input {
font-size: 95%;
}
input.input {
width: 200px;
border: 1px solid #CCC;
padding: 3px;
display:block;
font-size: 115%;
margin-bottom: 1em;
}
input.input:focus {
border: 2px solid #666;
padding: 2px;
}

#misc-checkboxes label {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px dashed #ccc;
}
/* @end */}



/* @group Table */
table,tr, td, th {
	border-collapse: collapse;
	margin-bottom: 2em;
	margin-top: 0;
	width: 430px;
	text-align:left;
	vertical-align:top;
	color: #4d4d4d;
}
table {
	border: none;
}
tr, td, th {
	border: 1px solid #ccc;
}
td, th {
	padding: 3px;
}
th {
	line-height: 125%;
	background: white;
}
tr.odd {
	background: white;
}
tr.even {
	background: white;
}
td.year {
	font-weight: normal;
}
/* @end */
	
	
/* homepage galleries */
div.minigal {
clear: both;
}
div.minigal ul {
list-style: none;
}
div.minigal ul li {
	display: inline;
}
div.minigal ul li a img {
	margin-right: 5px;
	padding: 5px;
	border: solid 1px #cccccc;
}
div.minigal ul li a:hover img {
	margin-right: 5px;
	padding: 5px;
	border: solid 1px #cccccc;
	background-color: #330066;
}