@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-color:#f6e1b6;
	background-image: url(../images/bg-top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial;
	font-size: 13px;
	color:#000;
	line-height: 19px;
}

body#inside {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-color:#f6e1b6;
	background-image: url(../images/inside-bgtop.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial;
	font-size: 13px;
	color:#000;
	line-height: 19px;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
	}
	
a { color:#af8402; text-decoration: none;}

a:hover {color:#af8402; text-decoration: underline;}

#container { width: 1000px; margin: 0px auto; text-align: center;}

#logo {
	width: 605px;
	height: 102px;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#logo span { display: none;}

#phone {
	width: 395px;
	height: 102px;
	background-image: url(../images/index-02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#phone span { display: none;}

#leftcol { width: 677px; float: left;}

#rightcol { width: 323px; float: left;}

#contact {
	width: 323px;
	background-image: url(../images/index-05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 461px; 
}

#contactinside {
	width: 323px;
	background-image: url(../images/inside-contactbg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 461px;
}

.slideshow { width: 677px; height: 309px; overflow: hidden;}
#header.slideshow {width: 677px; height: 210px; overflow: hidden;}

#maincontent {
	width: 677px;
	background-image: url(../images/index-07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	padding-top: 45px;
}

#maincontent h1 { padding: 5px 45px 0px 50px; font-size: 14px; font-weight: bold; color: #90a127;}

#maincontent h2 { padding: 15px 45px 0px 50px; font-size: 13px; font-weight: bold; color:#af8402;}

#maincontent p { padding: 15px 45px 0px 50px; line-height: 22px;}

#contenttop {
	background-image: url(../images/inside-maincontent1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 677px;
	height: 48px;
}

#contentbottom {
	background-image: url(../images/inside-content2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 677px;
	height: 79px;
	}

#maincontent2 {
	width: 677px;
	background-image: url(../images/inside-maincontentbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: left;
}

#maincontent2 h1 { padding: 5px 45px 0px 50px; font-size: 14px; font-weight: bold; color: #90a127;}

#maincontent2 h2 { padding: 15px 45px 0px 50px; font-size: 13px; font-weight: bold; color:#af8402;}

#maincontent2 p { padding: 15px 45px 0px 50px;}

#maincontent2 ul { padding: 15px 65px 0px 80px; line-height: 20px;}

#maincontent2 li {
	list-style-position: outside;
	list-style-image: url(../images/bullet.jpg);
	list-style-type: none;
	padding-bottom: 10px;
} 

#video {
	width: 290px;
	border: 1px solid #FFF;
	margin-left: 5px;
}

#repeat1 {
	width: 100%;
	clear: both;
	background-image: url(../images/index-13.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 45px;
}

#repeat2 {
	width: 100%;
	margin: 0px auto;
	float: left;
	text-align: center;
	background-image: url(../images/bottombg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#596213;
}

#repeat2inside {
	width: 100%;
	margin: 0px auto;
	float: left;
	text-align: center;
	background-color:#596213;
}

#repeat3 { width: 1000px; margin: 0px auto; text-align: center;}

#botleft { width: 657px; float: left;}

#botright {
	width: 343px;
	height: 310px;
	float: left;
	background-image: url(../images/index-15.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
}

#botbg {
	width: 656px;
	height: 259px;
	background-image: url(../images/index-16.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
}

.bluebold { color:#14576f; font-weight: bold;}

.orangebold14 { color:#fdc009; font-weight:bold; font-size: 14px;}

.whitebold14 { color:#fff; font-weight:bold; font-size: 14px;}

.ltblue { color:#45d2ff;}

.white { color: #FFF;}

.padtop { padding-top: 25px;}

#peep { width: 333px; float: left;}

#peep p{ padding: 8px 120px 0px 50px; line-height: 16px;}

#testimonial { width: 323px; float: left; padding-top: 10px;}

#testimonial p{ padding: 10px 50px 0px 68px; line-height: 18px;}

#testimonial li {
	list-style-position: outside;
	list-style-image: url(../images/bullet-testimonial.jpg);
	list-style-type: none;
	padding-top: 20px
}

#botright p { padding: 120px 0px 0px 65px;}
.floatleft { float: left; padding-left: 25px; padding-right: 5px;}

#map { padding-top: 10px;}

.floatright { float: right; padding-right: 45px; padding-left: 5px; padding-bottom: 5px; }

.goldbold { color:#af8402; font-weight:bold;}

.yellow { color: #f8ca72;}

/*-------------------------- Quick Contact Form --------------------------- */
	
#contactform1 {width: 292px; padding-left: 2px; padding-top: 20px}

.input {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #ad8502;
	background-color:#f8ca72;
	width:240px;
	color:#7c1b5e;
	margin: 8px 25px;
	padding: 0px;
}
.select {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #ad8502;
	background-color:#f8ca72;
	width:240px;
	color:#fff;
	margin: 8px 25px;
	padding: 0px;
}

.textarea {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #ad8502;
	background-color:#f8ca72;
	width:240px;
	color:#7c1b5e;
	height: 100px;
	margin: 8px 25px;
	padding: 0px;

}

.clear {clear: both;}

.submit { width: 88px; margin-left: 170px; margin-top: 15px; border: none; margin-bottom: 20px;}

.subject	{ display: none; }

.required { text-align: right; padding-right: 45px; color:#af8402; padding-top: 75px; }

#botnav { text-align: left; color:#c9de35; padding: 10px 25px 0px 25px; font-size: 14px; width: 1000px;}

#botnav ul { width: 1000px;}

#botnav li { float: left; margin-right: 30px; list-style: none;}

#botnav a { color:#c9de35; text-decoration: none;}

#botnav a:hover { color:#fff; text-decoration: none;}

#socialmedia { width: 233px; float: right;}

#bottom { text-align: left; width: 1000px; clear: left; }

#bottom p { font-size: 11px; color:#FFF; padding: 10px 25px 0px 25px; line-height: 16px;}

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

#bottom a:hover { color:#FFF; text-decoration: underline;}

/* end contact form */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
#TB_window, #TB_overlay, #TB_load	{ z-index: 999 !important; }
.TB_overlayMacFFBGHack {background: url(/images/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 15px 15px 15px;
  overflow:auto;
  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;
}

/*----------------------------------nav -----------------------------------------*/

#navcontain { width: 1000px; height: 31px; clear: both; }


#nav {
	width:1000px;
	height:31px;
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;	

	}

#nav span { display: none; margin: 0px;}

#nav li, #nav a { height: 31px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline; text-align: left;}

#nav-01 { width: 126px; left:0px; }
#nav-02 { width: 123px; left:126px; }
#nav-03 { width: 142px; left:249px; }
#nav-04 { width: 142px; left:391px; }
#nav-05 { width: 104px; left:533px; }
#nav-06 { width: 129px; left:637px; }
#nav-07 { width: 73px; left:766px; }
#nav-08 { width: 161px; left:839px; }

#nav-01 a:hover {background: transparent url(../images/nav.jpg) 0px -31px no-repeat; }
#nav-02 a:hover {background: transparent url(../images/nav.jpg) -126px -31px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav.jpg) -249px -31px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav.jpg) -391px -31px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav.jpg) -533px -31px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav.jpg) -637px -31px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/nav.jpg) -766px -31px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/nav.jpg) -839px -31px no-repeat;}


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left: 5px;
	z-index: 1000;
	}

#nav li ul li { 
	height:22px; /* Height of each drop down nav item */
	z-index: 1000;
	}	

#nav li ul li a {
	width:100%;
	height:22px;	/* Height of each drop down nav item, should match above */
	line-height:22px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 12px;
	color:#af8402;
	text-decoration:none;
	border: 0;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-03 ul a:hover { 
	background-image:none;
	background-color:#af8402;
	color:#fff;
	text-decoration:none;
	border: 0;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:130px; }


/*-------- multiple level drop-downs ------------------------------------ */
#nav-03 ul ul, #nav-03 li li { width:145px; }		

#nav li#nav-03 ul ul {
	margin: -22px 0 0 130px;
}

#nav li:hover ul ul, #nav li.sfHover ul ul {
	left:-999em;
}

#nav li li:hover ul, #nav li li.sfHover ul {
	left:auto;
}
#nav li:hover ul, #nav li.sfHover ul	{ left:auto; }

/* -------------------practice areas navigation-------------------------- */
#procednavcontain { width: 677; height: 109px; clear: both; }

#procednav {
	width:677px;
	height:109px;
	position:relative;
	z-index: 800;
	font-family: Arial;
	margin: 0px;
	background-image: url(../images/proced-but.jpg);
	background-repeat: no-repeat;
	}

#procednav span { display: none; margin: 0px;}

#procednav li, #procednav a { height: 109px; display: block; margin: 0px;}

#procednav li { float: left; list-style: none; display: inline; text-align: left;}

#procednav-01 { width: 234px; left:0px; }
#procednav-02 { width: 216px; left:234px; }
#procednav-03 { width: 227px; left:450px; }

#procednav-01 a:hover {background: transparent url(../images/proced-but.jpg) 0px -109px no-repeat;}
#procednav-02 a:hover {background: transparent url(../images/proced-but.jpg) -234px -109px no-repeat;}
#procednav-03 a:hover {background: transparent url(../images/proced-but.jpg) -450px -109px no-repeat;}