@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{font: normal 12px Arial, Verdana, Helvetica, sans-serif; color: #000;background: #FFF url(../images/body_bg.png) repeat-x;}
a:link, a:visited, a:visited:hover, a:hover, a:active{color: #00547D;}
a.subnav:link, a.subnav:visited, a.subnav:visited:hover, a.subnav:hover, a.subnav:active{
	text-decoration: none;
}
a.selected{color:#F99D1C;}
a.subnav:hover{color:#F99D1C;}
.listimg{vertical-align:text-bottom;padding-right:10px;}
a:focus{outline:none;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font-size:25px;color: #002C3F;}
h2{font-size:23px;color: #002C3F;}
h3{font-size:21px;color: #002C3F;}
h4{font-size:19px;color: #002C3F; font-weight: normal;}
h5{font-size:15px;color: #002C3F;margin-top:10px;}
h6{font-size:15px;color: #002C3F;}
ol{list-style:decimal;}
ul{list-style:square;}
li{margin-left:30px;color: #002C3F;}
p,hr,h1,h2,h3,h4,h5,h6,ul,ol,pre,table,address,fieldset{margin-bottom:10px;}
p,a,table{color: #002C3F;}
#content-wrapper{ overflow: auto;}
#content-wrapper p{
	margin-top:10px;
}
dd{color: #00547D;}
button{width: 88px; height: 32px; background: #00547D; border: 0px; color: #FFF; text-transform: uppercase; font: bold 12px Arial, Helvetica, Verdana, sans-serif; }
.example{padding: 5px 0 0 0;font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #00547D;}
#liner{padding:10px 0 0}

.septum{margin-top: 1px; height: 10px; background: #DEEAF0;}
.darkblue{background: #00547D;}
.lightblue{background: #DEEAF0;}
li.continue { line-height: 24px; text-align: right; border-top: 1px dashed #B6D0DE;}
.continue a{padding: 3px; background: #B6D0DE;}
.float-right{float: right;}
.float-left{float: left;}
.error{color: #FF0000;}

#wrapper{}
#masthead{height: 34px;}
#masthead ul#language {float: left;margin-left:0;margin-top:12px;}
#masthead ul#language li{float: left; width:16px;margin-left:0; margin-right:8px;}
#masthead ul {list-style: none; float: right;}
#masthead li{float: left; margin: 0;width:120px;}
#masthead a{display: block; line-height: 34px; letter-spacing: .14em;text-align:center; text-decoration: none; color: #FFF;text-transform: uppercase;}
#masthead a.selected{color: #F99D1C;}
#navigation{height: 112px; background: transparent url(../images/navigation_bg.png) repeat-x;}
#navigation h2{}
#navigation ul{list-style: none;}
#navigation li{display: block; float: left; margin:0; height: 112px; width: 148px; border-left: 1px solid #FFF;}
#navigation a{display: block; height: 112px; width: 148px;  color: #002C3F;text-decoration:none;}
#navigation .title{display: block; font: normal 23px Georgia, Times, "Times New Roman", serif; padding: 24px 0 0 10px;margin:0;}
#navigation .desc{display: block; font: normal 10px Arial, Verdana, Tahoma, sans-serif; padding: 5px 10px;}
#navigation .logo{ width: 184px; height: 62px;padding: 0 0 0 10px; border-left: none;}
#navigation .logo a{width: 334px; height: 62px; padding:0;}
#navigation .whatwedo a{background: transparent url(../images/nav_whatwedo_bg.png) bottom repeat-x;}
#navigation .multimedia a{background: transparent url(../images/nav_multimedia_bg.png) bottom repeat-x;}
#navigation .partners a{background: transparent url(../images/nav_partners_bg.png) bottom repeat-x;}
#navigation .helpingus a{background: transparent url(../images/nav_helpingus_bg.png) bottom repeat-x;}
#navigation .testimonials a{background: transparent url(../images/nav_multimedia_bg.png) bottom repeat-x;}


#navigation .whatwedo a:hover,#navigation .multimedia a:hover,#navigation .testimonials a:hover,#navigation .partners a:hover,#navigation .helpingus a:hover, #navigation a.selected{background-position: top;}

#finder-tool{background:#A4C8DA; height: 245px; margin-top: 1px;}
#directory-header{background:#A4C8DA url(/wp-content/themes/ABetterOffice/images/usa_map.png) 0 0 no-repeat; height: 245px; margin-top: 1px;}
#intro{margin: 30px 0 0 30px;}
#intro p{font-size: 13px; line-height: 1.5em; color: #333;}
#directory-header #intro{margin:60px 0 0 30px;}
#tool{margin: 30px 30px 0 0;}
#tool fieldset{background:#B6D0DE; padding: 10px 10px;}
#tool input{height: 26px; width: 100%; padding: 0; margin: 0;font-size: 20px; color: #333;}
#directory-header #tool{margin:50px 30px 0 0;}
#quicklinks{padding: 10px 10px; background:#B6D0DE; margin: 0 30px 0 0;}
#quicklinks ul{list-style: none;}
#quicklinks li{display: inline; margin: 0;}
#quicklinks a{display: block; float: left; text-decoration: none; margin: 0 3px 3px 0; white-space: nowrap; padding: 3px;background:#E5F4FA;}
#expand{}
#expand a{float: right; margin: 10px 0 0 0;background: none;}
#directory{background:#A4C8DA;padding: 0 0 15px 0;}
#directory h2{margin-left: 22px;}
#directory .listing{width: 890px; margin: 0 auto;}
#directory .listing ul{background: #B6D0DE; list-style: none; width: 251px; margin: 0 15px 0 0; float: left; padding:15px;}
#directory .listing li{margin:0; padding:0px;}

#sidebar ul{margin: 0 0 20px 0; list-style: none;}
div.news{float:right;width:200px;}
a.news{clear:both;}
#sidebar ul.section li img.news{float:left;border:2px solid #00547D;padding: 2px;width:60px;margin-bottom:8px;}
#sidebar .news li{margin: 2px 0 0 0; padding: 10px; background: #EEF4F7;border-bottom:1px dashed #BDD3DD}


#sidebar li{margin: 2px 0 0 0; padding: 10px; background: #EEF4F7;}
ul#links{margin-top:15px;}
#links li{padding:4px 10px;}
#sidebar .section-header, #content .category-header{height: 53px; padding:0; margin: 0 0 10px 0;background: transparent url(../images/section_header.png) repeat-x;}
#sidebar .section-header h4, #content .category-header h1{font: normal 24px Arial, Verdana, Helvetica, sans-serif; line-height: 44px; padding: 0 0 0 10px;}
#sidebar .search-header{background: none;}
#sidebar .search-header h4{font-size: 20px;margin:0;}
#sidebar .search-header h5{color: #666;font-weight: normal;padding:0;margin:0;}
#sidebar .search-input-container{background: #B6D0DE;margin-bottom:9px;}
#sidebar input#side-search{height: 28px; width: 180px;margin:0;float: left;border: 1px solid #CCC;font-size: 20px; color: #333;}
#sidebar input#side-submit{width: 88px; height: 32px; float: right;background: #00547D; border: 0px; color: #FFF; text-transform: uppercase; font: bold 12px Arial, Helvetica, Verdana, sans-serif;}
#sidebar select{width: 100%; height: 26px; font-size: 14px;padding: 2px 0;}

#sidebar-directory{background:#B6D0DE; padding: 0 0 10px 0;}
#sidebar-directory li{background: transparent;clear:both;}
#sidebar-directory label{font-weight: bold;text-transform: uppercase;}
#sidebar-directory input{height: 28px; width: 100%;margin:0;float: left;border: 1px solid #CCC;font-size: 20px; color: #333;}


#content .cat-desc{background: #DEEAF0;margin: 1px 0 0 0;}
#content .cat-desc p{padding: 15px 10px;}
#content .shareThis{float: right; line-height: 44px;padding: 0 10px 0 0;}
#content .category-listing{padding: 10px 10px; background: transparent url(/wp-content/themes/ABetterOffice/images/category_listing_entry_bg.png) bottom repeat-x}
#content .category-listing h3{font-size: 14px; border-bottom: 1px solid #DEEAF0;padding: 0 0 4px 0; margin: 20px 0 10px 0;text-transform: uppercase;}
#content .category-listing h3.no-border{border: none;}
#content .listing-info{width: 365px;}
#content .author-bio, #comments{margin-bottom: 0px;}
#content .author-bio,#comments .comment-container{padding: 10px; background: #DEEAF0;}
#content .author-image, #comments .user{width: 60px; float:left;padding: 0 20px 0 0;}
#content .author-desc h4, #comments .comment-container h4{font-size: 12px; font-weight: bold;margin:0 0 5px 0;}
#content .comment-container h4 span{font-weight: normal;}
#content {margin-top:10px;}

#getting-started {width: 200px; background: #E8F4D9;float: right;}
#getting-started .container{width: 180px; margin: 10px auto;}
#getting-started h5{color: #4B7520; font-size: 16px;}
#getting-started h6{color: #333; font-size: 12px;}
#text-rotate{width: 180px; margin: 10px 0;}
#text-rotate p{height: 35px; width: 180px; color: #333;font-size:11px;}

#getting-started a.getstarted{display: block;background: #8CC63F;text-align:center; line-height: 32px; font-size: 12px;font-weight: bold; text-transform: uppercase;color:#333; text-decoration: none; height: 32px;}


#comments .alt{background: #FFF;}
#comments .the_comment{width: 500px; float: right;}

#content h2 a{color: #002C3F; text-decoration: none;}
#content h2{margin:0 0 2px 0;}
#content .entry p{padding: 0 10px;}
#content .entry h2{font-size: 16px; margin-bottom:20px;}
#content .entry-date{font-size: 10px;font-weight: bold;}
#content p{line-height: 1.7em;}
#content ol li{margin: 10px 10px 10px 20px; line-height: 1.5em;color: #002C3F;}
#featured-office h3 a{color: #002C3F;text-decoration:none;}
#featured-office{height: 225px;background: #EEF4F7;}
#featured-office .office{width:620px;height:220px}
#featured-office .photo{margin: 10px 0 0 10px;}
#featured-office .photo img{height: 200px; width: 300px;}
#featured-office .excerpt{margin: 10px 10px 0 0;}
#featured-office .excerpt p{line-height: 1.5em;}
#nav{background: #B6D0DE; height: 44px; margin-top:1px; padding: 4px 0 0 0;}
#nav a{display: block; line-height: 38px; border: 1px solid #B6D0DE; margin: 0 0 0 5px; font-size: 20px;float: left; text-align: center; vertical-align: middle; width: 40px;}
#nav a.activeSlide{background: #00547D; color: #B6D0DE;}
#featured-articles ul{list-style: none;}
#featured-articles .grid_4{margin-top: 10px;}
#featured-articles ul{border:1px dashed #BDD3DD; padding: 0 10px;background: transparent url(../images/article_header_bg.png) repeat-x;margin-top:5p;}
#featured-articles li{margin: 1px 0 0 0; padding: 5px 0;}
#featured-articles li.galImg{margin: 1px 0 0 0; padding:0;}
#featured-articles li.section-header{height: 30px; line-height: 28px; border-bottom: 1px dashed #BDD3DD;}
#featured-articles li.section-header a{line-height: 32px;}
#featured-articles ul li ul {
	border:none;
	background:none;
	list-style:inside;
	list-style-type: square;
}
#office-images img{height: 60px;}
#office-images li{display: inline;padding:0;margin:0 4px 0 0;}


#footer{background: #A4C8DA; color: #002C40; margin-top: 10px;}

#footer dl{margin:10px;}
#footer dt{display: inline;font-weight: bold;}
#footer dd{display: inline;color:#002C40;}
#footer a{text-decoration:none; color: #002C40;}
#footer a:hover{text-decoration:underline;}
#footer p{font-size: 22px; font-weight: bold; line-height: 4em; text-align:right; margin: 0 10px 0 0;}

#copyright{height: 48px; margin-bottom: 10px;color: #00547D;}

#copyright ul{height: 26px; margin:14px 0 0 0; padding:0;float: right;}
#copyright a img{margin: 10px 0 0 0;}
#copyright li{display:inline; margin:0 0 0 10px; padding:0;color: #00547D;}
#copyright a{text-decoration:none;}
#copyright a:hover{text-decoration:underline;}

/* Contains the entire tabbed section */
.tabs {}
/* List of tabs */
.tabNavigation {height: 35px;width: 100%; margin: 0; padding: 0; border-bottom: 10px solid #00557D; }
.tabNavigation li {display: inline; list-style: none; float: left; margin: 0; padding: 0; }
.tabNavigation li.last{float: right;}
.tabNavigation li a { text-decoration: none;overflow: hidden; text-transform: uppercase; font-weight: bold;display: block; margin: 0 2px 0 0; padding: 10px 12px; background: #DEEAF0;}
.tabNavigation li.last a{margin:0; background: #B6D0DE; color: #00557D;}
.tabNavigation li.last a:hover{color: #00557D;}
.tabNavigation li a:hover {background:#B6D0DE;}
/* The current selected tab */
.tabNavigation li a.selected {background:#00557D; color: #FFF;}
.tabNavigation li a.selected:hover {background:#B6D0DE; color: #00557D;}
/* The content shown when a tab is selected */
.tabNavigation div { float: left; display: block; width: 100%;	}
#tabServices,#tabDescription{padding: 20px 0;}
#tabServices li{width:170px;float: left;padding: 2px 0;}


/* tooltip
------------*/
#tooltip {
    position: absolute;
    width: 15em;
    border: 2px solid #00547D;
    background: #B6D0DE;
    color: #00547D;
    padding: 10px;
    opacity: 0.9;
}
#tooltip h3, #tooltip div {
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
