/* webfire stylesheet */
body { text-align:center; background-color: #000; }

.stretcher {background: none !important; background: #000;}

li.testimonial { color:#ED228E;  }
ul.careers { line-height: 22px; }

#container { width:890px; margin:0px auto; text-align:left; margin-top:18px; }
#header_home { width: 890px; overflow: auto; border-bottom: 3px solid #ED228E; height: 60px; margin-bottom: 35px; }
#header_profile, #header_opportunities, #header_help_guides { width: 890px; overflow: auto; border-bottom: 3px solid #ED228E; height: 60px; margin-bottom: 35px; }
#header_services { width: 890px; overflow: auto; border-bottom: 3px solid #0099FF; height: 60px; margin-bottom: 35px; }
#header_work { width: 890px; overflow: auto; border-bottom: 3px solid #99FF00; height: 60px; margin-bottom: 35px; }
#header_contact { width: 890px; overflow: auto; border-bottom: 3px solid #C8AC54; height: 60px; margin-bottom: 35px; }
#header_sendcomments { width: 890px; overflow: auto; border-bottom: 3px solid #C8AC54; height: 60px; margin-bottom: 35px; }
#logo_home a { background: url(../images/logo_profile.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo_profile, #logo_opportunities a, #logo_help_guides a { background: url(../images/logo_profile.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo_services a { background: url(../images/logo_services.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo_work a { background: url(../images/logo_work.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo_contact a { background: url(../images/logo_contact.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo_sendcomments a { background: url(../images/logo_contact.gif) no-repeat; width: 117px; height: 26px; display: block; float:left; }
#logo a span { visibility: hidden; }
#headline_home { width:890px; height: 206px; border-bottom: 20px solid #ED228E; margin-bottom: 20px; }
#headline_profile, #headline_opportunities, #headline_help_guides { width:890px; height: 206px; border-bottom: 20px solid #ED228E; margin-bottom: 20px; }
#headline_services { width:890px; height: 206px; border-bottom: 20px solid #0099FF; margin-bottom: 20px; }
#headline_work { width:890px; height: 206px; border-bottom: 20px solid #99FF00; margin-bottom: 20px; }
#headline_projects { width:890px; height: 186px; border-bottom: 20px solid #99FF00; margin-bottom: 0px; }
#headline_contact { width:890px; height: 206px; border-bottom: 20px solid #C8AC54; margin-bottom: 20px; }
#headline_sendcomments { width:890px; height: 206px; border-bottom: 20px solid #C8AC54; margin-bottom: 20px; }
#footer_home { width:890px; height: 40px; border-top: 3px solid #ED228E; clear:both; }
#footer_profile, #footer_opportunities, #footer_help_guides { width:890px; height: 40px; border-top: 3px solid #ED228E; clear:both; }
#footer_services { width:890px; height: 40px; border-top: 3px solid #0099FF; clear:both; }
#footer_work { width:890px; height: 40px; border-top: 3px solid #99FF00; clear:both; }
#footer_contact { width:890px; height: 40px; border-top: 3px solid #C8AC54; clear:both; }
#footer_sendcomments { width:890px; height: 40px; border-top: 3px solid #C8AC54; clear:both; }
#footer_left { float: left; font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; margin-top: 10px; }
#footer_right { float: right; font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; margin-top: 10px; }
#content_left { float:left; width: 436px; margin-bottom: 30px; }
#content_right { float:right; width: 400px; margin-bottom: 30px; text-align: right; }
#content_profile_left { float:left; width: 417px; margin-bottom: 30px; }
#content_profile_right { float:left; width: 417px; margin-bottom: 30px; margin-left: 56px; }
#content_services { float:right; width: 640px; margin-bottom: 30px; }
#content_contact { float:left; width: 386px; margin-bottom: 30px; }
#content_map { float:right; width: 450px; margin-bottom: 30px; }
#sub_panel_left { float:left; width: 200px; margin-left: 0px; }
#sub_panel_right { float:right; width: 200px;}
#menu { margin-top:10px; float:right; width:370px; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu li { display:block; float:left; margin-left:1.5em; }

/* forms */

fieldset
{
border: #000 solid 1px;
background-color: #C8AC54; 
padding-left: 10px;
background: url(../images/contact_fade.jpg);
color: #000;
height:363px;
}

.form-border{padding-top:15px;}

select { border: #999 solid 1px; font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color:#ffffff; line-height: 16px; background-color: #333; }

/* fonts */
body { font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color:#ffffff; line-height: 16px; }
h1 { font: 26px Helvetica Neue, Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif; color:#fff; line-height: 26px; display:inline; font-weight: 800; }
h2 { font: 20px Helvetica Neue, Helvetica, Arial, "Lucida Grande", Geneva, Verdana, sans-serif; color:#fff; line-height: 26px; display:inline; font-weight: 800; }
h3 {font-size: 11px; font-weight:800; margin: 0 0 0 0;}

span.news { background-color: #6666CC; padding: 2px; line-height: 25px; }
span.small { font-size: 11px; }
span.smallright { font-size: 11px; float:right; }
span.comments { font-size: 11px; }
input.text { border: 1px solid #333; background-color: #FFFFA0; color: #000; font: 13px Arial; }
textarea.text { border: 1px solid #333; background-color: #FFFFA0; color: #000; font: 13px Arial; }

/* links */
a.home {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #ED228E; text-decoration: none;}
a.profile, a.opportunities, a.help_guides {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #ED228E; text-decoration: none;}
a.services {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #0099FF; text-decoration: none;}
a.work {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #99FF00; text-decoration: none;}
a.contact {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #C8AC54; text-decoration: none;}
a.sendcomments {font: 13px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #C8AC54; text-decoration: none;}
a.footer_home {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #ED228E; text-decoration: none; }
a.footer_profile, a.footer_opportunities, a.footer_help_guides {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #ED228E; text-decoration: none; }
a.footer_services {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #0099FF; text-decoration: none; }
a.footer_work {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #99FF00; text-decoration: none; }
a.footer_contact {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #C8AC54; text-decoration: none; }
a.footer_sendcomments {font: 11px Arial, Helvetica, Verdana, "Lucida Grande", Geneva, sans-serif; color: #C8AC54; text-decoration: none; }

/* hover states */
a.home:hover, a.profile:hover, a.opportunities:hover, a.services:hover, a.work:hover, a.contact:hover, a.help_guides:hover, a.sendcomments:hover, a.footer_home:hover, a.footer_work:hover, a.footer_contact:hover, a.footer_sendcomments:hover, a.footer_services:hover, a.footer_profile:hover, a.footer_opportunities:hover, a.footer_help_guides:hover {text-decoration: underline;}

/* images */  
img { border: 0px; }
img.photo { margin-bottom: 10px; }
img.floatright { float:right; }
img.watch_showreel { float:right; margin-top:-198px; }
img.photo_leftmargin { margin-bottom: 10px; margin-left: 30px; }
img.photo_services { margin-bottom: 20px; margin-top: 20px; float: right; }

/* sliding doors */
#contentCsFrame {
  overflow:hidden;
  position:relative;
  width:890px;
  }

#contentCs {
  font:13px arial, helvetica, sans-serif;
  padding:0px 0;
  width:1780px;
  }

#contentCs:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

#csSelected div {
  border-left:solid 1px #4D4D4D;
  float:left;
  width:275px;
  padding:0 7px;
  }

#csSelected div.first {
  border-left:0;
  width:283px;
  padding-right:7px;
  }

#csSelected ul {
  margin:10px 0 40px 0;
  list-style:none;
  padding:0;
  }

#csGrid {
  float:left;
  }

#csGrid tr.mid td {
  border-top:1px solid #4D4D4D;
  height:2px;
  }

#csGrid td {
  border-left:1px solid #4D4D4D;
  border-top:1px solid #4D4D4D;
  width:275px;
  height:14em;
  padding:1.5em 1.5em 0 1.5em;
  vertical-align:top;
  position:relative;
  }

#csGrid td.left {
  border-left:0;
  width:283px;
  padding-left:0;
  }

#csGrid td.top {
  border-top:0;
  padding-top:0;
  }

#csGrid td .logo {
  height:56px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  }

#csGrid td div.bgLinkWrapper {
  position:relative;
  }

#csGrid td div.bgLinkWrapper a.bgLink {
  display:block;
  width:100%;
  height:14em;
  position:absolute;
  left:0;
  right:0;
  }

#csGrid p {
  margin:0 0 1em 0;
  }

/* work */

 #worklist{
 	margin: 0;
	padding: 0;
 	list-style: none;
	float: left;
	width: 890px;
}
 
 .workindexitem{
 	/* display: inline; */
	float: left;
	width: 261px;
	margin: 0 29px 25px 0;
	height:250px;
 }
 
 .workindexitem p{
 	margin: 0;
 }
 
 .workindexitem a{
 	/* float: left; 
 	display: block;
	margin: 0 29px 25px 0;
	width: 261px;*/
 	color: #9F9F9F;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
 }
 
 .workindexitem a img{
 	border: 1px solid #4D4D4D;
 }
 
  .workindexitem a:hover{
  	display: block;
	text-decoration: none;
	background-color:#333333;
 }
 
 .workindexitem a:hover img{
 	border: 1px solid #99FF00;
 }
 
 .workindextext{
  	display: block;
 	margin: 5px 0 3px 10px;
 }
 
 .workindexname{
	color: #ffffff;
 }

/* services menu */
 
#service_nav_left {
  width:200px;
  float:left;
  display:inline;
  margin:0 5px 0 0;
  padding:0;
  }

#service_nav_left p {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  line-height:20px;
  }

#service_nav_left .small {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  font-size:11px;
  line-height:15px;
  }

#service_nav_left #list_nav {
  width:200px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  border-top:1px solid #333;
  }

#service_nav_left #list_nav li {
  display:block;
  border-bottom:1px solid #333;
  }
#list_nav li a {
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  color:#0099FF;
  text-decoration:none;
  line-height:15px;
  }
#list_nav li a:hover {
  color:#fff;
  background:#333;
  }

#list_nav li a.active {
  color:#000;
  background:#F7F7F7;
  }
 
.home_contact{margin-top:15px; width:365px; background-color:#232323; padding:10px; padding-left:25px; padding-top:15px; padding-bottom:15px; line-height:1.3em;}
.home_contact .home_left{float:left; text-align:left; width:55%}
.home_contact .home_right{text-align:left; }
.home_contact .home_right a{text-decoration:none; color:#ED228E;}
.home_contact .home_right a:hover{text-decoration:underline; color:#ED228E;}

.pics{height:266px; width:400px; float:right; z-index:-1;}

.contact-left, .contact-right{float:left; margin-top:10px;}
.contact-left{margin-right:50px;}
.clear{clear:both;}
#message{width:355px;}
.contact-right-msg{float:right; margin-top:-35px; color:#D70000; font-weight:bold;}


/* Help Guides */
.help_guide_title{font-size:24px; font-weight:bold;}
.help_guide_body{margin-top:30px; margin-bottom:30px;}
.help_guide_sub_title{font-size:20px; font-weight:bold; margin-top:25px; margin-bottom:25px;}
.help_guide_img_left{float:left; width:420px; /*height:435px;*/}
.help_guide_img_right{float:right;  width:420px; /*height:435px;*/}
.help_guide_img_left img, .help_guide_img_right img{border:1px dashed #666;}
.help_guide_note{color:#9F9F9F;}
.help_guide_note strong{color:#FFF;}
.help_guide_body a{color:#FFF;}
.help_guide_no_title{height:25px; width:100%;}
.help_desk_back{margin-top:-10px; z-index:99;}



.help_guides_menu_item{float:left; margin-right:10px; margin-bottom:20px;}
.help_guides_menu_item_end{float:left; margin-right:0px; margin-bottom:20px;}
a .help_guides_menu_item_title{text-align:center; font-weight:bold; color:#FFF;}
.help_menu_link:hover .help_guides_menu_item_title{text-decoration:underline; color:#FFF;}
.help_menu_link{text-decoration:none; color:#FFF;}
.help_menu_link:hover{text-decoration:underline; color:#FFF;}