/***

   :: Theme Development: surprisehighway.com
   :: Last modified 01/13/07

	Font Palette
	***************************************
	

	Color Palette
	***************************************
	
	mainbody: #585858
	headers: #303030
	links: black
	accents:#B4CDCD
	footer:#C1C8C9

***/

/* CSS reset courtesy of meyerweb.com */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 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;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body { font-size: 13px; /*font size 13px*/ line-height: 20px;  font-family:"Lucida Grande", Helvetica, Arial, sans-serif; color: #666666; background-color: #B3CDD3;}

p{margin-bottom: 10px;}

h1 {font-size: 17px; font-weight: normal; font-family: "Georgia", "Times New Roman", Times, serif;line-height: 22px; color: #303030; margin-bottom: .5em; }
h2{font-size: 17px; font-weight: bold;  margin-bottom: .5em;line-height: 1.5em;}



#contact-info p, #header-container h2{font-weight: normal; font-size:13px; }

h3 {font-size: 11px; font-weight: bold;}

h4{font-size: 1em; letter-spacing: 0.1em; text-transform: uppercase;line-height: 1.4em; font-family: Georgia, "Times New Roman", Times, serif;margin-bottom: 7px; color:#303030; font-weight: normal;}

a {text-decoration: none; color: #4d8b95;}
a:hover {border-bottom-style: dotted; border-bottom-width: 1px;}


/* Typography:header ----------------------------------------------------------------- */


.pullquote p, blockquote p {font-family: Georgia, "Times New Roman", Times, serif; margin-left: 7px; margin-right: 7px; font-size: 1.23076923em /*16/13px*/; line-height:1.44em; font-style:italic; color: #999999; margin-bottom:0.77em;}




/* Typography:left column (nav) ----------------------------------------------------------------- */


#col-left a { padding-left: 7px; padding-bottom: 7px; padding-top: 7px; display: block; text-decoration: none;  color: #303030;}
#col-left a:hover { border-style: none; border-width: 0px; padding-left: 7px; padding-bottom: 7px; padding-top: 7px; background-color: #e0eeee;}

#col-left li{ border-top-width: 1px; list-style-type: none; border-color: #E0EEEE; border-style: solid; }

#col-left .last{border-bottom-width: 1px;}


#col-left li {
font-size: 13px;
line-height: 1.55em;
}


/* Typography:main column ----------------------------------------------------------------- */


			
		#col-main h1 {
line-height: 29px;
margin-bottom: 12px;
font-size: 22px;
}	 
	
	
	
	

.main-img{width: 465px; margin-bottom: 14px; 

}




/* Typography:main column highlight text ----------------------------------------------------------------- */
		


.meet-img { float: left; position: relative; margin-right: 14px; width: 172px; }

#highlight h2{ letter-spacing: 0.02em; padding-bottom: 10px; font-style: italic; line-height: 0.75em; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif;margin-bottom: 5px;color:#303030;font-weight: normal;}

#highlight h3{ letter-spacing: 0.1em; text-transform: uppercase; font-weight: bold; font-size: 11px; margin-bottom: 10px;margin-top: 10px;color:#303030;}

/* Typography:right column (lists) ----------------------------------------------------------------- */


.widget p, ul{margin-bottom: 6px; font-size: 11px; line-height: 1.55em;}




#right-column, .highlight-text{
position: relative;
font-size: 11px;

}

#right-column li, .highlight-text li{
list-style: none;
margin-bottom: 6px;



}




.icon {margin-right: 4px; position: relative; bottom: -3px;  width:12px;}


		
/* Typography:footer ----------------------------------------------------------------- */
	
	
	
#footer a{ letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.75em; font-size: 11px;color: #303030;}
#footer p{ font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; color: #303030;}	
	


/* Layout ----------------------------------------------------------------- */

#footer-tagline{
	                          	margin-top: 10px;
	                          }
	
	#thewebtherapist a{ line-height: 2.25em; font-style: normal; font-weight: normal; text-decoration: none; font-family: "Lucida Grande", Verdana, Arial, sans-serif; letter-spacing: 0em; text-transform: none; font-size: 0.9em; color: #666666; width: auto;}
	
	 


#col-left{}
			
			
#header-wrap{ border-bottom-style: none; border-top-color: #b4cdcd; border-width: 4px; border-top-style: solid;}

#header-container{padding-top: 30px; margin-bottom: 40px; }

#name-container{float: left; width: auto;}
#tagline{width: 216px;}
#contact-info{font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; float: right; width: 216;}
html, body, #wrap {height: 100%; }
#wrap {height: auto; min-height: 100%; background-color: #fff;}
#main { padding-bottom: 150px;}/* must be same height as the footer */



#footer-test{ padding-top: 20px; border-left-style: none; border-bottom-style: none; border-right-style: none; border-top-style: solid; border-color: #5b5a5a; border-width: 1px; margin-top: 50px;} 
	
	
	
.widget{ border-style: none; margin-bottom: 21px;}	

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */






.clearit { clear:both; }
.container { width: 960px; padding:0; margin-left: auto; margin-right: auto; }

.three-block-left{
float: left;
width: 216px;
}

.two-block{
float: left;
width: 135px;
margin-left: 30px;
padding-left:0px;
}

.two-block-left{
float: left;
width: 135px;
}




.three-block{
float: left;
width: 216px;
margin-left: 30px;
padding-left:0px;
}


.six-block{
float: left;
width: 465px;
margin-left: 30px;
}

.six-block-left{
float: left;
width: 465px;
}

#highlight { border-left-style: none; border-bottom-style: double; border-right-style: none; border-top-style: double; border-bottom-width: 4px; border-top-width: 4px; margin-top: 14px; width: 465px; padding-top: 20px; padding-bottom: 20px; border-color: #bfbfbf; }
	
#highlight img{ border-style: none; width: 130px;}

.highlight-text{
margin-left: 20px;
float: left;
width: 310px;
}


#highlight-list{ width: 145px;  float: left;}

#highlight-list-left{ width: 145px;  float: left; margin-right: 20px;}




#nav {position: relative; left: -7px; width: 223px;}

.pullquote, blockquote {border-top:1px dotted #999; border-bottom:1px dotted #999; padding:1.13em 0 .36em 0; margin:1.5em 0 1.5em 0;}

#footer{padding-top: 20px; text-align: center; padding-bottom: 30px; width: 100%;  position: relative;
	margin-top: -55px; /* negative value of footer height */
	height: 55px;
	clear:both;
	background-color: #b3cdd3;}