/***** Global Settings *****/
body { color: #4a4a4c; font-size: 1.1em; line-height: 1.6em; background: #e2e3e5 url(../../images/zing_bg_tile.gif); }
html { min-height: 100%; margin-bottom: 1px; }  /* makes the scroll bar always on for Firefox */

/***** Common Positioning *****/
DIV#wrapper { width: 868px; position: relative; }
DIV#wrapperinner { padding-top: 10px; }

DIV#header { width: 868px; }
DIV#header DIV#image { margin-bottom: 3px; width: 864px; border: 2px solid #fff } 
 
DIV#mainnav { height: 29px; }
DIV#mainnav DIV.item { float: left; border: 2px solid #fff; margin-left: 2px; }
DIV#mainnav DIV.first { margin-left: 0px; }

DIV#contentarea { position: relative; clear: both; margin-top: 3px; background: #e2e3e5; border: 2px solid #fff;}
DIV#contentarea DIV._t { background:url('../../images/outlines/contentarea_t.jpg') 0px 0px repeat-x;}
DIV#contentarea DIV._l { background:url('../../images/outlines/contentarea_l.jpg') 0px 0px repeat-y;}
DIV#contentarea DIV._r { background:url('../../images/outlines/contentarea_r.jpg') 100% 0px repeat-y;}
DIV#contentarea DIV._b { background:url('../../images/outlines/contentarea_b.jpg') 0px 100% repeat-x;}
DIV#contentarea DIV._tl { background:url('../../images/outlines/contentarea_tl.jpg') 0px 0px no-repeat;}
DIV#contentarea DIV._tr { background:url('../../images/outlines/contentarea_tr.jpg') 100% 0px no-repeat;}
DIV#contentarea DIV._bl { background:url('../../images/outlines/contentarea_bl.jpg') 0px 100% no-repeat;}
DIV#contentarea DIV._br { background:url('../../images/outlines/contentarea_br.jpg') 100% 100% no-repeat;}
DIV#contentarea DIV.mainSiteContent { width: 864px;  }
DIV#contentarea DIV.mainSiteContentInner { padding: 28px; } 

DIV.line { height: 9px; background: url(../../images/line_bg_white.gif) repeat-x; margin: 2px 0px 16px 0px; }
DIV.lineequal { margin: 9px 0px 9px 0px; }
DIV.boxcontentinner DIV.line { filter:alpha(opacity=50); moz-opacity:0.5; opacity:0.5; }
DIV.boxcontentinnerLarge DIV.line { filter:alpha(opacity=50); moz-opacity:0.5; opacity:0.5; }
DIV.pinkbox DIV.line { margin-bottom: 6px; filter:alpha(opacity=25); moz-opacity:0.25; opacity:0.25; }
DIV.whitebox DIV.line { background: url(../../images/line_bg_grey.gif) repeat-x; }
DIV.greybox DIV.line { margin-bottom: 6px; }

DIV#footer { width: 868px; clear: both; margin-top: 10px; }
DIV#footerlinks { color: #bbb; }
DIV.ring { width: 20px; height: 15px; float: left; background: url(../../images/title_ring_dark.gif) no-repeat; background-position: 5px 5px; }
DIV.pinkbox DIV.ring { background: url(../../images/title_ring_pink.gif) no-repeat; background-position: 5px 5px; }
DIV.title IMG { padding-top: 2px; }


DIV#imagerotator { width: 262px; height: 162px; border: 2px solid #fff; margin-bottom: 9px;} 
DIV#findoutmore_btn { width: 262px; height: 30px; border: 2px solid #fff; } 
DIV#onlineprimagerotator { width: 303px; height: 262px; float: right; border: 2px solid #fff; margin-bottom: 9px; } 
.whiteborder { border: 2px solid #fff; } 


DIV#findoutmore_popup, DIV#videoplayer_popup { position: absolute; background: #fff; border: 2px solid #fff; }
DIV#findoutmore_popup DIV.t, DIV#videoplayer_popup DIV.t { background:url('../../images/outlines/popup_t.jpg') 0px 0px repeat-x;}
DIV#findoutmore_popup DIV.l, DIV#videoplayer_popup DIV.l { background:url('../../images/outlines/popup_l.jpg') 0px 0px repeat-y;}
DIV#findoutmore_popup DIV.r, DIV#videoplayer_popup DIV.r { background:url('../../images/outlines/popup_r.jpg') 100% 0px repeat-y;}
DIV#findoutmore_popup DIV.b, DIV#videoplayer_popup DIV.b { background:url('../../images/outlines/popup_b.jpg') 0px 100% repeat-x;}
DIV#findoutmore_popup DIV.tl, DIV#videoplayer_popup DIV.tl { background:url('../../images/outlines/popup_tl.jpg') 0px 0px no-repeat;}
DIV#findoutmore_popup DIV.tr, DIV#videoplayer_popup DIV.tr { background:url('../../images/outlines/popup_tr.jpg') 100% 0px no-repeat;}
DIV#findoutmore_popup DIV.bl, DIV#videoplayer_popup DIV.bl { background:url('../../images/outlines/popup_bl.jpg') 0px 100% no-repeat;}
DIV#findoutmore_popup DIV.br, DIV#videoplayer_popup DIV.br { background:url('../../images/outlines/popup_br.jpg') 100% 100% no-repeat;}
DIV#findoutmore_popup DIV.corner_bottom, DIV#videoplayer_popup DIV.corner_bottom { background:url('../../images/findoutmore_corner_bottom.gif') 0px 100% no-repeat;} 
DIV#findoutmore_popup DIV.corner_top, DIV#videoplayer_popup DIV.corner_top { background:url('../../images/findoutmore_corner_top.gif') 100% 0px no-repeat;} 
DIV.popup_close { float: right; padding: 14px 14px 0px 0px; }
DIV#findoutmore_popup { z-index: 1000; display: none; top: 20px; left: 50px; }
DIV#videoplayer_popup { z-index: 2000; display: none; top: 253px; left: 20px;  }
DIV#videoplayer_title { font-weight: bold; color: #c93895; padding-bottom: 5px; }
DIV#videoplayer_player { z-index: 3000; width: 453px; height: 300px; text-align: center}

DIV.pinkbox { float: left; color: #fff; background: #c93895; border: 2px solid #fff; }
DIV.pinkbox DIV.t { background:url('../../images/outlines/pinkbox_t.jpg') 0px 0px repeat-x;}
DIV.pinkbox DIV.l { background:url('../../images/outlines/pinkbox_l.jpg') 0px 0px repeat-y;}
DIV.pinkbox DIV.r { background:url('../../images/outlines/pinkbox_r.jpg') 100% 0px repeat-y;}
DIV.pinkbox DIV.b { background:url('../../images/outlines/pinkbox_b.jpg') 0px 100% repeat-x;}
DIV.pinkbox DIV.tl { background:url('../../images/outlines/pinkbox_tl.jpg') 0px 0px no-repeat;}
DIV.pinkbox DIV.tr { background:url('../../images/outlines/pinkbox_tr.jpg') 100% 0px no-repeat;}
DIV.pinkbox DIV.bl { background:url('../../images/outlines/pinkbox_bl.jpg') 0px 100% no-repeat;}
DIV.pinkbox DIV.br { background:url('../../images/outlines/pinkbox_br.jpg') 100% 100% no-repeat;}
DIV.pinkbox DIV.content { width: 68px; height: 68px; } /* this is the min w/h */

DIV.greybox { float: left; background: #8b8d90; border: 2px solid #fff; }
DIV.greybox DIV.t { background:url('../../images/outlines/greybox.jpg') 0px 0px repeat-x;}
DIV.greybox DIV.l { background:url('../../images/outlines/greybox.jpg') 0px 0px repeat-y;}
DIV.greybox DIV.r { background:url('../../images/outlines/greybox.jpg') 100% 0px repeat-y;}
DIV.greybox DIV.b { background:url('../../images/outlines/greybox.jpg') 0px 100% repeat-x;}
DIV.greybox DIV.tl { background:url('../../images/outlines/greybox.jpg') 0px 0px no-repeat;}
DIV.greybox DIV.tr { background:url('../../images/outlines/greybox.jpg') 100% 0px no-repeat;}
DIV.greybox DIV.bl { background:url('../../images/outlines/greybox.jpg') 0px 100% no-repeat;}
DIV.greybox DIV.br { background:url('../../images/outlines/greybox.jpg') 100% 100% no-repeat;}
DIV.greybox DIV.content { width: 68px; height: 68px; } /* this is the min w/h */

DIV.whitebox { float: left; background: #ffffff; border: 2px solid #fff; }
DIV.whitebox DIV.t { background:url('../../images/outlines/whitebox_t.jpg') 0px 0px repeat-x;}
DIV.whitebox DIV.l { background:url('../../images/outlines/whitebox_l.jpg') 0px 0px repeat-y;}
DIV.whitebox DIV.r { background:url('../../images/outlines/whitebox_r.jpg') 100% 0px repeat-y;}
DIV.whitebox DIV.b { background:url('../../images/outlines/whitebox_b.jpg') 0px 100% repeat-x;}
DIV.whitebox DIV.tl { background:url('../../images/outlines/whitebox_tl.jpg') 0px 0px no-repeat;}
DIV.whitebox DIV.tr { background:url('../../images/outlines/whitebox_tr.jpg') 100% 0px no-repeat;}
DIV.whitebox DIV.bl { background:url('../../images/outlines/whitebox_bl.jpg') 0px 100% no-repeat;}
DIV.whitebox DIV.br { background:url('../../images/outlines/whitebox_br.jpg') 100% 100% no-repeat;}
DIV.whitebox DIV.content { width: 16px; height: 16px; } /* this is the min w/h */

DIV.boxcontentinner { padding: 14px; }
DIV.boxcontentinnerLarge { padding: 20px; }
DIV.boxcontentinnerHuge { padding: 35px; }


DIV.dhtmlscrollbar, DIV.dhtmlscrollbar_grey { position: relative; float: right }
DIV.dhtmlscrollbar_grey DIV.dhtmlscrollbar_scrubber, DIV.dhtmlscrollbar_grey DIV.dhtmlscrollbar_track { background: #999 !important;  }
DIV.dhtmlscrollbar_scrubber { position: absolute; background: #fff; width: 5px; height: 10px; left: -5px; }
DIV.dhtmlscrollbar_track { position: absolute; background: #fff; width: 1px; left: -3px }
DIV.dhtmlscrollerContainer { position: relative; margin-right: 13px; overflow: hidden }
DIV.dhtmlscrollerContent { position: absolute; } 



DIV.featurethumbs DIV.clientthumb { float: left; color: #fff; font-weight: bold; width:147px; overflow: hidden; } /* width/overflow set to stop long title's screwing it up */
DIV.featurethumbs DIV.alt { padding-left: 9px; padding-right: 9px; }
DIV.featurethumbs DIV.clientthumb IMG { width: 143px; height: 70px; margin-bottom: 5px;}


DIV.services_item { height: 250px; padding: 0px 30px 0px 30px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}
DIV.services_item DIV.heading { padding: 12px 0px 7px 0px; }


DIV.client_sep { height: 1px; background: #ddd } 
DIV.client_item { height: 134px; }
DIV.client_item TABLE { height: 134px; }
DIV.client_item TD { vertical-align: middle; }
DIV.client_item TD.logo { width: 134px; border-right: 1px solid #ddd; text-align: center; }
DIV.client_item TD.description { text-align: justify; padding: 20px; }

DIV#client_assets TABLE.title { float: left; width: 808px; }
DIV#client_assets_list_content { padding-bottom: 15px; } /* each item in the list has padding-bottom of 20px.. added = 35px - same as other sides of "boxcontentinnerHuge" */
DIV.client_assets_list_content_item { float: left; width: 367px; padding-bottom: 20px; }
DIV.client_assets_list_content_item TABLE { height: 127px;  }
DIV.client_assets_list_content_item TD { vertical-align: middle; }
DIV.client_assets_list_content_item TD.logo { width: 127px; text-align: center; }
DIV.client_assets_list_content_item TD.description { text-align: justify; padding: 0px 20px 0px 20px; }


TD.client_assets_itemdetails_content { width: 470px; text-align: center; }
TD.client_assets_itemdetails_text { vertical-align: top; padding-left: 30px; }
TD.client_assets_itemdetails_text SPAN.nextprev a, TD.client_assets_itemdetails_text SPAN.nextprev a:visited { text-decoration: none; }

DIV#client_assets_list, DIV#client_assets_itemdetails, DIV#client_assets_loading { display: none; margin-top: 10px; float: left; }





DIV#rhs_image { float: right; width: 262px; height: 162px; border: 2px solid #fff; }


DIV#team_bricks { float: right; width: 489px; height: 200px; border: 2px solid #fff; }
DIV#team_profile_title { color: #fff; font-weight: bold; }
DIV#team_profile_description { color: #fff; font-weight: bold; left: 0px; width: 460px; height: 130px; }

/***** Typography *****/
FONT.pinksubtitle    { color: #ca3895; font-weight: bold; }

/***** Forms *****/
.textbox { padding: 3px; background: #F1F1F2; border: 0px; font-size: 1.0em; font-family: Arial, Helvetica, Verdana, Trebuchet MS, Tahoma ; }
.formitem_label { font-weight: bold; padding-top: 4px; width: 105px; font-size: 1.0em;  }
.formitem_item  { padding-bottom: 10px; font-size: 1.0em; }

TABLE.wecanhelp { margin-top: 10px; }
TABLE.wecanhelp .formitem_label { width: 70px; font-size: 0.9em; padding-top: 2px;  } 
TABLE.wecanhelp .textbox { background: #d25da8; color: #fff; } 


.w200 { width: 200px; }
.w350 { width: 350px; }




/***** Link *****/
a, a:visited { color: #ca3895; font-weight: bold; text-decoration: underline; }
a:hover, a:active { color: #4a4a4c }

DIV#footerlinks a, DIV#footerlinks a:visited { color: #bbb; font-weight: normal; text-decoration: none;}
DIV#footerlinks a:hover, DIV#footerlinks a:active { color: #ca3895 }

a.white, a.white:visited { color: #fff; font-weight: bold;}
a.white:hover, a.white:active { color: #4a4a4c }

a.featureproject, a.featureproject:visited { color: #fff; text-decoration: none; }
a.featureproject:hover, a.featureproject:active { color: #4a4a4c; text-decoration: none; }