/* @override 
	http://cowork.creativechamber.com/css/main.css
	http://wwwtesting.coworkyyc.com/css/main.css
*/

/*--------------!GENERAL----------------*/

body {
background: #FFF url(/g/body_bg.jpg) repeat-x 0 0;
margin: 0;
overflow: scroll;
}

h1, h2, h3, h4, h5, h6, h7 {
font-weight: 100;
}

p {
line-height: 1.2em;
font-size: .8em;
}

a {
text-decoration: none
}

ol, ul {
list-style: none;
margin: 0;
padding: 0;
}

.bold {
font-weight: 700
}

.clearing {
clear: both
}

.floatl {
float: left
}

.floatr {
float: right
}

.no-margin {
margin-right: 0!important;
}

.inlining div {
display: inline;
margin-right: 5px;
}
/*--------------!FONTS----------------*/

body, #nav-main a, #body-content .list-img-sm li p, #side-bar, #main-content .ordered-txt-list li p {
font-family: "Trebuchet MS",arial,sans-serif;
}

h1, h2, .ordered-txt-list, .TabbedPanelsTab, #form1 dt {
font-family: Georgia, "Times New Roman", Times, serif;
}


/*--------------!COLOURS----------------*/

/* Dark Grey */
h2, p, .list-text, #nav-main a, #footer a, #footer span, #side-bar, .btn a, ul#output li a  {
color: #333230;
}

/* Light Brown */
a, #nav-main a:hover, #nav-main .selected a, #main-content p a, #footer a:hover, ul#tabs li a:hover {
color: #7F6034;
}

/* Logo Brown */
#main-content a:hover, .btn a:hover, ul#output li a:hover {
color: #cea229;
}

/* Grey */
#footer {
background: #C2C0BE;
}

/*.browser-list li {
float: left;
}*/

/*.browser-list li a {

}*/
/*--------------!LAYOUT----------------*/

#container {
width: 960px;
margin: 0 auto;
position: relative;
}

#nav-main {
margin: 0 0 0 130px;
width: 580px;
}

#nav-social {
width: 220px;
position: absolute;
right: 10px;
top: 0;
background: url(/g/side_bar_top.png) repeat-y center top;
height: 46px;
}

#main-content {
width: 830px;
margin-left: 130px;
}

#body-content {
width: 580px;
float: left;
margin-top: 20px;
min-height: 400px;
}

#body-content-full {
width: 800px;
float: left;
margin-top: 20px;
min-height: 400px;
}

#side-bar {
width: 220px;
float: right;
margin-right: 10px
}

#footer {
clear: both;
width: 960px;
}

/*--------------!MASTHEAD----------------*/

/*---!Logo---*/
#branding h1 a {
background: url(/g/coworkyyc_logo.jpg) no-repeat 0 -14px;
display: block;
height: 332px;
width: 100px;
overflow: hidden;
text-indent: -9999px;
position: absolute;
top: 0px;
left: 10px;
}

/*---!Main Nav---*/
#nav-main a {
font-size: .8em;
text-transform: uppercase;
}

#nav-main {
height: 32px;
padding-top: 12px;
}

#nav-main li {
float: left;
margin-right: 15px;
}

#nav-main li a {
padding: 2px 0 2px 15px;
background: url(/g/blt_nav.png) no-repeat 0 -37px;
}

#nav-main .selected a {
background-position: 0 -77px;
}

#nav-main li a:hover, #nav-main .selected a:hover {
background-position: 0 2px;
}

/*---!Side bar---*/

#side-bar-top {
background: url(/g/side_bar_top.png) repeat-y center top;
min-height: 300px;
padding: 20px 10px 0 10px;
font-size: .8em;
}

#side-bar-base {
background: url(/g/side_bar_bottom.png) no-repeat center bottom;
height: 105px;
}

/*---!Social Nav---*/

#nav-social {
height: 45px;
}

#nav-social li {
float: left;
}

#nav-social li a {
background-position: 0 0;
background-repeat: no-repeat;
display: block;
height: 30px;
width: 30px;
overflow: hidden;
text-indent: -9999px;
margin: 8px 0px 8px 33px;
}

#nav-social #twitter a {
background-image: url(/g/side_bar_twitter.png);
}

#nav-social #facebook a {
background-image: url(/g/side_bar_facebook.png);
}

#nav-social #linkedin a {
background-image: url(/g/side_bar_linkedin.png);
}

#nav-social li a:hover {
background-position: 0 -31px;
}

/*--------------!CONTENT----------------*/

/*---!Main Content---*/

#main-content h1 {
font-size: 1.3em;
color: #fff;
padding: 5px 5px 5px 28px;
background:#333230 url(/g/header.gif) no-repeat 1.5% 50%
}

#main-content h2 {
font-size: 1.1em;
line-height: 1.2em;
margin: 15px 0 10px 0;
}

#main-content h2.heading-section {
background: url(/g/sub_header.png) no-repeat left top;
height: 32px;
padding-left: 30px;
padding-top: 3px;
}

#main-content p {
font-size: .9em;
line-height: 1.2em;
margin: .8em 0;
}

#main-content p a {
font-size: 1em;
line-height: 1.2em;
margin: .8em 0;
}

#body-content ul {
line-height: 1.2em;
margin: .8em 0;
}

#body-content ul ul {
line-height: 1.2em;
margin: .3em 0;
}

#main-content .list-text li {
padding-left: 15px;
background: url(/g/blt_text.png) no-repeat 0 2px;
}



.two-col div {
width: 285px;
float:left;
margin-right: 10px;
}

/*---!Side Bar Content---*/
.side-bar-section {
padding-bottom: 10px;

}


#side-bar h2 {
margin-top: 0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding: 3px;
background: #c2c0be;
}

.vcard div {
line-height: 1.2em;
margin-bottom: 3px ;
}

.province, .city, .postcode {
display: inline-block ;
}

.call {
background:url(/g/phone.png) no-repeat left center;
padding: 5px 10px 5px 27px;
font-size: 1em;
text-transform: uppercase;
}

.email {
background:url(/g/contact.png) no-repeat left center;
padding: 5px 10px 5px 27px;
font-size: 1em;
margin: 5px 0
}

.times span {
display: block;
font-size: .8em;
margin-top: 5px;
}


/*--------------!BUTTONS----------------*/

.btn a {
background-repeat: no-repeat;
background-color: #DDD9D2;
background-position: left center ;
border: 1px solid #c2c0be;
padding: 3px 10px 3px 27px;
text-transform: uppercase;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display: inline-block;
line-height: 1.2em;
}

.intro {
/*position: relative;
padding-right: 125px;*/
}


.intro a {
/*position: absolute;
top: 0;
right: 0;
margin-left: ;
background:#DDD9D2 url(/g/start_base.png) no-repeat left bottom ;
padding: 10px 5px 10px 5px;
text-transform: uppercase;
display: inline-block;
line-height: 1.2em;
width:110px;
height: 5em;
text-align: center;*/
background-repeat: no-repeat;
background-color: #DDD9D2;
background-position: left center ;
background-image: url(/g/btn_start.png);
border: 1px solid #c2c0be;
padding: 3px 10px 3px 27px;
text-transform: uppercase;
-moz-border-radius:3px;
-webkit-border-radius:3px;
display: inline-block;
line-height: 1.2em;
}

#body-content .btn a {
font-size: .9em;
}


.btn a:hover {
background-color:  #E7E4DF ;
}

.map {
background-image: url(/g/btn_map.png);
}

.directions {
background-image: url(/g/btn_map.png);
margin-bottom: 10px;
}

.btn .home {
background-image: url(/g/btn_home.png);
}

.buses {
background-image: url(/g/btn_bus.png);
}

.trains {
background-image: url(/g/btn_train.png);
}

.coffee {
background-image: url(/g/btn_coffee.png);
}

.restaurant {
background-image: url(/g/btn_restaurant.png);
}

.printers {
background-image: url(/g/btn_printer.png);
}

.btn .start {
background-image: url(/g/btn_start.png);
}

.directions {
background-image: url(/g/btn_directions.png);
}

.btn .twitter {
background-position: 1.2% 50%;
padding: 5px 10px 6px 30px;}

.btn .quinton {
background-image: url(http://twivatar.org/i_q/mini);
}

.btn .nik {
background-image: url(http://twivatar.org/nikgeeks/mini);
}

.btn .jeff {
background-image: url(http://twivatar.org/yardcreative/mini);
}


.pdf {
background-image: url(/g/btn_pdf.png);
}

p a {
background: url(/g/underline.gif) repeat-x left bottom ;
}

/*---!Image Blocks---*/
.list-img-sm-bg li {
float: left;
margin-right: 20px;
padding-bottom: 6px;
padding-top: 120px;
width: 180px;
background-position: center top;
background-repeat: no-repeat;
}

.list-img-sm-bg li li {
padding: 0 0 0 15px;
font-size: .8em;
width: 163px;
}

.list-img-sm-bg h3 {
font-weight: 700;
}


.txt-list li {
padding-left: 15px;
background: url(/g/blt_text.png) no-repeat 0 1px;
margin: .1em 0;
}

#body-content .txt-list li {
font-size: .8em;
background: url(/g/blt_text.png) no-repeat 0 4px;
}

.txt-list h4 {
font-weight: 700;
margin-bottom: 3px;
}

.txt-list li h3 {
font-weight: 700;
margin-bottom: 0px;
}

.dates span {
display: block;
font-size: .8em;
margin-top: -.5em;
}

.showy span {
font-weight: 700;
background-color: #d09e2d;
padding: 2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.press span {
display: block;
margin: 0 0 8px 0;
text-align: right;
font-size: .8em;
}

.list-img-sm-bg .promo-deskspace {
background-image: url(/g/promo_deskspace.gif)}

.list-img-sm-bg .promo-price {
background-image: url(/g/promo_price.gif)}

.list-img-sm-bg .promo-collaborate {
background-image: url(/g/promo_collaborate.gif)}


.list-img-sm li {
float: left;
margin-right: 15px;
background: url(/g/image_shadow_sm.jpg) no-repeat center 180px;
text-align: center;
width: 183px;
}

.list-img-sm li img, #body-content .list-img-md li img, #body-content .list-img-lg li img {
border: 1px solid #c2c0be;
}

#main-content .list-img-sm li p, #main-content .list-img-md li p, #main-content .list-img-lg li p {
font-size: .75em;
}

/**/
.list-img-md li {
float: left;
margin-right: 15px;
padding-bottom: 6px;
background: url(/g/image_shadow_md.jpg) no-repeat center 148px;
text-align: center;
}


/**/
.list-img-lg li {
float: left;
padding-bottom: 6px;
background: url(/g/image_shadow_lg.jpg) no-repeat center 200px;
text-align: center;
}
/**/

.ordered-txt-list { 
list-style-type: decimal; 
margin-left: 32px;
color: #c2c0be;
}
.ordered-txt-list li { }
#main-content .ordered-txt-list li p {  
 font-size: .8em; }

/*-----------Location------------*/

.bike {
background: url(/g/location/bikes.jpg) no-repeat left top;
padding-left: 170px;
min-height: 122px;
}

.car {
background: url(/g/location/parking.jpg) no-repeat left top;
padding-left: 170px;
min-height: 122px;
}

/* Gmap*/
#map_canvas {
border: 1px solid #c2c0be;

}

/* Forms */

#form1 dt {
margin: 10px 0 5px 0;
}

.btn-form {
border: 1px solid red;
}

.send a {
background-image: url(/g/btn_send.png);
}

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

#footer {
padding: 5px;
font-size: .8em;
position: relative;
margin-top: 20px;
display: inline-block;
}

#footer li {
display: inline-block;
margin: 0 15px 0 10px;
}

#footer span {
position: absolute;
right: 50px;
top: 0;
padding: 5px;
}


/*--------------!Mailchimp----------------*/
#mc_embed_signup .mc-bullet {
padding-left: 15px;
background: url(/g/blt_text.png) no-repeat 0 1px;
}


#mc_embed_signup #mce-EMAIL.required.email {
width: 180px;
font-size: .9em;
padding: 2px;
background: #fff;
}

#mc_embed_signup .input-group li {
float: left;
margin-right: 15px;
}

#mc_embed_signup .input-group li {
float: left;
margin-right: 15px;
}



#mc_embed_signup .mc-field-group {
margin: 0;
padding: 0;
}

/*--------------!Feature List----------------*/
div#feature_list {
width: 578px;
height: 238px;
overflow: hidden;
position: relative;
margin: 20px 0;
border: 1px solid #a9a8a5;
background: #fff;
}

div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
}

ul#tabs {
left: 0;
z-index: 2;
width: 217px;
margin: 0;
}

ul#tabs li {
font-size: 12px;
font-family: Arial;

}

ul#tabs li img {
padding: 5px;
border: none;
float: left;
margin: 10px 10px 0 0;
}

ul#tabs li a {
color: #222;
text-decoration: none;	
display: block;
padding: 10px;
height: 60px;
outline: none;

}

ul#tabs li a.current {
background:  url(/g/feature-list/feature-tab-current.png);
color: #FFF;
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#output {
right: 0;
width: 400px;
height: 238px;
position: relative;
}

ul#output li {
position: absolute;
width: 400px;
height: 238px;
}

ul#output li a {
position: absolute;
bottom: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 1.2em;
background: #ddd9d2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; 
border: 1px solid #c2c0be; 
text-transform: uppercase;
}

div#feature_list ul div {
background-position: left center;
background-repeat: no-repeat;
width: 124px;
padding-left: 40px;
}

div#feature_list ul #feature1 {
background-image:  url(/g/feature-list/feature_1_sm.png);
}

div#feature_list ul #feature2 {
background-image:  url(/g/feature-list/feature_2_sm.png);
}

div#feature_list ul #feature3 {
background-image:  url(/g/feature-list/feature_3_sm.png);
}

#feature1 span, #feature2 span, #feature3 span {
font-size: 1em; line-height: 1.2em;*
}

div#feature_list ul div h3 {
font-size: 1.3em;
margin: 0 0 5px 0;
}

/* Office Map */
#map_layout {
width: 750px;
height: 1696px;
background:  url(/g/office/office_layout.gif) no-repeat left top;
position: relative;
margin-top: 20px;
font-size: .8em;
}

#map_layout li {
background: rgba(238, 237, 232, 0.95);
padding: 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border: 2px solid #c2c0be;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
width: 140px;
}

#map_layout li li {
font-size: .8em;
padding: 0;
background: none;
border: none;
-moz-box-shadow:none;
-webkit-box-shadow: none;
}

#map_layout li li h2 {
margin: 0;
font-weight: 700;
}

#map_layout li li h3 {
margin: .5em 0;
font-weight: 700;
}

#map_layout li li p {
margin: .5em 0;
}

#map_layout li li a {
margin-top: .5em;
display: block;
padding: 0px 0 1px 15px ;
background: url(/g/blt_text.png) no-repeat 0 1px;
}

#map_layout #desk1 {
position: absolute;
top:  100px;
left: 500px
}
#map_layout #desk2 {
position: absolute;
top:  460px;
left: 150px
}
#map_layout #desk3 {
position: absolute;
top:  290px;
left: 500px
}
#map_layout #desk4 {
position: absolute;
top:  640px;
left: 590px
}
#map_layout #desk5 {
position: absolute;
top:  780px;
left: 470px
}
#map_layout #desk6 {
position: absolute;
top:  800px;
left: 620px
}
#map_layout #desk7
 {
position: absolute;
top:  970px;
left: 30px
}
#map_layout #desk8 {
position: absolute;
top:  870px;
left: 260px
}
#map_layout #desk9 {
position: absolute;
top:  1080px;
left: 590px
}
#map_layout #desk10 {
position: absolute;
top:  780px;
left: 30px
}
#map_layout #desk11 {
position: absolute;
top:  780px;
left: 220px
}
#map_layout #desk12 {
position: absolute;
top:  580px;
left: 30px
}
#map_layout #desk13 {
position: absolute;
top:  580px;
left: 220px
}