@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, address
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }

/* Define border-collapse and border-spacing in tables */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset,img { border:0; }

/* Left-aligns text in caption and th */
caption,th { text-align:left; }

/* Removes quotation marks from q */
q:before, q:after { content:''; }

/*Above reset styles from Andy Clarke's "Transcending CSS" New Riders Publishing, 2007*/

html { text-align: center; }
body { position: relative; text-align: left; background-color: #f1f2e6; width: 50em; margin: 0 auto; padding: 2em;  }
body { color: #4e2030; font-family: "Century Gothic", "Tw Cen MT", Futura, "URW Gothic L", Geneva, Arial, Helvetica, sans-serif;  }

body p { font-size: 1em; line-height: 1.4; }
p.logoname { font-weight: normal; font-size: 1.5em; line-height: 1.2; }
h1, h2, h3, h4, p { text-align: left; }
/*h1 { font-weight: normal; font-size: 3em; line-height: 1.1em; margin: .5em 0 2em; letter-spacing: .1em; }*/
h2 { font-size: 1.5em; text-transform: uppercase; line-height: 1.2; color: #3d4d63; padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px dashed #3d4d63; }
body#home h2 { letter-spacing: .1em; word-spacing: 0.1em; }
h3 { font-size: 1.2em; margin-bottom: 1em; line-height: 1.2; }
h4 { font-style: italic; font-size: 1em; margin-bottom: 1em; line-height: 1.2; }
/* >>>>> Home page <<<<<<< */

/*Main Blocks*/
h2, div { position: relative; }
h1 { font-weight: normal; font-size: 3em; line-height: 1.1em; letter-spacing: .1em;  }
body#home h1 { margin: .5em 0 2em -2.5em;  width: 8em; text-align: right; }
div#services { width: 27em; bottom: 24em; left: 24em; }
div#about { width: 15em; bottom: 30em; left: 2em; }
body#home div#info { width: 50em; bottom: 26em; }
body#privacypolicy h2, body#privacypolicy div, body#ourwork h2, body#ourwork div { top: -5em; }
body#ourwork h2, body#ourwork div { top: -4em; }

/*body { border: 1px dashed #FF0033; }*/
/*div#services, div#about, div#info { border: 1px solid #4c617c; }*/

/* Home page */
div#services p { font-size: 1.2em; line-height: 1.4; margin: 0 0  1.5em 0; }
div#about p { font-size: .8em; line-height: 1.5; margin-bottom: 2em; }

/*Privacy Policy & Our Work pages*/
body#privacypolicy h1, body#ourwork h1 { margin: 1em 0 2em 0; width: 7em; }
body#privacypolicy h3, body#ourwork h3 { margin: 1.5em 0 .5em; font-weight: bold; }
body#privacypolicy p, body#ourwork p { margin-bottom: 1em; }
ul { margin-bottom: 1em; list-style-type: circle; }
ul li { margin: 0 0 .5em 2em; }
ul ul { font-size: 1em; }
div.sites { position: relative; }
body#ourwork div.sites h3 { margin-top: 5em; }
body#ourwork div.sitedescription, body#ourwork div.sitethumbs { position: absolute; width: 22em; }
body#ourwork div.sitedescription { top: 6em; left: 0; margin: 0 1em 0 2em; }
body#ourwork div.sitethumbs { top: 6em; left: 25em; margin: 0 2em 0 1em; text-align: center; }
body#ourwork div.sitethumbs img { margin: .5em auto 0; }

/* LOGO (*not* h1) */
p.logoname { position: relative; width: 404px; height: 153px; }
body#home p.logoname { top: 14.5em; left: 16em;  }
body#privacypolicy p.logoname { top: -9em; left: 16em; }
body#ourwork p.logoname { top: -6em; left: 16em; }


/* Shared Items */
div#info { width: 50em; text-align: center; }
body#home div#info { bottom: 24em; }
body#privacypolicy div#info { top: 0; }
body#ourwork div#info { top: 10em; }

ul#pagesmenu { width: 35em; margin: 0 auto 1.5em; border-top: 1px dashed #3d4d63; padding-top: 2em; }
ul#pagesmenu li { display: inline; font-size: 1em; line-height: 1em;  }
ul#pagesmenu li a, ul#pagesmenu li a:hover { color: #623F3C; text-decoration: none; border-bottom: 1px solid #623F3C; }
ul#pagesmenu a.thispage, ul#pagesmenu li a:hover { font-weight: bold; color: #3d4d63; border-bottom: 3px solid #3d4d63;  }
ul#pagesmenu li a:hover { border-bottom: 3px solid #623F3C; }

/* Universal styles */
.headroom2 { margin-top: 2em; }
.headroom3 { margin-top: 3em; }
.floatleft { float: left; }
.floatright { float: right; }
.privacy { font-size: .5em; line-height: 1.4em; text-align: left; }
body#home div#info p.copyr, body#contactpage div#info p.copyr, body#privacypolicy div#info p.copyr, body#ourwork div#info p.copyr, body#thankyou div#info p.copyr { font-size: .5em; line-height: 1.4em; text-align: right; margin-top: -1.2em; }
body#privacypolicy div#info p.copyr, body#ourwork div#info p.copyr{ margin-top: -2.2em; }