/* GENERAL */
* { margin: 0; 	padding: 0; }
body { background:transparent url(../img/bg_bg.gif) repeat scroll 0%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #555; font-size: 16px; text-align: center; }
div#container { width: 720px; margin: 12px auto; text-align: left; 	}
 
h2 {color:#A2B46B; }
h3 {margin:.15em .5em; }
h4 {margin:1em .5em; }
ul {margin:0 0.5em;}
/* NAV */
ul#nav-top { float: right; padding: 3px 0; margin:5px 0 5px; list-style: none; 
border: solid #eee; border-width: 0 2px 0 0; border-bottom: 2px solid #ddd; background-color: white;}
ul#nav-top li { display: inline; font-size:87%; font-weight:normal; color:#ccc; word-spacing: -5px; }
ul#nav-top li a { margin: 0 8px; color: #888; background-color: inherit; color:#7FA7C4;
			font-size: 90%; text-decoration: none; font-size:120%; font-weight:bold; word-spacing: -2px; }
ul#nav-top li a:hover { color: #CB6154; font-weight:bold; background-color: inherit;
			border-bottom: 1px solid #e1e1FF; position:relative; top:-1px;	}

body#home li  a#button_home { color: #CB6154; font-weight:bold; }
body#technical li a#button_technical { color: #CB6154; font-weight:bold; }
body#testimonials li a#button_testimonials { color: #CB6154; font-weight:bold; }
body#contact li a#button_contact { color: #CB6154; font-weight:bold; }

/* HDR */

div#header-wrap { background:  url(../img/hdr.gif) no-repeat; clear:both; 
        width:718px; height:142px;  text-indent: -9000px;
        border: solid #eee; border-width: 0 2px 0 0; }
div#content-wrap {color: inherit; background-color: #fff; 
			border: solid #eee; border-width: 0 2px 0 0; 	}
/* MID */
 
div#box-wrap {width: 700px; padding:0; margin:0; color:#444;}
div.box { float: right; margin: 0; padding: 0; color: inherit;  }
div.left { 	float: left; width: 47%; margin: 0; padding:0;	}
div.right {width: 53%;  }
body#home div#center h2 { margin: 0 0 5px 0; font-size: 150%; }

body#contact div#content h2,
body#testimonials div#center h2, 
body#technical div#content-wrap h2, 
body#technical  h3 { 
    padding: 0 0 5px 20px; font-size: 150%; }

body#technical p { font-family: verdana;
    padding: 10px 40px; font-size: small; line-height: 150%; color:#555;}
div.letter-wrap     {width: 686px; padding:1em;  color:#444;}
div.letter-wrap img {width: 75px; margin: 0 .5em .25em .25em;  position:relative; float:left; border:none;}
hr  {width: 490px; height:9px; color:#fff;  margin: 0 auto; text-align:center; clear:both; 
    border:none; border-bottom: #ccc 1px solid; }
div.letter          { position:relative; float: left;  margin: 0; padding:0; width:470px;}
div.letter p   {padding: 1em 0 .25em; 
    font-family: verdana; font-size: small; line-height: 150%; color:#555;}
div.letter p.signed   {padding: 0 1em 0 ;   float:right;
   font-weight:bolder; color:#444; }
div.letter span.note   {font-size: 80%; font-weight:bold;  text-decoration: none; }
div.pullquote  { position:relative; float: left; width: 200px; 
    margin: 10px 0 10px; font-style: italic;
    font-family: Arial,Helvetica,Georgia; font-size: 30px; line-height: 32px; 
    color: #e3a302; text-align: right; background: url(img/openquote.gif) no-repeat left top;} 
    
ul.list { margin: 5px 5px 10px 45px; font-size: 110%; line-height: 120%; color:#777;}
li.solution { color:#E3ae02; font-weight:bold; font-size: 190%; list-style:url(../img/sun_bullet.gif);}
span.superbig { font-size:35%; position:relative; top:-1em;}
span.super  { font-size:60%; position:relative; top:-.75em;}

/* BAND */
div#band {height:204px; width:775px; background:  url(../img/band.jpg) no-repeat; 
           position:relative; left:-32px; top:-14px; float:left; }
div#band img {position: relative; float:right; top:10px; right:40px; }           
/* PostScript after band home page */
#ps p {padding:.5em; font-size:110%; text-align:center;}

div#tag {width:690px; height:450px; 
background: url(../img/discount_tag.gif) no-repeat 100% 20%;}
   
div#contactform {position:relative; left:32px;  float:left; margin:10px; }	
fieldset {width:350px; margin:10px; padding:10px; 
	border-top: 2px solid #eef; border-left: 2px solid #eef; 	
	border-bottom: 2px solid #ddd; border-right: 2px solid #ddd; 
    background: url(../img/bot_bg.gif) repeat-x bottom;  }
form {padding:0 10px 0 5px;}    
legend { border-left:1px solid #eef; border-top:1px solid #eef;
    margin-top: 15px; margin-bottom:0px; padding-top:20px;  
    border-right:1px solid #ddd; padding:0pt 10px; margin:0 0 15px 0;
    background: white;  font: 14px Arial bold;
    padding:10px; margin:10px;
       background: url(../img/bot_bg.gif) repeat-x bottom; }
 
label, input, textarea {margin: 20px 5px 0 0; padding:2px;  }
label {font: 15px/18px Geneva, Arial bold;}

/* FOOT */

#footer { margin: 0px auto; padding:0;  vertical-align: middle;
     position: relative;  	
    clear: both;  height:76px;
    background: url(../img/footer_MSC.jpg) no-repeat top left; }  
#footer h2 {text-align: center;  padding-top:20px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #454545; }
#footer h2 a:visited, #footer h2 a:link { color: #454545; text-decoration: none;
	border-bottom: 1px dotted #D3D8C4; }
#footer h2 a:hover { color: #353535; text-decoration: none; font-weight:bold; 
    border-bottom: 2px solid #D3D8C4;  }