/* Resources: Meyers reset, 1KB grid */


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, sub,
tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;
                                                	padding: 0;
                                                	border: 0;
                                                	outline: 0;
                                                	font-size: 100%;
                                                	vertical-align: baseline;
                                                	background: transparent; }
body          {line-height: 1.2;}
ol, ul        {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after       {content: '';
	             content: none;}
	             
sup           {font-size: .6em;
               text-align: top;}



/* remember to define focus styles! */

:focus        {outline: 0;}

/* remember to highlight inserts somehow! */
ins           {text-decoration: none;}
del           {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;
	     border-spacing: 0;}

/* Adding padding-bottom or margin-bottom to h1-h5 blows the entire format */

body,
p  {font-family: Georgia, serif;}
/*  h1, h2, h3, h4, h5 (padding-bottom: .5em;}  */

.header_logo  p.logo_h1,
h1    {font-size: 1.625em; line-height: 1.625em;
       letter-spacing: .05em; }
h2    {font-size: 1.4em; line-height: 1.625em;}
h3    {font-size: 1.275em; line-height: 1.375em;}

h1, h2, h3  {font-family: Georgia, serif;}

.content h1,
.content h2,
.content h3   {font-weight: bold;}

h1           {color: #00B;}
h2           {color: #222;}
h3           {color: #888;}

#plans  .content_div h3 {color: #888;}


body  {margin: 20px 0 0 0;}
p     {font: 16px/20px Georgia;
			 color: #000;
		   text-align: left;
			 border: 0px solid #000;
			 margin: 0 0 20px 0;
       text-align: justify;}



.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }

.column {margin: 0 10px;
        	overflow: hidden;
        	float: left;
        	display: inline;}

.row {width: 800px;
      margin: 0 auto;
      overflow: hidden; }

.row .row {margin: 0 -10px;
          	width: auto;
          	display: inline-block;}

.header img   {float: left;
               margin: 1em 0 0 5em;}

.header_logo  p.logo_h1,
.header h1    {float: left;
               margin-left: .5em;}


.header_logo  p.logo_h1,
.header_logo h1    {font-size: 2.5em;}

.header_logo h1,
.header_logo p     {color: white;}

.header_logo p  {font-size: 1.25em;
                 margin-left: 22.3em;}
.header_logo h1  {font-weight: normal;}

.footer,
#faq .footer,
#budget .footer,
#plans .footer    {margin-top: 2.5em;
                   margin-bottom: 2em;
                   height: 50px;}

.footer .grid_10 p,
.footer .grid_10 p a  { margin-top: 1em;
                        text-align: center;
                         font-size: .75pct;
                         color: white;}

.table_contact  {width: 400px;}

td.table_contact_value {width: 150px;
                      font-weight: bold;
                      padding: 5px;
                      line-height: 1.3em;}
                      
                      
.header     {border: 1px solid #696;
            padding: 20px 0;
            text-align: center;
            -webkit-border-radius: 99px 99px 0px 0px;
            -moz-border-radius: 99px 99px 0px 0px;
            border-radius: 99px 99px 0px 0px;
            -webkit-box-shadow: #666 0px 2px 3px;
            -moz-box-shadow: #666 0px 2px 3px;
            box-shadow: #666 0px 2px 3px;
            background: #0000ff;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0000ff), to(#F0EFFB));
            background: -moz-linear-gradient(#0000ff, #F0EFFB);
            background: linear-gradient(#0000ff, #F0EFFB);
            -pie-background: linear-gradient(#0000ff, #F0EFFB);
            behavior: url("pie/PIE-1-0beta2.htc");}


.menu     {height: 2.25em;
            background-color: #F0EFFB;
            line-height: 1.4em;}

.menu ul   {margin: .7em 1em 0 0;
            text-align: right;
            overflow: hidden; }

.menu2     {height: 2.85em;}
.menu2 ul  {margin-top: .35em;
            padding-bottom: 1em;}

.menu ul li,
.menu ul li a {font-size: 120%;
             font-weight: bold;
             text-decoration:none;
             display: inline;
             margin: 0 .2em;
             color: #ccc;}
             
.menu ul li a:hover {text-decoration: underline; color: #999;}


.content_div    {margin-left: 0em;}

.menu a:active,
#budget       a#lnk_budget,
#contact      a#lnk_contact,
#faq          a#lnk_faq,
#home         a#lnk_home,
#link         a#lnk_link,
#plans        a#lnk_plans,
#portfolio    a#lnk_portfolio,
#process      a#lnk_process,
#products     a#lnk_products,
#services     a#lnk_services    {color: #00B;}

.spacer   {height: 40px;}


.footer     {border: 1px solid #696;
            padding: 25px 0;
            text-align: center;
            -webkit-border-radius:  0px 0px 99px 99px;
            -moz-border-radius:  0px 0px 99px 99px;
            border-radius:  0px 0px 99px 99px;
            -webkit-box-shadow: #666 0px 2px 3px;
            -moz-box-shadow: #666 0px 2px 3px;
            box-shadow: #666 0px 2px 3px;
            background: #0000ff;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0000ff), to(#F0EFFB));
            background: -moz-linear-gradient(#0000ff, #F0EFFB);
            background: linear-gradient(#0000ff, #F0EFFB);
            -pie-background: linear-gradient(#0000ff, #F0EFFB);
            behavior: url("pie/PIE-1-0beta2.htc");}

.ul_mark li        {list-style-type: disc;}

.content_div h1,
.sidebar_content h1   {float: left;
                       color: #00A;
                       margin: -.4em .5em 0 0;
                       line-height: 1.6em;
                       font-size: 300%;
                       letter-spacing: 0em;}

.h1_alone             {margin-bottom: 2em;}

.sidebar_content {margin-right: 1em;}

#services .section_h2 {margin: 1em 0;}

#services .section_h2 h2  {margin: 1.5em 0;
                         font-weight: bold;
                         width: 250px;}

#specialties .section_h2 h2,
#specialties .section_h2 dl dt
   {color: white;
                border: 1px solid #696;
                padding: 10px 10px;
                text-align: center;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                -webkit-box-shadow: #666 5px 5px 3px;
                -moz-box-shadow: #666 5px 5px 3px;
                box-shadow: #666 5px 5px 3px;
                background: #FFFFFF;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7777ff), to(#F0EFFB));
                background: -moz-linear-gradient(#7777ff, #F0EFFB);
                background: linear-gradient(#7777ff, #F0EFFB);
                -pie-background: linear-gradient(#7777ff, #F0EFFB);
                behavior: url("pie/PIE-1-0beta2.htc");}

#faq      .section_h2 h2,
#services .section_h2 h2,
#specialties .section_h2 h2
  { clear: both;
    float: left;
   margin: 0 2em 1em 0;
   width: 250px;
   padding: 1em 1em;}


#faq .section_h2     {margin-top: 1em; margin-right: 0;}
#faq .section_h2 h2  { margin-top: -1.2em;}

.dl_round_sep     {margin-bottom: 3em; margin-left: 10em;}

.dl_round_sep dd  {height: 8em;
                   margin-left: 15em;
                   margin-top: -9.5em;
                   text-align: justify;}

.dl_round_sep   dt  {margin: 1.5em 0;
                    font-size: 120%;
                         font-weight: bold;
                         width: 140px;}

.dl_round_sep_green   {color: white;
                border: 1px solid #696;
                padding: 60px 0;
                text-align: center;
                -webkit-border-radius: 99px;
                -moz-border-radius: 99px;
                border-radius: 99px;
                -webkit-box-shadow: #666 5px 5px 3px;
                -moz-box-shadow: #666 5px 5px 3px;
                box-shadow: #666 5px 5px 3px;
                background: lightgreen;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00bb00), to(#88ff88));
                background: -moz-linear-gradient (#00bb00, #88ff88);
                background: linear-gradient(#00bb00, #88ff88);
                -pie-background: linear-gradient(#00bb00, #88ff88);
                behavior: url("pie/PIE-1-0beta2.htc");}

.dl_round_sep_yellow  {color: white;
                border: 1px solid #696;
                padding: 60px 0;
                text-align: center;
                -webkit-border-radius: 99px;
                -moz-border-radius: 99px;
                border-radius: 99px;
                -webkit-box-shadow: #666 5px 5px 3px;
                -moz-box-shadow: #666 5px 5px 3px;
                box-shadow: #666 5px 5px 3px;
                background: yellow;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eecc00), to(#eeddaa));
                background: -moz-linear-gradient(#eecc00, #eeddaa);
                background: linear-gradient(#eecc00, #eeddaa);
                -pie-background: linear-gradient(#eecc00, #eeddaa);
                behavior: url("pie/PIE-1-0beta2.htc");}

.dl_round_sep_yellow  {color: white;
                       font-size: 300%;}

.img_shadow     {-webkit-box-shadow: #ccc 2px 2px 1px;
                -moz-box-shadow: #ccc 2px 2px 1px;
                box-shadow: #ccc 2px 2px 1px;
                behavior: url("pie/PIE-1-0beta2.htc");}

#portfolio .section_h1              {margin-bottom: -2em;}
#portfolio .portfolio_notes         {margin-top: 2.5em;}
#portfolio .portfolio_notes h2      {clear: both;
                                     float: left;
                                     margin: -.1em 1em 0 0;}
#portfolio .portfolio_notes h2,
#portfolio .portfolio_notes h2 a {text-decoration: underline;}

#process  .process_turnaround ul {margin: 0 0 0 11em;}

#home .sidebar_content ul li {margin-top: .5em; font-style: italic;}
#home .sidebar_content .section_h2 {margin-top: 1em;}

#home .home_main h2                     {margin: 0 0 0 ;}
#home .home_main .section_h2            {margin: 0 0 0 0em;}

#home .home_main .section_h3  h3   {clear: both;
                                    float: left;}
#home .home_main .section_h3  p    {margin: .5em 0 .5em 10em;}

#home .home_box   {margin-top: 2em;
                   border: 1px solid #696;
                   padding: 10px 10px;
                   background-color: #eef;}

.dl_more dt     {margin-top: 1em;
                 font-size: 127.5%;
                 font-weight: bold;
                 color: #aaa;}
.dl_more dd     {margin: -1.5em 0 0 12em;}

/*      BUDGET      */

#budget .section_h3 p     {margin-left: 3em;}
/* #budget h2 {margin-top: 1.5em;} */

#budget .section_h2  {margin-top: 2em;}
#budget h2 {clear: both;
          float: left;
          margin: 0em 2em 1em 0;}

#budget h3 {clear: both;
            float: left;
            margin: -.45em 2em 1em 0;}

#budget section_h2 p {margin-left: 0em;}

#budget .budget_features h3 {margin-top: 0em;}
#budget .budget_features p {margin-left: 15em;}

#budget table {margin-bottom: 3em;
                margin-left: 15em;}

/*    /BUDGET   */

#plans .section_h1      {margin: .5em .6em 0 0;}
#plans h2               {clear: both;}
#plans h3               {clear: both;
                         float: left;
                         margin: -.2em 1em 1em .1em;}

#plans .section_h2      {margin: 1.5em 0 -.5em 0;}
#plans .section_h3_inner  {margin-left: 8em;}
#plans .section_h3_inner ul li {font-style: italic;}

#plans  table           {margin-left: -.2em;}

#plans  th              {font-size: 78%;}

#plans .section_h1,
#services .section_h1    {clear: both;}

#services .section_h2   {clear: both;
                          margin-top: 2em;}



#faq .section_h2_inner {margin-right: 3em; margin-left: 15em;}

#faq .section_h2 h2,
#faq .section_h2       {margin-right: -2.5em;}

#faq .section_h2 h2     {margin-left: -1em;}

#faq .section_h2 ul li  {margin-top: .5em;
                         font-style: italic;}

#services .section_h2 h2 {width: 180px;
                            margin: -1em 0 0 -1em;
                             line-height: 1.1em;}

#services .section_h1_inner,
#services .section_h2_inner  {margin-left: 14em;}

#services .section_h2 p   {margin-top: -.5em;}

#services .section_h3     {clear: both;
                           margin-bottom: 2em;}
#services h3              {margin-bottom: .5em;}
#services .section_h3 ul  {margin-left: 2em;}

/*  #services h1    {font-size: 250%;} */


#home .content_div a,
#link .content a,
#contact .content a,
#budget .content a,
#plans .content_div a,
#services .content_div a
#faq .content_div a       {color: black;}

#contact .content ul   {margin-left: 18em;
               list-style-type: none;}

#process  .content_div a  {color: white;
                           text-decoration: underline;}


.li_italic p {font-style: italic;}
.li_italic li {font-style: italic;}

.margin_bottom_1em     {margin-bottom: 1em;}


.cost_profile   {margin: 2em 0 1em 0;}

table   {border-collapse: collapse; clear: left; margin-bottom: 1em;}

th, td  {text-align: left;     vertical-align: top;                   padding: 0;}
th      {width:15%;            border-bottom: 0.071em solid #ccc;     padding:0 0.643em 0.571em 0.643em;}
td      {                      border-bottom:0.083em solid #ccc;      padding:0.333em 0.75em 0.417em 0.75em;}
/*td      {                      border-left: 0.083em solid #ccc;}  */

th      {font-weight: bold;    font-size: 0.875em;}
/*  Override
td      {                      font-size: 0.75em;   line-height: 1em;}
*/
td      {                      font-size: 0.825em;   line-height: 1.25em;}



/**/
td      {padding-top: 1.5em;}
td h3   {margin-top: 0em;}
td h4   {margin-top: 0em;}

/*  margin-left: 5%;  */
.fea, .sum     {min-width: 600px; width: 95%; }

.sum_c1  {width: 10%;}
.sum_c2  {width: 45%;}
.sum_c3  {width: 20%;}
.sum_c4  {width: 20%:}

.fea_c1  {width: 12%;}
.fea_c2  {width: 44%;}
.fea_c3  {width: 44%;}

.tbl_10pct  {width: 10%;}
.tbl_15pct  {width: 15%;}
.tbl_20pct  {width: 20%;}
.tbl_25pct  {width: 25%;}
.tbl_30pct  {width: 30%;}
.tbl_35pct  {width: 35%;}
.tbl_40pct  {width: 40%;}
.tbl_45pct  {width: 45%;}
.tbl_50pct  {width: 50%;}
.tbl_55pct  {width: 55%;}
.tbl_60pct  {width: 60%;}
.tbl_65pct  {width: 65%;}
.tbl_70pct  {width: 70%;}
.tbl_75pct  {width: 75%;}
.tbl_80pct  {width: 80%;}
.tbl_85pct  {width: 85%;}
.tbl_90pct  {width: 90%;}



/*  This fixes the top grid, but not the next -- which is unaffected.*/
.table_w_ul tr td ul {margin-top: .1em;}


ul.web_past {list-style-image:url("img/lightning_flash.gif");
             list-style-type:square;}

td ul {margin-left: -1.8em;}  /*    Evens up bullet points in tables with other content. */