/* General settings 
---------------------*/
html {height:100%;}    

body {margin: 0; padding: 0; font: 62.5% Arial, Verdana, sans-serif; color:#fff; height:100%;}

p {margin-top:0}

ul {margin:0; margin-bottom:1em;padding:0; list-style-position:inside;}

img {border:0;}
.borderimg {border:5px solid black !important;}

/* Links */
a {color:#fff; font-weight:normal}

/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Century Gothic", Georgia, Arial, Verdana, sans-serif; margin:0; font-weight:normal; margin-bottom:.5em; }
h1 {font-size:2.3em; font-weight:bold; }
h2 {font-size:2.2em;}
h3 {font-size:1.5em}
h4 {font-size:1.2em}

.align-right { float:right; margin-left:1em; }
.align-left { float:left; margin-right:1em; }

img.align-right { display:block; padding:15px; background:#000; }

/* quotes */
.quote{background:#000; color:#fff; font-size:.85em; margin:0; width:270px; padding:20px; float:right; margin-left:1em;margin-top:1em;}
.quotesmall {background:transparent; color:#000; border: #2b913b 1px solid; font-size:.85em; margin:0; width:230px; padding:15px; float:right;margin-right:5em;margin-bottom:2em;}
.quotecustomer {background: transparent; border: #2b913b 1px solid; color:#2b913b ; font-size:1.3em; margin:0; width:580px; padding:15px; margin-left:0em;margin-top:2em; margin-bottom:2em;}
.quotecustomer h3 {font-size:1.2em;}
.quote blockquote { margin:0; background:url(img/double-quote.gif) no-repeat left top; }
.quote blockquote:before {margin:0; background:url(img/double-quote.gif) no-repeat left top;}
.quote img {float:right; border:2px solid #fff; margin-left:1em; }
.quote cite {margin-top:1em; font-size:.9em;}
q:lang(en) { quotes: '"' '"' "'" "'"; }
blockquote.quotesmaller {font-size:.80em !important;}

/* Forms */
form  {color:#fff; background:#000; margin-bottom:1em; padding:1em;}
form fieldset {border:0;}
form legend {margin-bottom:1em;}
form textarea {width:100%; height:15em;}
form input {width:100%;}
form p {padding-bottom:.7em; margin-bottom:.5em;}
form p:last-child {border:none;}
form p label {display:block;}
form .form-btn {width:auto;}

/* Misc*/
.special-offer {border:3px dotted #2b913b; font-size:1.3em; padding:25px; margin:40px 30px 25px 70px; position: relative; height:1%}
.special-offer a {text-decoration:none; }
.image-list {list-style:none outside;}
.boxed-image-list {background:black; width:564px;padding:5px; height:550px; overflow:auto;}
#terms-and-conditions {font-size:.9em;}
p.bottom {vertical-align:bottom; clear:both;}
hr {size:1px; margin: 1em 0; color:#fff; height:1px;}

/* Page structure 
-------------------*/
#wrapper { min-height:100%; height:auto !important; height:100%; position:relative;}
#wrapper:after { content:"."; display:block; clear:both; visibility:hidden; }

#head { height:100px; border-bottom:1px solid white; position:relative; }

#logo {font-size:1em; margin:30px 0 30px 40px; text-indent:-9999px; width:199px; float:left; display:inline; }
#logo a {display:block; text-decoration:none; background:url(img/logo.gif) no-repeat; width:204px; height:45px; }
#logo a:focus {outline:none;}

#main-nav {list-style:none; margin:0; padding:0; position:absolute; right:40px; top:40px; font-size:1.3em}
#main-nav li {float:left; margin-left:7px}
#main-nav li a {text-decoration:none; background:#680755 url(img/btn-right.gif) no-repeat top right; display:block; float:left; padding-right:4px}
#main-nav li a span {display:block; background:url(img/btn-left.gif) no-repeat top left; padding:10px; padding-left:11px }

#main-nav li a:hover {background:url(img/btn-right-hover.gif) no-repeat top right;}
#main-nav li a:hover span {background: #66598a url(img/btn-left-hover.gif) no-repeat top left;}

/* Content containers */
#main-content { margin: 30px 30px 30px 40px; max-width:680px; position: relative; }
/*#bogof {position: absolute; top: 30px; z-index: 1; left: 20px; }*/
#bogof {position:absolute; top:-30px; left:20px}
#side-content { float:right; width:373px; margin:30px 40px 30px 50px; display:inline}
.wide-side-content {width:500px !important;}

#advantages {margin:0; padding:0; margin-bottom:1em; list-style-position:outside; margin-top:20px; margin-left:17px; margin-right:80px}
#advantages li {line-height:1.5}

#main-content,
#side-content {font:1.4em/1.5 Arial, Verdana, Helvetica, sans-serif; padding-bottom:30px; }

/* Page footer */
#footer {font-size:1.4em; text-align:right; line-height:88px; background: #680755; min-height:88px; height:auto !important; height:88px; padding:0 2.5%; color:#fff; margin-top:-88px; position:relative; clear:both; background:url(img/footer-bg-trans.gif) repeat-x;}

#company-info {margin:0; padding:0; list-style:none; padding-right:2.5%;  background:url(img/footer-triforce.png) no-repeat left top; }

#handContainer {margin-top:40px; position:relative; right:-40px}

.gallery {list-style:none; margin:0; padding:0; margin-top:20px; height:1%; clear:left}
.gallery li {float:left; margin:0 20px 20px 0; }
.gallery li a {display:block; border:5px solid #680755;}
.gallery li a:hover {border:5px solid white;}
.gallery li a img {display:block; border:none}

/* Contact page */
#contactholder {float:right; width:130px;}
.contact-person {float:right; background:#000; color:#fff; padding:15px; width:103px; margin-bottom:2em; }
.contact-person p a {color:#fff !important; text-decoration:none; }
.contact-person p a:hover {color:#999 !important;}
.contact-person p {margin:0}
.contact-person img {border:2px solid #fff;}
.contact-person .name {font-size:1.1em}
.contact-person .description {font-size:.85em}
ul.contact {list-style:none; width:400px;}

/* Comments page */
#comment-listing {list-style:none outside; margin:0; padding:0; height:550px; overflow:auto;}
#comment-listing li {border-bottom:1px dotted black; margin-bottom:1em;}

/* spring '08 styles */
body {background:#fff url(/img/bg-june-08.jpg) repeat-x !important; color:#000}
#wrapper {background:url(img/bg-shapes-june-08.jpg) no-repeat top right;}
#main-nav li a {background:transparent url(img/btn-right-green.gif) no-repeat top right;}
#main-nav li a span {background:transparent url(img/btn-left-green.gif) no-repeat top left;}
#main-nav li a:hover {background:url(img/btn-right-green-hover.gif) no-repeat top right;}
#main-nav li a:hover span {background: transparent url(img/btn-left-green-hover.gif) no-repeat top left;}
#logo {margin:1.8em 0 0 3.4em}
#logo a {display:block; text-decoration:none; background:url(img/triforce-logo-08.gif) no-repeat; width:339px; height:72px; }
#footer {background:url(img/footer-bg-08-trans.gif) no-repeat; min-height:72px; line-height:72px}
#footer a {background:#000; padding:.3em 1em}
.gallery li a {display:block; border:5px solid #17711b;}
#main-content a, #side-content a {color:#000; font-weight:normal}