@charset "utf-8";

/* CSS Document */

/**********************************************************************************************

	Main Sections in CSS:

	

	1.	BASIC ELEMENTS

		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.

	

	2.	LAYOUT

		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site

		

	3.	PAGE COMMON STYLES

		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc

	

	4.	PAGE SPECIFIC STYLES

		Define content styles that are specific to a particular page

	

***********************************************************************************************/



/*------------------------------------------

// 1.BASIC ELEMENTS

//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.

//------------------------------------------*/



*{

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-weight:normal;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



.clear{

	clear:both;

}

a{

	text-decoration:none

}



.snell-Font{

	font-family:"Myriad Pro", Arial, Tahoma;

}



.dark-blue{

	color:#05669a;

}



.light-blue{

	color:#1d65d3;

}



.light-grey{

	color:#d8d8d8;

}



.dark-grey{

	color:#1a1a1a;

}



.green{

	color:#79bf1e;

}



h2{

	font-size:28px;

}



h4{

	font-size:24px;

	margin-bottom:6px;

}

h6{

	font-size:20px;

}

.subheading{

	font-size:16px;

	color:#000000;

	padding-right:5px;

}





.fluid {

	width:auto;

    float:none;

}

.align-center{

	text-align:center;

}



.align-right{

	text-align:right;

}



body {

	line-height: 1;

	background: white;

}

ol, ul,li {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

/*

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

*/

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



.clear1 { height:10px;font-size:1px;padding:0;clear:left; }

.clear2{

	clear:right;

}

/* CSS Document */

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/

.clearfix {display:block;}



.spacer{

	height:16px;

	clear:both;

	width:100%;

	

}



/**********************************************/



body {

	text-align:center;

	color:#3e3e3e;

	font-family:Calibri, Tahoma, Arial;	

	font-size:14px;

}

/*------------------------------------------

// 2.LAYOUT

//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site

//------------------------------------------*/



#wrapper{

	margin:0 auto;

	text-align:left;

	width:1107px;

}



#wrapper .inside{

	padding:110px 40px 30px 40px;

 

}



/*Header Styling*/

#header{

	position:relative

}

#logo h1 a{

	position:absolute;

	top:10px;

	right:40px;

	background:url(../images/SnellExperts-logo.jpg) no-repeat;

	height:102px;

	text-indent:-3000px;

	width:340px;

}





#title{
	position:absolute;
	top:13px;
	left:7px;
	font-size:22px;

}



#location{

	color:#05669a;

	position:absolute;

	top:35px;

	left:10px;

	background:#f3f3f3;

	width:517px;

	height:40px;

	text-indent:10px;

	line-height:40px;

}





#location a.state{

	color:#6e9e31;

}



/*Menu styling*/

#nav{

	width:633px;

	height:42px;

	border-bottom:2px solid #d8d8d8;

}

#nav li{

	float:left;

	padding:0 6px;

}

#nav li a{

	font-size:24px;

	text-transform:capitalize;

	display:block;

	width:114px;

	height:42px;

	text-align:center;

	line-height:42px;

	color:#000000;

	background:url(../images/tab.jpg) no-repeat;

}



#nav li a:hover, #nav li a.selected{

	background:url(../images/tab.jpg) no-repeat left -44px;	

}



/*Content styling*/

#content p.header{

	font-size:20px;

	line-height:23px;

	padding:8px 0 16px 0;

}

.block{

	padding:5px 5px 5px 0px;

	height:160px;

	position:relative;

	font-size:19px;

	line-height:23px;

	clear:both;

}



.block266{

	float:left;

	width:266px;

}



.block242{

	float:left;

	width:242px;

}



.mb16{

	margin-bottom:16px;

}



.ml28{

	margin-left:28px;

	display:inline;

}



#water-damage{

	background:#05669a;

}



#water-damage .clip{

	position:absolute;

	top:-12px;

}



#mold-damage{

	background:#79bf1e;

}



#mold-damage .clip{

	position:absolute;

	top:-21px;

}



#fire-damage{

	background:#f09400;

}



#fire-damage .clip{

	position:absolute;

	top:-32px;

}



.snell-control{

	width:806px;

	height:156px;

	border:2px solid #FFFFFF;

	background:#e8e8e8;

	float:right;



}



/*---- Recommended Experts: ----*/



.recommended-experts{

	font-size:28px;

	margin-bottom:6px;

}





#experts{

	position:relative;

	width:1025px;

	font-size:12px;

	color:#000000;

	background:#e6e6e6 url(../images/experts-top.jpg) no-repeat;

	font-smooth: always; 

}



#experts #experts-inside{

	padding:60px 26px 13px 6px;

	background:url(../images/experts-bottom.jpg) no-repeat left bottom ;

}



#experts h4{

	font-size:24px;

}



/*#experts h6{

	font-size:20px;

}*/



#experts #executive-business{

	position:absolute;

}



#experts #executive-business #business-name{

	position:absolute;

	width:480px;

	left:10px;

	top:10px;

}



#experts #executive-business #phone1{

	position:absolute;

	width:150px;

	top:10px;

	left:490px;

}



#experts #executive-business #phone2{

	position:absolute;

	width:150px;

	top:10px;

	left:655px;

}



#experts #executive-business #service{

	text-align:center;

	position:absolute;

	width:250px;

	top:10px;

	left:785px;

}

		/*---- Recommended Experts: service industries watches ----*/



#swatch-green{

	width:31px;

	height:29px;

	background:#79bf1e;

	margin: 6px 0 0 10px;

	display:inline-block;

}



#swatch-blue{

	width:31px;

	height:29px;

	background:#05669a;

	margin: 6px 0 0 10px;

	display:inline-block;

}



#swatch-orange{

	width:31px;

	height:29px;

	background:#f09400;

	margin: 6px 0 0 10px;

	display:inline-block;

}



#swatch-brown{

	width:31px;

	height:29px;

	background:#481708;

	margin: 6px 0 0 10px;

	display:inline-block;

}



#swatch-rose{

	width:31px;

	height:29px;

	background:#f0004f;

	margin: 6px 0 0 10px;

	display:inline-block;

}



.experts-left{

	float:left;

	width:225px;

	display:inline;

}



.experts-left p{

	font-size:12px;

	line-height:13px;

}



.experts-left .visit{

	padding-top:10px;

}



.experts-right{

	margin-left:225px;

}



.experts-right .expert-horz-block{

	height:43px;	

}





.experts-right #address{

	width:317px;

	float:left;





}

.experts-right #city{

	width:181px;

	float:left;

}

.experts-right #state{

	width:167px;	

	float:left;

}

.experts-right #zipcode{	

	float:left;

	width:100px;

	padding-bottom:5px;

}

.experts-right #email{

	clear:right;

	padding-bottom:5px;

}

.experts-right #email h6{

	font-size:14px;

}

.experts-right #description{

	font-size:14px;

}

.experts-right #clickhere{

	margin-left:466px;

}



.experts-right #clickhere p{

	/*background:#fff;

	width:242px;

	height:21px;*/

	background:url(../images/click-bg.jpg) no-repeat;

	text-indent:10px;

}

.experts-right #clickhere a{

	color:#f09400;

	line-height:21px;

	font-size:13px;

}

#visit{



	

}

#visit ul li{

	float:left;

	padding-top:10px;

}

#visit ul li a{

	color:#000;

	padding:0 4px;

	font-size:10px;

	line-height:16px;

}



#servicelist p{

	font-size:15px;

	line-height:17PX;

}



#servicelist #service-inside{

	padding:5px;

	border:1px solid #79bf1e;



}



/*---- copyright ----*/

#footer{

	padding:10px 0;

	color:#5e5e5e;

	font-size:15px;

}



#footer #copyright{

	width:400px;

	float:left;

}



#footer #thanks{

	width:400px;

	float:right;

	text-align:right;

}



p.navigation{

	color:#d8d8d8;

	padding:0 0 5px 10px;

}
#wrapper .inside #content table tr td ps {
	font-weight: bold;
}
#wrapper .inside #content table tr td p {
	font-weight: bold;
}
.kjhghggbh {
	font-weight: bold;
}
#wrapper .inside #content table tr .align-center .kjhghggbh strong {
	font-weight: bold;
}