html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; }

ul, li { margin: 0; padding: 0;}

address { font-style: normal; }

/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1.1em; color: black; background: #102161; }
ol { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup 
table { border-collapse: separate; border-spacing: 0; }*/
table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html { height: 100%; margin: 0 0 1px 0; }
body { background: #e0e0e0 url(/Assets/Images//body.gif) repeat-x; font-family: Arial, Verdana, Sans-Serif; }
h1 { margin-bottom: 20px; font-size: 1.5em; font-weight: normal; }
h2, h3 { color: #f99223; margin-bottom: 20px; font-size: 1.25em; font-weight: normal; }
p, address  { margin-bottom: 15px; font-size: 0.75em; }
a span { display: none; }
a { color: #F8931F; }.
.clear { clear: both; }

#container { width: 1000px; overflow: auto; }

#header { position: relative; width: 1000px; background: url(/Assets/Images//header.gif) no-repeat; min-height: 158px; border-bottom: 21px solid #e0e0e0; }
* html #header { height: 158px; }
#header ul { float: right; font-size: 0.9em; }
#header ul li { display: inline;}
#header ul li a { color: #fff; text-decoration: none; text-transform: lowercase; display: block; float: left; line-height: 25px; margin: 0 21px; }
#header p { width: 800px; position: absolute; right: 0; top: 80px; text-align: right; }
#header a.logo { display: block; height: 130px; width: 150px; top: 10px; position: absolute; left: 10px; }

#menu { float: left; padding-top: 14px; width: 200px; background: #f8931f url(/Assets/Images//menu-top.gif) no-repeat; margin-bottom: 15px; }
#menu li  { margin-top: 10px; font-weight: bold; font-size: 0.9em; padding-left: 18px; list-style: none; }
#menu li li { font-weight: normal; font-size: 1em; padding-right: 5px; }
#menu li a { color: #fff; text-decoration: none; }
#menu li.last { background: #e0e0e0 url(/Assets/Images//menu-mid.gif) no-repeat; padding-left: 0; padding-top: 15px; font-size: 0.75em; }
#menu li.last a { width: 182px; display: block; background: #e9c295 url(/Assets/Images//menu-foot.gif) no-repeat bottom; padding-left: 18px; text-transform: uppercase; color: #000; padding-top: 10px; padding-bottom: 10px; }
#menu li li.last { background-color: #f8931f;  background-image:none; padding-top: 0; padding-left: 18px; font-size: 1em; }
#menu li li.last a { width: auto; color: #fff; background-color: #f8931f; background-image:none; padding: 0; text-transform: none; }

#menu li.special{background:#E9C295;color:#000;padding:10px 0 10px 18px;}
#menu li.special a{background:#E9C295;color:#000;}

#content { width: 770px; padding: 0 15px; float: right; }
#content ul { margin-bottom: 25px; }
#content li { font-size: 0.75em; margin-left: 25px; margin-bottom: 5px; list-style: disc; }
#content p, #content address { line-height: 1.5em; }
#content .case-study-images img { border: solid 5px #cccaca; margin: 2px; }
#content .case-study-images { text-align: center; }
#content .case-study-images img { display: inline; }

#content .homepageProduct { clear: both; }
#content .homepageProduct img { float: right; display: inline; border: 5px solid #cccaca; margin-bottom: 10px;  }
#content .homepageProduct p { float: left; display: inline; width: 550px; }
#content .homepageProduct ul { float: left; width: 550px; }
#content .homepageProduct h3 { margin-bottom: 5px; }
#content .homepageProduct.left img { float: left; margin-right: 10px; }
#content .homepageProduct.left ul { float: right; }

#content table { font-size:0.8em; border: solid 1px #000; margin-bottom:10px; }
#content td { padding:5px; border: solid 1px #000; }
#content strong { font-weight:bold; }
#content thead th { background-color:#000; color:#fff; }
table .alt { background-color:#e1e1e1;  }
td, th { padding:3px; }

#image-holder { float: right; margin: 0 0 15px 15px; width: 301px; }
#image-holder img, #image-holder object { border: 5px solid #cccaca; margin: 0 auto; margin-bottom: 25px; display: block; }
#image-holder a img { border: none; margin-bottom: 0; }

.alternate-images { clear:both; }
.alternate-images img { float: left; border: 5px solid #cccaca; margin: 3px; }

#contact-form { width: 500px; float: left; }
#contact-form label { display: block; color: #525251; font-size: 0.7em; line-height: 1.3em; font-weight: bold; margin: 5px 0; }
#contact-form input { width: 300px; }
#contact-form input, #contact-form textarea  { display: block; }
#contact-form input.hidden { border: 0; }
#contact-form input.submit { font-family: Arial, Verdana, Sans-Serif; font-size: 0.9em; width: 100px;  border:solid 2px #E9C295; margin: 5px 0 5px 150px; background-color: #F8931F; color: #fff; }
#contact-form #errors ul li { padding: 5px 0; }

#footer { position: relative; background: #91908f; height: 76px; }
#footer p { position: absolute; top: 15px; left: 15px; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p.web-design { left: 865px; }

#header p.sifr span.orange {color: #f99223;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window { color: #333333; }

#TB_secondLine { color:#666666; }

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}



#TB_window h3 { font-size:1.5em; padding:10px; background-color:lime; }



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

#TB_caption,
#TB_closeWindow
{
    font-size:12px;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
  min-width:300px;
  min-height:300px;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
}

#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}