@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

/* ------ LOGO ------- */

.logo {
	margin:4px 0px 0px 15px;
	float:left;
}

/* ------ MENUBAR STYLING ------- */

#nav {
    width:100%;
    float:left;
    margin-left:-3px;
    margin-top:-35px;
    padding:0;
    list-style:none;
}

#nav li {
    float:left;
}

#nav li a {
    display:block;
    padding:8px 15px;
    text-decoration:none;
    font-family:arial,sans-serif;
    font-size:16px;
    font-weight:300;
    color:#373737;
}

#nav li a:hover {
    color:#007ac1;
}

#wrap {
    width:370px;
    margin:0 auto;
    background-color:#fff;
}

.facebook {
	float:left;
	margin-top:-37px;
	margin-left:0px
}

/* ------ WELCOME IMAGE INTRO TEXT ------ */

.intro {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:48px;
    line-height:58px;
    color:#333;
}

.polyjohn {
	margin-top:17px;
	margin-left:17px;
}

/* ------ TOILET SLIDESHOW ------ */

#slides {
    display:none;
}

#slides .slidesjs-navigation {
    margin-top:3px;
}

#slides .slidesjs-previous {
    margin-right:5px;
    float:left;
}

#slides .slidesjs-next {
    margin-right:5px;
    float:left;
}

.slidesjs-pagination {
    margin:6px 0 0;
    float:right;
    list-style:none;
}

.slidesjs-pagination li {
    float:left;
    margin:0 1px;
}

.slidesjs-pagination li a {
    display:block;
    width:13px;
    height:0;
    padding-top:13px;
    background-image:url(images/toilet_slides/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {
    background-position:0 -13px;
}

.slidesjs-pagination li a:hover {
    background-position:0 -26px;
}

#slides a:link,#slides a:visited {
    color:#333;
}

#slides a:hover,#slides a:active {
    color:#FF8222;
}

.navbar {
    overflow:hidden;
}

#slides {
    display:none;
}

.container {
    margin:0 auto;
    margin-top:0;
    margin-left:40px;
    width:auto;
    height:auto;
}

/* ------ WELCOME BODY ------ */

.welcome {
    width:580px;
    margin-left:325px;
    margin-top:-450px;
    font-family:arial,sans-serif;
    font-size:20px;
    line-height:24px;
    color:#0375C2;
    float:left;
}

.plop-bold {
    font-family:arial,sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:24px;
    color:#0375C2;
}

/* ------ STORY BODY ------ */

.story-header {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:34px;
    line-height:41px;
    color:#353526;
    margin-left:42px;
}

p.story {
    width:860px;
    font-family:arial,sans-serif;
    font-size:20px;
    line-height:24px;
    color:#353526;
    margin-left:42px;
    display:inline-block;
}

/* ------ BOTTOM BLOCK 3 COLUMNS ------ */

.contact-header {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:34px;
    line-height:41px;
    color:#464637;
    margin-left:42px;
}

p.contact {
    font-family:arial,sans-serif;
    font-size:18px;
    line-height:24px;
    color:#464637;
    margin-left:42px;
    display:inline-block;
}

p.contact a {
    text-decoration:none;
    color:#0072C5;
}

.email {
	margin-top:18px;
}

/* ------ FOOTER ------ */

.footer {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:26px;
    line-height:31px;
    color:#fff;
}

.footer-copyright {
    font-family:'Open Sans Condensed',sans-serif;
    font-size:18px;
    line-height:22px;
    color:#fff;
    margin-left:106px;
}