body
{
  margin: 0px;
  padding: 0px;
  color: #000000;
  font: normal 101%/1.2em Arial,Helvetica, sans-serif;
}

body.about {background: #F2F1E6 url("/images/backgrounds/about.gif") repeat-x top left;}
body.web {background: #F2F1E6 url("/images/backgrounds/web.gif") repeat-x top left;}
body.ui {background: #F2F1E6 url("/images/backgrounds/ui.gif") repeat-x top left;}
body.concept {background: #F2F1E6 url("/images/backgrounds/concept.gif") repeat-x top left;}
body.error { background-color: #ffcc00; }

img
{
  vertical-align: text-bottom;  
  border: 0px;
}

#skip
{
  display:none;
}


#center {
	position: relative;
  text-align: left;
  background: transparent url("/images/backgrounds/center.gif") no-repeat top left;
  width: 760px;
  padding: 0px 1px 10px;
  margin: 0px auto;
  min-height: 720px;
  height: 780px; 
  overflow: visible;
}

body>#center
{
  height: auto; overflow: auto;
}

#center #navigation
{ 
  height: 100px;
}

#center h2
{ 
  height: 46px;
  margin: 2px 0px 0px;;
  padding: 0px;
  text-indent: -999em;
  overflow: hidden;
  background-color: #6E6771;
  background-attachment: scroll;
  background-position: bottom center;
  background-repeat: no-repeat;
  width: 758px;
}


#content
{
  position:relative;
  margin: 20px 210px 0px 160px;
  padding: 0px;
  font: normal 0.75em/1.4em Arial, Helvetica;
  color: #555555;
  float: none;
}

#content p
{ 
  margin-top: 0;
}

#content a   { color: #3249aa; text-decoration: none }
#content a:hover  { color: #3f5cd4; text-decoration: underline }

#content a[rel="external"] { 
  padding-right: 15px;
  margin-right: 5px;
  background: transparent url("/images/generic/new.gif") no-repeat center right;
}

#content h3 {
  font: bold 1.4em Arial;
  background: transparent url("/images/generic/dottedline.gif") repeat-x top left;
  padding: 5px 0px 1px;
  color: #202978;
}
#content h4
{ 
  font: normal 0.9em Arial;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0;
  color: rgb(139, 132, 141);
}

#content ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#content ul li
{
  background: transparent url("/images/generic/triangle.gif") no-repeat top left;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

#content ul a
{ 
  color: #202978;
}


#callout 
{ 
  width: 150px;
  float: left;
  margin-top: 20px;
}


#sidebar
{ 
  float: right;
  width: 200px;
  height: auto;
  text-align: right;
  padding-right: 2px;
}

#web.approach #sidebar {background: transparent url("/images/backgrounds/web_approach.gif") no-repeat top center;}
.services #sidebar {background: transparent url("/images/backgrounds/ui_services.gif") no-repeat top right ;}

#sidebar quote
{ 
  border: 1px solid blue;
  text-align: left;
}

#sidebar a
{ 
  color: rgb(50, 73, 170);
}

span.cutline
{ 
  color: #343433;
  font: bold 1.2em/1em Arial;
}

#subnavigation
{ 
  list-style: none;
  font: normal 12px/1.2 Arial, Helvetica;
  margin: 0px;
  position: relative;
  padding: 0;
}

#subnavigation li
{ 
  margin: 0 0 0.3em;
  padding-left: 10px;
}


#subnavigation li ul 
{ 
  list-style: none;
  margin: 5px 0px ;
  padding: 0;
}

#subnavigation li a
{ 
  color: #3249AA;
  text-decoration: none;
}
#subnavigation li.active
{ 
  color: #444444;
  background: transparent url("/images/generic/triangle.gif") no-repeat top left;
}

#subnavigation li a:hover
{ 
  text-decoration: underline;
}

#subnavigation li ul li a
{  
  color: #3249AA !important;
}
#subnavigation li.active a {color: #444444 !important;}
#subnavigation li.active ul li a
{ 
  color: #3249AA !important;
}
fieldset
{ 
  border: 0;
  padding: 0;
}

fieldset legend
{ 
  display:none;
}

fieldset div.row { 
  clear:left;
  padding: 0.5em 0px;
}

fieldset div.row p.error {
  color: #a00;
  clear: left;
  margin-left: 100px;
  margin-bottom: 0;
}

fieldset label { 
  float: left;
  width: 100px;
}

fieldset input, fieldset textarea
{ 
  float: left;
}

fieldset textarea
{ 
  width: 250px;
}

fieldset .row .button
{ 
  margin: 10px 100px;
}


#callout blockquote
{ 
  margin: 30px 0 0 10px;
  text-indent: 20px;
  background: transparent url("/images/generic/arrow-small.gif") no-repeat top left;
  padding: 0;
  color: #588FD5 
} 

#callout #contact
{ 
  font: normal 0.8em/1.2em Arial, Helvetica;
  color: #666666;   
  padding: 5px 0px 10px;
  margin-top: 120px;
  border-top: 1px dotted grey;
  border-bottom: 1px dotted grey;
}

#callout #contact h3
{ 

  margin: 0;
  text-transform: uppercase;
  font: normal 0.9em/1.4em Arial, Helvetica;
  font-weight: normal;
}

#callout #contact a
{ 
  display: block;
  color: #3249AA;
  text-decoration: none;
  margin-bottom: 0.3em;
}


#sidebar blockquote
{ 
  text-align: left;
  margin: 20px 0px;
  padding: 0;
  color: #838383;
  font: normal 1em/1.2em "Georgia","Times New Roman", Times, serif;
}

img.principal, img.example
{ 
  margin: 0px 10px 10px 0px;
  float: left;
}

#readmore 
{ 
  font: normal 0.8em/1.2em  Arial,Helvetica, sans-serif;
  width: 150px;
  padding-bottom: 10px;
  background: transparent url("/images/backgrounds/readmore_bg.gif") repeat-y left bottom;
}

.ui  #readmore
{ 
  /*background: transparent url("/images/backgrounds/readmore_ui.gif") repeat-y left bottom;*/
}

#readmore p
{
  margin: 0 20px;
  width: 120px;
  color: #908C8D;
}

#readmore a
{ 
  color: #767273;
  text-decoration: none;
  font-weight: bold;
}

#readmore a:hover
{ 
  text-decoration: underline;
}

#readmore h3
{ 
  text-indent: -999em;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: transparent url("/images/backgrounds/readmore_top.gif") no-repeat left top;
  height: 30px;
}
#callout .btn a
{ 
  width: 160px;
  height: 30px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-image: url(/images/generic/web_dp_btn.gif);
  background-repeat: no-repeat;
}
.web #callout .btn a
{ 
  background-image: url(/images/generic/web_dp_btn.gif);
}
.web #callout .btn a:hover
{ 
  background-image: url(/images/generic/web_dp_btn_hover.gif);
}
.ui #callout .btn a
{ 
  background-image: url(/images/generic/ui_dp_btn.gif);
}
.ui #callout .btn a:hover
{ 
  background-image: url(/images/generic/ui_dp_btn_hover.gif);
}
#sidebar #clipboard
{ 
  text-align: left;
  background: transparent url("/images/backgrounds/clipboard.gif") no-repeat left bottom;
  font-size: 0.75em;
  width: 180px;
  margin: 0px auto;
  height: 320px;
  position: relative;
  top: 100px;
}

#sidebar #clipboard h3
{ 
  position: absolute;
  top: 45px;
  left: 30px;
  width: 130px;
  margin: 0;
  padding: 0; 
  font: bold 1em/1em Arial,Helvetica, sans-serif;
  background: transparent url("/images/backgrounds/clipboard_top.gif") no-repeat left top;
}

#sidebar #clipboard ul 
{
  position: absolute;
  top: 74px;
  left: 28px;
  list-style: none;
  padding: 0;
  width: 130px;
  margin: 0;
}

#sidebar #clipboard ul li
{ 
  padding-left: 20px;
  margin: 0;
  line-height: 1.4em;
  background: transparent url("/images/generic/checkbox.gif") no-repeat left 3px;
}

#sidebar #clipboard ul li.easteregg
{ 

}

#sidebar #clipboard ul li.no
{ 
  background: transparent url("/images/generic/checkbox-crossed.gif") no-repeat left 3px;
}

#sidebar #clipboard p
{
  position: absolute;
  top: 280px;
  left: 0px;
  padding: 0 20px;
  width: 140px;
  color: #666666;
  font: normal 0.95em/1.5em  Arial,Helvetica, sans-serif;
}

img.easteregg
{ 
  position: absolute;
  border: 3px solid #666666;
  background: white;
  padding: 5px;
  top: 120px;
  left: 120px;
}


#footer
{
  /*position: fixed;*/
  bottom: 0px;
  width: 100%;
  height: 60px;
  border-top: 20px solid #8D92BE;
  background-color: #202978;
}

#footer #copyright
{ 
  margin: 0px auto;
  width: 760px;
}

#footer #copyright p
{ 
  color: #8D92BE;
  font: normal 9px Arial;
  margin-left: 200px;
  width: 340px;
}
img.roll
{
}
#navigation
{ 
  position: relative;
}
#navigation h1
{
  background: transparent url('/images/navigation/home.gif') no-repeat top left;
  width: 159px;
  height: 100px;
  cursor:pointer;cursor:hand;
  margin:0;
  padding:0;
  text-indent: -999em;
  overflow: hidden;
  float: left;
}

#navigation h1.over {background-image: url('/images/navigation/home_roll.gif');}

#navigation ul#menu
{ 
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

#navigation ul#menu li
{ 
  width: 80px;
  height: 100px;
  float: left;
  margin-right: 5px;
  position:relative;
}

#navigation ul#menu li a
{ 
  width: 80px;
  height: 100px;
  display: block;
  text-indent: -999em;
  overflow: hidden;
}


#navigation ul#menu li ul
{ 
  font: normal 0.75em Arial;
  text-transform: lowercase;  
  display:none;  
  position:absolute;
  z-index: 10;
  top: 100px;
  list-style: none;
  margin:0;
  padding: 0px 3px 3px 0px;
  background-image: url(/images/generic/nav_shadow.gif);
}
#navigation ul#menu li ul li
{ 
  width: 80px;
  height: auto;
  margin: 0px 0px 1px 0px;
  padding: 0px;
  margin: 0px;
}

#navigation ul#menu li>ul
{ 
  width: 87px;
}


#navigation ul#menu li ul li a
{ 
  height: auto;
  padding: 3px;
  display: block;
  text-decoration: none;
  text-indent: 0;
  overflow: auto;
  background-image: url(/images/backgrounds/menuitem_bg.gif);
  background-position: bottom;
  background-repeat:no-repeat;
}

#navigation ul#menu li.over ul
{  
  display: block
}


#navigation ul#menu li#webdesign { background-image: url('/images/navigation/web.gif'); }
#navigation #webdesign.over ul a {  background-color: #9CD114; color: #525D37; }
#navigation #webdesign.over ul a:hover { background-color: #CAE08D; }


#navigation ul#menu li#ui { background-image: url('/images/navigation/ui.gif'); }
#navigation ul#menu li#concept { background-image: url('/images/navigation/concept.gif'); }


#navigation ul#menu li#webdesign.over { background-image: url('/images/navigation/web_roll.gif'); }
#navigation ul#menu li#ui.over { background-image: url('/images/navigation/ui_roll.gif'); }
#navigation ul#menu li#concept.over { background-image: url('/images/navigation/concept_roll.gif'); }

.web #navigation ul#menu li#webdesign { background-image: url('/images/navigation/web_roll.gif'); }
.ui #navigation ul#menu li#ui { background-image: url('/images/navigation/ui_roll.gif'); }
.concept #navigation ul#menu li#concept { background-image: url('/images/navigation/concept_roll.gif'); }

#navigation #ui.over ul a { background-color: #92DBE6; color:#253586; }
#navigation #ui.over ul a:hover { background-color:#C0E9F0; }

#navigation #concept.over ul a { background-color: #FDC70B; color:#5F5638; }
#navigation #concept.over ul a:hover { background-color:#F4DD92; }


#navigation #aboutcontact
{ 
  margin: 0;
  padding: 0;
  position: absolute;
  left: 542px;
  list-style: none;  
}

#navigation #aboutcontact a
{ 
  float: left;
  text-indent: -999em;
  overflow: hidden;
  display: block;
  width: 60px;
  height: 30px;
}

#navigation #aboutcontact #blog {background: transparent url("/images/navigation/blog.gif") no-repeat top right;}
#navigation #aboutcontact #blog.roll {background: transparent url("/images/navigation/blog_roll.gif") no-repeat top right;}
#navigation #aboutcontact #about {background: transparent url("/images/navigation/about.gif") no-repeat top right;}
#navigation #aboutcontact #about.roll {background: transparent url("/images/navigation/about_roll.gif") no-repeat top right;}
#navigation #aboutcontact #contact {background: transparent url("/images/navigation/contact.gif") no-repeat top left;}
#navigation #aboutcontact #contact.roll {background: transparent url("/images/navigation/contact_roll.gif") no-repeat top left;}
#navigation #aboutcontact #twitter {
  background: transparent url("/images/twitter.gif") no-repeat 0 0;
  height: 18px;
  width: 20px;
  margin: 9px 0 0 4px;
}
#navigation #aboutcontact #twitter:hover {
  background-position: 0 -18px;
}



.gooddog {  }

.email { 
  padding-left: 20px;
  background: url("/images/generic/email.gif") no-repeat 1px 2px; 
}

.phone { 
  padding-left: 20px !important;
  background: url("/images/generic/phone.gif") no-repeat 1px 1px !important;
}

.fax { 
  padding-left: 20px !important;
  background: url("/images/generic/fax.gif") no-repeat 1px 1px !important;
}

#sidebar #pda 
{
  text-align: left;
  position: relative;
  height: 250px;
  background: transparent url("/images/backgrounds/pda.gif") no-repeat left top;
  top: 200px;
}


#pda h3
{ 
  display: none;
}

#pda ul
{
  position:absolute;
  top: 44px;
  left: 39px;
  width: 107px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 115px;
}

#pda ul li
{ 
  font: normal 0.7em/1.2em Arial;
  margin: 0;
  margin-bottom: 0.3em;  
  padding-left: 20px;
  background: transparent url("/images/generic/ui_bullet.gif") no-repeat 5px 4px;;
  border-bottom: 1px dotted #707229;
}

#pda p
{ 
  position: absolute;
  font: normal 0.8em/1.2em Arial;
  color: rgb(101, 96, 103);
  top: 250px;
}




#portfolio
{ 
  height: 440px;
  width: 735px;
  position: relative;
  top: 10px;
  padding: 2px 10px;
  font: normal 0.75em/1.4em Arial,Helvetica, sans-serif;
  color: #BDC0D9;
  overflow: visible;
}

#portfolio div.client
{ 
  border-bottom: 1px dotted #9DA2C7;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

#portfolio div.client h3
{  
  font: bold 1.3em  Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

#portfolio div.client p
{ 
  margin: 0 10px 0.5em 0px;
}

#portfolio a
{ 
  color: #E3E4EC;
  background: none;
  padding: 0;
}


#portfolio a:hover
{ 
  text-decoration: underline;
}

#portfolio div.client a
{ 
  color: #BDC0D9;
  text-decoration: none;
  padding-left: 15px;
  background: transparent url("/images/generic/new_light.gif") no-repeat 0px 2px;
}


#portfolio div.client a:hover
{ 
  color: #DDDEEB;
  text-decoration: underline;
  padding-left: 15px;
  background: transparent url("/images/generic/new_light_roll.gif") no-repeat 0px 2px;
}

#portfolio p.message
{  
  font: bold 1.2em Arial,Helvetica, sans-serif; 
  margin: 3px 0px 20px;
  padding: 4px;
  background: #292F6D !important;
  border: 1px solid #8A8EAF;
}

#tabs
{ 
  height: 300px;
  float:left;
}

#tabs ul 
{ 
  margin: 0;
  padding: 0px;
  width: 400px;
  height: 30px;
}

#tabs ul li
{ 
  float: left;
  margin: 0;
  padding: 0;
  height: 30px;
  background: none;
  text-indent: -999em;
  overflow: hidden;
}

#tabs ul li a
{ 
  display: block;
  height: 28px;
  text-decoration: none;
  border: none;
}

#tabs ul li#discovery_item { background: transparent url(/images/navigation/tabs/discovery.gif) no-repeat bottom left; width: 76px;  }
#tabs ul li#discovery_item.over { background: transparent url(/images/navigation/tabs/discovery_roll.gif) no-repeat bottom left;  }
#tabs ul li#webconcept_item { background: transparent url(/images/navigation/tabs/webconcept.gif) no-repeat bottom left; width: 68px; }
#tabs ul li#webconcept_item.over { background: transparent url(/images/navigation/tabs/webconcept_roll.gif) no-repeat bottom left;  }
#tabs ul li#uiconcept_item { background: transparent url(/images/navigation/tabs/uiconcept.gif) no-repeat bottom left; width: 68px; }
#tabs ul li#uiconcept_item.over { background: transparent url(/images/navigation/tabs/uiconcept_roll.gif) no-repeat bottom left;  }

#tabs ul li#design_item { background: transparent url(/images/navigation/tabs/design.gif) no-repeat bottom left; width: 58px; }
#tabs ul li#design_item.over { background: transparent url(/images/navigation/tabs/design_roll.gif) no-repeat bottom left;  }
#tabs ul li#production_item { background: transparent url(/images/navigation/tabs/production.gif) no-repeat bottom left; width: 85px; }
#tabs ul li#production_item.over { background: transparent url(/images/navigation/tabs/production_roll.gif) no-repeat bottom left;  }
#tabs ul li#postproduction_item { background: transparent url(/images/navigation/tabs/postproduction.gif) no-repeat bottom left; width: 111px }
#tabs ul li#postproduction_item.over { background: transparent url(/images/navigation/tabs/postproduction_roll.gif) no-repeat bottom left;  }

.tab
{ 
  display: none;
  background-color: white;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding: 10px 4px 20px 100px;
  width: 296px;
  min-height: 200px;
  border-bottom: 1px dotted #666666;
  height: 200px;
  overflow: visible;
}

#tabs>.tab
{ 
  height: auto;
  overflow: auto;
}

.web .tab#discovery { background-image: url(/images/backgrounds/tabs/web_discovery.gif) ; }
.web .tab#webconcept { background-image: url(/images/backgrounds/tabs/web_concept.gif) ; }
.web .tab#design { background-image: url(/images/backgrounds/tabs/web_design.gif) ; }
.web .tab#production { background-image: url(/images/backgrounds/tabs/web_production.gif) ; }
.web .tab#postproduction { background-image: url(/images/backgrounds/tabs/web_postproduction.gif) ; }
.ui .tab#discovery { background-image: url(/images/backgrounds/tabs/ui_discovery.gif) ; }
.ui .tab#uiconcept { background-image: url(/images/backgrounds/tabs/ui_concept.gif) ; }
.ui .tab#design { background-image: url(/images/backgrounds/tabs/ui_design.gif) ; }
.ui .tab#production { background-image: url(/images/backgrounds/tabs/ui_production.gif) ; }

#tabs h3
{ 
  display: none;
}

.active
{
  display:block;
}

.tab p
{ 
  width: 280px;
}

div.backtotop
{ 
  text-align: right;
  margin-top: 10px;
  font: 9px Verdana;
  background: transparent url(/images/generic/top.gif) no-repeat 320px 4px;
}

div.backtotop a
{  
  color: #202978 !important;
  border: 0 !important;
}

#clients div.list { 
  background: transparent url(/images/backgrounds/clientlist.gif) repeat-x top left;
  height: 150px;
}

#clients div.list div.client { 
  float: left;
  margin-top: 5px;
  width: 113px;
  text-align: center;
}

#clients div.list div.client * { 
  display: none;
}

#clients div.list div.client.hover * { 
  display: block;
}

#clients div.list div.client img { 
  display: block;
  margin: auto;
}

#clients div.list div.client h4 { 
  font: bold 12px/1.5 Arial;
  text-transform: none;
  letter-spacing: 0.01em;
  color: #0D285D;
  width: 113px;
  text-align: center;
}

#clients div.list div.client a { 
  width: 100px;
  text-align: left;
  border: none;
}

body.about#contactus #sidebar { 
  text-align: left;
  background-color: #EAE9DB;
}

body.about#contactus #sidebar div.address { 
  padding-left: 35px;
  font-style: normal;
  font: normal 12px Arial; 
  margin-top: 1em;
  border-top: 3px solid #F2F1E6;
}

body.about#contactus #sidebar div.address h4 { 
  font: bold 16px Arial;
  padding: 5px 0px 1px;
  margin: 0;
  color: #202978;
}

body.about#contactus #sidebar div.address h5 { 
  font: bold 9px/1 Verdana;
  text-transform: uppercase;
  margin: 1em 0 1em;
  padding: 0;
  color: #666666;
}

body.about#contactus #sidebar div.address p.time { 
  padding: 4px 30px; 
  position: relative;
  left: -30px;
  height: 18px;
  width: 100px;
  margin: 0 0 0em;
  background: transparent url("/images/generic/clock.gif") no-repeat 0px 2px;
  font: bold 11px/1.4 Arial;
  white-space: nowrap;
  color:#666666;
}

body.about#contactus #sidebar div.address address { 
  position: relative;
  width: 110px;
  left: -30px;
  margin:0px;
  padding: 0px 0 0 30px; 
  font-style: normal;
  font: normal 11px/1.4 Arial;
  color:#666666;
}

body.about#contactus #sidebar div.address address.location { 
  background: transparent url("/images/generic/info.gif") no-repeat left top;
}

body.about#contactus #sidebar div.address ul { 
  list-style: none ;
  margin: 0;
  padding: 0;
  color:#666666;
  font: normal 11px/1.4 Arial;
}

body.about#contactus #sidebar div.address ul li { 
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.about#contactus #sidebar div.address a.findus,
body.about#contactus #sidebar div.address a.email { 
  display: block;
  margin: 0.5em 0px 0.5em;
  color: #232323;
  padding: 0;
  background: none;
  font: normal 11px/1.1 Arial;
}

body.about#contactus #sidebar div.address a.email { 
  color: #979797;
}

iframe#maps {
  height: 600px;
  padding-top: 1px;
  margin: 30px 20px 10px;
  clear:both;
  width: 680px;
  background: transparent url("/images/generic/dottedline.gif") repeat-x top left;
}
/* ---------- Generic Clear */
.clear
{
  clear: both;
  font: normal 1px/1px;
}

/* ---------- (Callout) Back Link */
#backLinks h5
{
  margin: 0px;
  padding-left: 8px;
  color: #8b848d;
  font-size: 0.6em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
#backLinks a
{
  text-decoration: none;
}
#backLinks ul
{
  margin: 0px;
  padding: 0px;
  font-size: 0.75em;
}
#backLinks ul li
{
  padding-left: 8px;
  background: transparent url("/images/generic/triangle.gif") no-repeat left center;
}

/* ---------- Client List */
#clientList ul
{
  float: left;
  width: 50%;
  color: #0D285D;
  font-weight: bold;
  letter-spacing: 0.01em;
}
#clientList h3
{
  margin: 0px 0px 0.8em;
}

/* ---------- Team Links */
#teamLinks a
{
  border: none;
  font-weight: bold;
}
form {
  padding-top: 0px;
  margin-top: -10px;
}


body.error { background: #202978 url("/images/backgrounds/portfolio_web.gif") repeat-x top left; }

body.error div.contact { 
  width: 200px;
  float: left;
}


body.error div.message { 
  width: 600px;
  height: 400px;
  margin: 70px auto;
  text-align: center;
  position: relative;
}

body.error div#missing.message { 
  background: transparent url("/images/generic/404.gif") no-repeat top center;
}

body.error div#failed.message { 
  background: transparent url("/images/generic/401.gif") no-repeat top center;
}

body.error div#server-down.message { 
  background: transparent url("/images/generic/503.gif") no-repeat top center;
}

body.error div.message * { 
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: white !important;
}
body.error div.message h3 { 
  height: 60px;
  margin-bottom: 0.5em !important;
  background: transparent url(/images/generic/error-arrow.gif) no-repeat  center 30px !important;
}

body.error div.message p {
  top: 90px;
  position: absolute;
  width: 600px;
  font-size: 22px;
  line-height: 1.4;
}

body.error div.message div.contact { 
  width: 300px;
  position: relative;
  top:180px;
}

body.error div.message div.contact * { 
  display: block;
}
body#services.ui #content h3 {
	border: none;
	background: none;
	margin: 0;
}

body#services.ui #content div {
	clear: right;
	margin-bottom: 2em;
	padding-right: 20px;
}

body#services.ui #content div img {
	float: left;
	margin: 5px 10px 0 0;
}

body#services.ui #content div h3 {
}
body#services.ui #content div p {
}

body#services.ui #recent {
	width: 160px;
	float: left;
}
body#services.ui #recent h4 {
	line-height: 1;
	font-size: 14px;
	margin: 0 0 10px;
	color: #14276d;
}
body#services.ui #recent div.project {
	line-height: 1;
	color: #6d7396;
	width: 150px;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	background: transparent url("/images/generic/dottedline.gif") bottom right repeat-x;
}
body#services.ui #recent div.project img {
	float: left;
	margin-right: 5px;
}
body#services.ui #recent div.project h5 {
	margin: 0;
	font-size: 11px;
}
body#services.ui #recent div.project p {
	margin: 0 0 10px 40px;
	font-size: 11px;
}
body#services.ui #recent div.project p a {
	font-weight: bold;
	color: #6d7396;
}

body#services.ui #contact_side{
	background: url(/images/projects/contact.png) top left no-repeat;
	font-size: 12px;
	position: absolute;
	width: 225px;
	height: 493px;
	top: 328px;
	right: 0px;
}
body#services.ui #contact_side h3#contact {
	background: url(/images/projects/contact_title.png) top left no-repeat;
	width: 143px;
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	padding: 0;
	margin: 5px 0 0 0;
}
body#services.ui #contact_side p {
	padding: 0;
	margin: 5px 0 10px 0 !important;
	line-height: 1.3em;
}
body#services.ui #contact_side div {
	margin: 20px;
	line-height: 1.3;
}
body#services.ui #contact_side div #contactFormArea {
	margin: 0 !important;
	line-height: 1;
	height: 300px;
	padding: 10px 0 0 0;
}
body#services.ui #contact_side label {
	color: #957a11;
	margin: 0;
	font-size: 11px;
	width: 50px;
	float: left;
}
body#services.ui #contact_side #contactFormArea input {
	width: 110px;
	border: 1px solid #957A11;
	float: left;
	margin-bottom: 5px;
}
body#services.ui #contact_side #contactFormArea input.submit {
	width: 76px;
	height: 30px;
	float: right;
	border: none;
	margin-top: 5px;
}
body#services.ui #contact_side #contactFormArea textarea {
	width: 110px;
	height: 50px;
	border: 1px solid #957A11;
	float: left;
}
body#services.ui #contact_side div div.row {
	margin: 0;
	padding: 0;
	clear: left;
}
body#services.ui #contact_side p {
margin: 0.8em 0;
}

body#services.ui #contact_side h3 {
	color: #020e6e;
	font-size: 13px ;
	line-height: 1.3;
	margin: 0px;
}
body#services.ui #center {
  min-height: auto;
  height:auto;
  overflow: hidden;
}