/*
      Theme Name: Whiteboardmedia2 for Grimes Law 
      Theme URI: www.whiteboardmedia.com
      Description: The whiteboardmedia WordPress theme based over the design of Whiteboardmedia for Grimes Law. For know how you can add a nice theme contact to <a href="http://www.whiteboardmedia.com">Whiteboardmedia</a>.
      Version: 1.0
      Author: Whiteboardmedia
      Author URI: www.whiteboardmedia.com
	  Tags: blue, custom header, fixed width, two columns, widgets

	Whiteboardmedia for Grimes Law V: 1.0
	 http://www.whiteboardmedia.com

	This theme was designed and built by Whiteboardmedia Team,
	whose blog you will find at http://www.whiteboardmedia.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php


  */ 
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #807f84;
	background: #383539;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}
#main {
	background: #e3e5e6 url(images/body-bg.gif) repeat-x;
}
#page {
	margin: 0 auto;
	width: 877px;
	overflow: hidden;
	height: 100%;
}

/*header start*/
#header {
	overflow: hidden;
	height: 98px;
	padding: 60px 0 0 11px;
	border-bottom: 1px solid #f6f8f9; 
	background: url(images/header-bg.gif) no-repeat 100% 8px;
}

/*logo start*/
#header h1 {
	float: left;
	margin: 0;
}

#header h1 a {
	float: left;
	margin: 0;
	display: block;
	text-indent: -9999px;
	width: 404px;
	height: 58px;
	overflow: hidden;
	background: url(images/logo.gif) no-repeat;
}
/*logo end*/
/*header end*/
#navigation {
	overflow: hidden;
	height: 100%; 
	border-bottom: 2px solid #1f1b59; 
}
#navigation ul {
	margin: 0;
	padding:0 34px 0 0;
	list-style: none;
	float: right; 
}
#navigation ul li {
	list-style: none;
	float: left; 
}
#navigation ul li a {
	float: left; 
	height: 39px;
	overflow: hidden;
	text-indent: -9999px; 
}
#navigation ul li a.active,
#navigation ul li a:hover {
	background-position: 0 -39px !important;
}
#navigation ul li.navigation1 a {
	background: url(images/navigation1.gif) no-repeat ;
	width: 62px;
}
#navigation ul li.navigation2 a {
	background: url(images/navigation2.gif) no-repeat ;
	width: 66px;
}
#navigation ul li.navigation3 a {
	background: url(images/navigation3.gif) no-repeat ;
	width: 78px;
}
#navigation ul li.navigation4 a {
	background: url(images/navigation4.gif) no-repeat ;
	width: 85px;
}
#navigation ul li.navigation5 a {
	background: url(images/navigation5.gif) no-repeat ;
	width: 88px;
}
#navigation ul li.navigation6 a {
	background: url(images/navigation6.gif) no-repeat ;
	width: 77px;
}


#content {
	overflow: hidden;
	height: 100%; 
	background: url(images/content-bg.gif) repeat-y ;
	padding: 0 46px 0 50px;
   min-height: 570px;	
}

#content h2{
	color: #1f1b59;
	font-size: 1.1em;	
	text-transform: uppercase;
}

#content h3{
	color: #7A7A7A;
	font-size: 1.1em;	
}

#content h4{
	font-size: 0.95em;	
	text-transform: uppercase;
	color: #7c7c7c;
	margin: 0;
	padding: 0;
}

#content p{
	margin: 0 0 5px 0;
	padding: 0;
}
.sidebar {
	float: left; 
	width: 173px;
}
#content div.sidebar h2 {
	font-size: 1.2em;
	color: #1f1b59;
	padding-top: 20px;
	margin: 0 0 3px 0;
	text-transform: capitalize;
}
.sidebar h2.head1 {
	background: url(images/sidebar-head1.gif) no-repeat ;
}
.sidebar h2.head2 {
	background: url(images/sidebar-head2.gif) no-repeat ;
}
.sidebar h2.head3 {
	background: url(images/sidebar-head3.gif) no-repeat ;
}
.sidebar h2.head4 {
	background: url(images/sidebar-head4.gif) no-repeat ;
}
.sidebar h2.head5 {
	background: url(images/sidebar-head5.gif) no-repeat ;
}
.sidebar h2.head6 {
	background: url(images/sidebar-head6.gif) no-repeat ;
}
.sidebar h2.head7 {
	background: url(images/sidebar-head7.gif) no-repeat ;
}
.sidebar ul {
	margin: 0;
	border-top: 2px solid #1f1b59; 
	padding: 0;
	font-size: 11px;
	list-style: none;
}
.sidebar ul li {
	height: 100%; 
	overflow: hidden;
	border-bottom: 1px solid #a3a2b1; 
}
.sidebar ul li a {
	height: 100%; 
	display: block; 
	padding: 20px 0 20px 11px;
	text-decoration: none; 
	color: #000000;
	text-decoration: none; 
	font-size: 1em;
	text-transform: uppercase;
}
.sidebar ul li a.active,
.sidebar ul li a:hover {
	background: #f2f4f6;
}

.sidebar ul li.current_page_item {
	background: #f2f4f6;
}

.sidebar ul li a strong {
	display: block; 
	font-weight: normal; 
	color: #231f20;
	text-transform: uppercase;
}
.inner-page .sidebar ul li a {
	padding: 17px 0 19px 11px;
}

.tab-block {
	float: right; 
	width: 569px;
	margin: 20px 0 0;
	padding: 0 0 85px;
}
.tabset {
	overflow: hidden;
	height: 100%; 
}
.tabset a {
	float: left; 
	height: 30px;
	margin-right: 5px;
	width: 165px;
	text-indent: -9999px; 
	overflow: hidden;
}
.tabset a.active,
.tabset a:hover {
	background-position: 0 -30px !important;
}
.tabset a.tab1 {
	background: url(images/tab-link1.gif) no-repeat ;
}
.tabset a.tab2 {
	background: url(images/tab-link2.gif) no-repeat ;
}
.tabset a.tab3 {
	background: url(images/tab-link3.gif) no-repeat ;
}

div.tab {
	display:none;
	padding: 0 20px 0 7px;
	background: url(images/tab-bg.gif) repeat-y ;
	border-top: 6px solid #b8babd; 
	border-bottom: 6px solid #b8babd; 
	overflow: hidden;
	height: 100%; 
	color: #fcfdfc;
}
div.tab .table {
	padding-bottom: 10px;
}
div.tab .image {
	float: left;
	margin: 0 19px 0 0;
}
div.tab h2 {
	margin: 18px 0 0; 
	height: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/tab-head.gif) no-repeat ;
}
#content div.tab h3 {
	color: #cab18b;
	font-size: 1.25em;
}

div.tab p {
	margin: 15px 0 0; 
	line-height: 15px;
}
div.tab .link {
	display: block; 
	margin: 23px 0 0;
}
div.tab .link a {
	float: left; 
}
div.tab .link a img {
	display: block; 
}



#footer {
	overflow: hidden;
	height: 100%; 
	border-top: 3px solid #1f1b59; 
	color: #fff;
	text-align: center;
	font-size: 11px;
	padding-bottom: 20px;
	padding-top: 10px
}
#footer div {
	margin: 0 auto;
	width: 877px;
	overflow: hidden;
	height: 100%;
	padding: 14px 0 15px;
}
#footer ul {
	margin: 0;
	padding: 0 0 9px;
	list-style: none;
	text-align: center;
}
#footer ul li {
	display: inline; 
	padding: 0 5px 0 10px;
	background: url(images/footer-divider.gif) no-repeat 0 2px;
}
#footer ul li.first {
	background: none;
	padding-left: 5px;
}
#footer ul li a {
	text-decoration: none; 
	color: #fff;
}
#footer ul li a:hover {
	text-decoration: underline; 
}
#footer p {
	margin: 0; 
	line-height: 10px;
}
#footer p a {
	position: relative; 
	top: 8px;
	margin-left: 1px;
}
.right-column {
	float: right; 
	padding: 20px 0 7px 0;
	width: 569px;
}
.right-column h2.head1 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head1.gif) no-repeat ;
}
.right-column h2.head2 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head2.gif) no-repeat ;
}
.right-column h2.head3 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head3.gif) no-repeat ;
}
.right-column h2.head4 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head4.gif) no-repeat ;
}
.right-column h2.head5 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head5.gif) no-repeat ;
}

.right-column h2.head6 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head6.gif) no-repeat ;
}

.right-column h2.head7 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head7.gif) no-repeat ;
}

.right-column h2.head8 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head8.gif) no-repeat ;
}

.right-column h2.head9 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head9.gif) no-repeat ;
}

.right-column h2.head10 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head10.gif) no-repeat ;
}
.right-column h2.head11 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head11.gif) no-repeat ;
}
.right-column h2.head12 {
	margin: 0; 
	height: 14px;
	overflow: hidden;
	text-indent: -9999px; 
	background: url(images/right-column-head12.gif) no-repeat ;
}
.right-column p {
	line-height: 16px;
	margin: 16px 0 0 0;
}
.right-column p.color {
	color: #1d2024;
}
.right-column p strong.head {
	color: #1f1b59;
	font-weight: normal; 
}
.right-column ul {
	margin: 0; 
	padding: 16px 0 0 38px; 
}
.right-column ul li {
	list-style: none; 
	line-height: 16px;
	padding: 0 0 0 8px;
	background: url(images/bullet.gif) no-repeat 0 7px;
}
.form {
	overflow: hidden;
	width: 400px;
	padding: 17px 0 8px 0;
}
.form div {
	overflow: hidden;
	height: 100%; 
	padding: 11px 0 0 0;
}
.form div p img{
	margin-left: 90px;
}
.form label {
	float: left;
	width: 85px;
	text-align: right;
	line-height: 16px;
	margin-right: 5px;
}
.form .textarea label {
	margin-top: 48px;
}
.form .text {
	float: right;
	width: 220px;
	padding: 1px 0 0 4px;
	height: 18px;
	background: #f0eeeb;
	border: none;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form textarea {
	float: left;
	margin: 0px;
	width: 220px;
	padding: 0 0 0 4px;
	overflow: auto;
	height: 116px;
	background: #f0eeeb;
	border: 1px solid #aeafb2;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form .submit {
	float: right; 
	margin: 5px 0 0 0;
}
.right-column .left-image {
	float: left; 
	padding: 5px;
	margin: 19px 20px 0 4px;
	border: 1px solid #aeafb2; 
}