/*
Theme Name: yourcounselor.com
Author: Jose Erlino M. Lontok
*/

body {
  font-family: Arial, sans-serif;
}

/*** header ***/
#header {
  height: 77px;
  background: url(../images/header-bg.jpg) repeat-x;
}

#header-wrap {
  width:  900px;
  margin:0 auto;
  position: relative;
}

#header-nav {
  position: absolute;
  top:  0;
  right:  0;
}

#header-nav li {
  display:  inline;
  float:  left;
}

/*** banner ***/
#banner {
  height: 353px;
  background: url(../images/banner-bg.jpg) repeat-x;
}

#banner-wrap {
  width:  900px;
  height: 353px;  
  margin:0 auto;
  background: url(../images/banner-image.jpg) top no-repeat;
  position: relative;
}

#banner-content {
  color:  #fff;
  width:  390px;
  position: absolute;
  top:  80px;
  right:  38px;
  font: 13px Arial, sans-serif;
}

#banner-content h2 {
  margin-bottom:  10px;
}

#banner-content p {
  margin-bottom:  18px;
}

/*** home-content ***/
#home-content {
  background: url(../images/home-content-bg.jpg) #fff bottom no-repeat;
  height: 230px;
  width: 900px;
  margin: 0 auto;
  font: 12px Arial, sans-serif;
  color:  #333;
}

#home-content h3 {
  margin-bottom:  15px;
}

#home-content p {
  padding:  0 10px;
  margin-bottom:  10px;
}

#home-content ul {
  padding: 0 10px;
}

#home-content ul li {
  background: url(../images/icon-list.gif) 0 5px no-repeat;
  padding-left: 10px;
}

#home-content a {
  color:  #e1970e;
  text-decoration:  none;
  font-weight:  bold;
}

#home-content-business {
  width:  278px;
  float:  left;  
  display:  inline;
  margin: 13px 0 0 13px;
}

#home-content-bankruptcy {
  width:  278px;
  float:  left;  
  display:  inline;
  margin: 13px 0 0 18px;
}

#home-content-more {
  width:  278px;
  float:  left;  
  display:  inline;
  margin: 13px 0 0 20px;
}

#bottom-contact {
  height: 20px;
  background-image: url(../images/home-content-bottom.jpg);
  width: 900px;
  margin: 0 auto 25px auto;
  color:  #fff;
  text-align: center;
  font: 11px Tahoma, Arial, sans-serif;  
}

#bottom-contact p {
  padding-top: 2px;
}

#bottom-contact a {
  color:  #fff;
  text-decoration:  none;
}

/*** content ***/
#content {
  background: url(../images/content-bg.jpg) repeat-x;
}

#content-wrap {
  width:  900px;
  margin: 0 auto;    
  background: url(../images/content-wrap-bg.jpg) repeat-y;
}

#content-main {
  width:  692px;
  float:  right;
  display:  inline;
  background: url(../images/content-main-bg.jpg) bottom no-repeat;
  min-height: 500px;
  height: auto !important;
  height: 500px;
  color:  #333;  
}

#content-main-wrap {
  padding:  25px;
  font-size:  12px;
}

#content-main-wrap h1 {
  font: bold 18px Arial, sans-serif;
  margin-bottom:  20px;
}

#content-main-wrap p, #content-main-wrap ul {
  margin-bottom:  20px
}

#content-main-wrap a {
  font-weight:  bold;;
  color:  #333;
}

.text-center {
  text-align: center;
  font-weight:  bold;
  text-decoration:  underline;
}

.bold-underline {
  font-weight:  bold;
  text-decoration:  underline;
}

.resource-list li span{
  display: inline-block;
  width:  220px;
}

.practices {
  padding-left:  65px;
  margin-bottom:  5px;                                              
}

.practices-left {
  float:  left;
  width:  110px;
  padding-left: 10px;
  background: url(../images/practices-left-bg.gif) 0 4px no-repeat;
  text-decoration:  underline;  
}

.practices-right {
  float:  right;
  width:  430px;
  padding-left: 15px;
  background: url(../images/practices-right-bg.gif) 0 8px no-repeat;
}

#contactForm {
  width:  500px;
  padding:  10px;
  background-color: #eee;
  border: 1px #ccc solid;
}

#contactForm div {
  margin-bottom:  10px;
}

#contactForm label {
  display:  inline-block;
  width:  150px;
  vertical-align: middle    
}

#contactForm .text-input {
  width:  200px;
  border: 1px #ccc solid;
}

#contactForm .text-input2 {
  width:  150px;
  border: 1px #ccc solid;  
}

#contactForm .text-input3 {
  width:  100px;
  border: 1px #ccc solid;  
}

#contactForm input, #contactForm select, #contactForm textarea {
  vertical-align: middle
}

u.contact {
  display:  inline-block;
  width:  60px;
}

/*** sidebar ***/
#sidebar {
  width:  208px;
  float:  left;
  display:  inline;
}

/*** footer ***/
#footer {
  text-align: center;
  font: 11px Tahoma, Arial, sans-serif;
  width:  900px;
  margin: 0 auto;
}

#footer p {
  margin-bottom:  15px;
}

#footer a {
  color:  #000000;
}

#footer-links {
  font-size:  7px;
}

#footer-links a {
  text-decoration:  none;
}


/*** misc ***/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
}

.clear {
  clear:  both;
}