/*
Theme Name: Vertical Measures
Theme URI: http://www.verticalmeasures.com/
Description: The new Vertical Measures custom Wordpress theme  Designed by <a href="http://www.gatesix.com">GateSix</a> and ported to Wordpress by Chris von Nieda. Thanks to the entire Vertical Measures team for their valuable input!   
Version: Version: 1.0
Author: Vertical Measures Team & Gatesix
Author URI: http://www.verticalmeasures.com/about-us/our-team/
*/



/* Begin Typography & Colors */
/*@charset "utf-8";*/

/*** html ***/
body {background:url(images/background.jpg) repeat-x top #fff; margin:0px; margin-top:20px; padding:0px; font:12px/18px normal Arial, Helvetica, sans-serif; color:#454545;}
a {text-decoration:none; color:#0000FF;}
a:hover {text-decoration:underline; color:#454545;}
a img {border:none;}
h1 {font-size:22px; color:#1b3785; margin:0px; padding:0px; padding-bottom:10px;}
h2 {font-size:16px; color:#1b3785; margin:0px; padding:0px; padding-bottom:0px;}
h3 {font-size:15px;}
hr{ clear:both; }
form {margin:0px; padding:0px; line-height:normal;}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; border:1px solid #dbdbdb; margin-left:6px; padding-left:4px;}
input, select {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545; border:1px solid #dbdbdb; margin-left:6px; padding-left:4px;}
div#wrapper {width:990px; margin:0px auto;}

/*** header ***/
div#header {width:100%; float:left; position:relative; z-index:9;}
div#header div.logo {float:left;}
div#header div.utility {float:right; text-align:right; margin-right:10px;}
div#header div.utility span {font-size:22px; font-weight:bold; color:#1f419a;}
div#header div.utility a {font-size:13px; font-weight:bold; color:#fff; display:block; float:left; height:27px; margin-top:18px; padding-top:12px; text-align:center; text-decoration:none;}
div#header div.utility a.request_more_info {background:url(images/btn_request_more_info.png) no-repeat top; width:144px;}
div#header div.utility a.contact_us, div#header div.utility a.our_blog {width:87px; margin-left:2px;}
div#header div.utility a.contact_us {background:url(images/btn_contact_us.png) no-repeat top;}
div#header div.utility a.our_blog {background:url(images/btn_our_blog.png) no-repeat top;}

/*** top navigation bar ***/
div#tnb {float:left; background:url(images/bg_tnb.png) no-repeat top; width:100%; height:45px; position:relative; z-index:99;}
div#tnb ul {margin:0px; padding:0px;}
div#tnb ul li {list-style:none; float:left; margin-top:14px; *margin-top:3px;}
div#tnb ul li a {font-size:14px; font-weight:bold; color:#fff;}
div#tnb ul li a:hover {color:#FF9900; text-decoration:none;}
div#tnb ul li a span {background:url(images/tnb_separator.gif) no-repeat left; padding:10px 14px; *display:block;}
div#tnb ul li:first-child a span {background:none;}

/*** homepage showcase ***/
div#showcase {float:left; background:url(images/bg_showcase.jpg) no-repeat top; width:100%; height:563px; margin-top:12px;}
div#showcase div.flash {position:relative; z-index:9; float:left;}

/*** homepage accordion ***/
div.accordion {position:relative; z-index:99; float:right; background:url(images/bg_accordion.png) no-repeat top; width:377px; height:469px; margin-top:-437px; *margin-top:-443px;}
#hp_accordian {width:346px; margin:10px 0px 0px 26px;}
#hp_accordian div.header {cursor:pointer; display:block; background:url(images/accordian_collapsed.png) no-repeat top; height:34px; line-height:34px; text-indent:10px;}
#hp_accordian div.header h1, #hp_accordian div.header h2, #hp_accordian div.header p{font-weight:bold; font-size:14px; color:#e2e2e2; margin:0px;}
#hp_accordian div.header h1:hover, #hp_accordian div.header h2:hover {background:url(images/accordian_expanded.png) no-repeat top; color:#1b3785;}
#hp_accordian div.selected h1, #hp_accordian div.selected h2 {color:#1b3785; background:url(images/accordian_expanded.png) no-repeat;}
#hp_accordian div.accordion_cnt {padding:10px;}


/*** inner pages content area ***/
.img_border {border:2px solid #DCE0EE;}
div.img_header {float:left; margin-top:12px;}
div#cnt_area {float:left; background:url(images/bg_cntarea.png); width:100%;}
div.showcase_padd {padding:6px;}
div.cnt_padd {padding:10px 20px 0px 20px;}
div.breadcrumbs {float:left; text-align:right; width:100%; font-size:11px; padding-bottom:10px;}
div.breadcrumbs a {color:#20419a;}
div#cnt_main {float:left; width:670px;}
.blue_title {font-size:14px; font-weight:bold; color:#20419a;}
/* blog listing */
div.list_blog {float:left; width:100%; border:none; border-bottom:1px solid #f28419; margin-bottom:30px;}
div.list_blog .title {float:left;	width:100%;margin-bottom:6px;	margin-top:16px;line-height: 24px;}
div.list_blog .title a {font-size:20px; font-weight:bold; color:#20419a; text-decoration:none;}
div.list_blog .date {float:left; width:100%; border:none; border-bottom:1px solid #f8c18c; padding:4px 0px;}
div.list_blog .desc {float:left; width:100%; margin:10px 0px;}
div.list_blog .icons {float:left; width:100%; margin:6px 0px;}
div.list_blog .blog_actions {float:left; width:100%; margin:10px 0px;}
div.list_blog .blog_actions a {text-transform:uppercase; color:#454545; padding-left:18px; margin-right:20px; text-decoration:none;}
div.list_blog .blog_actions a.continue_reading {background:url(images/link_continue_reading.gif) no-repeat left;}
div.list_blog .blog_actions a.comments {background:url(images/link_comments.gif) no-repeat left;}
div.list_blog .blog_actions a.social_media {background:url(images/link_social_media.gif) no-repeat left;}
/* webinars listing */
.list_webinars {float:left; width:80%; margin-bottom:40px;}
.list_webinars .title {float:left; width:100%; font-weight:bold;}
.list_webinars a {text-decoration:none; color:#f28419;}
.list_webinars .image {float:left; margin:10px 0px 0px 0px; border:2px solid #DCE0EE;}
.list_webinars .cnt {float:right; margin:10px 0px 0px 0px; width:69%;}
/* services listing */
ul.list_services {margin:10px; margin-top:20px; padding:0px;}
ul.list_services li {list-style:none; background:url(images/arrow_links.gif) no-repeat top left; padding:0px 0px 40px 14px; *padding-bottom:0px; width:100%;}
ul.list_services li a.title {font-size:17px; color:#f28a19; text-decoration:none;}
ul.list_services li a.readmore {float:right; background:url(images/arrow_blue.gif) no-repeat left; padding-left:8px; color:#28419d; margin:10px 0px 20px 0px; text-decoration:none;}
/* contact form */
div.form_contact {background:url(images/bg_form_contact.png) no-repeat top; width:653px; height:410px; margin:20px 0px 20px 0px;}
div.form_contact form {padding:30px 20px 0px 20px; *padding:35px 20px 0px 20px;}
div.form_contact div.field {float:left; width:100%; margin-bottom:16px; *margin-bottom:-20px;}
div.form_contact div.lbl {float:left; width:40%; text-align:right;}
div.form_contact div.value {float:right; width:58%;}
div.form_contact div.value input {width:240px;}
div.form_contact div.value textarea {width:240px;}
div.form_contact div.value img {vertical-align:middle;}
div.form_contact div.button {float:left; clear:both; width:58%; text-align:right;}
div.form_contact div.button input.btn_submit {background:url(images/btn_submit.gif) no-repeat; width:94px; height:27px; border:none; margin:0px; padding:0px;}

div.contact_items {
	float:left;
	width:600px;
	margin-top:10px;
	padding-left:10px;
	height: 200px;
}

div.contact_items div.contact_office {
	float:left;
	margin-top:10px;
	padding-left:10px;
	position: relative;
	left: 200px;
	top: -180px;
}

div.contact_items div.contact_map {
	float:left;
	margin-top:10px;
	padding-left:10px;
	position: relative;
	left: 230px;
	top: -180px;
}

/*** right navigation bar ***/
div#rnb {float:right; width:249px; text-align:right; margin-top:30px;}
/* rnb: links */
div#rnb ul.links, div#rnb ul.links1, div#rnb ul.links2 {float:right; text-align:left; margin:0px; padding:0px; width:242px; margin-top:10px;}
div#rnb ul.links li, div#rnb ul.links1 li, div#rnb ul.links2 li {list-style:none; background:url(images/list_rnb_links.jpg);}
div#rnb ul.links1 li {background:url(images/list_rnb_links1.jpg);}
div#rnb ul.links li a, div#rnb ul.links1 li a, div#rnb ul.links2 li a {display:block; padding:5px 0px 5px 10px; color:#454545; text-decoration:none;}
div#rnb ul.links1 li a {padding-right:10px;}
div#rnb ul.links li.header, div#rnb ul.links1 li.header, div#rnb ul.links2 li.header {background:url(images/rnb_head_blue.jpg) no-repeat; height:26px; font-size:20px; color:#fff; padding:6px 0px 0px 10px;}
div#rnb ul.links2 li.header {background:url(images/rnb_head_orange.jpg) no-repeat;}
div#rnb ul.links li a:hover, div#rnb ul.links2 li a:hover {background:url(images/list_rnb_links_hover.jpg); color:#fff;}
div#rnb ul.links1 li a:hover {background:url(images/list_rnb_links1_hover.jpg); color:#000;}
div#rnb ul.links li.bottom, div#rnb ul.links2 li.bottom {background:url(images/list_rnb_links_bottom.jpg) no-repeat; height:36px;}
div#rnb ul.links li.bottom a:hover, div#rnb ul.links2 li.bottom a:hover {background:url(images/list_rnb_links_bottom_hover.jpg) no-repeat; padding-bottom:14px;}
div#rnb ul.links1 li.bottom {background:url(images/list_rnb_links_bottom1.jpg) no-repeat; height:55px;}
div#rnb ul.links1 li.bottom a:hover {background:url(images/list_rnb_links_bottom1_hover.jpg) no-repeat; padding-bottom:14px; color:#000;}
div#rnb div.box_padd {padding:0px 20px 0px 14px;}
/* rnb: notes */
div#rnb div.rnb_note {float:right; text-align:left; background:url(images/bg_rnb_note.jpg) no-repeat top; width:242px; height:115px; margin-top:6px;}
div#rnb div.rnb_note h3 {margin-top:10px; margin-bottom:4px;}
div#rnb div.rnb_note a {float:right; background:url(images/arrow_sm.gif) no-repeat left; padding-left:8px; margin-right:18px; text-decoration:none; color:#f28419;}
div#rnb div.rnb_note1 {float:right; text-align:left; background:url(images/bg_rnb_note1.jpg) no-repeat top; width:242px; height:135px; margin-top:6px;}
div#rnb div.rnb_note1 h3 {margin-top:10px; margin-bottom:4px; color:#20419a;}
/* rnb: testimonials */
div#rnb div.rnb_testimonials {float:left; text-align:left; padding:20px 10px 0px 10px; font-size:15px; font-style:italic; line-height:22px;}
div#rnb div.rnb_testimonials b {float:right; font-style:normal;}
/* rnb grey box */
div#rnb div.rnb_greybox {float:right; text-align:left; background:url(images/bg_greybox.jpg) no-repeat bottom; width:242px; margin-top:6px;}
div#rnb div.box_greybox {padding:10px 20px 0px 20px; background:url(images/rnb_greybox_top.jpg) no-repeat top;}
div#rnb div.rnb_greybox h3 {margin-top:4px; margin-bottom:6px;}
div#rnb div.rnb_greybox ul {margin:0px; padding:0px; padding-bottom:20px;}
div#rnb div.rnb_greybox ul li {list-style:none; line-height:22px;}
div#rnb div.rnb_greybox ul li a {font-size:13px; font-weight:bold; color:#20419a;}
div#rnb div.rnb_greybox ul li a:hover {color:#000; text-decoration:none;}
/* rnb blank */
div.rnb_blank {float:left; text-align:left; padding:20px 10px 20px 10px;}
div.rnb_blank h3 {font-size:14px; color:#20419a; margin:0px; padding:0px; padding-bottom:4px;}

/*** footer ***/
div.bg_footer {float:left; background:url(images/bg_footer.jpg) no-repeat top; width:100%; height:51px;}
div#footer {float:left; width:100%; margin:14px 0px;}
div#footer a {color:#393939;}
div#footer div.copyright {float:left; font-size:11px; color:#393939;}
div.follow_us {float:right;}
div.follow_us b {font-size:16px; color:#1b3785; vertical-align:middle; padding-right:4px;}
div.follow_us img {vertical-align:middle; padding:0px 1px;}
/* footer links */
div.links {position:relative; z-index:9; float:left; width:100%; margin-top:20px;}
div.links div.separator_left, div.links div.separator_right {float:left; background:url(images/links_separator.png) no-repeat left; width:1px; height:109px;}
div.links div.separator_left {margin-top:-30px;}
div.links div.separator_right {margin:-30px 20px 0px 20px;}
div.links div.details_pricing {float:left; margin-right:10px; padding-left:6px;}
div.links div.resources_links {float:left; width:480px; line-height:20px; margin-top:-10px; padding-left:10px;}
div.links div.resources_links b, div.links div.about_links b {font-size:16px; color:#1b3785; float:left; width:100%; padding-bottom:6px;}
div.links div.resources_links a {float:left; background:url(images/arrow.gif) no-repeat left; padding-left:12px; font-size:12px; font-weight:bold; color:#585858; width:145px;}
div.links div.resources_links a:hover {color:#000; text-decoration:none;}
div.links div.about_links {float:left; width:245px; line-height:20px; margin-top:-10px; padding-left:20px;}
div.links div.about_links a {float:left; background:url(images/arrow.gif) no-repeat left; padding-left:12px; font-size:12px; font-weight:bold; color:#585858; width:108px;}
div.links div.about_links a:hover {color:#000; text-decoration:none;}

/*** conditional stuff ***/
div#showcase div.links {margin-top:0px;}
div#showcase div.links div.separator_right {margin:-30px 0px 0px 0px;}
div#rnb div.follow_us {float:left; width:80%; padding:0px 0px 40px 20px;}
input.btn_subscribe {background:url(images/btn_subscribe.gif) no-repeat; width:98px; height:22px; border:none; margin:4px 0px 0px 0px; padding:0px; cursor:pointer; float:right;}
div.rnb_note1 input.btn_subscribe {float:left; margin-left:6px; *margin-left:14px;}
div.rnb_note1 form {margin:6px 0px 0px -6px;}

/* Flash Slider */
#slide_container #slide_cnt_wrap{position:absolute;z-index:9999;width:490px;top:310px;left:20px}
#slide_container .slide_title, #slide_container .slide_content{
	font-weight:bold;
	padding:0;
	font-family:Arial, sans-serif;
	text-shadow:#FFF 0 1px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4;
	margin-left: 0;
}
#slide_container .slide_title{
	font-size:20px;
	color:#1b3785;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 3px;
}
#slide_container .slide_content{font-size:18px; color:#000;line-height:21px;font-weight:200}

/* Get More Info */
div.button input.btn_more_info {background:url(images/btn_submit.gif) no-repeat; width:94px; height:27px; border:none; margin:0px; padding:0px;}

div#facebook_like{
	padding:5px 0;
}

/* 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 */