/*
Theme Name: Sunshine Suites
Theme URI: http://sunshineny.com
Description: Theme created for Sunshine Suites Website by Vaynermedia
Version: 1.0
Author: Neil Sarkar & Adam Kopec
Author URI: http://vaynermedia.com
*/

* { margin: 0; padding: 0; }

.ghost { display: none !important; }
a, a:link, a:visited, a:hover {
    color: #f99733;
    cursor: pointer;
    text-decoration: none;
}
a img {
    border: 0 !important;
    background-color: transparent !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.imgtxt {
    text-indent: -9999px;
}

.clearfix { display: inline-block }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

ul { list-style: none }

ul#header {
    text-align: left;
    /* background: url(/images/nav-bar-new.png) no-repeat; */
    background-color: transparent;
    height: 36px;
    width: 674px;
    left: 355px;
    top: 53px;
    position: absolute;
    float: left;
    background-repeat: no-repeat;
}

#header li {
    float: left;
    text-align: left;
}

#header li a {
    display: block;
    background: transparent url(http://sunshinesuites.vaynermedia.com/wp-content/themes/sunshine_vaynermedia/images/nav-bar.jpg);
    background-repeat: no-repeat;
    /*width: 163px;*/
    height: 36px;
    text-indent: -99999px;
}

#header li.home a {
    background-position: left top;
    width: 50px;
}
#header li.home a:hover, li.home a.active {
    background-position: left bottom !important;
    width: 50px;
}
#header li.pricing a {
    background-position: -55px top;
    width: 115px;
}
#header li.pricing a:hover, li.pricing a.active {
    background-position: -55px bottom !important;
}
#header li.faq a {
    background-position: -178px top;
    width: 120px;
}
#header li.faq a:hover, li.faq a.active {
    background-position: -178px bottom !important;
}
#header li.blog a {
    background-position: -306px top;
    width: 130px;
}
#header li.blog a:hover, li.blog a.active {
    background-position: -306px bottom !important;
}
#header li.contact a {
    background-position: -445px top;
    width: 104px;
}
#header li.contact a:hover, li.contact a.active {
    background-position: -445px bottom !important;
}
#header li.job a {
    background-position: -562px top;
    width: 155px;
}
#header li.job a:hover, li.job a.active {
    background-position: -562px bottom !important;
}



/*ul.tabs li.f1rst { border-left: 0 !important; }*/

/* GLOBAL */

body {
    font-family: Helvetica, Arial, sans-serif;
    color: #4c4c4c;
    font-size: 12px;
    line-height: 21px;
    background-color: #c9c9c9;
}

#header-container {
    background: url(images/header.jpg) repeat-x left top;
    height: 101px;
    background-color: white;
}

#header {
    position: relative;
    width: 985px;
    height: 98px;
    margin: 0 auto;
}

#header #logo {
    position: absolute;
    left: 20px;
    top: 7px;
}

#header #login {
    position: absolute;
    width: 256px;
    right: 20px;
    top: 15px;
}

#login input {
    height: 20px;
    width: 195px;
    padding: 5px 0 0 5px;
    margin-right: 7px;
    border: 1px solid #808080;
    color: #4c4c4c;
    font-size: 13px;
    float: left;
}

#header #login a {
    color: #4c4c4c;
    display: block;
    float: right;
    border: 1px solid #808080;
    padding: 2px 5px;
}

#header #login a:hover {
    border-color: #f99733;
    color: #f99733;
}

#page {
    width: 985px;
    margin: 0 auto;
}

#overview {
    border: 1px solid #f99733;
    border-width: 0;
}

#overview .imgtxt {
    background: url(images/spotlight-grow-your-trans.png) no-repeat left top;
    width: 494px;
    height: 33px;
}

#overview h2 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -.2px;
    margin: 2px 0 0 20px;
}

#overview .left {
    padding: 20px 0 0 25px;
    float: left;
    width: 528px;
    height: 242px;
    background: url(images/spotlight.jpg);
    position: relative;
}

#overview ul {
    list-style-image: url(images/checkmark-trans.png);
    list-style-type: square;
    list-style-position: inside;
    margin-top: 10px;
    padding-left: 26px;
}

#overview li {
    font-size: 118%;
    color: grey;
    margin-left: 20px;
}

#overview .left .video {
    position: absolute;
    left: 70px;
    bottom: 20px;
}

#overview .left .schedule {
    position: absolute;
    right: 70px;
    bottom: 20px;
}

/* #overview .left * { */
/*     text-indent: -99999px; */
/* } */

#overview #slideshow {
    float: right;
    width: 431px;
    height: 262px;
}

#overview #slideshow img {
    /*width: 431px;*/
}

#pricing {
    position: relative;
    height:82px;
    background: white url(images/price-bar.png);
}

.inclogo {
        left:141px;
        position:absolute;
        text-indent:0 !important;
        top:0;
        background-image: none !important;
}

#pricing * {
    text-indent: -9999px;
}

#pricing .wing {
    position: absolute;
    top: 0px;
}

#pricing .left.wing {
    left: -19px;
}

#pricing .right.wing {
    right: -19px;
}

#pricing .pad {
    padding: 0 27px;
}

#pricing .grapevine {
    width: 200px;
    float: left;
    padding-top: 20px;
}

#pricing .price {
    width: 150px;
    float: left;
    padding: 20px 15px 0;
    height: 45px;
    /* border-right: 1px solid gray; */
    text-indent: -9999px;
    position: relative;
}

#pricing .price h4 {
    display: inline;
}

#pricing a {
    display: block;
    width: 39px;
    height: 18px;
    background: url(images/more-button-trans.png) no-repeat left top;
    position: absolute;
    right: 0;
    bottom: 0;
}

#pricing a:hover {
    background-position: left bottom;
}

#pricing .price span {
    font-weight: bold;
    font-size: 25px;
    color: #f99733;
}

#pricing h4 {
    text-transform: uppercase;
    font-size: 14px;
}

#pricing .universal {
    width: 125px;
    float: left;
    margin-left: 16px;
}

#pricing .universal ol {
    list-style: none;
}

#main {
    background-color: white;
    padding: 0 0 20px 0;
}

#main h3, #content.faq dt, #content.contact legend {
    font-weight: bold;
    font-size: 22px;
    margin: 25px 0 20px;
}

#content {
    font-size: 14px;
}

#content.left {
    float: left;
    width: 722px;
}

#TB_overlay { z-index: 1001 !important; }
#TB_window { z-index: 1002 !important; }

#flowplayer { margin: 35px auto 0 }
#content.front .box {
    padding: 0 30px;
}

#content.front h3 {
    border-top: 1px solid #ededed;
    margin-top: 20px;
    padding: 20px 30px 0;
}

#content.front .box {
    padding: 0 30px;
}

#content.front h3.first {
    border-top: 0;
    padding-top: 0;
    margin-top: 25px;
}

#successful {
    font-size: 16px;
}

#successful h5 {
    font-size: 16px;
}

#successful h5 a {
    font-weight: bold;
}

.more {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
}

#successful p {
    margin: 6px 0 10px;
}

#successful img {
    float: left;
}

#successful .company {
    float: left;
    padding-left: 10px;
    width: 560px;
}

#locations .left {
    border: 3px solid #808080;
    float: left;
}

#locations .right {
	float:right;
	font-size:13px;
	line-height:17px;
	width:350px;
}


#locations .right a:hover {
         text-decoration: underline !important;
}

#locations h5 {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

#locations h5 small {
    margin-top: 5px;
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #4c4c4c;
}
#locations .bronx span { background-color:#D2FB36;
font-size:10px;
margin:0 0 0 3px;
padding:6px 5px 2px;
vertical-align:top;}

#locations .bronx a { color:orange;
display:block;
font-size:13px;
margin-top:2px;
text-decoration:underline;
font-weight: bold;
}

#locations .bronx a:hover { color: #e04e01;}

#locations .bronx {
    background: url(images/subway-256.png) no-repeat right top;
	margin-top: 0px;
	height:50px;
}
#locations .tribeca {
    background: url(images/subway_tribeca.png) no-repeat right top;
	margin-top: 0;
	height:50px;
}

#locations .noho {
    background: url(images/subways.jpg) no-repeat right top;
    margin-top: 30px;
	height:50px;
}

#locations .bronx {
    background: url(http://attic.vaynermedia.com/sunshine/images/subway-256.png) no-repeat right top;
    margin-top: 30px;
	height:50px;
}

#founders .founder {
    padding-right: 215px;
}

#founders h4 {
    color: #f99733;
    font-size: 18px;
}

#founders .bottom {
    position: relative;
}

#founders .more {
    position: absolute;
    right: 0;
    top: 0px;
}

#founders .twitter {
    display: block;
    height: 51px;
    padding-left: 65px;
    color: #4c4c4c;
    font-weight: bold;
    line-height: 51px;
}

#founders .both a {
    color: #808080;
}

#story-container {
    min-height: 42px;
    padding-bottom: 25px;
}

#founders .cheni {
    background: url(images/cheni.jpg) no-repeat right top;
}

#founders .joseph {
    background: url(images/joseph.jpg) no-repeat right top;
    margin-top: 25px;
}

#founders .cheni .twitter {
    background: url(images/cheni_twitter.jpg) no-repeat left top;
}

#founders .joseph .twitter {
    background: url(images/joseph_twitter.jpg) no-repeat left top;
}

#right {
    float: right;
    width: 250px;
    padding: 0 0 20px 10px;
    border: 1px solid #ccc;
    border-width: 0 0 1px 1px;
    font-size: 13px;
}

#right .box {
    padding-right: 30px;
}

#right .front-page-vid {
	font-size:12px;
	line-height:16px;
	margin-bottom:-15px;
	margin-top:-18px;
	padding:10px 0;
}

#right .front-page-vid h3 {
	font-size: 21px;
}

.banner {
    background-color: #D2FB35;
    padding: 14px 0 10px 15px;
    position: relative;
    font-size: 20px;
}

#right .banner img {
    position: absolute;
    top: 0;
    right: -11px;
}

/* Test for the left dynamic bar */

.title_banner {
    background-color: #F9DC4E;
    padding: 27px 0 21px 15px;
    position: relative;
    font-size: 26px !important;
}

.title_banner img {
    position: absolute;
    top: 0;
    left: -11px;
}

/* Landing Page content padding */
.landing_content {
	padding:10px 40px;
}

.contact-form {
	padding-bottom:5px;
	padding-left:13px;
	width:215px;
}

/* #right .banner { */
/*     background: #d2fb35 url(images/sidebar-shadow.jpg) no-repeat right top; */
/*     width: 100%; */
/*     height: 61px; */
/*     padding-right: 11px; */
/*     position: relative; */
/*     left: 11px; */
/* } */

/* Billy's Changes */
/* player container for office-space-nyc page */
div.player {
height:330px;
width:719px;
border:2px solid #fff;
outline:1px solid #333;
-moz-outline-radius:4px;
cursor:pointer;
float:left;
text-align:center;
margin-right:15px;
margin-top:20px;
margin-bottom:20px;

}

/* play button */
div.player img {
  margin-top:115px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(/wp-content/uploads/2010/05/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;

	text-align:left;
	padding:5px 15px;    
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:55px;
}

/* duration data inside info area */
	div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}
/* End Billy's Changes */

#follow.box { }

#follow.box .twitter {
    display: inline-block;
    height: 42px;
    margin: 15px 0 0 15px;
    padding-left: 50px;
    background: url(images/follow-twitter.jpg) no-repeat left top;
    line-height: 32px;
    font-size: 15px;
    color: #4c4c4c;
}

#categories.box li {
    padding-left: 15px;
}

#categories.box li a {
    font-weight: bold;
}

#testimonials h6 {
    color: #f99733;
    font-weight: bold;
    font-size: 14px;
}
#testimonials h6 small {
    display: block;
    color: #4c4c4c;
}

#testimonials .testimonial {
    margin: 15px 0 0 16px;
}

.testimonial img {
    float: left;
    margin: 5px 13px 5px 0;
}

#copyright img {
    position: relative;
    right: 10px;
}

#footer {
    background: url(images/footer-bg.jpg) no-repeat left top;
    height: 310px;
    position: relative;
    padding-top: 20px;
    font-size: 18px;
}

#footer #press {
    position: absolute;
    width: 185px;
    left: 45px;
}

#footer #recognitions {
    position: absolute;
    width: 310px;
    left: 265px;
}

#registrations h3 {
    width: 170px;
}

#footer #press ul, #footer #recognitions div {
    color: #865d1c;
}

#press ul {
    margin-top: 26px;
    padding-left: 15px;
}

#press li {
    margin: 10px 0;
}

#recognitions h6 {
    font-size: 18px;
    font-weight: normal;
    margin: 25px 0 10px;
}

#recognitions .rec {
    padding-left: 15px;
}

#recognitions .rec img {
    float: left;
}

#recognitions .rec div {
    float: right;
    width: 180px;
    font-style: italic;
}

#footer #contact {
    width: 380px;
    position: absolute;
    right: 0;
}

#footer #contact h2 {
    color: white;
    font-size: 51px;
    margin: 15px 0 55px 17px;
    letter-spacing: -2.04px;
}

#footer #contact div {
    background-color: #F5F5F5;
    padding: 20px 20px 16px;
    position: relative;
    right: 4px;
}

#footer #contact .wing {
    position: absolute;
    top: 0;
    right: -9px;
}

#footer #contact div strong {
    color: #f99733;
    display: block;
    font-size: 34px;
    margin: 10px 0;
}

/* Internal Pages */
#content h1, #content #h1 {
    height: 87px;
    position: relative;
    right: 11px;
    margin-bottom: 20px;
}

.sidebar_submit {
	margin-top:5px;
}


#content.internal { 
	padding-left:0px !important;
	padding-top:20px;
	width:600px;
	line-height:24px;
}

#content.internal h2 {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 20px;
    padding: 0 57px;
    font-weight: normal;
    letter-spacing: -.5px;
}

#content.pricing {
  width: 100% !important;
}

#content.pricing h1 {
    background: transparent url(images/pricing-header.png) no-repeat left top;
    width: 525px;
}

#content.pricing h3 { margin: 0 }
#content.pricing h4, #content.pricing #summary p span, #content.pricing span.price {
    display: inline;
    color: #f99733;
    font-size: 16px;
    font-weight: bold;
}

#content.pricing h2 span {
    color: #f99733;
}

#content.pricing #summary {
    font-size: 16px;
    padding: 0 57px;
    line-height: 22px;
    margin-bottom: 50px;
}

#content.pricing #summary p {
    margin: 15px 0;
}

#content.pricing #summary ul {
    margin: 5px 0 15px;
}
#content.pricing #summary li {
    float: left;
    width: 265px;
    padding-right: 25px;
    font-size: 14px;
}
#content.pricing #summary li h4 {
    display: block;
}

#content.pricing table {
    margin: 0 auto;
}
#content.pricing h5 {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

#content.pricing .tiers th {
    padding-bottom: 15px;
}

#content.pricing table h3 {
    text-align: left;
    letter-spacing: -.2px;
}

#content.pricing .prices th {
    padding-bottom: 10px;
}

#content.pricing th, #content.pricing td {
    width: 140px;
    text-align: center;
}

#content.pricing .deet {
    width: 127px !important;
    padding: 0 10px 0 25px;
    text-align: right;
    font-weight: bold;
}

#content.pricing th {
    padding-left: 10px;
    text-align: left;
    font-weight: normal;
    vertical-align: bottom;
}

#content.pricing td {
    height: 52px;
    font-size: 13px;
    vertical-align: middle;
}

#content.pricing .deet {
    background-color: white !important;
}

#content.pricing tr.a td {
    background-color: #e2e2e2;
}

#content.pricing tr.b td {
    background-color: #e9e9e9;
}

#content.pricing .multi-col {
    text-align: center;
}


/* faq */

#content.faq {

}

#content.faq h1 {
    background: url(images/faq-header.png) no-repeat left top;
    width: 495px;
}

#content.faq dl {
    padding: 10px 40px;
}

#content.faq dt {
    margin: 0 0 10px;
    line-height: 22px;
}

#content.faq dd {
    margin: 0 0 30px 0;
}

#content.faq dd p {
    margin: 5px 0;
}

/* contact */

#content.contact h1 {
    width: 275;
    background: url(images/contact-header.png) no-repeat left top;
}

#content.contact h2 {

}

#content.contact #contact {
    background-color: #f5f5f5;
    padding: 20px 20px 10px;
	width: 650px;
}

#content.contact fieldset {
    border: 0;
    margin-bottom: 20px;
    padding: 0 15px;
}

#content.contact fieldset.you td {
    padding: 5px;
}

#content.contact fieldset.you input {
    height: 25px;
    padding: 7px 0 0 7px;
}

#content.contact fieldset.your-needs td {
    padding: 5px;
}

#content.contact legend {
    margin: 0;
}

/* blog party */

#content.blog h1.imgtxt, #content.blog #h1.imgtxt {
    background: url(images/blog-header.png) no-repeat left top;
    width: 555px;
    height: 101px;
}

#content.blog h1 small {
    display: block
}

#content.blog .post {
    padding: 0 30px
}

#content.blog .post p {
    margin: 15px 0
}

#content.blog h2 {
    padding-left: 0
}

#content.blog object {
    float: right;
    margin-left: 10px;
}

.comments {
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:35px;
padding-bottom:10px;
font-weight: bold;

}

.socialcontainer {
	height: 0px;
	position: absolute;
	width: 700px;
}

.socialblog {
	float: right;
	position: relative;
	right: 60px;
}

.fbframe {
	position: absolute;
	right: -39px;
	top: -18px;
}

.twitterwidget {
	padding-top: 8px;
}


#content.blog h2 {
font-family:Arial,Helvetica;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:-3px;
padding-left:0;
}

#content.internal h4 {
margin-bottom: 20px;
font-size: 12px;
}

a, a:link, a:visited, a:hover {
color:#FA9733;
cursor:pointer;
text-decoration:none;
}

#commentform textarea#comment { width: 100% }


/* BRONX LOCATION */
#bronx { padding:0 45px 45px;}
#bronx h2.big-title { margin-bottom: 15px; margin-left: -56px; text-indent: -99999px; width: 529px; height: 87px; background: transparent url('http://attic.vaynermedia.com/sunshine/images/bronx-title.png') no-repeat top left;}
#bronx a:hover { text-decoration: underline;}
#bronx h2.bronx-title { line-height:26px; margin: 0; padding-left: 0; color: black; font-size: 24px; font-weight: bold; width: 600px;}
#bronx h3 { margin:0 0 10px; color: #df8913; font-size: 16px; font-weight: normal;}
#bronx #bank-note { margin:15px 0 25px; }
#bronx .info-container {  width:623px; font-size: 14px; line-height: 19px;}
#bronx .img-wrap { width: 622px; position: relative; }
#bronx .img-wrap a { background-color:orange;bottom:48px;
color:white;
font-size: 12px;
font-weight:bold;
padding:3px 8px 1px;
position:absolute;
right:35px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-color: 1px solid red;}
#bronx .img-wrap a:hover { text-decoration: none !important; background-color: #DF8913;}
#bronx .description { margin-top: 2px; float: left; width: 400px; border-bottom: 1px dotted black; padding-bottom: 30px;}
#bronx ul { margin-top: 10px; list-style: inside; font-weight: bold; line-height: 22px; font-size: 13px;}
#bronx .address { width:176px; float: right;}
#bronx .address h3, #bronx .description h4 { margin-bottom: 1px; color: black; font-size: 14px; font-weight: bold;}
#bronx .address img { margin: 10px 0;}
#bronx .address h4 { font-weight: normal;}
#bronx .description h4 { font-size: 18px; margin-bottom: 6px;}
#bronx .more-info { font-size: 12px; margin-top:8px;}