@charset "utf-8";

body {margin:0px; padding:0px; font: 100% arial, sans-serif; text-align:center; background-color: #ffffff;}
* {margin:0; padding:0;}
 
p {margin:1em 10px;}
h1 {font-size: 1.3em; padding: 20px 10px 10px 10px; font-weight: bold;}
h2 {font-size: 1em; margin:1em 10px; font-weight: bold; font-variant: small-caps;}
img {border: 0px;}
ul {margin: 0 20px 0 25px;}
ol {margin: 0 20px 0 35px;}
li {margin-bottom: 1em;}
iframe {float: left; margin: 0 10px 10px 10px;}

.clearleft {clear: left;}

a:hover {color: #00ccff;}

div#mainwrap {width:900px; margin-left:auto; margin-right:auto; text-align:left; background: white;}

div#header {width:720px; height: 140px; background: url('images/header-grey.gif') no-repeat top right; margin-top: 20px;}

div#headerquestion {padding-top: 100px; margin-left: 20px; color: #faefed; font-weight: bold;}

div#listmenu {float:right; padding-top: 115px; padding-right: 35px; color: #ff00ff; font-weight: bold;}
div#listmenu ul {margin: 0;}
div#listmenu li {float: left; list-style-type: none;}
div#listmenu a {padding: 0 2px; text-decoration: none; color: #faefed; font-weight: bold;}
div#listmenu a:hover {color: #00ccff;}

div#box {background-color: white; margin: 20px 20px 0 20px; padding-bottom: 10px;}

div.smallbox {background-color: white; width: 220px; padding: 10px; margin-top: 20px; margin-left: 20px; color: #5d5c62;}
.smallboximage {float: right;}
div.smallbox a {text-decoration: none; color: #38383b;}
div.smallbox a:hover {color: #00ccff;}
div.smallbox p {margin:0 5px 0 0;}
div.smallbox h2 {font-size: 1em; margin:0; font-weight: bold;}
div.smallbox img {padding-bottom: 5px;}

div#contentarea {width:900px;}

div#column1 {width:180px; float:left; padding-top: 160px; text-align: right; background-color: white;  min-height:700px; color: #38383b;}
div#column1 ul {margin: 0; list-style-type: none; padding-right: 20px;}
div#column1 li {margin: 0.5em 0 0 0;}
div#column1 a {text-decoration: none; color: #5d5c62;}
div#column1 a:hover {color: #00ccff;}

.button {margin: 10px; padding: 10px; background-color: #f3f9f6; font: bold 110% arial, sans-serif;}

.wrapimage {float: left; margin: 0 10px 10px 0;}
.inlineimage {float: left; margin-bottom: 30px; padding: 0 20px 20px 10px;}
.inlineimage p {margin: 0px; width: 150px;}

div#maincontent {width:720px; float:right; background: url('out-of-the-bag/index-bag.jpg') no-repeat top right; background-color: #c0c0c0;}

div#cartoon object {width: 620px; height: 380px;}

div#footer {width:720px; padding: 10px 0; float: right; background-color: #c0c0c0;}
div#footer p {margin: 0 0 1em 30px; font-size: 0.8em; color: #5d5c62;}

div#testimonial {background-color: #f3f9f6; border: 1px solid #003300; margin: 0 10px;}
div#testimonial p {margin: 1em 0 1em 5px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}