/* Master Style Sheet for www.realisedesign.com
   Copyright (c) 2002-2005, Realise Design.  All rights reserved. */

/* If four values are given, they apply to top, right, bottom, and left, respectively.
   If one value is given, it applies to all sides.
   If two or three values are given, the missing values are taken from the opposite side. */

/* margin-left: auto; margin-right: auto; */


body                           {margin: 0px; background-color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

a:link                         {color: #6E7695; text-decoration: none}
a:visited                      {color: #6E7695; text-decoration: none}
a:hover                        {color: #6E7695; text-decoration: underline}
a:active                       {color: #6E7695; text-decoration: underline}

img                            {border: 0px}

#page_container                {margin-top: 60px; margin-right: 0px; margin-bottom: 0px; margin-left: 90px; 
                                border-spacing: 0px;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

#page_container:after          {content: "."; display: block; height: 0; clear: both; visibility: hidden}

#header_panel                  {width: 590px; height: 150px; display: inline-block;
                                margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
                                border-spacing: 0px; background-color: #FFFFFF;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

#header_panel:after            {content: "."; display: block; height: 0; clear: both; visibility: hidden}

#logo_block                    {width: 590px; margin: 0px; border-spacing: 0px; border: 0px; padding: 0px}

#logo_block:after              {content: "."; display: block; height: 0; clear: both; visibility: hidden}

#logo                          {float: left; clear: both;
                                margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; 
                                border-spacing: 0px; border: 0px; padding: 0px}

#mug                           {position: absolute; left: 300px; top: 94px;
                                margin: 0px; border-spacing: 0px; border: 0px; padding: 0px}

#treo                          {position: absolute; left: 387px; top: 108px;
                                margin: 0px; border-spacing: 0px; border: 0px; padding: 0px}

#padfolio                      {position: absolute; left: 477px; top: 92px;
                                margin: 0px; border-spacing: 0px; border: 0px; padding: 0px}

#polo                          {position: absolute; left: 565px; top: 110px; margin: 0px; border-spacing: 0px; border: 0px; padding: 0px}

#overview_text                 {float: left; clear: both;
                                margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; 
                                border-spacing: 0px; border: 0px; padding: 0px}

#contact_text                  {float: left; clear: none;
                                margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; 
                                border-spacing: 0px; border: 0px; padding: 0px}

#philosophy_text               {float: left; clear: none;
                                margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; 
                                border-spacing: 0px; border: 0px; padding: 0px}

#people_text                   {float: left; clear: none;
                                margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 30px; 
                                border-spacing: 0px; border: 0px; padding: 0px}


.body_panel                    {width: 530px; display: inline-block;
                                margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
                                border-spacing: 0px; background-color: #FFFFFF;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px}

.body_panel:after              {content: "."; display: block; height: 0; clear: both; visibility: hidden}

h1                             {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #A8ADBF; text-transform: uppercase}

h2                             {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #A8ADBF; text-transform: uppercase}

.copyright                     {clear: both;
                                margin: 0px; border-spacing: 0px; border: 0px;
                                padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 90px;
                                font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration: none}

.copyright a:link              {color: #999999; text-decoration: none}
.copyright a:visited           {color: #999999; text-decoration: none}
.copyright a:hover             {color: #999999; text-decoration: underline}
.copyright a:active            {color: #999999; text-decoration: underline}

#top_bar                       {height: 8px;
                                margin: 0px; border-spacing: 0px; background-color: #4C534C;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding: 0px}

#top_bar_left                  {float: left; width: 500px; height: 8px; 
                                margin: 0px; border-spacing: 0px; background-color: #353C35;
                                border-top: 0px; border-right: 1px solid #FFFFFF; border-bottom: 0px; border-left: 1px solid #FFFFFF;
                                padding: 0px}

#welcome_bar                   {margin: 0px; border-spacing: 0px; background-color: #A9B1AA; background-image: url(/images/signature_background.gif);
                                background-repeat: no-repeat; background-position: 20px -30px;
                                border-top: 1px solid #FFFFFF; border-right: 0px; border-bottom: 0px; border-left: 1px solid #FFFFFF;
                                padding-top: 70px; padding-right: 0px; padding-bottom: 20px; padding-left: 25px}

#welcome1                      {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #993333; text-transform: lowercase}

#welcome2                      {font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #F0F9F0; text-transform: lowercase}

#navbox                        {position: absolute; left: 620px; top: 25px;
                                margin: 0px; border-spacing: 0px; background-color: #C0C9C1;
                                border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
                                padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
                                font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; font-weight: bold; color: #8B938B;
                                text-decoration: none; text-transform: none}

.main_navbar_links_on          {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4C534C; text-decoration: none; text-transform: uppercase}
.main_navbar_links_on:link     {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4C534C; text-decoration: none; text-transform: uppercase}
.main_navbar_links_on:visited  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4C534C; text-decoration: none; text-transform: uppercase}
.main_navbar_links_on:hover    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #636A63; text-decoration: none; text-transform: uppercase}
.main_navbar_links_on:active   {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #636A63; text-decoration: none; text-transform: uppercase}

.main_navbar_links_off         {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #8B938B; text-decoration: none; text-transform: uppercase}
.main_navbar_links_off:link    {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #8B938B; text-decoration: none; text-transform: uppercase}
.main_navbar_links_off:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #8B938B; text-decoration: none; text-transform: uppercase}
.main_navbar_links_off:hover   {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #636A63; text-decoration: none; text-transform: uppercase}
.main_navbar_links_off:active  {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #636A63; text-decoration: none; text-transform: uppercase}

#page_title_bar                {margin: 0px; border-spacing: 0px; background-color: #993333;
                                border-top: 1px solid #FFFFFF; border-right: 0px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
                                padding-top: 15px; padding-right: 0px; padding-bottom: 11px; padding-left: 25px;
                                font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-transform: uppercase}

.stripe                        {margin: 0px; border-spacing: 0px; background-color: #99CC66;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 1px solid #FFFFFF;
                                height: 8px; padding: 0px}




#front_photo                   {margin: 0px; border-spacing: 0px; background-color: #353C35;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px}

#front_highlight_block         {float: right;
                                margin-top: 30px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;
                                border-spacing: 0px; background-color: #6F766F;
                                border-top: 1px dotted #FFFFFF; border-right: 1px dotted #FFFFFF; border-bottom: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF;
                                padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px;
                                font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C0C9C1}


.gallery_link                  {clear: none; float: left;
                                margin-top: 30px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;
                                border-spacing: 0px; background-color: #6F766F;
                                border-top: 0px dotted #FFFFFF; border-right: 0px dotted #FFFFFF; border-bottom: 0px dotted #FFFFFF; border-left: 0px dotted #FFFFFF;
                                padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px;
                                text-align: center}

.gallery_link img              {margin: 4px; border-spacing: 0px; background-color: #4C534C;
                                border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px;
                                padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px}

.gallery_link p                {text-align: center}






form                           {margin: 0px}