/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Times New Roman", Times, "Free Serif", serif; font-weight: normal; color: #005696; }

h1 
{ 
  font-size: 2em;
  line-height: .9;
  margin-bottom: 0.5em;
  padding-left: 25px;
  background: url(../images/title_droplet.gif) no-repeat left center;
  letter-spacing: -.02em;
}
h2 { font-size: 1.66em; margin-bottom: 0; color: #535353; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h2.subtitle
{
  margin-top: -.8em;
  margin-bottom: .8em;
  font-size: 1.5em;
  color: #666;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover,
#sidebar a.button:hover
{ color: #345e03; }
a,
#sidebar a.button
{ color: #518514; font-weight: bold; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; margin-bottom: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th,td       { padding: 2px 10px 2px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .915em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #c9c9c9;
  background: #f6f6f6 url(../images/form_input_background.png) repeat-x;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 215px; padding:4px; }
input.title   { font-size:1.5em; }
textarea      { width: 465px; height: 135px; padding:4px; }

input.text.small
{
  width: 70px;
}

input.text.very_small
{
  width: 35px;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


#container
{
  width: 960px;
  margin: 0 auto;
  margin-top: 8px;
}

#header
{
  margin-bottom: 1em;
}

#content_main_box
{
  background: #fff url(../images/main_box_home.jpg) no-repeat;
  padding: 26px 40px 26px 480px;
  color: #d4e2ec;  
}
#content_main_box a.button
{
  margin-left: 330px;
  position: relative;
  top: -13px;
}

#content_main_box h1
{
  background: none;
  padding: 0;
  letter-spacing: -.02em;
  line-height: 1;
}
h1#slogan_1
{
  color: #8bb2cf;
}
h1#slogan_2
{
  color: #fff;
  font-size: 2.2em;
  margin-top: -.6em;
  margin-left: .5em;
}

#navigation
{
  background: url(../images/navigation_back.gif) repeat-x;
  height: 26px;
  padding-top: 5px;
  position: relative;
  margin-left: 95px;
  margin-top: -37px;
}
#navigation_left, #navigation_right
{
  background: url(../images/navigation_back_corners.gif) no-repeat;  
  position: absolute;
  width: 15px;
  height: 31px;
  top: 0px;
}
#navigation_right
{
  right: 0;
  background-position: right top;
}

#navigation ul
{
  list-style: none;
  position: relative;
  margin: 0;
  margin-left: 6px;
}
#navigation ul ul
{
  margin: 0;
}

#navigation ul li
{
  display: inline;
}

#navigation ul li a, #navigation ul li a span
{
  background: url(../images/button.png) no-repeat;
}
#navigation ul li a
{
  display: block;
  float: left;
  color: #535353;
  text-decoration: none;
  font-weight: bold;
  height: 26px;
  margin-right: 25px;
  padding-left: 15px;
}
#navigation ul li a span
{
  cursor: pointer;
  background-position: right top;
  text-align: center;
  margin-right: -15px;
  padding-right: 15px;
  display: block;
  width: 70px;
  padding-top: 2px;
  height: 24px;
}
#navigation ul li.active a.toggle
{
  background-position: 0 -90px;
}
#navigation ul li.active a.toggle span
{
  background-position: right -90px;
}
#navigation ul li a:hover, #navigation ul li a:active,
#navigation ul li.active a
{
  color: #fff;
  background-position: 0 -30px;
}
#navigation ul li a:hover span, #navigation ul li a:active span,
#navigation ul li.active a span
{
  background-position: right -30px;
}
#navigation ul li.active a.toggle, #navigation ul li.active a.toggle:hover, #navigation ul li.active a.toggle:active
{
  color: #535353;
}

#navigation ul div
{
  display: none;
}
#navigation ul li.active div
{
  display: block;
}

#navigation ul li.active
{
  position: relative;
}
#navigation ul li.active li
{
  display: list-item;
  
}


#navigation ul div
{
  background: url(../images/navigation_sub_mid.png) repeat-y;
  position: absolute;
  top: 26px;
  left: -2px;
  
}

#navigation ul div ul
{
  background: url(../images/navigation_sub_bottom.png) no-repeat left bottom;
  position: relative;
  margin-bottom: -15px;
}

#navigation ul div ul li.first
{
  background: url(../images/navigation_sub_top.gif) no-repeat;
  padding-top: 5px;
}
#navigation ul div ul li.last
{
  padding-bottom: 20px;
}

#navigation ul div ul li a
{
  float: none;
  font-size: .915em;
  font-weight: normal;
  background-position: 0 999px;
  margin-left: 7px;
}
#navigation ul div ul li a span
{
  width: 124px;
  text-align: left;
  background-position: 0 999px;
}


a.button, a.button span
{
  background: url(../images/button.png) no-repeat;
}
a.button
{
  background-position: 0 -30px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 3px 0 5px 15px;
  white-space: nowrap;  /* Safari */
}
a.button span
{
  cursor: pointer;
  background-position: right -30px;
  padding: 3px 15px 5px 0;
  margin-right: -15px;
  height: 18px;
}
a.button:hover, a.button:active
{
  background-position: 0 -60px;
}
a.button:hover span
{
  background-position: right -60px;
}

a.button span.arrow
{
  background: url(../images/icons/arrow.png) no-repeat 0 3px;
  padding: 0;
  padding-right: 20px;
  margin-left: 2px;
}
a.button span.search
{
  background: url(../images/icons/search.png) no-repeat left center;
  /*
  text-indent: -9999px;
  display: block;
  position: absolute;
  right: 7px;
  top: -3px;
  */
  margin: 0 -7px 0 -5px;
}


a#customer_login
{
  background: url(../images/icons/padlock.png) no-repeat;
  font-size: .915em;
  color: #fff;
  padding-left: 20px;
  padding-top: 3px;
  position: absolute;
  top: 5px;
  right: 225px;
  font-weight: normal;
}

#search_box
{
  /*
  position: absolute;
  right: 15px;
  top: 5px;
  */
  float: right;
  margin-right: 15px;
}
#search_box input
{
  margin-top: -1px;
  margin-right: 5px;
  float: left;
  border: 0;
  width: 130px;
  height: 20px;
  color: #333;
  padding: 5px 13px 0 15px;
  font-size: .915em;
  background: url(../images/search_box.jpg) no-repeat;
}
#search_box a.button
{
  position: relative;
  float: left;
  /*top: 2px;*/
  margin-right: 4px;
}
#search_box a.button span
{
  padding-top: 4px;
}

#sidebar
{
  float: left;
  width: 180px;
  text-align: right;
  font-size: 0.915em;
  color: #4a4a4a;
  margin-top: 2.4em;
}

#sidebar h1
{
  background: url(../images/sidebar_h1.gif) no-repeat right top;
  padding: 0;
  padding-right: 10px;
  height: 38px;
  line-height: 2em;
  color: #535353;
  font-size: 1.82em;
}

#sidebar h1 img
{
  margin-right: .5em;
  vertical-align: -.05em;
}

#sidebar a.button
{
  background: url(../images/sidebar_button.gif) no-repeat right bottom;
  display: block;
  padding: 0;
  padding-right: 20px;
  text-decoration: underline;
}

#sidebar ul
{
  list-style: none;
  margin: 0;
  padding-right: 10px;
}
#sidebar ul li
{
  margin-bottom: 1.5em;
}
#sidebar span.date
{
  font-weight: bold;
  display: block;
}

#main
{
  margin-left: 230px;
}

#main ul
{
  list-style: none;
}
#main ul li
{
  background: url(../images/bullet.gif) no-repeat left 3px;
  padding-left: 20px;
}
#main ul.spaced li
{
  margin-bottom: 1.5em;
}

#main ul.contact_info li
{
  padding-left: 25px;
  padding-bottom: 1em;
  line-height: 1.2em;
  font-size: .915em;
  background-position: left top;
}
#main ul.contact_info li.email
{
  background-image: url(../images/icons/mail.gif);
}
#main ul.contact_info li.phone
{
  background-image: url(../images/icons/phone.gif);
}
#main ul.contact_info li.fax
{
  background-image: url(../images/icons/fax.gif);
}
#main ul.contact_info li.address
{
  background-image: url(../images/icons/map.gif);
}

div.content_box_row
{
  overflow: hidden;
}

div.content_box_divider,
div.page_header_box_divider
{
  width: 1px;
  height: 1000px;
  margin-bottom: -1000px;
  background: url(../images/dotted_line.gif) repeat-y;
  float: left;
  position: relative;
  left: -15px;
  top: 2em;
}

div.content_box,
div.content_box_button
{
  width: 200px;
  padding: 0 10px;
  float: left;
  margin-right: 29px;
}
div.content_box.last,
div.content_box_button.last
{
  margin-right: 0;
}
div.content_box img
{
  margin: 0 -10px;
  margin-bottom: 1em;
}
div.content_box h1
{
  margin-bottom: .1em;
}
div.content_box ul
{
  margin-left: 0;
}
#main div.content_box ul li,
#main div.page_header_box ul li
{
  margin-bottom: 0;
}

#footer, #footer ul
{
  height: 30px;
  padding-top: 6px;
}
#footer
{
  background: url(../images/footer.gif) no-repeat;
  clear: both;
  padding-left: 10px;
  color: #919191;
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: .915em;
}
#footer a
{
  color: #585858;
  font-weight: normal;
}
#footer img
{
  vertical-align: -.7em;
  margin-right: 2em;
}
#footer ul
{
  margin: 0;
  float: right;
  background: url(../images/footer.gif) no-repeat right top;
  margin-top: -6px;
  padding-top: 11px;
  padding-right: 10px;
}
#footer ul li
{
  display: inline;
  margin-left: 2em;
}


div.page_header_box
{
  background: url(../images/page_header_box.png) no-repeat;
  padding: 1.5em;
  margin-top: -.6em;
  overflow: hidden;
}

div.page_header_box img
{
  float: left;
  margin-right: 1.5em;
  margin-top: -1.5em;
  margin-left: -1.5em;
}

div.page_header_box ul
{
  float: right;
  width: 200px;
  margin: 0;
  margin-left: 3em;
}

div.page_header_box_divider
{
  float: right;
  left: 1.5em;
  top: 0;
  height: 120px;
  position: relative;
}

div.content_box_row_buttons
{
  margin-bottom: 1.5em;
  height: 30px;
}

form table
{
  margin-top: 1.5em;
}

form table th
{
  text-align: right;
  width: 150px;
  vertical-align: top;
  padding-top: .5em;
}
form table th label
{
  font-weight: normal;
}

label.required
{
  font-weight: bold;
}


table input.text, table input.title, table textarea, table select
{
  margin: 0;
}

table tr.spaced td, table tr.spaced th
{
  padding-top: 2em;
}

#sidebar ul.management span.name
{
  display: block;
  font-weight: bold;
}

body#body_services #main h1
{
  padding-top: .9em;
  background-position: left bottom;
}

body#body_services #main h1.double
{
  padding-top: 0;
  background-position: left center;
}

body#body_services #sidebar
{
  margin-top: 4em;
}







#invoice{
	background:transparent url(../images/invoice.png) no-repeat scroll 0 0;
	color:#FFFFFF;
height:38px;
padding-top:11px;
text-align:center;
width:120px;
}


#invoice a:link{
	color:#fff;
	text-decoration:none;
	
}




#invoice a:visited{
	color:#fff;
	text-decoration:none;
	
}



#invoice a:hover{
	color:#fff;
	text-decoration:none;
	
}


#invoice a:active{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	
}

.button1{
	margin-left:-12px;
	
}