/* accuratenetworks.ca stylesheet
   Red Light  #9F554C
   Red Dark   #8A2920
   Grey Light #808080
   Grey Dark  #676767
   Off-White  #E5E5E5
*/

/* sticky footer */
* { margin: 0; }
html, body { height: 100%; }
.stickyfooter { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -72px; }
.footer, .stickyfooterpush { height: 72px; }

/* html */
body{background: #F2F2F2; }
h1, h2, h3 { color: #8A2920; }
a { color: #8A2920; }
a:hover { background: #8A2920; color: #fff; text-decoration: none;}

/* blueprint overrides */
.container { width: 420px; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.7em; margin-bottom: 0.5em; }
p, ol, ul, q { font-size: 1.2em; }
#content .leftalign { text-align: left; }

/* header */
#header { background: #8A2920; border-bottom:solid 1px #808080; font-family:"Lucida Grande"; position: relative; height: 55px; }
#header .container { position: relative; height: 55px;}
#header ul { list-style-type: none; margin:0; padding:0; }
#header li { margin: 0; padding:0; position: absolute; bottom: 15px; }
#header a { color: #fff; padding: 5px; margin: 0; text-decoration: none; }
#header a:hover{ background: #808080; }
#header a.active:hover {  }
#header a.active { background: #808080; }
#quicklinks li { right: 1em; }
#quicklinks a { margin-left: 1em; }
#homelink { left: 0; }
#serviceslink { left: 25%; }
#testimonialslink { right: 25%; }
#contactlink { right: 0; }

/* content */
#content { border-top: solid 1px #676767; padding-top: 180px }
#content .container {  overflow: visible; position: relative; }

#logo { height: 158px; width: 590px; background: url('/images/accurate-networks-logo_590x158.gif') no-repeat; position: absolute; z-index: 999; top: -160px; left: -158px; }

#content p { text-align: justify; }

.pushquote, .pullquote { width: 250px; position: relative; }
.midquote { width: 100%; position: relative; }

.pushquote { float: right; margin-right: -275px; }
.pullquote { float: left; margin-left: -275px; }

#content .pushquote p,
#content .pullquote p { text-align: center;}

.pushquote .quote,
.pullquote .quote { margin: 0; padding: 10px 25px 30px 25px; color: #fff; font-style: normal; display: block; text-decoration: none; }
.midquote .quote { margin: 0; padding: 10px 25px 30px 25px; color: #fff; font-style: normal; display: block; text-decoration: none; }

.pushquote .quote { background: #8A2920 url('/images/pushquote.gif') no-repeat; background-position: bottom; }
.midquote .quote { background: #676767 url('/images/midquote.gif') no-repeat; background-position: bottom; }
.pullquote .quote { background: #8A2920 url('/images/pullquote.gif') no-repeat;background-position: bottom; }
.pushquote .quote:hover { text-decoration: none; background: #676767 url('/images/pushquote.gif') no-repeat; background-position: bottom;}
.pullquote .quote:hover { text-decoration: none; background: #676767 url('/images/pullquote.gif') no-repeat; background-position: bottom;}
.midquote .quote:hover { text-decoration: none; background: #8A2920 url('/images/midquote.gif') no-repeat; background-position: bottom; }

.pushquote p, .pullquote p { margin: 0; font-size: 1.1em; }
.midquote p { font-size: 1.1em;}

.pqstart, .pqend { font-size: 40px; position: absolute; }
.pqstart { top: -5px; left: 5px; }
.pqend { bottom: 30px; right: 5px; }

.midquote ul { padding: 0 0 0 1em; }
.pullup { margin-top: -500px; }

#content .pushquote p.credit,
#content .pullquote p.credit,
#content .midquote p.credit { margin: 0; font-size: 1em; text-align: right; color: #676767;}
#content .pushquote p.credit,
#content .midquote p.credit { text-align: right; }
#content .pullquote p.credit { text-align: left; }

/* footer */
#footer { background: #8A2920; height: 71px; text-align: center;  font-size: .9em; border-top: solid 1px #676767; margin: 30px 0 0 0;}
#footer ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; }
#footer li { display: inline; margin: 0; padding: 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { color: #ccc; margin: 0; }