/*-----------------------------------------------------------------------------
Bethencourt Group Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.bethencourtgroup.com/

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 864px; /* Centered design work around for Netscape 6. */
	  background: url(../images/bg.gif);
	}
	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h3.blue { font-family:"Times New Roman", Times, serif; font-size:18px; color:#387195; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #18266B; }
	a:visited { color: #18266B; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 864px;
	  margin: 10px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:#cacaca;
	}
	
	#content { padding-top: 10px; background: url(../images/bg_content.gif) repeat-y; }
	
	#content_main h1, #content_main h2, #content_main h3 { color:#387195; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { clear:both; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { margin:0; padding:0; float: left; }
	ul#nav_main li a { padding: 15px 9px; margin:0; display:block; color:#000; font-size:14px; text-decoration: none; }
	ul#nav_main li a:hover { color:#387195; }
	
	#nav_sub {
		position:absolute;
		top:10px;
		right:2px;
		color:#000;
		line-height:37px;
	}
	
	#nav_sub a, 
	#nav_sub a:visited {
		color:#000;
		text-decoration:none;
	}
	#nav_sub a:hover {
		color:#000;
		text-decoration:underline;
	}
	
	#nav_sub .nav_utility { float:left; display:inline; }
	
	#nav_sub .appointments_phone { 
		float:right;
		display:block;
		padding:0 10px;
		margin:0 10px;
		background-color:#18266B;
		color:#fff;
		font-weight:bold;
		font-size:16px;
		letter-spacing:0.05em;
	}
	
	#nav_supp { margin: 5px 0 2px 20px; font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #564141; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding {
		position:relative;
		height:103px; 
		padding: 11px 0 0 11px; 
		background: url(../images/bg_branding.gif) no-repeat; 
	}
	
	#branding h1 { width:383px; height:52px; padding:0; margin:0; position:relative; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; background: url(../images/logo.gif) no-repeat; }
	
	#branding_sub { height:271px; }
	#branding_sub #welcome { height:131px; width:339px; float:right; padding: 0 20px 0 10px; background: url(../images/bg_welcome.gif) no-repeat; font-size:11px; }
	#branding_sub #welcome h2 { font-family:"Times New Roman", Times, serif; font-size:18px; color:#387195; }
	
	#slider-container { 
		position:relative;
		margin:0;
		padding:0 0 0 12px;
		height:271px;
		width:852px;
		overflow:hidden;
		background:transparent url(../images/slider/slider-container.jpg) no-repeat;
	}
	
	ul#slider,
	ul#slider li {
		margin:0;
		padding:0;
		height:270px;
		width:840px;
		list-style:none outside none;
		overflow:hidden;
	}
	
	ul#slider li { position:relative; }
	
	
	ul#slider li { background:transparent url(../images/slider/slide-0.jpg) no-repeat; }
	
	
	ul#slider .editable {
		position:absolute;
		overflow:hidden;
		top:50px;
		right:0;
		min-height:100px;
		max-height:150px;
		width:340px;
		padding:10px 20px 20px 20px;
		color:#fff;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 8px;
		-webkit-border-radius: 8px 0px 0px 8px;
		border-radius: 8px 0px 0px 8px; 
		background-color: transparent;
		background-color: rgba(1, 1, 1, 0.7);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2010101,endColorstr=#B2010101); /* IE6–IE9 */
		zoom: 1;
	}
	
	
	ul#slider h1,
	ul#slider h2,
	ul#slider h3,
	ul#slider h4,
	ul#slider h5,
	ul#slider h6 {
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	ul#slider h1{
		font-size:32px;
	}
	ul#slider h2{
		font-size:28px;
	}
	ul#slider h3{
		font-size:24px;
	}
	ul#slider h4{
		font-size:20px;
	}
	ul#slider h5{
		font-size:18px;
	}
	ul#slider h6 {
		font-size:14px;
	}
	ul#slider p {
		font-size:14px;
		margin:0.8em 0;
	}
	
	ul#slider a,
	ul#slider a:visited,
	ul#slider a:hover {
		display:inline-block;
		margin:0;
		padding:5px 10px;
		-webkit-border-radius: 2px; 
		-moz-border-radius: 2px; 
		border-radius: 2px;
		font-weight:bold;
		text-decoration:none;
		color:#fff;
		background-color:#387195;
		border:1px solid #ccc;
	}
	ul#slider a:hover {
		background-color:#4284ad;
		border:1px solid #cecece;
	}
	
	
	.bx-pager { 
		position:absolute;
		bottom:10px;
		right:10px;
	}
	
	a.pager-link { 
		display:block; 
		float:left;
		text-indent:-9999px;
		height:13px;
		width:13px;		
		-webkit-border-radius: 7px; 
		-moz-border-radius: 7px; 
		border-radius: 7px;
		margin-left:5px;
		background-color:#387195;
		border:1px solid #fff;
	}
	a.pager-link:hover {
		background-color:#4284ad;
	}
	a.pager-active { 
		background-color:#55abe0; 
	}
	
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	h3.tagline { 
		height:31px; 
		margin:0;
		padding: 0px 0px 0px 15px;
		background: url(../images/bg_tagline.gif) no-repeat; 
		font: normal 17px/31px Arial, Helvetica, sans-serif;
		color:#fff;
		text-indent:5px;
	}
	
	#three_column #content_main { display:inline; width:465px; float:left; margin-left: 20px; }
	#three_column #content_main h3 { margin-top:0; }
	
	#library_callout { display:inline; width:207px; height:130px; margin-top: 10px; padding: 0 10px; float: left; background: url(../images/bg_home_content.gif); font-size:11px; }
	
	#news_callout { display:inline; width:207px; height:130px; float:left; margin: 10px 0 0 10px; padding: 0 10px; background: url(../images/bg_home_content.gif); font-size:11px; }
	
	#news_callout li { margin:0.2em 0; }
	
	#news_callout a,
	#news_callout a:visited,
	#news_callout a:hover { color:#AA0000; }
	
	#three_column #content_sub { display:inline; width:347px; height: 293px; margin-right: 22px; float:right; background: #DCEEEA url(../images/bg_home_content.gif) no-repeat 0 122px; }
	
	#three_column #content_sub ul { padding:0; margin:10px 0 0 10px; list-style-type:none; }
	#three_column #content_sub li { margin-bottom: 10px; font-size:10px; }
	#three_column #content_sub li strong { color:#474747; font-size:14px; font-weight: bold; display:block; }
		
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	h2.banner { height:32px; margin:0; padding: 103px 20px 0 0; text-align: right; color:#FFF; font-size:1.8em; font-weight:normal; background: url(../images/section_banner.jpg) no-repeat; }
	
	#two_column #content_main { display:inline; width:620px; margin-right:20px; float:right; }
	
	#two_column #content_sub { display:inline; width:178px; margin-left: 20px; float: left; }
	
	#in_this_section { height:199px; padding:0 0 10px 0; background: #e7e7e7 url(../images/bg_in_this_section.gif) no-repeat; }
	html>body #in_this_section { width:auot; height:auto; min-height:199px; } 
	#in_this_section h3 { padding-top: 10px; margin-left:20px; color:#474747; }
	
	#in_this_section ul { list-style-type:none; padding:0; margin:0 0 0 20px; line-height:18px; }
	#in_this_section ul li { padding:0 0 0 10px; background: url(../images/bullet.gif) no-repeat 0 6px; }
	#in_this_section ul ul { list-style-type:none; margin:0; padding:0; }
	#in_this_section li li { margin:0; padding:0 0 0 10px; background: url(../images/bullet.gif) no-repeat 0 6px; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { margin-left:20px; padding-bottom:5px; font-size: 0.92em; }
	#site_info, #site_info a { color: #564141;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 35%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	/*textarea {
	  width: 300px;
	  height: 100px;
	}
	*/
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	
	.vcard { margin-left:20px; }
	
	a.more { color:#aa0000; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	
	.davinci-callout { font-size:13px; text-decoration:none; font-weight:bold; }
	
	
}
