/* 
Theme Name: MetroCity Concierge Theme
Theme URL: http://plainbeta.com/whiteboard/
Author: Jason Tavarez
Description: Customized off of Whiteboard by Brian Purkiss
Author URI: http://socurrent.com
Version: 1.0
*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


html {
	background-image: url(/wp-content/themes/whiteboard/images/bg_blurred.jpg);
	background-repeat: repeat;
	position:relative;
}

#topspacer{
	width:600px;
	height:100px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

body {
	position:relative;
}

#masthead_container {
	width:600px;
	height:200px;
	z-index:4;
	background-color: #FFF;
}

#wrapper {
	width:600px;
	background-color:#FFF;
	padding-left:50px;
	padding-right:50px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#body_container{
	padding-top:200px;
}

#bar_top{
	background-image: url(/wp-content/themes/whiteboard/images/bg_topbar.png);
	background-repeat: repeat;
	position: fixed;
	height: 100px;
	width: 100%;
	left: 0px;
	top: 0px;
}
#bar_bottom{
	background-image: url(/wp-content/themes/whiteboard/images/bg_bottombar.png);
	background-repeat: repeat;
	position: fixed;
	height: 100px;
	width: 100%;
	left: 0px;
	bottom: 0px;
}

#header {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 600px;
	height:200px;
	margin-right: 50px;
	margin-left: 50px;
}

#header img.imgmasthead {
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b4bbaf;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
#header img.logo {
	position: absolute;
	left: 150px;
	top: 140px;
	z-index:10;
}

#menu {
	position: absolute;
	top: 124px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/wp-content/themes/whiteboard/images/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 75px;
}

ul.navigation {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	text-transform: uppercase;
	list-style-type: none;
	position: relative;
	letter-spacing: 0.2em;
	text-align:center;
	margin-top:14px;
	position:relative;
}
ul.navigation li {
	display: inline-block; /* for modern browsers */	
/*	display: -moz-inline-stack;  for FF 2 */
	zoom: 1; /* for IE, triggers hasLayout */
	*display: inline; /* IE 7 and below */

position:relative;	
}
ul.navigation li a {
	color: #50799a;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
	display:block;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	padding-top: 6px;
	padding-bottom: 5px;
}
ul.navigation li a:hover {
	padding-top: 5px;	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #a1b5c4;
	border-bottom-color: #a1b5c4;
}
ul.navigation li ul {
	display:none;

}
ul.navigation li:hover ul {
	display:block;
	position:absolute;
	top:23px;
	left:-35%;
	float:none;
	background-image: url(/wp-content/themes/whiteboard/images/bg_subnav.png);
	background-repeat: repeat;
	border: 1px solid #B1BEC8;
}
ul.navigation li ul li {
	display:block;

}
ul.navigation li ul li a{
	display: block;
	width: 150px;
	color:#b1bec8;
	padding-top: 3px;
	padding-bottom: 3px;

}


ul.navigation li ul li a:hover{
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color:#00325c;
}

li.subindicate {
	background-image: url(/wp-content/themes/whiteboard/images/graphic_tinytriangle.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

#triangle {
	background-image: url(/wp-content/themes/whiteboard/images/graphic_triangle.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 16px;
	position: absolute;
	left: 0px;
	top: 215px;
}
#body_container a {
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#647a8c;
	color: #647a8c;
	text-decoration:none;
}
#body_container a:hover {
	color: #00325c;
}
#body_container h1,
#body_container h2,
#body_container h3,
#body_container h4,
#body_container h5,
#body_container h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #647a8c;
	
}

#body_container h1 {}
#body_container h2 {
	font-size: 1.3em;
	margin-bottom:15px;
	color: #00325c;
	font-weight:normal;	
}
#body_container h3 {
	font-size: 0.9em;
	margin-bottom:25px;
	line-height:1.6em;
	font-weight:normal;

}
#body_container h4 {}
#body_container h5 {}
#body_container h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	font-style:normal;
	text-transform: uppercase;
	color: #00325c;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
}

#body_container h3.orange, #body_container h3.orange a {
color: #ae4a00;
}

#body_container h3.orange a:hover {
		color: #00325b;
}

#body_container .bkservice {
	font-size:0.7em;
	font-style:normal;
}

#body_container p, #body_container ol, #body_container ul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;
	color: #757c81;
	margin-bottom:20px;
}

#body_container p {
	text-align:justify;	
}
#body_container p strong, #body_container p b {
	color: #00325b;
	font-weight: bold;
}

#body_container ul {
	list-style-image: url(/wp-content/themes/whiteboard/images/graphic_bullet.gif);
	list-style-position:outside;
	color:#577c9a;
	margin-left:20px;
}
#body_container ul.orange {
	list-style-image: url(/wp-content/themes/whiteboard/images/graphic_bullet_orange.gif);

	color:#ae4a00;

}
img.textheader{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
	margin-bottom: 25px;
	padding-bottom: 5px;
}
.bottomborder_container{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
	padding-top: 10px;	
}

#footer {
	background-image: url(/wp-content/themes/whiteboard/images/graphic_diamond.gif);
	background-repeat: no-repeat;
	background-position: center 70px;
	height: 60px;
	padding-top:15px;
	padding-bottom:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
}
#footer p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 0.5e;
	color: #8e8e8e;
	text-align: center;
}
#footer p a{
	color: #8e8e8e;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c2d1dd;
}
#footer p a:hover{
	color: #00325c;
}
#footer p.highlight{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #9aa1a6;
}

.boxleft {
	float:left;
}
.boxright {
	float:right;
}
.boxcenter {
	margin-left:auto;
	margin-right:auto;
}

.w150 {
	width:150px;
}
.w200 {
	width:200px;
}

.w250 {
	width:250px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w450 {
	width:450px;
}

.spacer {
	clear:both;
}

h2.pagetitle{
	font-size: 1.6em !important;
	margin-top: 15px;
}


#body_container .servicesbox {
	line-height: 0em;
}
#body_container .servicesbox p {
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
#body_container .servicesbox p a {
	font-size:1em;
	display: block;
	height: 19px;
	width: 250px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
	margin: 0px;
	color: #50799a;
	text-decoration: none;
	line-height:1em;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(/wp-content/themes/whiteboard/images/graphic_plus.gif);
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#body_container .servicesbox p a:hover {
	background-image: url(/wp-content/themes/whiteboard/images/graphic_plus_roll.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
#body_container .servicesbox p.collapsebox{
	margin-left:25px;
	width:200px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 0.8em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #d0d0d0;
	border-bottom-color: #d0d0d0;	
}
#body_container .servicesbox ul{
	margin-left:50px;
	color:#666;
}
#body_container .servicesbox ul li{}

#bluebox_links {
	display:block;
	background-image: url(/wp-content/themes/whiteboard/images/bg_bluebox.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	background-color: #45769e;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-bottom:25px;
}

#bluebox_links p {
	font-weight: bold;
	margin: 0px;
	line-height: 1em;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#body_container #bluebox_links p a {
	color: #FFF;
	text-decoration: none;
}
#body_container #bluebox_links p a:hover {
	text-decoration: underline;
}

#test_container {
	width: 600px;
	margin-top:-40px;
	position:relative;
}
#body_container #test_container p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 15px;
	margin-left: 100px;
}
#body_container #test_container p a{
	text-decoration:underline;
	text-decoration:none;
}
#body_container #test_container p a:hover{}
#body_container #test_container h3{
	line-height:1.4em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 100px;
}

#test_container p + h3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d0d0d0;
}