/* COLOUR PALETTE

maroon: #341a27
light-maroon: #85737b
orange: #ff5247

*/

/* GENERAL */

body {
 background: #341a27;
}

body#home {
 background-image: url(img/home-bg.jpg);
 background-repeat: no-repeat;
 background-position: center -94px;
}

#container {
 margin: 30px auto 0 auto;
 padding: 0 10px 0 0;
 width: 1020px;
}

/*#contact #container {
 margin: 2px auto 0 auto;
}*/

.copyright {
 color: #85737b;
}

img.pdf {
 margin: 5px 0 0 0;
}

/* Links */

a {
 color: #85737b;
 text-decoration: none;
}

a:hover {
 color: #ff5247;
}

.active a, .ancestor a, .selected a {
 color: #ff5247;
}

#contact .contact, #who .who, #what .what, #services .services, #soon .soon, #press .press {
 color: #ff5247;
}

.show-hide-div {
 margin: 20px 0 0 0;
}

.show-hide-div a {
 color: #ff5247;
}

.show-hide-div a:hover {
 color: #ff5247;
}

a img {
 border: none;
}

/* Fonts */

p {
 color: #fff;
 font-size: 15px;
 line-height: 19px;
}

.orange {
 color: #ff5247;
}

.light {
 color: #85737b;
}

h1, h2, p, li {
 font-family: "museo-slab",serif;
 font-style: normal;
 font-weight: 100;
}

h1, h2 {
 color: #85737b;
 font-size: 80px;
 line-height: 70px;
 margin: 0;
 padding: 0;
}

h2 {
 color: #85737b;
 font-size: 60px;
 margin: -21px 0 10px 0;
}

ol, nav ul {
 color: #fff;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

/* Header */

header img {
 float: left;
 margin: 0 0 20px 0;
}

header ol.social li {
 display: inline;
 float: right;
}

.facebook a, .twitter a, .flickr a, .youtube a  {
 background: url(img/facebook.png);
 background-repeat: no-repeat;
 display: block;
 float: left;
 height: 33px;
 margin: 0 5px 0 0;
 width: 33px;
}

.twitter a {
 background: url(img/twitter.png);
}

.flickr a {
 background: url(img/flickr.png);
}

.youtube a {
 background: url(img/youtube.png);
 margin: 0;
}

.facebook a:hover, .twitter a:hover, .flickr a:hover, .youtube a:hover {
 background-position: 0 -33px;
}

header p {
 clear: right;
 float: right;
 font-size: 12px;
 margin: 50px 0 0 0;
 vertical-align: bottom;
}

#services header p, #who header p, #contact header p, #what header p {
 font-size: 12px;
}

/* Nav */

nav {
 clear: both;
 float: left;
 font-size: 12px;
 margin: 0 58px 0 0;
 text-transform: uppercase;
 width: 194px;
}

nav li {
 padding: 0 0 2px 0;
}

#what nav li.active a{
 text-transform: uppercase;
}

#what nav li.capitalize a{
 text-transform: capitalize;
}

#done nav li.active a{
 background: #ff5247;
 color: #fff;
 padding: 0 1px 0 0;
 text-transform: capitalize;
}

nav li.capitalize a{
 text-transform: capitalize;
}

nav li.capitalize {
 text-transform: capitalize;
}

nav ul ul {
 border: none;
 margin: -15px 0 0 10px;
 text-transform: capitalize;
}

nav ul, nav ol, #main-content {
 border-top: 15px solid #ff5247;
 padding: 15px 0 0 0;
}

.ancestor ul, .selected ul {
 border: none;
 margin: 0;
 padding: 0;
 text-transform: capitalize;
}

.ancestor li, .selected ul {
 margin: 0 0 0 10px;
}

/* Main Content */

#main-content {
 float: left;
 width: 768px;
}

/* Projects */

#projects {
 clear: both;
 padding: 120px 0 0 0;
}

#projects p {
 float: left;
 margin: 0;
}

/* Footer */

footer {
 padding: 10px 0 100px 0;
}

footer p {
 float: right;
 font-size: 15px;
 margin: -1px 0 0 0;
}

footer p.copyright {
 clear: right;
 float: right;
 font-size: 12px;
 margin: 0;
}

/* TWITTER */

/*#twitter {
 color: #fff;
 float: left;
 font-size: 13px;
 width: 200px;
}

#twitter a {
 color: #fff;
}

#twitter a:hover {
 color: #85737b;
}

#twitter ul {
 color: #fff;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#twitter li {
 color: #fff;
}

#twitter .tweet_time {
 float: left;
}

#twitter img {
 margin: 0 0 0 5px;
}*/

/* HOME */

.show-hide span {
 padding: 20px 0 20px 0;
}

.info {
 width: 540px;
 margin: -10px 0 0 0;
 padding: 0;
}

.info.p {
 margin: 0;
 padding: 0;
}

p.link {
 margin: 0;
 padding: 0;
}

/* WHO */

#who p {
 font-size: 13px;
}

#who h2 {
 color: #fff;
 font-size: 30px;
}

#left, #right {
 float: left;
 width: 370px;
}

#left {
 margin: 0 25px 0 0;
}

#who p.quote, #what p.quote {
 clear: both;
 font-size: 52px;
 line-height: 49px;
 margin: -2px 0 0 0;
}

#who .quote {
 color: #ff5247;
 margin: 0px;
 padding: 20px 0;
}

#who .small {
 font-size: 13px;
 margin: 10px 0 0 0;
 padding: 0;
}

/* WHAT WE DO */

#what h1 {
 color: #fff;
 font-size: 54.5px;
 margin: -12px 0 0 0;
 padding: 0;
}

#what #main-content p {
 width: 540px;
}

#what #main p.orange {
 width: 700px;
}

/* SERVICES */

#services p {
 font-size: 13px;
}

#services p.large {
 font-size: 54.5px;
}

#one, #two, #three, #four {
 float: left;
 margin: 0 15px 0 0;
 width: 180px;
}

#four {
 margin: 0;
}

.large {
 font-size: 54.5px;
 margin: 15px 0;
 padding: 0;
}

#services .small {
 color: #ff5247;
 font-size: 13px;
 margin: 0;
}

#services .light {
 color: #85737b;
}

#services #main-content img{
 margin: 25px 0 -8px 0;
}

#services #main-content #three img, #services #main-content #four img {
 margin: 6px 0 -8px 0;
}

#services #main-content img.pdf {
 margin: 5px 0 0 0;
}

/* WHAT WE'VE DONE */

#what #main-content {
 margin: 0 0 0 0;
}

.section {
 clear: left;
 padding: 0 0 20px 0;
 margin: 0;
 overflow: hidden;
 width: 780px;
}

.done-items {
 float: left;
 height: 82px;
 margin: 0 14px 14px 0;
 width: 181px;
}

.done-items p {
 margin: 0;
 padding: 0;
}

#what .large {
 font-size: 54.5px;
 margin: 15px 0;
 padding: 0;
}

#what .small {
 color: #ff5247;
 font-size: 13px;
 margin: 0;
}

#what .light {
 color: #85737b;
 margin: 0 0 5px 0;
}

#what #main-content p.address, #what #main-content p.address-two {
 float: left;
 margin: -45px 0 0 5px;
 padding: 0;
 position: relative;
 width: 170px;
}

#what #main-content p.address-two {
 margin: -27px 0 0 5px;
}

#what .section .tint {
 height: 82px;
 width: 181px;
}

#what #projects {
 padding: 100px 0 0 0;
}

/* Project Page */

#done h1 {
 font-size: 60px;
 margin: -10px 0 0 0;
 padding: 0;
}

#done h2 {
 color: #fff;
 font-size: 30px;
 line-height: 40px;
 margin: 7px 0 7px 0;
 padding: 0;
}

#done #main-content p, #rental #main-content p, #soon #main-content p {
 color: #fff;
 font-size: 30px;
 line-height: 40px;
 margin: 4px 0 10px 0;
 padding: 0;
}

#done #main-content p.small, #rental #main-content p.small, #soon #main-content p.small {
 font-size: 13px;
 margin: 0 0 -14px 0;
}

#done #main-content p.top, #rental #main-content p.top,  #soon #main-content p.top  {
 font-size: 13px;
 margin: -14px 0 0 0;
}

.tint {
 position: relative;
 float: left;
 cursor: pointer;
}

.tint:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(255,64,52, 0.7);
 -moz-transition: background .3s linear;
 -webkit-transition: background .3s linear;
 -ms-transition: background .3s linear;
 -o-transition: background .3s linear;
 transition: background .3s linear;
}

.tint:hover:before {
 background: none;
}

.active.tint:before {
 display: none;
}

.nivo-controlNav .active {
 border: 12px solid pink;
 background: none;
}

#done .small {
 clear: both;
 margin: 95px 0 0px 0;
}

.addthis_toolbox {
 margin: 0 0 15px 1px;
}

/* GET IN TOUCH */

#contact h1 {
 color: #fff;
 font-size: 54.5px;
 margin: -13px 0 15px 0;
 padding: 0;
}

#contact ol.contact { 
 font-size: 13px;
 margin: 10px 0 10px 0;
}

#contact ol.contact li { 
 margin: 0 0 4px 0;
}

#contact ol.contact li a {
 color: #fff;
}

#contact ol.contact li.orange a {
 color: #ff5247;
}

#contact ol.contact li a:hover , li.orange a:hover {
 color: #85737b;
}

/* BLISS INSIDER CODE */

#sign_up {
 -moz-border-radius: 6px;
 background: #341a27;
 color: #fff;
 -webkit-border-radius: 6px;
 border: 1px solid #ff5247;
 -webkit-box-shadow: rgba(0,0,0,.1) 0px 2px 12px;
 -moz-box-shadow:  rgba(0,0,0,.1) 0px 2px 12px;
 padding: 34px 22px;
 width: 400px;
 position: relative;
 display: none;
}

ul.contact-ul {
 list-style-type: none;
 margin: 0 0 0 -15px;
}

ul.contact-ul li {
 margin: 0 0 10px 0;
}

li.li-left {
 float: left;
 width: 90px;
}

.asterisk, .last-asterisk {
 padding: 0 0 9px 3px;
}

.button {
 margin: 0;
}

ul.contact-ul li.form-small {
 font-size: 12px;
 margin: -26px 0 0 175px;
}

input[type="text"], input[type="textbox"], input[type="email"], input[type="submit"], input[type="search"] {
 color: #341a27;
 font-family: "museo-slab",serif;
 font-style: normal;
 font-weight: 100;
 width: 200px;
}

input[type="submit"] {
 background: url('img/button-bg.jpg') top left;
 border: none;
 color: #fff;
 padding: 2px 6px;
 width: auto;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 -khtml-border-radius: 2px;
}

input[type="submit"]:hover {
  background: url('img/button-bg-hover.jpg') top left;
}

textarea:focus, input:focus {
 border: 1px solid #ff5247;
}

/* CAROUSEL CODE */

/* =Home Loop 
-------------------------------------------------------------- */

#projects {

}

#projects .container {
 background-image: url(img/projects-bg.png);
 overflow: hidden;
}

/* =Home Loop  : Nav 
-------------------------------------------------------------- */

.home-loop {
 clear: both;
}

#projects p {
 font-size: 14px;
 margin: 0 10px 10px 0;
}

#projects .nav {
 display: none;
}

#projects .nav a {
 width: 16px;
 height: 15px;
 display: inline-block;
 overflow: hidden;
 text-indent: -999px;
}

#projects .nav a.next {
 background: url(img/right3.png) no-repeat;
}

#projects .nav a.prev {
 background: url(img/left3.png) no-repeat;
}

#projects .nav a.next:hover, #projects .nav a.prev:hover {
 background-position: 0 -15px;
}

#projects h3 {
 color: #3b3b3b;
 font: 14px "Droid Sans", sans-serif;
 margin-bottom: 30px;
}

#projects .post-list {
 width: 9999px;
 overflow: hidden;
 margin: 8px 0;
}

#projects .post-list-wrapper {
 margin: 0 0 0 -36px;
 overflow: hidden;
}

/* =Home Loop  : Post 
-------------------------------------------------------------- */

#projects .post-list li.post {
 width: 76px;
 float: left;
 padding: 0;
 list-style-type: none;
}

#projects .post-list li.post a {
 text-decoration: none;
}

#projects .post-list li.post img {
 margin-bottom: -5px;
}

#projects li.post {
 margin: 0 4px;
 padding: 0;
}

#projects .post-list li.post .placeholder {
 width: 225px;
 height: 130px;
 background: pink;
 display: block;
 margin-bottom: 13px;
}

#projects .post-list li.post.type-client img {
 width: 100%;
 height: auto;
 box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

#projects .post-list li.post h4 {
 color: #3b3b3b;
 font: bold 12px 'Droid Sans', sans-serif;
 margin-bottom: 9px;
 text-align: center;
}

#projects .post-list li.post p {
 color: #777777;
 font: italic 12px 'Droid Serif', serif;
 line-height: 1.4em;
}

/* IPHONE AND IPAD */

@media (max-device-width: 1024px) and (orientation: landscape) { 
body#home {
 background-image: url(img/home-bg.png);
 background-repeat: no-repeat;
 background-position: 25px -120px;
}

body#home #container/*, body#services #container, #container*/ {
 max-width: 1020px;
 padding: 0;
 width: 100%;
}

body#home #main-content/*, body#services #main-content, #main-content*/ {
 float: left;
 width: 712px;
}

body#home  #projects .container {
 width: 227px !important;
}

body#home  #projects li.post {
 width: 65px !important;
}

/*#contact #main-content img {
 width: 712px;
}

#one, #two, #three, #four, #one img, #two img, #three img, #four img {
 margin: 0 20px 0 0;
 width: 161px;
}

#three img {
 margin: 0 0 -5px 0;
}

#four {
 margin: 0;
}

#four img {
 padding: 18px 0 0 0;
}

#one img.pdf, #two img.pdf, #three img.pdf, #four img.pdf {
 width: auto;
}

#left, #right, #left img, #right img {
 width: 343px;
}*/

}

@media (max-device-width: 768px) and (orientation: portrait) { 

body#home {
 background-image: url(img/home-bg.png);
 background-repeat: no-repeat;
 background-position: 25px -120px;
}

body#home #container/*, body#services #container, #container*/ {
 max-width: 1020px;
 padding: 0;
 width: 100%;
}

body#home #main-content/*, body#services #main-content, #main-content*/ {
 float: left;
 width: 712px;
}

body#home  #projects .container {
 width: 227px !important;
}

body#home  #projects li.post {
 width: 65px !important;
}

/*#contact #main-content img {
 width: 712px;
}

#one, #two, #three, #four, #one img, #two img, #three img, #four img {
 margin: 0 20px 0 0;
 width: 161px;
}

#three img {
 margin: 0 0 -5px 0;
}

#four {
 margin: 0;
}

#four img {
 padding: 18px 0 0 0;
}

#one img.pdf, #two img.pdf, #three img.pdf, #four img.pdf {
 width: auto;
}

#left, #right, #left img, #right img {
 width: 343px;
}*/

}

@media screen and (max-device-width: 480px) { 

body#home {
 background-image: url(img/home-bg.png);
 background-repeat: no-repeat;
 background-position: 25px -120px;
}

body#home #container/*, body#services #container, #container*/ {
 max-width: 1020px;
 padding: 0;
 width: 100%;
}

body#home #main-content/*, body#services #main-content, #main-content*/ {
 float: left;
 width: 712px;
}

body#home  #projects .container {
 width: 227px !important;
}

body#home  #projects li.post {
 width: 65px !important;
}

/*#contact #main-content img {
 width: 712px;
}

#one, #two, #three, #four, #one img, #two img, #three img, #four img {
 margin: 0 20px 0 0;
 width: 161px;
}

#three img {
 margin: 0 0 -5px 0;
}

#four {
 margin: 0;
}

#four img {
 padding: 18px 0 0 0;
}

#one img.pdf, #two img.pdf, #three img.pdf, #four img.pdf {
 width: auto;
}

#left, #right, #left img, #right img {
 width: 343px;
}*/

}

@media screen and (max-device-width: 320px) { 

body#home {
 background-image: url(img/home-bg.png);
 background-repeat: no-repeat;
 background-position: 25px -120px;
}

body#home #container/*, body#services #container, #container*/ {
 max-width: 1020px;
 padding: 0;
 width: 100%;
}

body#home #main-content/*, body#services #main-content, #main-content*/ {
 float: left;
 width: 712px;
}

body#home  #projects .container {
 width: 227px !important;
}

body#home  #projects li.post {
 width: 65px !important;
}

/*#contact #main-content img {
 width: 712px;
}

#one, #two, #three, #four, #one img, #two img, #three img, #four img {
 margin: 0 20px 0 0;
 width: 161px;
}

#three img {
 margin: 0 0 -5px 0;
}

#four {
 margin: 0;
}

#four img {
 padding: 18px 0 0 0;
}

#one img.pdf, #two img.pdf, #three img.pdf, #four img.pdf {
 width: auto;
}

#left, #right, #left img, #right img {
 width: 343px;
}*/

}

/* FM ADDITIONS */
p.profile_email {
 margin-top:-28px;
 margin-bottom:7px;
 padding-top:0px;
 padding-bottom:0px;
}
	
#what #main-content a {
 font-size:13px;
}
	
#what #main-content img {
 margin-bottom:-15px;
}

#tweets .user span {
 overflow: hidden;
 position: relative;
 display:inline;
 left: 0px;
 top: -53px;
}

#tweets .user span span {
 top: -10px;
 left: -52px;
}

/* JS ADDITIONS FOR NEW TWITTER FEED AND UPDATED HOME PAGE */

#tweet-container {
 float: left;
}

#tweets {
 background: #f54d45;
 clear: both;
 float: left;
 margin: 29px 58px 0 0;
 padding: 10px;
 width: 174px;
}

#tweets ul {
 margin: 0;
 padding: 0;
}

#tweets li {	
 list-style-type: none;
}

#tweets .user span {
 font-size: 14px;
 overflow: hidden;
 position: relative;
 left: 52px;
}

#tweets .user span span {
 left: 0px;
 top: -4px;
}

#tweets p {
 color: #341a27;
 font-size: 12px;
 margin: -30px 0 0 0;
}

#tweets p.timePosted {
 margin: 5px 0 0 0;
 padding: 0;
}

#tweets a {
 color: #fff;
 word-wrap: break-word;
}

#tweets a:hover {
 color: #341a27;
}

#tweets .interact {
 display: none;
}

.triangle {
 clear: both;
 float: left;
 margin: 0 0 0 28px;
}

#projects {
 clear: both;
 overflow: hidden;
}

#projects .container {
 background: none;
 float: left;
 margin: 0 14px 0 0;
 width: 245px;
}

#projects .container.last {
 margin: 0;
}

#projects ul {
 background-image: url(img/projects-bg.png);
 clear: both;
 overflow: hidden;
 padding: 8px 0 8px 4px;
}

#projects #tweets ul {
 background: none;
}

#projects ul li{
 display: inline;
 overflow: hidden;*/
}

#projects li.post { 
 float: left;
 list-style-type: none;
 padding: 0;
 width: 71px;
}

#projects .tint {
 height: 61px;
}

footer {
 clear: both;
}

/* JS ADDIIONS FOR PRESS RELEASES */

.press-release {
 float: left;
 margin: 0 98px 20px 0;
 position: relative;
 width: 190px;
}

.press-release .tint:before {
 background: none;
}

.press-release .tint:hover:before {
 background: rgba(255,64,52, 0.7);
}

.press-release img {
 width: 190px;
}

.press-release p.view {
 position: absolute;
 text-align: center;
 top: 40%;
 width: 190px;
}

.press-release p.small {
 text-align: center;
}

.press-release p.light {
 color: #fff;
 margin: 0 0 -15px 0;
}

.press-release p.view {
 display: none;
}

.press-release:hover p.view {
 display: block;
}

.press-release .tint {
 height: 269px;
}

.press-release .description {
 clear: both;
 padding: 10px 0 0 0;
}

/* JOHN SHEEHAN ADDITIONS FOR DOWNLOAD AND BROCHURE - COMING SOON PAGE */

#done #main-content p.small {
 clear: both;
}

#done #main-content p.small.right {
 clear: none;
 font-size: 30px;
 margin: -10px 0 20px 0;
}

/* JOHN SHEEHAN ADDITIONS FOR VIDEO REPLACEMENT FOR COMING SOON PAGE */

#soon iframe {
 border: 7px solid #FFF;
}

/* TWITTER FIX - IMAGE DOESN'T ALLOW FOR TEXT WRAP DUE TO CONFINED SPACE */

.user img {
 display: none;
}

#tweets p {
 margin: 10px 0 0 0;
}

#tweets .user span {
 clear: both;
 float: left;
 left: 0;
 margin: 3px 0 0 0;
 top: 0;
}