/*
  Andover Forktruck Services
  Screen Stylesheet
*/

/* reset */

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, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table {	border-collapse: separate; Border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
body, td { font-size: 15px; font-family: Arial; line-height: 24px; color: #FFFFFF; }
body { background:  #b02c70 url(../images/body_bg.gif); }
h1 { font-size: 2.9em; margin: 0.3em 0; text-indent: -9999px; }
h2 { font-size: 1.5em; margin: 0.4em 0; text-indent: -9999px; }
h3 { font-size: 1.4em; margin-bottom: 0.45em; }
h4 { font-size: 1.3em; }
a { color: #FFFFFF; text-decoration: none; }
a:hover { text-decoration: none; }
p { margin-bottom: 0; }

/* clears */
.clear { content: "."; height: 0; overflow: hidden; display: block; clear: both }

/* common */
.centredContent { width: 940px; clear: both; margin: 0 auto; position: relative; }
.bold { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginTop20 { margin-top: 20px; }
.marginRight20 { margin-right: 20px; }
.marginBottom20 { margin-bottom: 20px; }
.marginLeft20 { margin-left: 20px; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }
.noBorder { border: 0 !important; }
.columnFull { width: 940px; }
.columnOneThird { width: 300px; }
.columnOneQuarter { width: 220px; }
.columnHalf { width: 460px; }
.columnTwoThirds { width: 620px; }
.separator { float: left; clear: both; width: 100%; height:1px; background: url(../images/dashed_h_bg.gif) repeat-x; }
.big { font-size: 1.15em; line-height: 1.6em; margin-bottom: 20px; }
a.downloadButton { display: inline-block; width: 259px; height: 44px; background: url(../images/button_download_case_study.gif) no-repeat; text-indent: -9999px; }
div.comingSoonButton { display: inline-block; width: 259px; height: 44px; background: url(../images/button_coming_soon.gif) no-repeat; text-indent: -9999px; }
a.border { border-bottom: 1px dotted #FFFFFF; }
a.border:hover { border-bottom: 1px solid #FFFFFF; }

/* titles */
h1.aboutUs { background: url(../images/title_about_us.gif) center left no-repeat; }
h1.ourWork { background: url(../images/title_our_work.gif) center left no-repeat; }
h2.who { background: url(../images/title_who.gif) center left no-repeat; }
h2.how { background: url(../images/title_how.gif) center left no-repeat; }
h2.why { background: url(../images/title_why.gif) center left no-repeat; }
h2.aquafresh { background: url(../images/title_aquafresh.gif) center left no-repeat; }
h2.russianStandardVodka { height: 48px;  background: url(../images/title_russian_standard_vodka.gif) center left no-repeat; }
h2.drOeteker { background: url(../images/title_dr_oeteker.gif) center left no-repeat; }

/* forms */
form { float: right; width: 300px; margin-top: 5px; }
ul.form { float: right; width: 300px; list-style: none; margin: 0; padding: 0;  }
ul.form li { float: left; clear: both; margin-bottom: 20px; }
ul.form li input.text { font-family: Arial; color: #000000; width: 290px; height: 24px; float: left; font-size:1.2em; padding:8px 5px; margin-right: 20px; border: 0; background: url(../images/input_bg.gif) no-repeat; }

/* header */
#header { position: relative; float: right; width: 50%; height: 55px; background: url(../images/dashed_h_bg.gif) 0 54px repeat-x; }
#header a.logo { position: absolute; top: 0; left: -470px; }
#header .content { float: left; width: 100%; height: 55px; background: url(../images/dashed_v_bg.gif) 0 54px repeat-y; }
#header .content p { padding: 12px 0 0 30px; }

/* lead */
#lead { height: 467px; margin-top: 90px; background: url(../images/lead_bg.gif) right top no-repeat; }
#lead .title { float: left; margin: 75px 0 43px 0; }
#lead .intro { float: left; width: 606px; margin-bottom: 10px; }
#lead .intro p { font-size: 1.6em; margin-bottom: 35px; line-height: 1.3em; }

/* about us */
#about_us { margin-bottom: 60px; }

/* our work */
#our_work { margin-bottom: 60px; }
#our_work .caseStudyPhoto { width: 609px; height: 239px; padding: 11px; margin-bottom: 10px; background: url(../images/case_study_photo_bg.gif) no-repeat; }

/* footer */
#footer { float: left; clear: both; width: 100%; padding: 20px 0; margin: 50px 0 60px 0; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }