/*
Theme Name: metroffice
Theme URI: http://www.metroffices.com	
Description: Custom made for Metro Offices by Ecropolis
Version: 1.0
Author: Warren G Ecropolis
Author URI: http://www.ecropolis.com/
Tags: Office space

*/

/* RESET from YUI */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #555;
	line-height: 1.4em;
}
body {
	background-image: url(images/bg-body.jpg);
	background-repeat: repeat-x;
	background-color: #f2f6f9;
}
iframe { border: none; }
a:link {
	color: #014247;
}
a:visited {
	color: #014247;
}
a:hover {
	color: #026C75;
}
a:active {
	color: #090;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
#content p { padding: 6px 0; }
/* END RESET from YUI */

table td {  padding: 10px; }
table tr {  border-bottom: #CCC 1px solid; margin-top: 6px; }
hr { border: none; border-top: 1px #d4d4d4 solid; margin: 12px 0; }
table.locations img {
	background-color: #CCC;
	padding: 8px;
	border:#036 1px solid;
}
table.locations h3 {
 margin-top: 0 !important;
}
/* Master Layout */


#flowplayer1 {
	margin: 0 auto;
	border: #C7DDF1 1px solid;
}

#pageframe {
	margin: 0 auto;
	width: 984px;
	height:auto;
	background: url(images/bg-page.png) repeat-y;
}
#legalfoot {
	width: 970px;
	margin: 8px auto;
	color: #4591d3;
	font-size: .8em;
}
#legalfoot a {
	color:#4591d3;
}
#innerframe {
	margin: 0 8px;
	width: 966px;
	height:auto;
}
#header {
	height: 85px;
}
#headleft { float: left; width: 202px; height: 85px; }

#headright { float: right; width: 734px; height: 82px; }

*:first-child+html #headright { width: 280px; margin: -5px 70px 0 0; }

#head-chat { float:left; margin: 35px 0 0 420px; width: 146px; height: 71px; }

#header #logo {
	height: 72px;
	width: 204px;
	margin: 6px 0 0 20px;
	background-image:url(images/logo_metro-offices.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
}
#phone {
	float: right;
	font-size: 1.2em;
	font-weight:600;
	margin: 11px 16px 5px 0;
}

#phone span { font-size: .8em; text-align:right; color:#090; }
#clientmenu {
	clear:both;
	width: 400px;
	height: 25px;
	float: right;
}
*:first-child+html #clientmenu {
	width: 400px;
	margin-left: -50px;
	float: none;
}
#clientmenu ul {
	float:right;
	display: inline;
	list-style-image:none;
	line-height: 20px;
/*	margin: 10px 0 0;*/
	margin: -91px 0 0;
	padding:0;
}
#clientmenu ul li {
	list-style-position: inside;
	display: inline;
	list-style-type:none;
	margin-left: -12px;
}
#clientmenu ul li a {
	background:transparent url(images/toptab-left2.png) no-repeat scroll left top;
	color: #ffffff;
	padding: 2px 6px;
	height: 20px;
	text-decoration: none;
}
 ul li a.redchat {
	background:transparent url(images/toptab-left-red.png) no-repeat scroll left top !important;
}
#clientmenu ul li a:hover {
	background-position: 0 -20px  !important;
}

#clientmenu ul li a span:hover {
	background-position: right -20px  !important;
}

#clientmenu ul li span {
	background:transparent url(images/toptab-right2.png) no-repeat scroll right top;
/*display:block;*/
 	padding: 2px 18px 2px 8px;
}
 ul li span.redchat {
	background:transparent url(images/toptab-right-red.png) no-repeat scroll right top !important;
}
#pixopoint_menu_wrapper1 {
	float: left;
	width: 739px;
}
#menu {
	clear: both;
	height: 35px;
	background: url(images/bg-menu-main.png) #e2e2e2 repeat-x;
}
#search { float: right; width: 227px; }
#submenu {
	height: 36px;
	background: url(images/bg-menu-homepg.png) #e2e2e2 repeat-x;
}
#billboard {
/*	background: url(images/innovative-workplace-solutions.png) top left #e2e2e2 no-repeat;*/
	color:#C6D5FF;
/*	height: 232px;*/
	overflow: hidden;
	width: 967px;
	text-indent: -5000px;
	margin: 0 !important;
}
.topdiv {
	border: 0;
	border-top: #cbe2b1 1px solid;
	margin: 0;
	padding: 0;
}
#main {
	margin: 20px 5px;
	clear:both;
	overflow:hidden;
}
#main #sidebar, #main #content {
margin-bottom:-20000px;
padding-bottom:20010px;
}
#sidebar {
	float: left;
	width: 260px;
	margin: 0px 10px;
/*	border:thin #C00 solid;*/
}
#content {
	float: left;
	width: 650px;
	margin: 0 10px;
	/*border:thin #C00 solid;*/
}
#content h2 {
	color: #004785;
	font-size: 1.2em;
	font-weight: bold;
}
#content h2 a {
	color: #004785;
	text-decoration: none;
}
#content h3 {
	color: #5c9021;
	font-size: 1.1em;
	font-weight: bold;
	margin: 1.2em 0;
	
}
#footer {
	height: 184px;
	background-color:#E1EDFF
}
#footer div {
	float: left;
	width: 180px;
	margin: 5px;
}
#footer div ul {
	list-style-image: url(images/bullet-footer.png);
	list-style-position: outside;
	margin: 2px 0 0 10px;
}
#footer div ul a {
	color: #8B8B8B;
	text-decoration: none;
}
#footer div ul a:hover {
	color: #036;
	text-decoration: underline;
}
#footer h4 {
	font-size: 1.3em;
	color: #606060;
	margin-bottom: 8px;
}

.footlinks {
	height: 165px;
}
.rightborder {
	border-right: 1px #d4d4d4 solid;
}
#endcap { 
	width: 984px;
	margin: -20px auto;
	padding: 0;
	height: 23px;
	background:url(images/bg-page-bottom.png) no-repeat;
}

.cb { clear: both; }
hr { border: 0; border-top: 2px #d0e6b5 solid; margin: 10px 0; padding: 0; }

/* Rounded Corners */
#sidebar .roundedcornr_box {
   background: #5d9122 url(images/roundedcornr_grad.gif) repeat-x top left;
   margin: 8px 0 8px 0;
}
#sidebar .roundedcornr_top div {
   background: url(images/roundedcornr_tl.gif) no-repeat top left;
}
#sidebar .roundedcornr_top {
   background: transparent url(images/roundedcornr_tr.gif) no-repeat top right;
}
#sidebar .roundedcornr_bottom div {
   background: url(images/roundedcornr_bl.gif) no-repeat bottom left;
}
#sidebar .roundedcornr_bottom {
   background: transparent url(images/roundedcornr_br.gif) no-repeat bottom right;
}

#sidebar .roundedcornr_top div, .roundedcornr_top,
#sidebar .roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 8px;
   font-size: 1px;
}
#sidebar .roundedcornr_content { margin: 0 8px; }
#sidebar .roundedcornr_content h2,
#ps_sidebar_name { 
	color: #2a5000; font-size: 1.2em; font-weight: bold; 
}
/* Sidebar Widget */
div.widget {
	border-left: #d4d4d4 1px solid;
	border-right: #d4d4d4 1px solid;
	
}
/* Sidebar lists*/
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
}
.textwidget {
	margin: 17px 0;
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}
.phonenum {
	font-weight: bold;
	color:#004785;
	margin-bottom: 12px;
}
a.contactlink {
	background:url(images/bg-coollink.png) #336e0b repeat-x;
	width: 346px;
	border: #245900 1px solid;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px;
	margin: 12px;
	display: block;
	text-align: center;
	color: #FFC;
	text-decoration: none	
}
a.contactlink:hover {
	color: #9F3;
}
/* FAQ Page*/
.q { font-weight: bold; }

/* Sidebar lists level 2*/	
#sidebar .widget ul,
#ps_sidebar_content ul {
	list-style-image: url(images/bullet-sidebar.png)!important; 
	list-style-position: outside  !important;
	margin: 6px 0 6px 18px  !important;
	color:#464646  !important;
	font-weight: bold  !important;
}
#sidebar .widget ul li,
#ps_sidebar_content  ul li  {
	list-style-image: url(images/bullet-sidebar.png)!important; 
	line-height: 1.8em;
	list-style-position: outside;
}
#sidebar .widget ul li.pdf,
#ps_sidebar_content  ul li.pdf  {
	list-style-image: url(images/icon-pdf.png)!important; 
	margin-left: 7px;
	padding-bottom: 3px;
}
#sidebar .widget ul a,
#ps_sidebar_content ul a  {
	color: #014247;
	text-decoration: none;
}

#sidebar .widget ul a:hover,
#ps_sidebar_content ul a:hover  {
	color: #036;
	text-decoration: underline;
}

#sidebar .widget ul#sociallinks {
	display: inline!important;
}

#sidebar .widget ul#sociallinks li {
	display: inline!important;
	list-style-image: none!important;
	list-style-type: none!important;
	margin: 12px 2px;
}

/* content lists level 2*/	
#content ul {
	list-style-image: url(images/bullet_general.png)!important; 
	list-style-position: outside  !important;
	margin: 2px 0 0 20px  !important;
	color:#464646  !important;
}
#content ul li {
	list-style-image: url(images/bullet_general.png)!important; 
	line-height: 1.5em;
}
#content ul li ul li {
	list-style-image: url(images/sub_bullet_general.png)!important; 
	line-height: 1.5em;
}
#content ul a {
	color: #014247;
	text-decoration: none;
}

#content ul a:hover {
	color: #036;
	text-decoration: underline;
}
/* More Lists */
/*html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}
*/

/* BEZA
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
*/
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* Comment List */
.commentlist li, #commentform input, #commentform textarea {
	font-family: Verdana, Geneva, sans-serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Verdana, Geneva, sans-serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
	
	
	
	

/* Begin Form Elements */
#searchform {
	margin: 0px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 16px;
	border-left: 4px solid #639435;
	font-size: 1.1em;
	font-weight: 700;
	background-color:#E1EDFF;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


/* End Various Tags & Classes*/


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
	

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
.navigation {
	display: block;
	width: 300px;
	background-color: #CFC;
	margin: 15px 5px;
}
.hentry { margin-top: 12px; }
.footer5 { font-size: .8em; border: none; }
html>body #chatter { *margin: 6px 0 0 -200px; }
#chatter { float: left; margin-left: 215px; }
#chatter .textwidget { margin: 0 }
#chatter { width: 300px; }
/*
*:first-child+html #phone {
	margin: 0 0 5px 0;
}
*/

/*footer*/
#navFoot { 
	margin:auto;
	width:955px; 
	height:100px; 
	font-family: Tahoma; 
	font-size:12px; 
	text-align:center;
        
}

.ulFooter {
    position: relative;
    top: 20px;
    margin-right:10px;

}

#navFoot ul li {
	padding:0;
	margin:0;
	display:inline
}
#navFoot a {
	text-decoration:none;
	color: #4591d3;
    font-size: .8em;
}
#navFoot a:hover {
	color:#9e1d33;
	
}

/* BEZA: Added for custom buttons */

/* Request Quote Button */
#request_quote_button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/request-quote-button.png") no-repeat scroll 0 0 transparent;

}

#request_quote_button_1 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/request-quote-button1.png") no-repeat scroll 0 0 transparent;

}

#request_quote_button_2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 380px;
  height: 84px;
  background: url("http://www.metroffice.com/images/request-quote-button2.png") no-repeat scroll 0 0 transparent;

}

#request_quote_button:hover {
  background-position: 0 -84px;
}

#request_quote_button_1:hover {
  background-position: 0 -84px;
}

#request_quote_button_2:hover {
  background-position: 0 -84px;
}

.hidden {
  display: none;
}

span.hidden {
  display: none;
}

#raq-button-sm {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 58px;
  background: url("http://www.metroffice.com/images/request-quote-button-sm.png") no-repeat scroll 0 0 transparent;

}

#raq-button-sm:hover {
  background-position: 0 -58px;
}

#raq-virtual-office {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-virtual-office.png") no-repeat scroll 0 0 transparent;

}

#raq-virtual-office:hover {
  background-position: 0 -84px;
}

#raq-virtual-office-sm {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 57px;
  background: url("http://www.metroffice.com/images/raq-virtual-office-sm.png") no-repeat scroll 0 0 transparent;

}

#raq-virtual-office-sm:hover {
  background-position: 0 -57px;
}

#raq-shared-office-space {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-shared-office-space.png") no-repeat scroll 0 0 transparent;

}

#raq-shared-office-space:hover {
  background-position: 0 -84px;
}

#raq-executive-offices {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-executive-offices.png") no-repeat scroll 0 0 transparent;

}

#raq-executive-offices:hover {
  background-position: 0 -84px;
}

#raq-meeting-rooms-video-conf {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-meeting-rooms-video-conf.png") no-repeat scroll 0 0 transparent;

}

#raq-meeting-rooms-video-conf:hover {
  background-position: 0 -84px;
}

#raq-training-rooms {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-training-rooms.png") no-repeat scroll 0 0 transparent;

}

#raq-training-rooms:hover {
  background-position: 0 -84px;
}

#raq-business-support-services {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-business-support-services.png") no-repeat scroll 0 0 transparent;

}

#raq-business-support-services:hover {
  background-position: 0 -84px;
}

#raq-virtual-receptionist {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-virtual-receptionist.png") no-repeat scroll 0 0 transparent;

}

#raq-virtual-receptionist:hover {
  background-position: 0 -84px;
}

#raq-startup-business {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-startup-business.png") no-repeat scroll 0 0 transparent;

}

#raq-startup-business:hover {
  background-position: 0 -84px;
}

#raq-temporary-office-space {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-temporary-office-space.png") no-repeat scroll 0 0 transparent;

}

#raq-temporary-office-space:hover {
  background-position: 0 -84px;
}

#raq-corporate-solutions {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 332px;
  height: 84px;
  background: url("http://www.metroffice.com/images/raq-corporate-solutions.png") no-repeat scroll 0 0 transparent;

}

#raq-corporate-solutions:hover {
  background-position: 0 -84px;
}

/* BEZA: End of Request Quote Button code */

/* BEZA: Request A Quote RAQ Form CSS code */

label.raq {font-size:14px; color:#64962c; padding-bottom: 30px;}
.raq:active,.raq:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:0;}
input.raq{border:1px solid #ddd;font-size:14px;padding:8px;width:250px;margin:0;-moz-border-radius:5px;-webkit-border-radius:5px;}
input.raq:focus{border-color:#aaa;background-color:#daf0bd;}
input.raq.with-box{-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

select.raq{border:1px solid #ddd;font-size:14px;padding:8px;margin:0;width:250px;-moz-border-radius:5px;-webkit-border-radius:5px;}
select.raq:focus{border-color:#aaa;background-color:#daf0bd;}
select.raq.with-box{-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

textarea.raq{border:1px solid #ddd;font-size:14px;padding:8px;margin:0;width:400px;-moz-border-radius:5px;-webkit-border-radius:5px;}
textarea.raq:focus{border-color:#aaa;background-color:#daf0bd;}
textarea.raq.with-box{-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}

input.flow-button,input.flow-button:hover{height:41px;padding:0 10px 2px 0;border:0;font-size:20px;background-color:transparent; background-repeat:no-repeat;}

.green-arrow{
 width: 233px;
 height: 41px;
 border: none;
 margin-left:200px;
 background-image: url('http://www.beza.net/images/icons/green_arrow.gif')!important;width:234px!important;background-color:transparent; background-repeat:no-repeat;}

span.wpcf7-list-item {float: left; margin-left: 0.5em; padding-right:20px; font-size:14px;}
span.wpcf7-list-item-label {text-align:left;}
.wpcf7-form label, #wp_email_capture_2 form label { float:left; width:130px; clear:left; text-align: left; margin-right: 8px; }

.linklove {display: none;}

/* BEZA: End of Form CSS code */

div.sociable { margin:150px;}

/* BEZA: End of custom code */