/*

Theme Name: Ask The Building Experts
Theme URI: http://askthebuildingexperts.com
Description: 'This is a Custom Theme designed for askthebuildingexperts.com'
Author: Michael Parenteau & Joe Payton
Author URI: http://www.solutionsbyweb.com
Version: 1.0

*/

@import url("reset.css");

html, body{
height: 100%;
line-height: 1.5;
font-size: 100%;
font-family: helvetica, arial, sans-serif;
background:url(img/body_bkg.gif) repeat-x #efefef;
}

.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.formCheck{display: none;}
/*-------------------------------------------- HEADER ---------------------------------------------*/

#header{
width:975px;
height:132px;
padding: 10px 0px 0px;
margin: 0 auto;
}

#header h1 a{
width: 259px;
height: 128px;
display: block;
}

.logo{
background:url(img/logo.png) 0 0 no-repeat;
width:259px;
height:128px;
overflow: hidden;
outline: none;
text-indent: -2000px;
float: left;
}

#search_links_wrap{
padding: 50px 0px 0px;
float: right;
}

.search_wrap{
float: right;
}


.search{
width:120px;
padding: 3px 20px 3px 3px;
background:url(img/search_icon.png) right no-repeat #75674b;
border: none;
border-right: 5px solid #75674b;
color:#fff;
font-size:.75em;
font-weight:bold;
}

#searchsubmit{
background-color: #75674b;
color:#fff;
border: 0px #75674b solid;
padding: 2px;
}

#searchsubmit:hover, #searchsubmit:active{
background-color: #fff;
color:#75674b;
border: 0px #75674b solid;
padding: 2px;
}

.header_links_wrap{
display: block;
float: right;
clear: both;
}

#header_links li{
display: block;
padding: 15px 0px 0px 10px;
float: left;
}

.send_email, .twitter_follow, .rss_feed{
display: block;
overflow: hidden;
outline: none;
line-height: 1em;
font-size: .75em;
font-weight: bold;
color: #FFF;
}

	a.send_email:link, a.send_email:visited{
	width:40px;
	padding: 5px 5px 5px 45px;
	background: url(img/email.png) 5px 5px no-repeat #75674b;
	text-decoration: none;
	}
	a.send_email:active, a.send_email:hover{
	width:40px;
	padding: 5px 5px 5px 45px;
	background: url(img/email.png) 5px 5px no-repeat #75674b;
	text-decoration:underline;
	}
	
	a.twitter_follow:link, a.twitter_follow:visited{
	width:55px;
	padding: 5px 5px 5px 35px;
	background: url(img/twitter_icon.png) 5px 5px no-repeat #75674b;
	text-decoration: none;
	}
	a.twitter_follow:active, a.twitter_follow:hover{
	width:55px;
	padding: 5px 5px 5px 35px;
	background: url(img/twitter_icon.png) 5px 5px no-repeat #75674b;
	text-decoration:underline;
	}
	a.rss_feed:link, a.rss_feed:visited{
	width:35px;
	padding: 5px 5px 5px 35px;
	background: url(img/rss_icon.png) 5px 5px no-repeat #75674b;
	text-decoration: none;
	}
	a.rss_feed:active, a.rss_feed:hover{
	width:35px;
	padding: 5px 5px 5px 35px;
	background: url(img/rss_icon.png) 5px 5px no-repeat #75674b;
	text-decoration:underline;
	}
	
/*-------------------------------------------------------------- MAIN NAVIGATION --------------------------------------------------------*/
#main_nav_wrap{
width: 975px;
margin: 0 auto;
}

#main_nav li{
display: block;
float: left;
}

.main_nav_link{
display: block;
font-size: .75em;
font-weight: bold;
color: #fff;
padding: 5px 10px 0px;
float: left;
}
a.main_nav_link:link, a.main_nav_link:visited{
height: 22px;
text-decoration: none;
border-right: 1px solid #805d35;
border-left: 1px solid #49423c;
}
a.main_nav_link:active, a.main_nav_link:hover{
height: 20px;
text-decoration: none;
border: 1px solid #805d35;
background: #3C2700;
}

/*--------------------------------------------------------- MAIN CONTENT ---------------------------------------------------------------*/

#main_content_wrap{
width: 977px;
background:#FFF url(img/main_content_bkg.png)right repeat-y; 
margin: 0 auto;
clear: both;
}

#content_left{
width: 675px;
float: left;
}
#content_right{
width: 300px;
float: left;
}

/*--------------------------------------------------------- LEFT COLUMN CONTENT ---------------------------------------------------------------*/

#page_location{
height: 28px;
color: #5a3201;
font-size: .65em;
font-weight: bold;
padding: 15px 0px 0px 12px;
background: url(img/main_content_bg.gif) top repeat-x;
}

#multi_post_wrap{
padding: 15px;
background: #FFF;
}

.post_item{
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #cecece;
margin: 0px 0px 20px 0px;
}

.post_img{
width: 167px;
border: 10px solid #E0E0E0;
float:left;
}

.post_content{
width:420px;
padding: 0px 10px 0px 20px;
float: left;
}

.post_title{
display: block;
padding: 0px 0px 10px 0px;
}

h2.post_title{
font-size: 1.5em;
}

.title_link{
display: block;
width: 375px;
letter-spacing: -1px;
line-height: 1em;
float: left;
}
	a.title_link:link, a.title_link:visited{
	font-size: 1.25em;
	color: #9c723f;
	text-decoration: none;
	}
	a.title_link:active, a.title_link:hover{
	font-size: 1.25em;
	color: #3c2700;
	text-decoration: none;
	}

.comment_count{
width: 44px;
height: 39px;
padding: 5px 0px 0px 0px;
background: url(img/comment_number_bkg.png) 0 0 no-repeat;
font-size: 1.125em;
font-weight: bold;
text-align: center;
float: right;
}

.digg_count{
width: 44px;
height: 39px;
padding: 5px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
text-align: center;
float: right;
}

a.comments_link{
text-decoration: none;
color: #000;
font-size: .75em;
}

.post_meta{
background: #6bd100;
color: #fff;
font-size: .6em;
font-weight: bold;
padding: 3px 5px 3px 5px;
width: 200px;
clear: both;
}

.post_content p{
display: block;
font-size: .875em;
line-height: 1.25;
padding: 20px 0px;
}

.more-link{
display: block;
background-color: #e1e1e1;
padding: 3px 10px;
color: #696969;
font-size: .7em;
font-weight: bold;
float: left;
margin-top: 10px;
text-decoration: none;
border: 1px #ccc solid;
}
	a.more-link:link, a.read_more:visited{
	text-decoration: none;
	}
	
	a.more-link:hover, a.read_more:active{
	background-color: #999;
	color: #fff;
	}
	
/*------------------------------------------------------------- RIGHT COLUMN STYLE -------------------------------------------------------*/

#sidebar{
width: 300px;
background: #e0e0e0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding: 3px 0px 12px 0px;
}

#ad_wrapper{
margin: 0 auto;
width: 277px;
margin-top: 10px;
}

#ask_experts{
width: 295px;
height: 84px;
background: url(img/ask_experts_bkg.jpg) no-repeat;
margin: 0 auto;
text-indent: -9999px;
}

#ask_experts a:link, #ask_experts a:visited{
display: block;
height: 84px;
width: 295px;
}

#ask_experts a:hover, #ask_experts a:active{
display: block;
height: 84px;
width: 295px;
background: url(img/ask_experts_bkg_rollover.jpg) no-repeat;
}

.ad_banner{
border: 1px solid #a8a8a8;
margin: 0px auto 10px;
}

.ad_banner_sm_left{
border: 1px solid #a8a8a8;
margin: 0px 5px 10px 0px;
}
.ad_banner_sm_right{
border: 1px solid #a8a8a8;
margin: 0px 0px 10px 5px;
}

/*----- TWITTER FEED STYLING -----*/

#twitter_status{
width: 276px;
height: 128px;
margin: 20px auto;
background: url(img/twitter_status_bkg.png) no-repeat;
}

#twitter_status p{
display: block;
width: 210px;
padding: 20px 10px 20px 40px;
font-size: .875em;
font-family: Georgia, times, serif;
line-height: 1.1;
}

#twitter_status p a:link, #twitter_status p a:visited{
font-weight: bold;
color: #000;
text-decoration: none;
}

#twitter_status p a:hover, #twitter_status p a:active{
font-weight: bold;
color: #000;
text-decoration: underline;
}

.twitter_meta{
display: block;
width: 210px;
margin-top: 10px;
margin-left: 10px;
padding: 0px 0px 0px 10px;
font-size: .65em;
font-family: Georgia, times, serif;
color: #333;
}

.twitter_meta a:link, .twitter_meta a:visited{
color: #000;
font-weight: bold;
text-decoration: none;
}

.twitter_meta a:hover, .twitter_meta a:active{
color: #000;
font-weight: bold;
text-decoration: underline;
}

/*------------------------------------------------------- FOOTER STYLING---------------------------------------------------------*/

#footer_top{
background:url(img/footer_top_bg.gif) top repeat-x #3a2007;
clear: both;
}

#footer_top_wrapper{
width: 975px;
margin: 0 auto;
}
#footer_logo_links{
padding: 10px 0px 30px;
}
#footer_logo_links h1{
background:url(img/logo.png) 0 0 no-repeat;
width:259px;
height:128px;
overflow: hidden;
outline: none;
text-indent: -2000px;
float: left;
}

#footer_top_content_left{
width: 190px;
padding: 0px 20px 0px 0px;
float: left;
}
#footer_top_content_right{
width: 700px;
padding: 0px 0px 0px 50px;
float: left;
}

.footer_left_content{
font-size: .75em;
font-weight: bold;
color: #9c723f;
padding: 0px 0px 40px 0px;
}

.footer_left_content h3{
color:#fff;
font-size: 1.2em;
}

.footer_left_content a:link, .footer_left_content a:visited{
color:#6bd100;
font-weight: bolder;
padding:1px 2px;
text-decoration: none;
}

.footer_left_content a:hover, .footer_left_content a:active{
color:#fff;
background-color:#6bd100; 
padding:1px 2px;
text-decoration: none;
}


#footer_top_content_right h3{
color:#fff;
font-size: 1.2em;
}

#footer_affiliates li{
display: block;
width: 200px;
padding: 0px 30px 10px 0px;
float: left;
}

.affiliate_link{
display: block;
padding: 5px;
font-size: .75em;
font-weight: bold;
text-decoration: none;
float: left;
}
	a.affiliate_link:link, a.affiliate_link:visited{
	color: #9c723f;
	background: #352404;
	}
	
	a.affiliate_link:hover, a.affiliate_link:active{
	color: #fff;
	background: #6bd100;
	}

/*--- bottom bar style*/
#footer_bottom{
background:url(img/footer_bottom_bg.gif) top repeat-x #150f0c;
clear: both;
}

#footer_bottom_wrapper{
width: 975px;
padding: 10px 0px;
margin: 0 auto;
}

#footer_bottom_left{
width: 423px;
background:url(img/logo_speach_bubble.png) 0 0 no-repeat;
padding: 0px 0px 0px 62px; 
float: left;
}

#footer_nav li{
display: block;
padding: 5px 20px 5px 0px;
float: left;
}

.footer_nav_link{
white-space:nowrap;
}

a.footer_nav_link:link, a.footer_nav_link:visited{
display: block;
font-size: .75em;
font-weight: bold;
color: #FFF;
text-decoration: none;
} 
a.footer_nav_link:active, a.footer_nav_link:hover{
display: block;
font-size: .75em;
font-weight: bold;
color: #FFF;
text-decoration: underline;
} 

#footer_bottom_right{
width: 485px;
float: right;
}

#footer_social_icons li{
display: block;
padding: 0px 10px 0px 0px;
float: left;
}

#footer_social_icons li h3{
color: #7e7c7a;
font-weight: bold;
font-size: .875em;
}


.social_icon{
display: block;
width: 32px;
height: 32px;
overflow: hidden;
outline: none;
text-indent: -9999px;
}

a.facebook:link, afacebook:visited {
background: url(img/social/facebook_icon.png) 0 0 no-repeat;
}
a.facebook:active, a.facebook:hover {
background: url(img/social/facebook_icon.png) 0 -32px no-repeat;
}

a.digg:link, a.digg:visited {
background: url(img/social/digg_icon.png) 0 0 no-repeat;
}
a.digg:active, a.digg:hover {
background: url(img/social/digg_icon.png) 0 -32px no-repeat;
}

a.delicious:link, a.delicious:visited {
background: url(img/social/delicious_icon.png) 0 0 no-repeat;
}
a.delicious:active, a.delicious:hover {
background: url(img/social/delicious_icon.png) 0 -32px no-repeat;
}

a.flickr:link, a.flickr:visited {
background: url(img/social/flickr_icon.png) 0 0 no-repeat;
}
a.flickr:active, a.flickr:hover {
background: url(img/social/flickr_icon.png) 0 -32px no-repeat;
}


a.stumbleupon:link, a.stumbleupon:visited {
background: url(img/social/stumbleupon_icon.png) 0 0 no-repeat;
}
a.stumbleupon:active, a.stumbleupon:hover {
background: url(img/social/stumbleupon_icon.png) 0 -32px no-repeat;
}

a.linkedin:link, a.linkedin:visited {
background: url(img/social/linkedin_icon.png) 0 0 no-repeat;
}
a.linkedin:active, a.linkedin:hover {
background: url(img/social/linkedin_icon.png) 0 -32px no-repeat;
}


a.technorati:link, a.technorati:visited {
background: url(img/social/technorati_icon.png) 0 0 no-repeat;
}
a.technorati:active, a.technorati:hover {
background: url(img/social/technorati_icon.png) 0 -32px no-repeat;
}


a.reddit:link, a.reddit:visited {
background: url(img/social/reddit_icon.png) 0 0 no-repeat;
}
a.reddit:active, a.reddit:hover {
background: url(img/social/reddit_icon.png) 0 -32px no-repeat;
}

/*------------------------------------------------------- COMMENTS TEMPLATE STYLING---------------------------------------------------------*/

#comments_template {
clear: both;
margin-bottom: 28px;
padding-bottom: 28px;
overflow: hidden;
padding-right: 40px;
padding-left: 30px;
padding-top: 15px;

}

#comments_template li{
clear: left;
border-bottom: 1px solid #d3d3d3;
padding: 2em 0;
overflow: hidden;
}

#comments_template .avatar{
float: left;
background-color: #efefef;
padding: 4px;
margin-right: 20px;
border: 1px solid #ccc;
}

.main_comment{
background: #efefef;
margin-left: 133px;
padding: 15px;
position: relative;
}

.main_comment span.arrow{
width: 0;
height: 0;
border-bottom: 25px solid #fff;
border-right: 20px solid #efefef;
position: absolute;
top: 10px;
left: -20px;
}

h3.comment_form_title{
font-size: 1.25em;
color: #9c723f;
padding: 15px 0 5px 0;
}

#comments_template input{
background: #ededed;
border: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
}

#comments_template textarea{
background: #ededed;
border: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
}

#comments_template #submit:hover, #comments_template #submit:active{
background: #999;
border: 1px solid #333;
color:#fff;
padding: 5px;
margin-top: 5px;
}

.main_comment h4{
font-weight: normal;
}

.main_comment h4 a:link, .main_comment h4 a:visited{
color: #3c2700;
font-weight: bold;
}

.main_comment h4 a:hover, .main_comment h4 a:active{
color: #3c2700;
text-decoration: none;
}

.main_comment p{
font-size: .85em;
}

#commentform label{
font-size: .9em;
color: #333;
}

#commentform a:link, #commentform a:visited{
color: #84bc35;
font-size: 1em;
font-weight: bold;
}

#commentform a:hover, #commentform a:active{
text-decoration: none;
}

#commentform .highlight{
background-color: #fd9bb7;
}


/*------------------------------------------------------- ASK EXPERTS CONTACT FORM STYLING---------------------------------------------------------*/


#mmf-f1-p15-o1{
background: #ededed;
border: 1px #ccc solid;

margin: 0 auto;
padding-bottom: 0px;
}

#mmf-f1-p15-o1 label{
font-weight: bold;
font-style: italic;
}

.single_page_content form{
padding: 20px;
}

.single_page_content input{
font-size:2em;
font-weight:bold;
color:#333;
width:540px
}

.single_page_content textarea{
font-size:2em;
font-weight:bold;
color:#333;
width:550px
}

.mmf-form input{
width:550px;
}

.mmf-form p{
text-align: left;
}

.captcha input{
width:450px;
}

.mmf-form .contact-submit input{
background-color: #999;
border: 1px #333 solid;
color: #fff;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.mmf-form .contact-submit input:hover{
background-color: #333;
border: 1px #333 solid;
color: #fff;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


/* ========================================================================== */
/* ! CONTACT SPECIFIC EXPERT FORM---------------------------------------->>   */
/* ========================================================================== */

.contact_experts_p{
font-size: .875em;
}

#contact_expert_form{
display: block;
padding: 20px;
margin: 20px 0px 0px;
border: 1px solid #CCCCCC;
background: #EDEDED;
}

#contact_expert_form label{
display: block;
font-weight: 900;
font-style: italic;
font-size: .875em;
}

#contact_expert_form label span{
color: #990000;
font-size: .875em;
}

#contact_expert_form input[type="text"] {
width: 550px;
font-size: 1.5em;
font-weight: bold;
padding: 5px;
color: #333333;
margin: 0px 0px 10px 0px;
}

#contact_expert_form textarea {
width: 550px;
height: 250px;
font-size: 1.5em;
font-weight: bold;
padding: 5px;
color: #333333;
margin: 0px 0px 10px 0px;
}

#contact_expert_form input[type="submit"] {
width: 560px;
font-size: 1.5em;
font-weight: bold;
padding: 5px;
color: #FFFFFF;
background: #333333;
margin: 10px auto 0px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#contact_expert_form input[type="submit"]:hover {
width: 560px;
font-size: 1.5em;
font-weight: bold;
padding: 5px;
color: #FFFFFF;
background: #999999;
margin: 10px auto 0px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*------------------------------------------------------- ASK EXPERTS HOW TO FORM STYLING---------------------------------------------------------*/
#mmf-f2-p359-o1{
background: #ededed;
border: 1px #ccc solid;
margin: 0 auto;
padding-bottom: 0px;
}

#mmf-f2-p359-o1 label{
font-weight: bold;
font-style: italic;
}

/*------------------------------------------------------- SINGLE PAGE STYLING---------------------------------------------------------*/

.single_page_content{
padding: 10px 20px 0 20px;
text-align: justify;
}

.single_page_content p{
display: block;
padding-bottom: 20px;
font-size: .85em;
line-height: 1.25em;
}


/*-------------------------------------------------------- SINGLE POST SYLING----------------------------------------------------------*/

.single_post_item{
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #cecece;
margin: 0px 0px 20px 0px;
}

.sponsor_image{

padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 1px #ccc dotted;
}

.sponsor_image img{
border: 10px #e0e0e0 solid;
margin-bottom: 6px;
}

.sponsor_text{
text-align: right;
font-size: .65em;
padding-right: 8px;
}

a.sponsor_text_link:link, a.sponsor_text_link:visited{
color: #6bd100;
padding: 2px 3px;
font-weight: bold;
}

a.sponsor_text_link:hover, a.sponsor_text_link:active{
padding: 2px 3px;
background: #6bd100;
color: #fff;
text-decoration: none;
font-weight: bold;
}

.single_post_img{
width: 167px;
border: 10px solid #E0E0E0;
float:left;
margin-right: 20px;
margin-bottom: 20px;

}

.single_post_content{
width:420px;
padding: 0px 10px 0px 0px;
float: left;
margin-bottom: 20px;
}

.single_post_item p{
font-size: .875em;
line-height: 1.5em;
}

.single_post_item h3{
color: #9c723f;
font-size: 1.35em;
margin-bottom: 10px;
margin-top: 20px;
}

a.green:link, a.green:visited{
padding: 2px 3px;
background: #fff;
color: #6bd100;
text-decoration: underline;
}

a.green:hover, a.green:active{
padding: 2px 3px;
background: #6bd100;
color: #fff;
text-decoration: none;
}

img.float_left{
float: left;
padding: 10px;
background-color: #e0e0e0;
margin-right: 20px;
margin-bottom: 20px;
clear: both;
}

.single_post_item ul li{
list-style: disc;
margin-left:20px;
padding-bottom: 15px;
font-size:.875em;
line-height:1.5em;
}

/*---------------------------------------Reference Link Box----------------------------------*/

.reference_links{
padding: 20px;
background: #ededed;
border: 1px solid #ccc;
}

.social_bookmark{
width: 160px;
text-align: center;
float: left;
}

.reference_text_links{
margin-left: 200px;
}

.reference_text_links h3{
font-size: 1.35em;
font-weight: bolder;
color: #999;
}

.reference_link_ul{
margin-top: 5px;
border-top: 1px dotted #ccc;
}

.reference_link_ul li{
border-bottom: 1px dotted #ccc;
}

.reference_link_ul li:link, .reference_link_ul li:visited{
color:#999;
text-decoration: none;
}

.reference_link_ul li:hover, .reference_link_ul li:active{
background-color: #ddd;
color: #333;
}

.reference_link_ul li a:link, .reference_link_ul li a:visited{
font-size: .85em;
color: #999;
text-decoration: none;
display: block;
padding: 5px 0 5px 10px;
}

.reference_link_ul li a:hover, .reference_link_ul li a:active{
font-size: .85em;
color: #333;
text-decoration: none;
display: block;
padding: 5px 0 5px 10px;

}

.digg_bookmark{
padding-bottom: 20px;
}

.tags{
margin-top: -10px;
padding-bottom: 10px;
color: #999;
font-size: .75em;
}

.tags a:link, .tags a:visited{
padding: 2px 3px;
background: #6bd100;
color: #fff;
text-decoration: none;
}

.tags a:hover, .tags a:active{
padding: 2px 3px;
background: #fff;
color: #6bd100;
text-decoration: underline;
}


.pagination {
display: block;
text-align: right;
margin-top: 10px;
font-size:.85em;
}
.pagination a{
color: #333;
text-align:center;
padding:5px 10px;
padding-bottom: 4px;
margin:0 2px 0 2px;
border:1px solid #ccc;
text-decoration: none;
background: url(img/pagination_bkg.png) repeat-x;
}
.pagination a:hover{
background:#ccc;
color: #fff;
}
.pagination a.current{
background:#ccc;
color: #fff;
}

#categories li{
list-style: none;
}

.category_dropdown{
position: absolute;
margin-left: 480px;
margin-top: -31px;
}

/* ----------------------------------- SUBSCRIBE REGISTER SIDEBAR WIDGET -------------------------------- */


#subscribe2{
border-top: 1px dotted #666;
width: 275px;
margin: 0 auto;
margin-top: 7px;
padding: 10px 0;
}

.subscribe{
background-color: #bbb;
padding: 5px;
}

.subscribe p{
color: #fff;
font-size: .85em;
}

.subscribe p a{
color: #fff;
text-decoration: none;
background-color: #6bd100;
padding: 2px 5px;
}


p.subscribeButton input{
background-color: ededed;
border: 1px solid #ccc;
padding: 2px 3px;
color: #666;
font-size: .8em;
margin-top: 5px;
}

p.subscribeButton input:hover{
background-color: #666;
border: 1px solid #666;
padding: 2px 3px;
color: #ccc;
font-size: .8em;
margin-top: 5px;
}

#register{
width: 275px;
height: 72px;
background: url(img/register.png) no-repeat;
margin: 0 auto;
text-indent: -9999px;
}

#register a:link, #register a:visited{
display: block;
height: 72px;
width: 275px;
}

#register a:hover, #register a:active{
display: block;
height: 72px;
width: 275px;
background: url(img/registerRollover.png) no-repeat;
}


/* ----------------------------------- HOW TO SIDEBAR -------------------------------- */

#how_to{
width: 275px;
height: 72px;
background: url(img/howTo.png) no-repeat;
margin: 0 auto;
margin-top: 10px;
text-indent: -9999px;
}

#how_to a:link, #how_to a:visited{
display: block;
height: 72px;
width: 275px;
}

#how_to a:hover, #how_to a:active{
display: block;
height: 72px;
width: 275px;
background: url(img/howToRoll.png) no-repeat;
}

#register_howTo{
width: 275px;
height: 72px;
background: url(img/register.png) no-repeat;
margin: 0 auto;
margin-top: 10px;
text-indent: -9999px;
}

#register_howTo a:link, #register_howTo a:visited{
display: block;
height: 72px;
width: 275px;
}

#register_howTo a:hover, #register_howTo a:active{
display: block;
height: 72px;
width: 275px;
background: url(img/registerRollover.png) no-repeat;
}





/* ----------------------------------- LOGIN PAGE -------------------------------- */






/* ============================================================================== */
/* ! TOOL TIP STYLING ---------------------------------------------------------   */
/* ============================================================================== */

#footer_tip_a{
position: absolute;
width: 211px;
height: 331px;
padding: 5px 15px;
margin: 0px 0px 0px -250px;
background:url(img/tip_bg.png) 0 0 no-repeat; 
display: none;
}
#footer_tip_content_a{
display: block;
position: absolute;
z-index: 2000;
}
#footer_tip_arrow_a{
display: block;
position: absolute;
z-index: 3000;
width:21px;
height: 22px;
margin: 0px 0px 0px 215px;
background:url(img/tip_arrow.png) 0 0 no-repeat; 
overflow: hidden;
}


#footer_tip_b{
position: absolute;
width: 211px;
height: 331px;
padding: 5px 15px;
margin: 0px 0px 0px -25px;
background:url(img/tip_bg.png) 0 0 no-repeat; 
display: none;
}
#footer_tip_content_b{
display: block;
position: absolute;
z-index: 2000;
}
#footer_tip_arrow_b{
display: block;
position: absolute;
z-index: 3000;
width:21px;
height: 22px;
margin: 0px 0px 0px 215px;
background:url(img/tip_arrow.png) 0 0 no-repeat; 
overflow: hidden;
}


#footer_tip_c{
position: absolute;
width: 211px;
height: 331px;
padding: 5px 15px;
margin: 0px 0px 0px 200px;
background:url(img/tip_bg.png) 0 0 no-repeat;
display: none; 
}
#footer_tip_content_c{
display: block;
position: absolute;
z-index: 2000;
}
#footer_tip_arrow_c{
display: block;
position: absolute;
z-index: 3000;
width:21px;
height: 22px;
margin: 0px 0px 0px 215px;
background:url(img/tip_arrow.png) 0 0 no-repeat; 
overflow: hidden;
}


.foot_tip_wrap{
width: 220px;
padding: 15px 10px;
}
.foot_tip_expert_info{
float: left;
padding: 10px 0px 0px 10px;
}
.foot_tip_name{
display: block;
font-size: .875em;
font-weight: 900;
letter-spacing: -1px;
}
.foot_tip_phone{
display: block;
font-size: .875em;
}
.foot_tip_email{
display:none;
font-size: .875em;
}
.foot_tip_company{
padding: 20px 0px 10px;
}
.foot_tip_address{
display: block;
padding: 10px 0px 0px;
font-size: .875em;
}

/* ============================== */
/* ! TOOLTIPS ON THE ABOUT PAGE   */
/* ============================== */

.about_tip{
display: none;
position: absolute;
background:url(img/about_tip_bg.png) 0 0 no-repeat;
width: 286px;
height: 119px; 
margin: -170px 0px 0px 0px;
}

.about_tip span{
display: block;
padding: 35px 20px 10px;
font-size: 1.75em;
font-weight: 900;
color: #392006;
letter-spacing: -1px;
}












.tip_wrap{
padding: 20px;
background: none;
border:none;
}

.tip_top{
width:528px;
height:26px;
overflow: hidden;
background: url(img/top.png) 0 0 no-repeat;
}

.tip_content_wrap{
clear: both;
background: url(img/toolTipBkg.png) repeat-y;
}

.tip_content{
padding:20px 0px 20px 20px;
}

.tip_default_avatar{
float:left;
padding: 0px 15px 0px 0px;
}

.tip_name{
font-size:1.2em;
font-weight:bold;
color: #333300;
font-family: arial, helvetica, sans-serif;
}

.tip_phone{
font-size:.9em;
font-weight:bold;
color:#000;
font-family: arial, helvetica, sans-serif;
}

.tip_email{
font-size:.8em;
font-weight:bold;
color:#84bc35;
font-family: arial, helvetica, sans-serif;
}

.tip_textblock{
padding:15px 0px 0px 0px;
font-size:.75em;
color:#666666;
font-weight:bold;
text-align:justify;
}

.tip_footer_wrap{
width:528px;
height:139px;
background: url(img/bottom.png) 0 0 no-repeat;
}

.tip_footer_content{
padding:25px 0px 0px 35px;
}

.tip_footer_img{
float:left;
padding:0px 15px 0px 0px;
}

.tip_footer_address{
font-size:.9em;
font-weight:bold;
color: #000;
font-family: arial, helvetica, sans-serif;
}


/* ============================================================================== */
/* ! ABOUT EXPERT PAGE STYLING ------------------------------------------------   */
/* ============================================================================== */

.expertList{
background:#ededed; 
border:1px solid #CCC; 
border-right: 0px;
border-bottom: 0px;

}

.expertList img{
float:left;
padding-right: 10px;
width:50px;
height:62px;
}

.expertInfo{
width: 287px;
float:left;
color: #333;
font-size: .6em;
font-weight: bold;
border-right: 1px solid #ccc;
border-left: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
padding: 6px;
padding-right: 7px;
}

.expertName{
font-size: 1.5em;
}

.expertInfo:hover{
background-color: #f7f7f7;
}

.expertInfo .email{
font-size:.875em;
}

.expertInfo .email a:link, .expertInfo .email a:visited{
padding: 2px 3px;
background: #fff;
color: #6bd100;
text-decoration: underline;
}

.expertInfo .email a:hover, .expertInfo .email a:active{
padding: 2px 3px;
color: #fff;
background-color: #6bd100;
text-decoration: none;
}

.about_experts_select_wrap{
background:#ededed;
border: 1px solid #cccccc;
border-bottom: none;
padding:8px 10px 10px;
float:right;
}

.about_experts_select_wrap label{
display: block;
font-size: .875em;
font-weight: 900;
letter-spacing: -1px;
padding: 0px 0px 0px 10px;
float: left;	
}

.about_experts_select_wrap select{
font-size: 1em;
font-weight: 900;
color: #333333;
padding: 3px;
}

.about_experts_h2{
display: block;
padding: 8px 0px 0px 25px;
font-size: 1.5em;
}

/* ===================================================================== */
/* ! CONTACT THE EXPERTS FORM CLASSES --------------------------------   */
/* ===================================================================== */


.contact_expert_title{
display: block;
font-size: 1.25em;
padding: 10px;
color: #FFF;
border: 1px solid #3A2007;
background: #84BC35;
margin: 0px 0px 20px 0px;
}

.contact_expert_title span{
font-size: .875em;
letter-spacing: -1px;
color: #DEFFAF;
}

.ce_form_error{
padding: 10px;
background: #FFFFCC;
border: 1px solid #FFA200;
margin: 0px 0px 20px 0px;
color: #9F2900;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.ce_form_success{
padding: 10px;
background: #6D84B4;
border: 1px solid #3B5998;
margin: 0px 0px 20px 0px;
color: #FFF;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px;
  overflow:hidden;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

img.alignright { float: right; }