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

body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background-color:#c5edfa;
	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:#c5edfa;
	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:#185d75; text-decoration: none;}

a:hover {color:#185d75; 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;}

#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:#14576f;}

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

#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:#14576f;}

#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:#246176;
}

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

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


#connect-box {
	background: url(../images/connect-bg.jpg) 0 0 repeat-y;
	width: 323px;
	text-align: left;
}
	
	#connect-box h3 {
		background: url(../images/connect-top.jpg) 0 0 no-repeat;
		width: 323px;
		height: 46px;	
		margin: 0;
		padding: 0;
	}

		#connect-box h3 span { display: none;}
		
		
	#connect-box iframe {
		 border:none; overflow:hidden; width:294px; height:258px; margin: -12px 0px 10px 6px;
	}
		
	#connect-btns {
		background: url(../images/connect-btns.jpg) 0 0 no-repeat;
		width:293px;
		height:47px;
		margin: 0px 0px 0px 6px;
		}
	
	#connect-btns span { display: none;}
	
	#connect-btns li, #connect-btns a { height: 47px; display: block; margin: 0px;}
	
	#connect-btns li { float: left; list-style: none; display: inline; text-align: left;}
	
	#con-01 { width: 61px; }
	#con-02 { width: 57px; }
	#con-03 { width: 58px; }
	#con-04 { width: 55px; }
	#con-05 { width: 62px; }		
		
	#connect-bottom {
		background: url(../images/connect-bottom.jpg) 0 0 no-repeat;
		width: 323px;
		height: 42px;
	}
	
#orbis-box {  width: 323px; text-align: left; }
#orbis-top { background: url(../images/orbis-partner-top.png); height:100px; width:323px; }
#orbis-interior { background: url(../images/orbis-partner-interior.png) 0 0 repeat-y; padding:0 30px 0 20px; width:273px; }
#orbis-interior img { float:right; margin:4px 8px 0 0; width:35px; }
#orbis-bottom { background: url(../images/orbis-partner-btm.png); height:140px; width:323px; }
	
#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-16a.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;}

.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; }
.alignright { text-align: right; }
/*-------------------------- Quick Contact Form --------------------------- */
	
#contactform1 {width: 292px; padding-left: 2px; padding-top: 20px}
#contactform2 {width: 285px; padding-left: 2px; padding-top: 20px; margin-left: 45px;}

.input {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #20718b;
	background-color:#36a9ce;
	width:240px;
	color:#fff;
	margin: 8px 25px;
	padding: 0px;
}
.select {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #20718b;
	background-color:#36a9ce;
	width:240px;
	color:#fff;
	margin: 8px 25px;
	padding: 0px;
}

.textarea {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #20718b;
	background-color:#36a9ce;
	width:240px;
	color:#fff;
	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; }
.required2 { text-align: right; color:#af8402; padding-right: 25px; }

#ashl-form {width: 285px; padding-left: 2px; padding-top: 10px; margin-left: 50px;}
#ashl-form .input, #ashl-form .select, #ashl-form .textarea {width: 280px; margin-left: 0;}
#ashl-form .required2 { padding-right: 0;}
#ashl-form .submit { margin-left: 198px;}



#botnav { text-align: left; color:#86e1fe; 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:#86e1fe; text-decoration: none;}

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

#socialmedia { width: 243px; float:right; margin-left:10px; text-align:left; }
#socialmedia img { float:left; }
#socialmedia p {  padding-top:9px; }
#socialmedia a { color:white; font:normal 11px Arial; } 

#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:937px;
	height:31px;
	position:relative;
	z-index: 999;
	font-family: Arial;
	margin: 0px auto;
	background-image: url(../images/nav3.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: 110px; }
#nav-02 { width: 143px; }
#nav-03 { width: 158px; }
#nav-04 { width: 124px; }
#nav-05 { width: 267px; }
#nav-06 { width: 82px; }
#nav-07 { width: 133px; }

#nav-01 a:hover {background: transparent url(../images/nav3.jpg) 0px -31px no-repeat; }
#nav-02 a:hover {background: transparent url(../images/nav3.jpg) -110px -31px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav3.jpg) -253px -31px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav3.jpg) -253px -31px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav3.jpg) -377px -31px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav3.jpg) -644px -31px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/nav3.jpg) -726px -31px no-repeat;}

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

#nav li ul {
	position:absolute;
	left:-9999px;
	margin-left: 6px;
	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	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:15px;
	}

/* 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-02 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-02 ul, #nav-02 li { width:190px; }

/* -------------------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;}