/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: url(../images/bg-site.gif);}

body {font-family: Courier New, Courier, Monospace, Arial; font-size: 12px; line-height: 18px; padding: 40px 0 0 0;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 15px 0;}

a {color: #ec297b; text-decoration: none;}

h2 {margin: 0 0 10px 0; font-size: 14px; color: #ec297b;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden;} 

a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

.accent {color: #ec297b;}

.intro {font-size: 14px;}

/**
 * Layout
 */
#master {width: 800px; margin: auto; background: url(../images/bg.gif); position: relative;}

#header {position: relative; height: 186px; background: url(../images/bg-header.png) no-repeat;}
#header h1 {position: absolute; top: 40px; left: 280px; margin: 0;}
#header h1 a {display: block; width: 263px; height: 147px; background: url(../images/logo.png) no-repeat; font-size: 1px; line-height: 1px; text-indent: -10000px;}

#nav {font-size: 15px; font-weight: bold; height: 40px; line-height: 40px;}
#nav ul {margin: 0; padding: 0 0 0 60px; list-style-type: none;}
#nav ul li {float: left;}
#nav ul li a {display: block; float: left; padding: 0 20px; text-decoration: none;}
#nav ul li.on {background: url(../images/bg-nav-left.png) no-repeat 0 2px;}
#nav ul li.on a {background: url(../images/bg-nav-right.png) no-repeat right 2px;}

#email {position: absolute; bottom: 60px; left: 350px; display: block; width: 114px; height: 73px; background: url(../images/email.png) no-repeat; font-size: 1px; line-height: 1px; text-indent: -10000px;}

#body {min-height: 286px;}

#footer {text-align: right; padding: 0 20px 55px 20px; background: url(../images/bg-footer.gif) repeat-x -1px bottom; font-size: 10px; color: #585756;}

/**
 * Front page
 */
body.front #nav {padding: 20px;}

#front {padding: 0 0 40px 0;}
#front img {width: 630px; margin: auto; display: block;}

/**
 * Miscellaneous
 */
#info {margin: auto; width: 610px; padding: 30px 0 80px 0;}
#info h2 {text-align: center;}
#info .photo {float: left; width: 88px;}
#info .content {float: right; width: 510px;}

div.client-list .col {float: left; width: 150px;}
div.client-list .col-0 {width: 130px;}
div.client-list .col-1 {width: 180px;}
div.client-list ul {margin: 0; padding: 0; list-style-type: none;}

#purchase {width: 480px; margin: auto; text-align: center; padding: 30px 0 0 0;}

a.facebook {background: url(../images/facebook.gif) no-repeat; padding: 0 0 0 45px; float: left; line-height: 37px; color: #000; text-decoration: none;}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 90px;}
form.form .field {float: left; width: 190px;}

input[type="submit"] {cursor: pointer;} /* Use -webkit-appearance: none; border-radius: 0; to remove iOS styling */