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

body {
	margin: 0px auto 0px auto;
	text-align: center;
	padding: 0px;
	background-color:#246b87;
	background-image: url(../images/bginside.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial;
	font-size: 12px;
	color:#fff;
	line-height: 20px;
}


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

h1 { font-size: 14px; font-weight: bold; color:#fce9a3; padding-left: 25px;}
h2 { font-size: 13px; font-weight: bold; color:#fce9a3; padding-left: 25px; padding-top: 15px;}

a { color:#5fbbde; text-decoration: none;}

a:hover { color:#6bd2f8; text-decoration: none;}

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

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

#logo span { display: none;}

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

#phone2 { width: 230px;  text-align: right; padding-right: 32px; margin-top: 25px; font-size:28px; font-weight: bold; color: #fff; float: right; letter-spacing: .08em; }

#phone2 a {color: #fff;}

#apptbtns { width: 183px; float: left; height: 104px;}

#loc-link { position: relative; right: 30px; top: 14px; width: 230px; height: 38px; clear: right;float: right;}

#loc-link a {	
		position:absolute;
		left:0px;
		width:230px;
		top:0px;
		height:38px; 
		}
		
#loc-link span { display: none;}


#header {
	width: 1000px;
	height: 353px;
	background-image: url(../images/index/index-04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	 text-align: left;
	 clear: both;
}

#slideshow, #header2 {
	width: 1000px;
	clear: both;
	height: 215px;
	overflow: hidden;
}
#sendToFriend { position: relative; float: left; top: 13px; margin: 0 0 13px; }
#apptbutton { position: relative; float: left; clear: left; top: 10px; width: 150px; margin: 0 0 10px;}

#header h1 { font-size: 13px; color:#29728e; padding: 60px 450px 0px 34px; line-height: 16px;}

#header p {padding: 10px 450px 0px 34px; color:#000; font-size:12px; line-height: 19px;}

#header a {
	color:#255873;
	text-decoration: none;
}

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

#leftcol {width: 663px; padding-left:26px; float: left; text-align: left;}

#leftcol p { padding: 15px 30px 0px 25px;}

#leftcol ul {padding: 15px 50px 0px 70px;}

#leftcol ol {padding: 15px 50px 0px 70px;}

#leftcol ul li {
	line-height: 20px;
	list-style-position: outside;
	list-style-image: url(../images/index/bullet.jpg);
}

#leftcol ol li {
	line-height: 20px;
	list-style-position: outside;

}

#rightcol { width: 311px; float: left; text-align: left;}

#hoursWrapper p {
	margin: 0 10px 10px;
	font-size: 1.1em;
}
	#hoursWrapper p strong {
		font-size: 1.2em;
	}
	#hoursWrapper p span {
		display:inline-block;
		width: 100px;
	}

#eyevidcenter {
	width: 663px;
	height: 59px;
	background-image: url(../images/index/index-06.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#eyevidcenter span { display: none;}

#vidcenter {
	width: 663px;
	background-image: url(../images/index/index-09.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#vidcentercontain { margin-left: 44px;}
.videobuttons { width: 187px; float: left; text-align: left;}

.clear { clear: both;}

.floatleftpad { float: left; padding: 0px 20px 10px 25px;}

.floatright { float: right; padding: 0px 20px 10px 25px;}

.yellow { color:#fce9a3;}
.fb { float: right; border: none; margin: -10px 0 0 0; }
#sondheimer {
	width: 663px;
	height: 47px;
	background-image: url(../images/index/index-14.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#sondheimer span { display: none;}

#contacttitle {
	width: 311px;
	height: 66px;
	background-image: url(../images/index/index-07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contacttitle span { display: none;}

#skokie {
	background-image: url(../images/index/index-12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 311px;
	height: 48px;
}

#skokie span { display: none;}

#deerfield span { display: none;}

#parkridge span { display: none;}

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

#bottom { width: 1000px; margin: 0px auto; text-align: center; padding-top: 60px;}

#bottom p {
	text-align: left;
	color:#91C7E1;
	padding: 10px 50px;
}

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

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

.botlink { font-size: 14px; padding-right: 30px;}

.botlink a{ color: #d9f3fd; text-decoration: none;}

/*-------------------------- Quick Contact Form --------------------------- */
	
#contactform1 {width: 296px; padding-left: 15px; }

.input {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	background-color:#1a536a;
	width:240px;
	color:#fff;
	margin: 8px;
	padding: 2px;
}
.select {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	background-color:#1a536a;
	width:240px;
	color:#fff;
	margin: 8px;
	padding: 2px;
}

.textarea {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #fff;
	background-color:#1a536a;
	width:240px;
	color:#fff;
	height: 75px;
	margin: 8px;
	padding: 2px;

}

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

.subject	{ display: none; }

.required {
	text-align: right;
	padding-right: 45px;
	color:#65BEE8;
}

/* end contact form */

/*-------------------------- Quick Contact Form --------------------------- */
	
#contactform2 {width: 400px; padding-top: 40px; text-align: center; margin: 0px auto;}

.input2 {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	background-color:#1a536a;
	width:300px;
	color:#fff;
	margin: 8px;
	padding: 2px;
	text-align: left;
}
.selec2t {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #fff;
	background-color:#1a536a;
	width:300px;
	color:#fff;
	margin: 8px;
	padding: 2px;
	text-align: left;
}

.textarea2 {
	font:12px Arial, Helvetica, sans-serif; 
	border:1px solid #fff;
	background-color:#1a536a;
	width:300px;
	color:#fff;
	height: 75px;
	margin: 8px;
	padding: 2px;
	text-align: left;
}

.radio {
	
	margin: 0px auto;
	padding: 2px;

}

.submit2 { width: 97px; margin-left: 170px; border: none; margin-bottom: 20px;}



.required2 {
	text-align: right;
	padding-right: 45px;
	color:#65BEE8;
}

#consultForm { width: 500px; padding-top: 40px; margin: 0 auto; font:12px Arial, Helvetica, sans-serif; }
	#consultForm fieldset { position: relative; float: left; border: none; margin: 10px 0 0; }
		#consultForm fieldset > fieldset {
			width: 250px;
		}
		#consultForm legend { margin: 10px 0; color: #fce9a3; font-weight: bold; font-size: 1.167em; }
		#consultForm fieldset.normal { margin: 15px 0 0; }
		#consultForm fieldset.normal legend { position: relative; float: left; width: 200px; color: inherit; font-weight: normal; margin: 0; }
	
	#consultForm label { position: relative; float: left; width: 150px; font-size: 1.083em; }
		#consultForm fieldset > label { width: auto; margin: 0 25px 8px 0; }
		#consultForm fieldset fieldset > label { width: 90px; margin: 0 10px 8px 0; }
	#consultForm input[type=text] {
		position: relative; 
		float: left;
		font-size: 1em;
		border:1px solid #fff;
		background-color:#1a536a;
		width:300px;
		w\idth: 296px;
		color:#fff;
		margin: 0 0 8px;
		padding: 2px;
		text-align: left;
	}
		#consultForm input.dp-applied {
			width: 100px;
			w\idth: 96px;
			float: left;
		}
	#consultForm input[type=checkbox] {
		position: relative;
		float: left;
		margin: 0 10px 8px 0;
	}
	#consultForm select {
		position: relative;
		float: left;
		font-size: 1em;
		border:1px solid #fff;
		background-color:#1a536a;
		width: 106px;
		w\idth: 102px;
		color:#fff;
		margin: 0 0 8px;
		padding: 2px;
		text-align: left;
	}
	#consultForm textarea {
		position: relative;
		float: left;
		width: 500px;
		w\idth: 496px;
		height: 154px;
		he\ight: 150px;
		font: 1em Arial, Helvetica, sans-serif; 
		border: 1px solid #fff;
		background-color: #1a536a;
		color:#fff;
		margin: 8px 0;
		padding: 2px;
		text-align: left;
	}

/* end contact form */
/*----------------------------------nav -----------------------------------------*/

#navcontain { width: 895px; height: 30px; margin: 0 auto; clear: both; }


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

	}

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

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

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

#nav-01 { width: 81px;}
#nav-02 { width: 156px;}
#nav-03 { width: 138px;}
#nav-04 { width: 106px;}
#nav-05 { width: 106px;}
#nav-06 { width: 181px;}
#nav-07 { width: 127px;}

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg) 0px -30px no-repeat; }
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -81px -30px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -237px -30px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -375px -30px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -481px -30px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -587px -30px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -768px -30px no-repeat;}


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

#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#edfaff;	/* 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:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 12px;
	color: #255873;
	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, #nav-03 ul a:hover { 
	background-image:none;
	background-color:#255873;
	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:155px; }
#nav-03 ul, #nav-03 li { width:150px; }



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

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

#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: 1000px; height: 110px; clear: both; }

#procednav { 
	background: url(../images/index/procedbut.jpg) no-repeat; 
	width:1000px; 
	height:110px; 
	position:relative;
	z-index: 800;
	font-family: Arial;
	margin: 0px;
	}

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

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

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

#procednav-01 { width: 257px; left:0px; }
#procednav-02 { width: 247px; left:257px; }
#procednav-03 { width: 248px; left:504px; }
#procednav-04 { width: 248px; left:752px; }


#procednav-01 a:hover {background: transparent url(../images/index/procedbut.jpg) 0px -110px no-repeat;}
#procednav-02 a:hover {background: transparent url(../images/index/procedbut.jpg) -257px -110px no-repeat;}
#procednav-03 a:hover {background: transparent url(../images/index/procedbut.jpg) -504px -110px no-repeat;}
#procednav-04 a:hover {background: transparent url(../images/index/procedbut.jpg) -752px -110px no-repeat;}

/* buttons bottom*/
#procedcontaini { width: 311px; height: 445px; margin: 0px; }

#m_buttoni { width: 311px; height: 321px; background: url(../images/index/buttonsinside.jpg); no-repeat top left; margin: 0px; padding: 0px; position: relative; }

#m_buttoni span {display: none;}
	
#m_buttoni li {margin: 0px; padding: 0px; list-style: none; display: block; position: absolute;}
#m_buttoni a {display: block;}

#m_buttoni1 {top: 0px; left: 0px; width: 311px; height: 79px; }
#m_buttoni2 { top: 79px; left: 0px; width: 311px; height: 70px; }
#m_buttoni3 { top: 149px; left: 0px; width: 311px; height: 88px; }
#m_buttoni4 { top: 237px; left: 0px; width: 311px; height: 84px; }
#m_buttoni5 { top: 317px; left: 85px;}


#m_buttoni1 a {height: 79px; text-decoration: none; margin: 0px; padding: 0px;}
#m_buttoni2 a {height: 70px; text-decoration: none;}
#m_buttoni3 a {height: 88px; text-decoration: none;}
#m_buttoni4 a {height: 84px; text-decoration: none;}


#m_buttoni1 a:hover { background: url(../images/index/buttonsinside.jpg) -311px 0px no-repeat;}
#m_buttoni2 a:hover { background: url(../images/index/buttonsinside.jpg) -311px -79px no-repeat;}
#m_buttoni3 a:hover { background: url(../images/index/buttonsinside.jpg) -311px -149px no-repeat;}
#m_buttoni4 a:hover { background: url(../images/index/buttonsinside.jpg) -311px -237px no-repeat;}

/* videoplayers */

#flowplayerLeft, #flowplayerLeftSingle {
	background: url('../video/images/player_left.jpg') 0 0 no-repeat;
	float: left;
	width: 25px;
	height: 413px;
}
#flowplayer, #flowplayerSingle {
	background: url('../video/images/player_bg.jpg') 0 0  repeat-x;
	height: 413px;
	width:770px;
	margin: 0 0 0 51px;
}

#flowplayerRight, #flowplayerRightSingle {
	background: url('../video/images/player_right.jpg') 0 0 no-repeat;
	float: left;
	width: 25px;
	height: 413px;
}
#player, #playerSingle {
	 display: block;
	 height:280px;
	 float: left;
	 margin: 65px 20px;
 	 width:470px;	 
}

#playlistWrap {
	background: url('../video/images/playlist_bg.jpg') 0 0 no-repeat;
	float: left;
	text-align: left;
	width: 209px;
	height:364px;
	margin-top: 25px;
	border-left: #ccc 1px solid;
}

#pl {
	height:324px;	
	width:209px;
	position:relative;
	overflow:hidden;
	float:left;
}

#pl div.entries {
	height:324px;
	position:absolute;
	width:209px;
	margin-top: 1px;
}

#container #pl div.entries a {
	background-color:#242424;
	color:#fff;
	float:left;
	font-family:"bitstream vera sans","lucida grande","verdana";
	font-size: 12px;
	height: 64px;
	margin: 0;
	padding: 8px 10px;
	text-decoration:none;
	width: 189px;
	border-bottom: 1px solid #3b3b3b;
}
#container #pl div.entries a:nth-child(even) { background-color: #000;}
#container #pl div.entries a:nth-child(odd) { background-color: #242424;}
 /* ie6 hack ...that not surprisingly doesn't work...*/
#container #pl div.entries a {background-color: expression(this.previousSibling==null?'#000':'#242424');}
/************/

#container #pl div.entries samp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 3px;
}

#container #pl div.entries a:link { color:#fff; text-decoration:none;}
#container #pl div.entries a:visited { color:#919191; text-decoration:none;}
#container #pl div.entries a:hover { color:#919191; text-decoration:none;}
#container #pl div.entries a:active { color:#919191; text-decoration:none;}

#container #pl div.entries a.playing {
	color:#f1df89;
}

#container #pl div.entries a.paused {
	color:#f1df89;
}

#container #pl div.entries a.progress {
	opacity:0.8;
}

a.go {
	display:block;
	width:209px;
	height:20px;
	background:url('../video/images/up.jpg') no-repeat;
	margin:0 auto;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -20px;		
}

a.go.down {
	background-image:url('../video/images/down.jpg');	
	clear: left;
}

a.go.disabled {
	visibility:hidden;		
}