/* ******************  Global styles  ************** */
* {
    margin:0;
    padding:0;
	outline:none;
}
html, body { overflow-x: hidden; }

/* ******************  Body styles  ************** */
body {
    margin: 0;
    padding: 0;
    background: #000000 url(../i/body/bg.jpg) 50% 0 no-repeat;
    font: 18px/20px Helvetica, Arial, sans-serif;
    color:#ffffff;
}

/* ******************  Wrapper styles  ************** */
#wrapper {
    margin: 0 auto;
    padding:0;
    min-height:1226px;
    width: 997px;
    background:none;
    position:relative;
}
#outer-wrapper {
    background: url(../i/outer-bg.png) 50% bottom no-repeat;
    padding-bottom:100px;
}

/* ******************  Column styles  ************** */
#single-column {
    
}
#column-one {
    
}
#column-two {
    
}
.padded-content {
    padding:10px;
}
.opaque-content {
    background:url(../../i/content/opaque-bg.png);
    padding:10px 20px 10px 20px;
    position:relative;
}
.inner-col-1 {
    width:530px;
    float:left;
}
.inner-col-2 {
    width:425px;
    float:right;
}

/* ******************  Spacer styles  ************** */
.clear-me {
    clear:both;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    height:0;
}
.spacer-one {
    clear:both;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    height:10px;
}
.spacer-two {
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    height:10px;
}
.body-spacer {
    clear:both;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    height:75px;
}

/* ******************  Masthead styles  ************** */
#masthead {
    height:171px;
    position:relative;
}

/* ******************  Header styles  ************** */
#masthead div {
    position: absolute;
}
#logo {
    top:30px;
    left:0;
}
#logo a {
    border:none;
}
#logo a:hover {
    background:none;
}
#logo h1 {
    display:none;
}
#media-snackers {
    top:5px;
    right:0;
}
#media-snackers a {
    font-weight:normal;
}

/* ******************  Main navigation styles  ************** */
#mainnavigation-bg {
    position:absolute;
    left:0;
    top:138px;
    height:32px;
    background:url(../i/nav-main/bg.png) 0 0 repeat-x;
    width:997px;
}
#mainnavigation {
    position:absolute;
    left:0;
    top:138px;
    background:none;
    width:997px;
    list-style: none;
    height:32px;
    width:997px;
    margin:0;
    padding:0;
}
#mainnavigation li {
    list-style-type: none;
    display: block;
    float:left;
    height:32px;
    margin:0;
    padding:0;
}
#mainnavigation a {
    display: block;
    float:left;
    margin:0;
    padding:0 10px 0 10px;
    height:32px;
    text-decoration:none;
    font-size:22px;
    line-height:32px;
    color: #ffffff;
    font-weight:normal;
}
#mainnavigation li a:hover {
    text-decoration:underline;
    background:url(../i/nav-main/bg-on.png) 0 0 repeat-x;
}
#mainnavigation a.selected{
    text-decoration:none;
    background:url(../i/nav-main/bg-on.png) 0 0 repeat-x;
}

/* ******************  Footer styles  ************** */
#footer {
    position:relative;
    clear:both;
    background:none;
    height:100px;
    text-align:center;
    margin:0;
    padding:0;
}

/* ******************  Standard text styles  ************** */
p {
    margin:15px 0 15px 0;
}
p.large {
    font-size:28px;
    line-height:28px;
}
a {
    color: #ffffff;
    text-decoration:underline;
    font-weight:normal;
} 
a:hover {
    text-decoration:none;
}
h1 {
    font: 30px/35px Helvetica, Arial, sans-serif;
    font-weight:normal;
}
h2 {
    font: 23px/32px Helvetica, Arial, sans-serif;
    font-weight:normal;
    display:block;
    height:32px;
    background:url(../../i/heading/bg.png) 0 0 repeat-x;
    border-bottom:solid 2px #ffffff;
    padding:0 0 0 10px;
}
h3 {
    font: 20px/25px Helvetica, Arial, sans-serif;
    margin-top:20px;
}
h3.top {
    margin-top:10px;
}



/* ******************  Standard site image styles ************** */
img {
    border:none;
}
img.type-1 {
    float:right;
    margin:0 0 10px 20px;
}
img.type-1 {
    float:right;
    margin:0 0 10px 0;
}


/* ******************  Standard site list styles [ul, li]  ************** */
#single-column ul, #single-column ol {
    margin-left:15px;
    padding:auto;
}
#single-column ul li, #single-column ol li {
    margin:auto;
    padding:auto;
}

/* ******************  Form styles ************** */
.std-form label {
    display:block;
    float:left;
    width:130px;
    height:30px;
    line-height:30px;
}
.std-form label.error {
    display:block;
    height:auto !important;
    width:auto !important;
    padding-left:130px;
    color:#EFE4A4;
}
.std-form input.text {
    margin:0;
    padding:3px 0 0 5px;
    background:url(../../i/form/input-bg.png);
    border:0;
    height:23px;
    font-size:21px;
    color:#ffffff;
    border:solid 1px #746F6D;
}
.std-form textarea.textarea {
    margin:0;
    padding:7px 0 0 5px;
    background:url(../../i/form/input-bg.png);
    border:0;
    font-size:21px;
    color:#ffffff;
    border:solid 1px #746F6D;
}
.std-form input.submit {
    margin:0;
    padding:0;
    display:block;
    background:url(../../i/form/submit-bg.png);
    border:0;
    height:32px;
    width:131px;
    font-size:21px;
    color:#ffffff;
    border:solid 1px #746F6D;
    text-align:center;
}
.std-form input.left {
    float:left;
}
.std-form input.right {
    float:right;
}
.std-form input.bottmarg {
    margin-bottom:15px !important;
}
.contact-form {
}
.contact-form input.text, .contact-form textarea.textarea {
    width:392px;
}
.event-form {
    width:500px;
}
.event-form input.text {
    width:363px;
}

/* ******************  Form error styles ************** */
#error-container-js, .error-container {
    border:solid 1px #B11D1D;
    background:#EFE4A4;
    color:#B11D1D;
    padding:10px;
    font-size:18px;
    line-height:18px;
}
#error-container-js p, .error-container p {
    margin: 0 0 10px 0;
}
#error-container-js ul, .error-container ul {
    margin:0 0 0 30px !important;
}

.results-car{
	display:block;
	float:left;
}

#loading{
	display:none;
}

#error-container-js {
    display:none;
}

#tabs-2{
	display:none;
}
#tabs-3{
	display:none;
}
#tabs-4{
	display:none;
}
#tabs-5{
	display:none;
}
#tabs-6{
	display:none;
}
#tabs-7{
	display:none;
}

/* ******************  Results index list page styles ************** */
#answers {
}
#answers ul {
    float:left;
    width:25%;
    margin:0;
    padding:0;
}
#answers ul li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
}
#answers ul li a {
    margin:0;
    padding:5px;
    display:block;
    text-decoration:none;
}
#answers ul li a:hover {
    background:url(../../i/content/opaque-bg.png);
}

/* ******************  Results reason page styles ************** */
.answer-header-title {
    display:block;
    float:left;
}
.answer-header-answer {
    background:url(../../i/content/opaque-bg.png);
    padding:0 5px 0 5px;
    display:block;
    float:left;
    margin:0 10px 0 10px;
}
.answer-header-because {
    display:block;
    float:left;
}
#reasons table {
    border-collapse: collapse;
}
#reasons table {
    margin:0;
    padding:0;
    width:920px;
}
#reasons tr, #reasons td {
    margin:0;
    padding:0;
}

#reasons tr.result-row {
    background:url(../../i/content/opaque-bg.png);
}
#reasons tr.result-row td {
    padding:10px;
    position:relative;
}
#reasons tr.result-row td.count {
    font-size:11px;
    padding:10px 5px 0 10px !important;
	padding-right:20px !important;
}
#reasons tr.spacer-row td {
    height:5px;
    font-size:1px !important;
    line-height:1px !important;
}

/* ******************  Results filter bar styles  ************** */
#filter-wrapper {
    position:relative;
    height:75px;
    width:997px;
}
#filter-bg {
    position:absolute;
    left:0;
    top:0;
    height:32px;
    background:url(../i/nav-main/bg.png) 0 0 repeat-x;
    width:997px;
}
#filter {
    position:absolute;
    left:0;
    top:0;
    background:none;
    width:997px;
    list-style: none;
    height:32px;
    width:997px;
    margin:0;
    padding:0;
}
#filter li {
    list-style-type: none;
    display: block;
    float:left;
    height:32px;
    margin:0;
    padding:0;
}
#filter a {
    display: block;
    float:left;
    margin:0;
    padding:0 10px 0 10px;
    height:32px;
    text-decoration:none;
    font-size:22px;
    line-height:32px;
    color: #ffffff;
    font-weight:normal;
}
#filter li a:hover {
    text-decoration:underline;
    background:url(../i/nav-main/bg-on.png) 0 0 repeat-x;
}
#filter a.selected{
    text-decoration:none;
    background:url(../i/nav-main/bg-on.png) 0 0 repeat-x;
}
#filter-wrapper span {
    position:absolute;
    bottom:10px;
    width:997px;
    text-align:center;
}

/* ...specifics */
li.emotion a {
    width:101px;
    text-align:center;
}
li.sex a {
    width:83px;
    text-align:center;
}
li.age a {
    width:41px;
    text-align:center;
}