/* CSS Document */

html, body, div, table, form, img { margin: 0; padding: 0; border: 0; }

/* Mac IE will only see this first command
 * Mac IE 5.5 seems to render fonts smaller than other browsers. */
body, td, input, textarea { font-size: 9pt; }

/* In Win IE if a base size has been set, then it won't allow scaling,
 * whereas all the other browsers do, including Mac IE. \*/
html > body, html > td, html > input, html > textarea { font-size: 8pt; }
* html body, * html td, * html input, * html textarea { font-size: 70%; }
/* The only way to allow scaling in Win IE is to use percentages only. */

body, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }

body   { text-align: center; }
#page  { margin: 10px auto; height: 750px; width: 668px; text-align: left; }

a img { border: 0; text-decoration: none; }

h2 { font-size: 140%; font-family: Geneva, Arial, Helvetica, sans-serif; }
h3 { font-size: 100%; }
h3 a { margin-left: -5px; padding: 5px; }
#folio h3 { margin-top: 2em; }

* html h2 { padding-top: .5em; }

p { margin: .75em 0; }

.tile       { float: left; width: 324px; height: 159px; margin: 5px 0 0 5px; }
.tile img   { float: left; }
.tile span  { margin: 0; padding: 0; text-align: center; text-decoration: none; }
.tile .text { float: left; width: 164px; height: 154px; padding-top: 5px; background-position: 30px 30px; background-repeat: no-repeat; }
.tile a     { text-decoration: none; line-height: 1.5em; }

.hover { display: none; }
* html .hover  { display: block; }
a:hover .hover { display: inherit; z-index: 100; }

.left  { clear: left; }
.right { }
.column { float: left; width: 297px; padding: 0 10px 10px 20px; }
.box { padding: 10px; }

p.centred  { text-align: center; }
img.centred  { display: block; margin: 10px auto; }

img.small { padding: 30px; padding-right: 35px; }
.alt1 img.small { border-left:  1px solid #ccc; }
.alt2 img.small { border-right: 1px solid #ccc; }

li { margin: .5em 0; }
ol ul { margin: 1em; padding-left: 0; }

#top_menu { padding-right: 10px; text-align: right; }

#business_name    { text-align: center; background: transparent url(../images/bg_business.gif) no-repeat; }
#business_name h1 { margin: 0; padding: 50px 0 0; color: #fff; font-size: 36px; font-style: italic; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
#business_name h1 em { font-size: x-small; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }

.main { clear: both; float: left; margin: 5px 0 0 5px; width: 655px; height: 333px; }
.main  .right { padding-right: 0; }
#folio .right { padding-left: 7px; }
#folio .left li { margin: 0; line-height: 20px; }

#websites a { text-decoration: none; }
#folio img  { padding: 5px; }
img.icon    { margin: 0; border: 0; padding: 0; }

#profile p { margin: 1em; line-height: 1.25em; }

#contact #address      { margin-left: 20px; line-height: 1.5em; }
#contact form p        { margin: 5px 0; }
#contact form label    { float: left; width: 80px; padding-right: 1em; text-align: right; }
#contact form input, 
#contact form textarea { width: 200px; }
#contact form #submit  { width: 100px; }

#main_menu    { margin: 0 10px 0 170px; padding: 15px 0 0 0; list-style-type: none; font-size: 100%;  }
#main_menu li { margin: 0; padding: 0; height: 32px; }
#main_menu a  { display: block; height: 100%; line-height: 32px; padding-left: 10px; font-size: small; }

.corner a  { padding: 5px; line-height: 90px; }
.corner    { height: 90px; margin: 0; text-align: center; }
#copyright { height: 69px; line-height: 69px; margin: 0; text-align: center; font-size: x-small; }