/* Hide if Flash */

.flashInstalled #middle h1,
.flashInstalled .flash,
.flashInstalled #homehead h2,
.flashInstalled #rightside h2,
.flashInstalled #head,
.flashInstalled #topimg {
	visibility: hidden;
}

/* Tags */

body {
    xbackground: url(../images/carbotech-images/main_bg.png) repeat-x;
    background-color: #F6F6F6;
 	font: 62.5%/133% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	text-align: center;
    text-rendering: optimizeLegibility;

}

hr {
    border:0;
    border-bottom:2px solid #D2D9E1;
    padding-top:7px;
    margin-top: 7px;
    margin-bottom: 10px;
    clear: both;
}

#page {
    display: block;
    margin: 0px auto;
    width:973px;
}
#primary {
    float: left;
}

body#band {
	font: 62.5%/133% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background: #E9E9E9;
	text-align: center;
	color:#000000;

}

a {
	xcolor: #FFF;
	color:#006;
	text-decoration: underline;
}
a:hover,
a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
}
h1 {
	font: normal 1.5em/1.6 "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 10px;
	color: #683280; 

}
h2 {
	font: normal 1.2em/1.6 "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#24394A;
}

.events h1,
.events h2 {
	color: #683280;
}

.gallery h1,
.gallery h2 {
	color: #683280;
}
hr {
	background:none;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
}
form, 
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
button {
	font-size: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 57px;
	height: 15px;
	text-indent: -9000px;
	cursor: pointer;
	background: url(/_img/layup/submit.gif);
} 

/* Structure */

.title{
	width:235px;
	height:100px;
	position:absolute;
	top:2px;
	left:160px;
	xbackground:transparent url("../images/carbtech-images/carbotech-logo.png") no-repeat top left;
	xbackground-image: url(/images/logo.png);
   }

#contents{
	margin: 0 auto;
	width: 1000px;
	xbackground-color: #E8E8E8;
	text-align: left;
	overflow: hidden;
	background: #E9E9E9;
}

.gallery #contents{
	background-color: # 000 !important;
}

.events #contents{
	background-color: # F4F4F4 !important;
}
.home #contents {
	background: none;
}

#middle {
	padding: 33px 0 33px 33px;
	float: left;
	width: 750px;
	font-size: 1.1em;
	line-height: 1.4;
	
}

#middle a {
	color: #036;
	text-decoration: underline;
}
#topbar {
	height: 107px;
	background: #fff;
}
#topbar span {
	text-align: right;
	float: right;
	padding: 45px 33px 0 0;
	color: #565656;
	font: normal 1.2em/1.3 "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
#topbar span a{
	color: #565656;
	text-decoration: none;
}
#topbar span a:hover,
#topbar span a:focus{
	text-decoration: underline;
}
#topbar h1 {
	margin: 0;
	padding: 0;
	color: #23394A;
}
#topbar h1 a {
	text-indent: -9000px;
	background: url(../images/westside-logo.png) no-repeat;
	height: 90px;
	width: 324px;
	float: left;
}
.music #topbar h1 a {
	background: url(../images/logo-small.png) no-repeat;
}
.frontpage #topbar h1 a {
	background: url(../images/logo-small.png) no-repeat;
}

.weddingsite #topbar h1 a {
	background: url(../images/logo-small.png) no-repeat;
}
.printlogo {
	display: none;
}

#topnavi {
	height: 34px;
	width: 100%;
	xbackground: #1A00C0;
	#background: #8c8e71;
	xborder-top: 8px solid #036;
}
.home #topnavi {
	height: 14px;
}
#topnavi ul  {
	margin: 0 15px;
	padding: 0;
}
#topnavi li {
	display: inline;
	xcolor: #0F0;
	color: #FFF
	xcolor: #683280;
} 
#topnavi a {
	float: left;
	text-align: center;
	text-decoration: none;
	height: 34px;
	white-space: nowrap;
	letter-spacing: -1px;
	font-size: 1px;
	text-indent: -9000px;
	background-image: url(z../images/navi.png);
	outline: 0;
}
#topnavi a:hover,
#topnavi a:focus,
#topnavi .on {
	text-decoration: none;
	background-color: #036;
}

.gallery #n1 { width: 78px; background-position: 20px 2px}
.gallery #n2 { width: 78px; background-position: 20px -26px}
.gallery #n3 { width: 126px; background-position: 20px -52px}
.gallery #n4 { width: 128px; background-position: 20px -80px}

.gallery #n5 { width: 93px; background-position: 20px -113px}
.gallery #n6 { width: 82px; background-position: 20px -142px}

.gallery #n7 { width: 82px; background-position: 20px -169px}
.gallery #n8 { width: 104px; background-position: 20px -200px}
.gallery #n9 { width: 134px; background-position: 20px -233px}


.events #n1 { width: 78px; background-position: 20px 2px}
.events #n2 { width: 78px; background-position: 20px -26px}
.events #n3 { width: 126px; background-position: 20px -52px}
.events #n4 { width: 128px; background-position: 20px -80px}

.events #n5 { width: 93px; background-position: 20px -113px}
.events #n6 { width: 82px; background-position: 20px -142px}

.events #n7 { width: 82px; background-position: 20px -169px}
.events #n8 { width: 104px; background-position: 20px -200px}
.events #n9 { width: 134px; background-position: 20px -233px}

.weddingsite #n1 { width: 78px; background-position: 20px 2px}
.weddingsite #n2 { width: 78px; background-position: 20px -26px}
.weddingsite #n3 { width: 126px; background-position: 20px -52px}
.weddingsite #n4 { width: 128px; background-position: 20px -80px}

.weddingsite #n5 { width: 93px; background-position: 20px -113px}
.weddingsite #n6 { width: 82px; background-position: 20px -142px}

.weddingsite #n7 { width: 82px; background-position: 20px -169px}
.weddingsite #n8 { width: 104px; background-position: 20px -200px}
.weddingsite #n9 { width: 134px; background-position: 20px -233px}

/* Not used currently 

.frontpage #n5 { width: 93px; background-position: 20px -113px}
.frontpage #n6 { width: 82px; background-position: 20px -142px}

.frontpage #n7 { width: 82px; background-position: 20px -169px}
.frontpage #n8 { width: 104px; background-position: 20px -200px}

*/

.musiclinks {
	margin: 45px 0 0 0;
	padding: 0;
	list-style: none;
}

.musiclinks li {
	width: 141px;
	height: 135px;
	float: left;
	margin-right: 20px;
	font: .9em Arial, Helvetica, sans-serif;
	color: #fff;	
}
.musiclinks span {
	position: absolute;
	width: 117px;
	height: 104px;
	background: url(/_img/layup/mask.png);
}
.musiclinks img {
	margin: 0 0 5px 13px;
}
.musiclinks div{
	float: right;
	width: 14px;
	height: 14px;
}
#rightside {
	width: 280px;
	margin: 52px 0 0 0;
	float: right;
}

.WeddingSite #rightside h2 {
	color: #868686;
}

.frontpage #rightside h2 {
	color: #868686;
}

#head {
	height: 289px;
}
#homehead,
#topimg {
	height: 471px;
}
#homehead ul{
	margin: 330px 0 0 695px;
	width: 290px;
	padding: 0;
	list-style: none;
	position: absolute;
}

#homehead li{
	float: left;
}
#homehead a{
	display: block;
	width: 125px;
	height: 125px;
	margin-right: 18px;
	border: 1px solid #a0a0a0;
	background:url(/_img/layup/link1.jpg);
	font-size: 1px;
	text-indent: -9000px;
	outline: 0;
}
#homehead .l2 {
	background:url(/_img/layup/link2.jpg)!important;
}
#homehead a:hover,
#homehead a:focus {
	border: 1px solid #fff;
}
#homehead h2{
	position: absolute;
	margin: 338px 0 0 30px;
	padding: 0;
	width: 450px;
	font: normal 2.1em/1.3 "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #a8a8a8;
}

#footer{
	clear: both;
	margin: 0 auto;
	width: 1000px;
	
}

#footer ul{
	margin: 15px 23px;
	height: 20px;
	padding: 5px 0 0;
	list-style: none;
	text-align: right;
}
#footer li{ 
	display: inline;
	float: left;
}
#footer a{
	font-weight: bold;
	xcolor: #5a5a5a;
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #5a5a5a;	
	padding: 0 10px 0 7px;
}
#footer .last {
	float: right;
}
#footer .no a { 
	border-right: none;	
}
#footer .last a { 
	border-right: none;	
	color: #3d3d3d;
}
#footer a:hover,
#footer a:focus {
	color: #797979;
}

#footer-gallery{
	clear: both;
	margin: 0 auto;
	width: 1000px;
	
}

#footer-gallery ul{
	margin: 15px 23px;
	height: 20px;
	padding: 5px 0 0;
	list-style: none;
	text-align: right;
}
#footer-gallery li{ 
	display: inline;
	float: left;
}
#footer-gallery a{
	font-weight: bold;
	xcolor: #5a5a5a;
	color: #000;
	text-decoration: none;
	border-right: 1px solid #5a5a5a;	
	padding: 0 10px 0 7px;
}
#footer-gallery .last {
	float: right;
}
#footer-gallery .no a { 
	border-right: none;	
}
#footer-gallery .last a { 
	border-right: none;	
	color: #3d3d3d;
}
#footer-gallery a:hover,
#footer-gallery a:focus {
	color: #797979;
}

.docs {
	margin: 0;
	padding: 0 0 20px;
}
.docs li{
	clear: left;
	list-style: none;
}
.docs a{
	padding: 5px 0 5px 22px;
	background: url(/_img/layup/docs.gif) no-repeat 0 -82px ;
	float: left;
}
.docs span{
	float: left;
	padding: 5px 0 5px 22px;
	color: #999;
}

.xls { background-position: 0 4px !important;}
.pdf { background-position: 0 -125px !important;}
.doc { background-position: 0 -39px !important;}


#sitemap,
#sitemap ul{
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
}
#sitemap  a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	padding: 2px 0 2px 18px;
}
#sitemap  a:hover { 
	color: #000;
}
#sitemap ul a {
	color: #53107f;
}
#sitemap ul a {
	font-weight: normal;
}
#sitemap li {
	border-left: 1px solid #CDCDCD;
	background: url(/_img/layup/sitemapli.gif) no-repeat 0 .5em;
}
#homehead{ height: auto !important;}
#homeIntroCopy{ clear:both; float:left; padding:24px 31px 0px; color: #747474; } 
#homeIntroCopy a{ display:inline; width:auto; height: auto; float:none; background:none; border: none; font-size:11px; margin:0; color:#d1d1d1; text-decoration:none;}
#homeIntroCopy a:hover{ border:none; padding:0; text-decoration: underline;}

#footer .facebook a{ padding-right:20px; background: url(../images/fbicon.gif) right 1px no-repeat;}
.gallery#footer .facebook a{ padding-right:20px; background: url(../images/fbicon.gif) right 1px no-repeat;}


/* Forms */

.formarea{
	text-align: right;
	vertical-align: top;
	width: 340px;
	border: none;
}
.formarea p {
	margin: 10px 0;
	padding: 0;
}
.formarea p label {
	float: left;
}
.formarea select{
	padding: 0;
	width: 174px;
}
.textform {
	background: #1e1f0d !important;
	color: #8b8d70;
}
.textformfocus {
	background: #8b8d70 !important;
	color: #1e1f0d;
	
}
.textform, 
.textformfocus {
	padding: 2px 3px 3px 3px;
	width: 168px;
	border: 1px solid #8b8d70;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
}
.frontpage .textform,
.frontpage .textformfocus {
	border: 1px solid #868686 !important;
	background: #212121 !important;
	color: #ccc;
}	
.frontpage .textformfocus {
	background: #ccc !important;
	color: #000;
}

/* Ajax & Error Checking */

.formerror .textform, 
.formerror .textformfocus {
	border: solid 1px #d11010;
	color: #d11010;
}
.formerror .textformfocus {
	background: #ffeeed !important;
}
.formerror label:after {
	color: #d11010;
	content: " *";
}
.formerror label {
	color: #fff;
}
.error {
	color: #d11010;
	padding: 10px 0 !important;
	text-align: left !important;
}
#waiting {
	position: absolute;
	background-color:#1e1f0d;
	width: 536px;
	margin-left: -1px;
	opacity: 0.9;
	text-align: center;
}
.frontpage #waiting {
	background-color: #212121;
}

/* Extras */

.clear{
	clear: both;
}
.hidden {
	position: absolute; 
	left: -9999px; 
}
.hand {
	cursor: pointer;
}
.textleft {
	text-align: left !important;
}
.textcenter {
	text-align: center !important;
}
.textright {
	text-align: right !important;
}
.right {
	float: right;
}
.left {
	float: left;
}


.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.urbangreymenu #on  {
	background: #E9E9E9;
	background-color: black;
}

.glossymenu{
	position: relative;
	padding: 0 0 0 24px;
	margin: 0 auto 0 auto;
	background: url(../images/carbotech-images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	xcolor: #fff;
	color: #d6d5d5; 
	background: url(../images/carbotech-images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #d6d5d5;
	background: url("../images/carbotech-images/menub_hover_right.gif") no-repeat right top; /*right tab image path*/
}
#content {
}

#content hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	margin: 0px 0 0px 25px;
	height: 1px;
}

#content p {
	line-height: 19px;
	color: #666666;
	margin: 0 0 20px 25px;
}

#content p a, #border p a {
	text-decoration: none;
	color: #006AC3;
	border-bottom: 1px dotted #006AC3;
	padding: 2px 2px 2px 2px;
}

#content p a:hover, #border p a:hover  {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #006AC3;
	padding: 2px 2px 2px 2px;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
    margin: 0;
}
#content li {
	line-height: 20px;
	color: #666666;
	margin: 0 0 0 15px;
}

#content .quote {
	border-top: 1px solid #E5E5E5;
	background-color: #f7f7f7;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 15px 15px 65px;
	background-image: url(../images/carbotech-images/bg_quote.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #0066CC;
	font-style: italic;
}

#main {
    clear:both;
}
.whitebox{
    background-color: transparent;
    background-image: url(../images/carbotech-images/content_back.png);
    background-position: top;
    background-repeat: repeat-y;
    padding: 25px 35px 30px 35px;
    position: inherit;
        
}
.whitebox-top{
    background: url(../images/carbotech-images/content-top.png) no-repeat top;
    margin-top: 0px;
    padding-top:10px;
}


#footer-menu-wrap,#footer-menu-wrap ul {
    list-style: none;
    margin:0; padding: 0;
}
#footer-menu-wrap ul li {
    float: left;
    font-weight: bold;
}
#footer-menu-wrap ul li.icl_last{
/*  font-weight: normal;*/
}
#footer-menu-wrap ul li { display: inline; margin-right: 7px; width: 105px; border-bottom: 0; line-height: 21px; }
#footer-menu-wrap ul li ul li { float: none; display:list-item; font-weight: normal; line-height: 19px; }
#footer-menu-wrap ul ul {
    margin-top:8px;
}


/* =Content
-------------------------------------------------------------- */

.entry-meta {
    clear: both;
    display: block;
}
#content nav {
    display: block;
    overflow: hidden;
}
#content nav .nav-previous {
    float: left;
    width: 50%;
}
#content nav .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
#content #nav-above {
    display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
    display: block;
}
#nav-below {
    margin: 1em 0 0;
}
.page-link {
    margin: 0 0 1em;
}

/* 404 page */
.error404 .widget {
    float: left;
    width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
    margin-right: 1em;
}
.error404 .widget_tag_cloud {
    clear: both;
    float: none;
    width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
    background: #eee;
    display: block;
    padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
    float: left;
}
.image-attachment nav {
    float: right;
    margin: 0 0 1em 0;
}
.image-attachment .entry-content {
    clear: both;
}
.image-attachment .entry-content .entry-attachment {
    background: #eee;
    margin: 0 0 1em;
    padding: 1em;
    text-align: left;
}
.image-attachment .entry-content .attachment {
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
    display: none;
}
.single .format-aside .entry-header {
    display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
    padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
    padding-top: 0;
}

/* Aside Posts */
.format-gallery .gallery-thumb {
    float: left;
    margin-right: 1em;
}

/* =Images
-------------------------------------------------------------- */

a img {
    border: none;
}
p img {
    margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
    margin-right: 1em;
}
img.alignright {
    margin-left: 1em;
}
div.wp-caption {
    padding: 0px 0px 0px 13px;
    text-align: center;
}
div#attachment_364 {
    padding: 0px 0px 0px 0px;
}
.wp-caption img {
    margin: .25em;
}
.wp-caption .wp-caption-text {
    margin: .5em;
}
.gallery-caption {
    
}
.wp-smiley {
    margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
    display: none;
}
#searchform input#s {
    width: 60%;
}
/*input[type=text],
input#s {
    margin: 0 1em 0 0;
    width: 60%;
}*/
textarea {
    width: 80%;
}

/* Class for labelling required form items */
.required {
    color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
    display: block;
}
#respond input[type=text] {
    display: block;
    width: 60%;
}
#respond textarea {
    display: block;
    margin: 0 0 1em;
    width: 80%;
}
#respond .form-allowed-tags {
    clear: both;
    width: 80%;
}
#respond .form-allowed-tags code {
    display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
    display: block;
}
.widget-area .widget_search {
    overflow: hidden;
}
.widget-area .widget_search input {
    float: left;
}


/* =Footer
-------------------------------------------------------------- */

.column-1{
    float:left;
    width:256px;
}
.column-2{
    float:left;
    width: 747px;
}
.column-3{
    float:left;
    width: 707px;
}
.column-full {
/*  float:left; */
}
#footer .spacer {
    width:15px;
    float:left;
}
#footer {
    color: #999999;
    line-height: 190%;
    font-size:10px;
    margin-top: 11px;
    text-shadow: #FFFFFF 1px 1px 0.9px;
}
#footer table{ width: 100%; }
#footer a,#footer h3 { 
    color: #999999;
}
#footer a:hover {
    color: #3F5985;
}
#footer .column-1 .loginContactWrap h3 { font-size: 12px; margin-bottom:2px; }
#footer .column-1 .loginContactWrap table { margin: 0; padding: 0; line-height: 160%;}
.footerLine {
    margin-top:7px;
    margin-bottom:7px;
    height: 1px;
    background: #DDDDDD;
}
.footerLineRight img{
    vertical-align:text-bottom;
}
.footerLineRight {
    float:right;

}.footerLineLeft {
    float:left;

}
.footerLineRight ul {
    float:right;
}
.footerLine hr {
    display: none;
}
.HBQ .submit{
    background: #777777;
    border:1px solid #777777;
    font-weight: bold;
    cursor: pointer;
    color: white;
}
#footer .submit{
    background: #777777;
    border:1px solid #777777;
    font-weight: normal;
    cursor: pointer;
    color: white;
}

.portalLogin{
    border-color: #BBBBBB;
    border-style: solid;
    padding: 2px;
    margin-right: 3px;
    margin-top:1px;
    height: 15px;
    border-width: 1px;
}

.entry-header h1 {
/*  text-shadow: #D2D9E1 1px 1px 0.9px;*/
    letter-spacing: -1px;
    font-size: 2.1em;
    margin: 0;
    color: #7c3683;
    xcolor: #3F5985;
    padding-top: 8px;
    padding-bottom: 12px;
    font-weight: normal;
}
.entry-content h2 {
    font-size:1.5em;
    color: #7c3683;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 3px;
    font-weight: normal;
}
.entry-content h3 {
    font-size:1.3em;
    color: #3F5985;
    margin: 0;
    letter-spacing: -1px;
    padding-top: 0;
    padding-bottom: 8px;
    font-weight: normal;
    display:table;
}
.entry-content h4 {
    font-size:1.3em;
    color: #666;
    margin: 0;
    letter-spacing: -1px;
    padding-top: 8px;
    padding-bottom: 4px;
    font-weight: normal;
}
.entry-content td {
    line-height: 1.7em;
    font-size: 11px;
}

.entry-content {
    line-height: 1.9em;
    font-size: 12px;
}
#smallBanner {
    margin-bottom:10px;
}

/* left hand menu */
a.sampleProject {
    display:block;
    background: url('../images/carbotech-images/project-default.png') no-repeat 0 0;
    width: 444px;
    height: 155px;
    color:#3E4648;
    line-height: 200%;
    float: left;
    padding-top:4px;
}
a.sampleProject big{
    display: block;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    padding-bottom: 10px;
}
a.sampleProject img{
    float:left;
    margin: 0px 22px 0px 5px;
}
a.sampleProject:hover {
    background: url('../images/carbotech-images/project-hover.png') no-repeat 0 0;
    text-decoration: none;
}
#secondary {
    margin: 0;
    height: 35px;
}
#secondary h4 {
    display: inline;
    padding: 0px 0px 0px 5px;
    font-size: 2.1em;
    letter-spacing: -1px;
    margin: 0;
    color:#3F5985;
    float:left;
    font-weight: normal;
    font-size: 2.1em;
}
#secondary h4 a {
    color:#3F5985;
    display: block;
}
#secondary h4 a:hover {
    text-decoration: none;
}
ul.cms-nav-sidebar{
    float: right;
    margin-top: 10px;
}
.cms-nav-sidebar li { display: inline; }
.cms-nav-sidebar, .cms-nav-sidebar ul {
    list-style: none;
    color:#BBB;
    margin: 0;
    padding: 0;
    font-size:12px;
}
.cms-nav-sidebar li {
    padding: 5px 0 7px 0;
}
.cms-nav-sidebar a{
    color: #444;
}
.cms-nav-sidebar a:hover{
    color: #3F5985;
    text-decoration: none;
}

/*  language menu */
lang_sel a, #lang_sel a:visited {
    padding-left: 0;
}
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
    padding: 0 2px 0 0;
    width: auto;
}

#slideshow {
    width:973px;
    height:325px;
}
.topImage {
    background-repeat: no-repeat;
    background-position: top left;
    height:325px;
    width:973px;
}
.topImage .message {
    position: absolute;
    background: url(images/slider_fader.png) repeat-y;
    text-align: left;
    width:700px;
    font-weight: bold;
    color:white;
    padding-top:4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 8px;
    top:15px;
    left:2px;
    font-size:13px;
    line-height: 140%;
    height: 37px;
    
}
.topImage .message a{
    color:white;
    position: absolute;
    left: 5px;
}
.topImage .message a:hover{ color:white; text-decoration: none;}
#pager{
    position:relative;
    top: 293px;
    z-index: 100;
    margin-left: 15px;
    text-align: left;
    float: left;
    color:#999999;
}
#pagerContent a { margin-left:6px; text-decoration: none; }
#pagerContent a div { width:10px; height:10px; display:block; float: left; margin-right: 5px; border: 1px solid #333; background: #333; text-decoration: none; color:#fff; }
#pagerContent a.activeSlide div { background: #FFF; color:#FFF; border: 1px solid #FFF; }
#pagerContent a:focus { outline: none; background: #3F5985; color: #3F5985;}
#pagerContent {float: left; }
#breadcrumb a {
    color:#999999;
}
.home-column{
    float:left;
    background: url('images/blob.png') no-repeat 0 0;
    margin-top: 9px;
    margin-left: 1px;
    margin-bottom: 9px;
    width: 214px;
    padding:10px 10px 30px 10px;
    height:125px;
    line-height: 170%;
    background-color: #AAAAAA;
    color:#ffffff;
}
.home-column-half-fixed {
    position:absolute;
    z-index: 200;
    background: url('images/halfblob.png') no-repeat 0 0;
    height: 106px;
    width: 460px;
    margin-left: 1px;
    padding:20px 10px 40px 10px;
}
.home-column-half{
    float:left;
    background: #747474 url('images/halfblob.png') no-repeat 0 0;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-top:1px;
    width: 460px;
    padding:10px 10px 20px 10px;
    height: 136px;
    line-height: 170%;
    color:#ffffff;
}
.home-column-half a{
    color:#FFFFFF;
}

.home-column-half-fixed h2 a, .home-column-half-fixed h2{
    color: #333;
    margin: 0; padding: 0;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 3px solid #FFFFFF;
    text-shadow: #FFF 1px 1px 0;
    padding-top:5px;
}
 .home-column-half h2,.home-column h2{
    color: #FFFFFF;
    margin: 0; padding: 0;
    padding-bottom: 8px;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 4px;
    border-bottom: 3px solid #FFFFFF;
}

.home-column-half h3{
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    height:144px;
    margin-top:0; margin-bottom:0;
    font-weight: normal;
    font-size:14px;
    text-align: right;
    width:90px;
    padding-right: 10px;
    border-right: 3px solid #FFF;
}
.home-column-half-text {
    width:345px;
    height: 144px;
    float: right;
}
.home-column-half p{
    padding: 0; margin: 0;
    padding-top: 10px;
}
.home-column-active {
    background-color: #657A9D;
    color: white;
}
.office-location {
    position:relative; top:10px; left:10px; z-index:300;
}
.office-location h2 {
    color: #FFFFFF;
    margin: 0; padding: 0;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 3px solid #FFFFFF;
}
.office-location a{
    color: #333;
    margin: 0; padding: 0;
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 3px solid #FFFFFF;
    text-shadow: #FFF 1px 1px 0;
}

.home-column-active h2 {
    color: #FFFFFF;
    padding-bottom: 12px;
    border-bottom: 3px solid #FFFFFF;
    margin-bottom: 6px;
    font-weight: normal;

}
.spacer {
    float: left;
    width:10px;
}

/*.zh-hans li.portal {
}*/
a.blockLink {
    display: block;

}
a.blockLink:hover {
    text-decoration: none;
}

.home-column a.blockLink:hover {
    color:#FFF;
}.home-column a.blockLink {
    color:#FFF;
}
form {
    margin: 0; padding: 0;
}

/*#map_canvas {
    height:145px;
    float:right;
    width:340px;
}*/

/* make an enquiry */
.widget_custom-contact-forms{
    background: #D2D9E1;
    padding-bottom: 5px;
    line-height: 160%;
}
h1.page-title{
    text-transform: uppercase;
    font-size:14px;
    color:#3F5985;
    text-shadow: #fff 1px 1px 0;
}
h1.widget-title {
    text-transform: uppercase;
    font-size:14px;
    color:#3F5985;
    padding: 0;
    text-shadow: #fff 1px 1px 0;
}
#ccf-form-success {
    height: 90px;
}

.teamMember_desc,.disclaimer_desc {
    display:table;
    margin-top: 4px;
    border-top-color: #a4abce;
    border-top-style: solid;
    border-top-width: 3px;
    background-color: #e2e7ec;
    font-size: 11px;
    line-height: 160%;
    width: 270px;
    padding: 10px;
    z-index: 10;
    display: none;
    text-shadow: none;
}
.teamMember {

    z-index: 0;

}
#tabs-photos {
    background-image: url(/wp-content/themes/toolbox/images/loading.png);
    background-repeat: no-repeat;
    background-position: 50% 53%;
}
.tracker {
    float:right;
    margin-right: -4px;
    margin-top: 16px;
}
.vcenter-container {
    display: table; 
    #position: relative; 
}
.vcenter-container:last-child {
    margin-left: 10px;
    display:table-cell;
}
.vcenter{
    #position: absolute; #top: 50%; display: table-cell;    vertical-align:middle;
}
.wp-caption{
    line-height: 100%;
}
.wp-caption img{
    margin: 0;
}
.wp-caption .wp-caption-text{
    margin:0px auto 6px auto;
    font-size: 11px;
    line-height: 1.4em;
    text-align: center;
    width:116px;
}
/* project page styling */
#tabs-video, #tabs-photos{
    text-align: center;
}
.teamCollage {
    float: left;
    margin: 10px 0px 21px 31px;
    
}
.teamCollageFirst {
    margin: 10px 0px 21px 9px;
    float: left;
    clear: both;
}


#menu-wrap ul li{
    margin-right: 1px;
}
#menu-wrap ul ul li{
    margin-right: 0;
}
#menu-wrap ul li a{
    background: url(/wp-content/themes/toolbox/images/menu/back-low.png) repeat-x 0 -3px;
}
#menu-wrap ul ul li a{
    background-image: none;
}
#menu-wrap ul li a div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-left-low.png) no-repeat left -3px;
}
#menu-wrap ul li a div div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-right-low.png) no-repeat right -3px;
}

#menu-wrap ul li.selected_page a{
    background: url(/wp-content/themes/toolbox/images/menu/back-high.png) repeat-x 0 -3px;
}
#menu-wrap ul li.selected_page a div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-left-high.png) no-repeat left -3px;
}
#menu-wrap ul li.selected_page a div div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-right-high.png) no-repeat right -3px;
}


#menu-wrap>ul>li.portal {
    margin-right:0;
/*  position: absolute;
    text-align: center;
    right: 0px;*/
}
.en #menu-wrap>ul>li.portal {
/*  width:84px;*/
}
.zh-hans #menu-wrap>ul>li.portal {
/*  width:auto;*/
}
#menu-wrap>ul>li.portal>a{
    background: url(/wp-content/themes/toolbox/images/menu/back-portal.png) repeat-x 0 -3px;
}
#menu-wrap>ul>li.portal>a>div {
    background: url(/wp-content/themes/toolbox/images/menu/mid-left-portal.png) no-repeat left -3px;
}
#menu-wrap>ul>li.portal>a>div>div {
    background: url(/wp-content/themes/toolbox/images/menu/ext-right-portal.png) no-repeat right -3px;
}

#menu-wrap>ul>li:first-child>a>div {
    background: url(/wp-content/themes/toolbox/images/menu/ext-left-low.png) no-repeat left -3px;
}
#menu-wrap>ul>li:hover > a, #menu-wrap>ul>li>a:hover{/*#menu-wrap ul ul :hover > a, */
    background: url(/wp-content/themes/toolbox/images/menu/back-high.png) repeat-x 0 -3px;
}
#menu-wrap>ul>li:hover > a>div, #menu-wrap>ul>li>a:hover>div{/* #menu-wrap ul ul :hover > a>div,*/
    background: url(/wp-content/themes/toolbox/images/menu/mid-left-high.png) no-repeat left -3px;
}
#menu-wrap>ul>li:hover > a>div>div, #menu-wrap>ul>li>a:hover>div>div{/*#menu-wrap ul ul :hover > a>div>div, */
    background: url(/wp-content/themes/toolbox/images/menu/mid-right-high.png) no-repeat right -3px;
}
#menu-wrap>ul>li.selected_page:first-child > a>div,
#menu-wrap>ul>li:first-child:hover > a>div,
#menu-wrap>ul>li:first-child>a:hover>div{/* #menu-wrap ul ul :hover > a>div,*/
    background: url(/wp-content/themes/toolbox/images/menu/ext-left-high.png) no-repeat left -3px;
}

#menu-wrap li:hover>ul>li>a,#menu-wrap li:hover>ul>li>a>div,#menu-wrap li:hover>ul>li>a>div>div{
    background-image: none;
}

#menu-wrap>ul>li:last-child>a:hover>div>div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-right-high.png) no-repeat right -3px;
}
#menu-wrap>ul>li:last-child>a:hover>div>div{
    background: url(/wp-content/themes/toolbox/images/menu/mid-right-high.png) no-repeat right -3px;
}
#menu-wrap ul>li:first-child ul {
    margin-left: 6px;
}
#menu-wrap ul>li:first-child ul li.selected_subpage > div, #menu-wrap ul>li:first-child ul a,#menu-wrap ul>li:first-child ul a:visited {
    padding-left: 17px;
}
#menu-wrap > ul.menu-en > li.icon > a > div > div,
#menu-wrap > ul.menu-zh-hans > li.icon > a > div > div
{
    padding-left: 11px;
    font-size: 12px;
    padding-right: 9px;
    line-height: 50px;
}

.mainMenu_li_0{
    width:65px;
}
.mainMenu_li_1{
    width: 145px;
}
.mainMenu_li_2{
    width: 145px;
}
.mainMenu_li_3{
    width: 171px;
}
.mainMenu_li_4{
    width: 116px;
}
.mainMenu_li_5{
    width: 116px;
}
.mainMenu_li_6{
    width: 116px;
}
.mainMenu_li_7{
    width: 90px;
}
.menu-zh-hans .mainMenu_li_1{
    width: 135px;
}
.menu-zh-hans .mainMenu_li_2{
    width: 135px;
}
.menu-zh-hans .mainMenu_li_3{
    width: 145px;
}
.menu-zh-hans .mainMenu_li_4{
    width: 145px;
}
.menu-zh-hans .mainMenu_li_7{
    width: 106px;
}

#menu-wrap ul.menu-zh-hans a, #menu-wrap ul.menu-zh-hans a:visited {
    font-size: 16px;
}
#menu-wrap ul.menu-zh-hans ul li.selected_subpage{
    font-size: 14px;
}
#menu-wrap ul.menu-zh-hans ul li a, #menu-wrap ul.menu-zh-hans ul li a:visited {
    font-size: 14px;
}
#column_5{
    float:left;
    width: 610px;
}
#column_3{
    float: left;
    width: 260px;
}
span.change-list {
    display: block;
}
.panel_3_bottom{
    clear: both;
}
.projectz{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 440px;
}
.panel_5, .panel_3 {
    background-color: #e7eaef;
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border:1px solid #d7d6e0;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;

}
.projectz a{
    background-color: white;
    display: block;
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border:1px solid #d7d6e0;
    padding: 10px;
    height: 250px;
    color: #3E4648;

}
.projectz a:hover {
    text-decoration: none;
    background-color: #e7eaef;
}
.projectz b em {
    display: block;
    font-style: normal;
    font-size:16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.projectz img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;

}
.barWrapper{}
.barGraph {
    font: 12px;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
.barGraph:first-child{
    border-top-left-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
}
.barGraph:last-child{
    border-bottom-left-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
}
.barGraph li {
    background: url(http://www.climatebridge.info/portal/gradient.png) repeat-y top right;
    border: 1px solid #83c3d5;
    border-bottom: none;
    bottom: 0; 
    color: #FFF;
    margin: 0; 
    padding: 0 0 0 0;
    position: absolute;
    list-style: none;
    text-align: center;
    width: 100px;
    clear:both;
    background-color: #3F6F9E;
}
.barGraph li p {
    display:block;
    width:100%;
    padding:0;
    margin:0;
    }
.tick{display:block;height:2px;border-top:1px solid #ccc;position:relative;left:-5px;}
.barLabels{clear:both;display:block;margin-left:100px;}
.barLabels span{font-size:14px;display:block;width:200px;text-align:center;float:left;}

.hover_wrap,.zhover_wrap{height:100%;}
.barGraph .hover_box,.hover_wrap .hover_box,.zhover_wrap .zhover_box {display:none;}
.barGraph .hover_box strong,.hover_wrap .hover_box strong,.zhover_wrap .zhover_box strong {display:block;border-bottom:2px solid #bfdfe8;margin:0 0 3px 0;padding:0 0 3px 0;}
.barGraph .hover_box strong em,.hover_wrap .hover_box strong em,.zhover_wrap .zhover_box strong em {font-weight:normal; font-style:normal;}
.barGraph li:hover .hover_box,.Carbon_1:hover .hover_box,.Carbon_2:hover .hover_box,.Carbon_3:hover .hover_box,.Carbon_4:hover .hover_box,.Carbon_5:hover .hover_box,.Carbon_6:hover .hover_box,.Carbon_7:hover .hover_box,.Carbon_8:hover .hover_box,.Construction_1:hover .hover_box{display:block!important;width:200px;background:#fff;padding:5px;position:absolute;z-index:900!important;border:1px solid #aaa;color:#3F6F9E;left:15px;top:15px;}
.change-list,box-close{ 
    cursor: pointer;
}
.barGraph .scale {
    display:none;
}