/* Reset spacing for browser-consistency */
body,fieldset,div,form,p,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0; border:0; padding:0;}

/*** Global site layout ***/

#page {
 position: relative;
 min-width:800px;
 min-height: 620px;
 overflow: hidden;
 text-align: left;
 background:transparent url(../images/page_bg2.jpg) no-repeat left 104px;
}

#logo {
 z-index: 10;
 position:absolute; /* with respect to #page */
 top:32px;
 left:40px;
 width: 154px;
 height: 109px;
}

#topbar_left {
  position: absolute;
  background: transparent url(../images/topbar_left.jpg) no-repeat left ;
  width: 200px;
  height: 74px;
  top: 0px;
  left: 0px;
  z-index: 3;
}

#topbar_search {
 position: relative;
 background:transparent url(../images/topbar.jpg) no-repeat left top;
 left: 192px;
 height: 74px;
 width: 100%;
}

#topbar_search span {
 float: right;
 width: 100%;
 height: 74px;
 margin-right: -600px;
 background:transparent url(../images/topbar_extend.jpg) repeat-x left top;
}

/* search form if present */
#topbar_search form {
 position: absolute; /* with respect to #topbar_search */
 width:182px;
 height:29px; 
 top: 22px; 
 left: 598px;
 color: #FFFFFF;
 font-size:12px;
}

#topbar_search fieldset {
position: absolute; /* with respect to form */
bottom: 6px; /* align fieldset to bottom then field to top; sidestep browser differences */
height: 18px;
left: 11px;
}

#topbar_search input {
 background-color:transparent;
 margin: 0px 8px 2px 0px; /* 2px offset between search-bottom and button-text */
 width:115px;
 height:14px;
 line-height:14px; 
}

#menu {
 background:transparent url(../images/nav_bar.jpg) no-repeat left top;
 width: 100%;
 height: 30px;
 padding:2px 0px 0px 272px;
}

#menu li {
 float: left;
 list-style: none;
 text-align:center;
 color: #FFFFFF;
 background:transparent url(../images/nav_off.png) no-repeat center top;
 margin: 0px 10px; /* Controls button-spacing */
}

#menu li.extend {
 float: right;
 width: 100%;
 height: 30px;
 margin-top: -2px;
 margin-right: -510px;
 background:transparent url(../images/nav_bar2.jpg) repeat-x left top;
}

#menu a {
 display: block;
 width: 73px;
 height: 28px;
 line-height:28px;
 margin-bottom: 2px;
 color:#FFFFFF;
 font-size:14px;
 font-weight: bold;
 text-transform:capitalize;
}

#menu li.on, #menu li:hover {
 background:transparent url(../images/nav_on.png) no-repeat left top;
}

#menu li.on a,#menu li:hover a { color: #666666; }

/* Main wraps left-bar and content */
#main {
  position: relative;
  padding-bottom: 50px; 
}

/* Left-column contact-bar */
#contact {
 float: left; /* with respect to #page */
 top: 0;
 left: 0;
 margin: 0px 18px 0px 42px;
 width: 150px;
 height: 469px;
 background: transparent;
 text-align: center;
}

#contactname {
 margin: 162px 0px 30px 0px;
 width: 100%;
}

button {
  border: solid 2px #069;
  color: #069;
  background-color: #FFF;
  font-weight: bold;
  font-size: 1.2em;
}
button:hover {
  background-color: #069;
  color: #EEF;
}

#contactname p {
 /* line-height: 20px; */
 padding: 2px;
 width: 100%;
 font-size: 13px;
 color:#FFF;
 font-weight:bold;
}

/* End of global layout, breadcrumb and whisper next  */

#breadcrumb {
 position: absolute; /* with respect to #navigation */
 top:112px;
 left:220px;
}

#whisper {
 position:absolute; /* with respect to #content (in margin) */
 right: 30px;
 width:300px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:1.15em;
 font-weight:bold;
 font-style:italic;
 text-align:right;
 color: #AAC;
}
#whisper span {
 font-size:0.95em;
 font-weight:normal;
 text-align:right;
 padding-top:2px
}

#footer {
 position: absolute;
 bottom: 10px;
 left: 0;
 width: 100%;
 background:transparent url(../images/footer_bg.jpg) repeat-x left top;
 height:26px;
 line-height:20px;
 color: #fff;
 font-size:12px;
 text-align:right;
}

#footer div {
 position: absolute;
 margin-right: 40px;
 bottom: 1px; 
 right: 0px;
 margin-left: 20px;
}
#footer a {
 color:#fff;
 padding:0px 25px;
}

#footer img {
  position: absolute;
  top: -3px;
  right: -80px;
  height: 24px;
  width: 73px;
}

/* Request a quote h2 */
#contact h2 {
 width: 100%;
 border: solid 1px;
 font-size: 15px;
 padding: 1px;
 font-weight:bold;
 text-transform:uppercase;
}

#contact h2 a {
 color: #069;
 display: block;
 width: 100%;
 height: 100%;
}

#contact h2 a:hover {
  background-color: #069;
  color: #FFF;
}

/* Content block containing page-specific content */
#content {
 width: 100%;
 float: right;
 margin-right: -210px;
/* top: 0;
 left: 240px; */
 /* overflow-y:auto; */
 margin-top:60px;
 padding-bottom: 75px;
}

#clients {
  position:relative;
  bottom: 30px;
}

/*** End of Global site layout ***/


/** Global block and type formatting **/

.clear { clear: both; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size:85%;
 text-align: center; /* for IE */
 color:#069;
 background-color:#FFF;
}

#content .plain {
 font-size: 0.92em;
 color: #046;
 margin-top: 6px;
 margin-bottom: 10px;
}

/* padding-bottom:10px; */

a {
 color: #808080;
 text-decoration:none;
}
a:active, a:hover{}


/* Styles */

img {
 border:none;behavior:url("pngbehavior.htc");
}

#content .title {
  margin-left: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20pt;
  padding-bottom:0px;
}

#content .subtitle {
  font-size: 1.4em;
  font-weight: bold;
  font-style: italic;
  margin-top: 30px;
  clear: left;
}

#content .subtitle span {
  position:relative;
  top: 24px;
  padding-left: 6px;
  font-size: 12pt;
  font-weight: bold;
}

#content .subtitle2 {
  position:relative;
  font-style: italic;
  font-weight: bold;
  font-size: 1.2em;
  left: 220px;
  max-width: 400px;
  margin-bottom: 14px;
}

#about {
  max-width: 600px;
}
.subhead {
 font-size: 1.1em;
 font-weight:bold;	
 padding-bottom:5px;
 padding-top: 5px;
 clear: none;
}

.colorinvert {
  color: #EEF;
  background-color: #069;
  font-size: 1.10em;
  /* font-weight: bold; */
}

.subtitlewhite {
 color:#EEF;
 font-size: 1.3em;
 font-weight:bold;	
 padding-bottom:10px;
 padding-top: 20px;
 clear: both;
}


#about, #clients, #services, #contactform {
 margin-left: 75px;
 margin-right: 250px;
}

/* service list */
#services ul {
  margin-left: 30px;
}
#services li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.column1 {
  width: 260px;
}

.column2 {
  position: absolute; 
  top: 10px;
  left: 280px;
  display: block;
  width: 280px;
}


#contactform .column2 {
  top: 0;
}
#contactform .column1 {
  margin-bottom: 20px;
}

#contactform .column1 label, #contactform .column2 label {
  display: block;
  height: 100px;
  padding: 5px;
}

#compreference label {
  padding: 4px 8px 4px 0px;
}

#contactform #contacttype .column1 label:hover, #contactform #contacttype .column2 label:hover, #compreference label:hover {
  background-color: #069;
  color: #EEF; 
}

/* Index page uses: 
 * icontitle, leftblock, colorinvert, rightcol, iconblock */

.iconblock {
  min-width: 100px; 
  float: left; 
  text-align: left; 
  margin-bottom: 10px;
  width: 100%;
  padding: 8px;
  border: solid 2px;
}

.iconblock img {float: left;}

.iconblock div {
  margin-left: 70px;
  width: 250px;
  margin-bottom: 0px;
}

.iconblock p {
   margin-top: 10px; 
   margin-bottom: 0px; 
}

div.leftblock {
  float: left;
  width: 220px;
  padding: 20px;
  margin-left: 30px;
  margin-right: 10px;
  margin-bottom: 40px;
}

/* Handle layout on services page */
#services .colorinvert {
  display: block;
  font-size: 0.96em;
  position: relative;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
  max-width: 600px;
  margin-bottom: 50px;
}

.horizontal_bar {
  clear: both;
  display: block;
  width: 600px;
  height: 3px;
  background-color: #069;
  margin: 0;
}

#about .horizontal_bar {
  margin-bottom: 30px;
}

#services .horizontal_bar {
  margin-bottom: 30px;
}

#clients .horizontal_bar {
  margin-top: 0px;
  margin-bottom: 0px;
}

#clients .subtitle {
  padding-top: 30px;
}

#contactform .horizontal_bar {
  margin-bottom: 30px;
}

#services p {
  max-width: 500px;
}

.rightcol {
  /* margin-left: 350px;  */
  margin-top: 2px;
  float: left;
  width: 320px; 
  margin-left: 10px;
}

/* Services */
.indent20 {
  margin-left: 20px;
}


/* Clients page */
.clientrow {
  position: relative;
  min-height: 200px;
}
.clientrow .clientimage {
  margin-top: 10px;
}
.clientimage div {
  height: 0px;
}

.clientimage {
  float: left;
  top: 5px;
  left: 0;
  width: 200px;
  margin-right: 15px;
  padding-bottom: 30px;
}
.clientimage img {
  border: solid 1px #00F;
}

.rightblock {
  margin-left: 220px;
  padding-left: 20px;
  min-height: 132px;
  max-width: 350px;
}

/* About page */
#about .rightimg {
  float: right;
  padding: 10px;
}

/* Contact page: subtitle2, #contactform */



#contacttype {
  position: relative;
}

#contactform #contacttype input {
  position: relative;
  border: 0;
  top: 3px;
}

#contactform #compreference input {
  border: 0; !important
  position: relative;
  top: 2px;
}

#compreference span {
  margin-right: 10px;
}

#contactform li {
  margin-bottom: 20px;
}

#contactform ul {
  padding-bottom: 10px;
  list-style: none;
}

#contactform input {
 background-color:transparent;
 border: solid 1px #069;
 font-size: 1.0em;
 color: #046;
 padding: 2px 2px 2px 2px; /* 2px offset between search-bottom and button-text */
 width:160px;
 font-family: Arial, Helvetica, sans-serif;width:150px;
}

#contactform input.checkbox {
  width: 20px;
}

#contactform textarea {
 display:block;
 font-family: Arial, Helvetica, sans-serif;
 margin-top:10px;
 margin-bottom:20px;
 font-size:1em;
 width:400px;
 color:#046;
 height:70px;
 border:solid 1px;
}