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


/*General Styles*/

html, body {
		height: 100%;
		padding: 0px;
		margin: 0px;
		}


body {
		margin: 0; padding: 0;
		font: 11px normal Arial, Helvetica, sans-serif;
		background: #f0f1f3 url(../graphics/bodybg.jpg) repeat-x;
		}

a, a img{
		text-decoration: none; border: 0px; color: #069;
		}
		

#info p{font-size: 1.1em; line-height: 1.3em;}

/* Page Structure */

#container {
		width: 960px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		margin-top: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #fff;
		}
		
#header {
		
		width: 960px;
		height: auto;
		min-height: 1px;
		margin-top: 0px;
		padding-top: 5px;
		}
		
#header img {
		margin: 0px;
		}

#logo{position: relative; display: inline; float: left; width: 386px; height: 60px; margin-top: 0px; margin-left: 10px;}	

#logo a img{border: 0px; text-decoration: none;}





		
#header .phoneno {

position: relative; display: inline; float: right; width: 386px; height: 60px; margin-top: 0px; margin-left: 10px;

		}


#header_top{position: relative; width: 960px; height: 90px; background: #fff; margin-top: 10px;}

#quicknav{position: relative; display: inline; float: left; width: 960px; }
#quicknav p{text-align: right; font-size: 1.3em; color: #333; padding: 0px; margin: 0 10px 0 0;}
#quicknav a{color: #333;}
#quicknav a:hover{color: #069;}
#mid{position: relative; display: inline; float: left; height: 202px; width: 960px; margin: 0px; padding: 0px; background: #fff; border-bottom: 1px solid #ccc;}
#flash{ position: relative; display: inline; background: #fff; width: 640px; height: 202px; padding: 0; margin: 0; clear: both; background-image: url(../graphics/banner.jpg); background-repeat: no-repeat;
		margin-top: 0px; float: left; 
		}
#flashright{position: relative; display: inline; background: #fff; width: 320px; height: 202px; padding: 0; margin: 0; display: inline; float: right; }


#testimonials{width: 960px; height: 70px; padding: 0; margin: 0; clear: both; margin-top: 0px; margin-bottom: 0px; display: inline; float: left; background-image: url(../graphics/testimonial_r.gif); background-repeat: no-repeat;}
#testright{width: 319px; height: 180px; padding: 0; margin: 0; display: inline; float: left;}



#page{ 
		position: relative; 
		display: inline;
		float: left; 
		width: 960px; 
		height: 100%;
		height: auto !important;   *******************************
		min-height: 100%;
		background: url(../graphics/content_bg.jpg) repeat-y;
		font-size: 1.1em; 
		line-height: 1.3em
}

#infowrap{position: relative; display: inline; float: left; width: 723px; height: auto; background: #fff;}	

#info{
		width: 503px;  
		height: auto;
		position: relative;
		display: inline;
		float: right; 
		margin: 0;
		float: left;
		padding: 0px 10px 20px 10px; 
		background: #fff;
}

#infowide{
		width: 693px;  
		height: auto;
		position: relative;
		display: inline;
		float: right; 
		margin: 0;
		float: left;
		padding: 0px 10px 20px 10px; 
		background: #fff;
}


#leftcol{  
		position: relative; 
		display: inline;  
		float: left; 
		width: 200px; 
		background: #fff; 
		height: auto; 
		padding-top: 0px; 
		background: #fff; 
		padding-left: 0px;
		}

#right{ position: relative; display: inline; float: right; width: 227px; height: 500px; padding: 0px; background: #fff; }

#bottom{
		position: relative; 
		clear: both; 
		width: 100%; 
		height: 260px;
		
		}

#footer { 
		position: relative;
		display: block;
		clear: both; 
		width: 960px; 
		height: 260px;
		margin: 0px auto 0px auto; 
		background: url(../graphics/bottombg.jpg); background-repeat: repeat-x;
		}
		
		
		
#footer h4{
		margin-left: auto; 
		margin-right: auto; 
		color: #9cf;
		font-size: 1.2em;
		padding-bottom: 0;
		margin-bottom: 0px;
		margin-top: 5px;

		}	
		
#footer ul{
		list-style-type: none; 
		text-align: left; 
		padding: 0;
		margin-top: 1em;
		}
		
#footer ul li{
		color: #fff;
		}	
		
#footer ul li a {
		color: #fff;
		}
		
#footer ul li a:hover {
		text-decoration: underline;
		}
#footer p{padding-right: 5px; color: #fff;}
#footer p a{color: #fff;}

		
.footmid{
		position: relative;
		display: inline; 
		float: left; 
		width: 225px; 
		height: 170px; 
		margin-top: 5px; 
		margin-bottom: 5px;
		border-right: 1px solid #666; 
		padding-left: 7px;
				font-size: .9em;
		line-height: 1.3em;

		}
		
#footright{border-right: none; padding-right: 7px; 		font-size: .9em;
		line-height: 1.3em;
}
#foot1{padding-left: 24px;}


#locationinfo p{text-align: center; font-size: .9em; line-height: 1.2em; margin-top: 17px; color: #111;}

#locationinfo p a{color: #069;}

		
.clearingdiv {/** to clear floats after they are not needed **/
		clear:both;
		height:10px;
		width:100%;eaeff4
		}
		
.insection{
		position: relative; 
		display: inline;
		float: left;
		width: 192px; 
		height: auto; 
		/* border: 1px solid #69c;*/ 
		margin: 0px; 
		display: inline; 
		padding: 0px;	
		}


.roundbox{
		position: relative; 
		display: inline;
		float: right;
		width: 200px; 
		height: auto; 
		background: #ebf4fd;
		opacity: 1;
		/* border: 1px solid #69c;*/ 
		margin: 6px 14px 12px 0px; 
		display: inline; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		padding: 4px;
		color: #fff;
		}

.roundbox a img{margin-left: auto; margin-right: auto;}		
		
.roundbox a{color: #069;} .roundbox a:hover{color: #f60; text-decoration: underline;}		
		
.roundbox2{
		position: relative; 
		width: 90%; 
		height: auto; 
		border: 1px solid #ccc;
		/* border: 1px solid #69c;*/ 
		margin: 6px 5px 8px 5px; 
		display: inline; 
		float: left; 
		margin-left: 5%; 
		margin-right: 5%; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		padding: 4px;
		color: #333;
		border: 1px solid #ccc;
		}
		
		
 .roundbox h2, .roundbox2 h2 .insection h2 {
		text-align: left; 
		color: #333; 
		margin-top: 0; 
		margin-left: 7px; 
		padding-top: 10px; 
		font-weight: normal; 
		text-transform: uppercase;
		}
		
 .roundbox h2, .roundbox2 h2 {
		text-align: left; 
		color: #069; 
		margin-top: 0; 
		margin-left: 7px; 
		padding-top: 10px; 
		font-weight: normal; 
		text-transform: uppercase;
		}
				
 .insection ul, .roundbox ul, .roundbox2 ul{
		/*	list-style-image: url(../graphics/dart.png);  */
		list-style-type: none;
		color: #fff; 
		text-indent: 0px; 
		line-height: 1.2em; 
		font-size: 1em;  
		margin-left: -40px;
		}  
		
.insection ul.questions{font-size: 1.2em; font-style: bold; color: #333;}		
.insection ul.questions li{line-height: 1.1em; padding-bottom: .5em; padding-top: .5em; padding-left: 23px; background: #eaeff4; border-bottom: 1px solid #fff; border-top: 1px solid #ccc;}

.insection ul li:hover{background: #eef3f8;}		

.insection ul li a, .roundbox ul li a{color: #069;}

.insection ul li a:hover, #insection ul li a:active, .roundbox ul li a:hover, .roundbox ul li a:active{color: #036;}


.roundbox p, {
		margin-left: 7px; 
		color: #fff; 
		line-height: 1.1em;
		}
		
.roundbox2 h5{font: bold 24px/28px Arial, Helvetica, sans-serif;
}		
		
.insection, .roundbox a img, .roundbox2 a img, .roundbox img, .roundbox2 img{border: none; text-decoration: none;} 

/* Headers, Typography, Colors*/

h1	{
		padding-top: .5em;  
		font-size: 1.4em;
		font-weight: bold;
		font-family: "Trebuchet", Arial, Helvetica, sans-serif;
		color: #036;
		}

h2	{
		color: #9cf; 
		font-weight: normal; 
		font-size: 1.4em; 
		}

h3	{
		color: #333;
		}

h4{		color: #c90; 
		font-weight: normal; 
		font-size: 1.2em; 
		margin-left: 5px; 
		margin-top: 5px; 
		padding-bottom: 0px;
		}		

h5{		
		}

		
h6{		
		}

.silver{color: #d0e2f3;}
.orange{color: #c60;}
.blue{color: #069;}
.letterindex{color: #c60; font-size: 1.4em; font-family: "Trebuchet", Arial, sans-serif;}
.center a{font-size: 1.2em;}
.center a:hover{color: #444; text-decoration: underline;}
.term{color: #06c; font-size: 1.2em;}
.def{color: #111; font-size: .9em;}
.top{font-style: italic; text-align: center; color: #CC6600;}

.line{width: 100%; height: 1px; clear: both; color: #ccc;}


.question{
			color: #069;
			font-family: "Trebuchet", Helvetica, Arial, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			font-style: italic;
			}
.answer{
			color: #333;
			}

/* Inline Image styling */


.pic{border: 0;}
			
.pic img { 	
		border: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		}
			
a img {	border: 1px solid #069;}

.right { 
		margin: auto; 
		float:right;
		text-align: center;
 
		}
		
.caption { text-align: center; margin: auto; font-size:60%;
		}		
		
.left { 	
		margin:auto; 
		float:left;
		text-align: center; 
		}
		 
.center{
		margin-left: auto; 
		margin-right: auto;
		text-align: center;
		}	
					
.pic p{ 	 
		line-height: 1.2em; 
		font-size:.9em; 
		font-family: 'Trebuchet', Arial, sans-serif;
		font-style: italic; 
		color: #333;
		text-align: center;
		}
/*end inline image styling*/





 
 
 #next_section {font-size: 1.4em; color: #069; font-style: italic;}
 #next_section a {color: #069;}
 #next_section a:hover {color: #333; text-decoration: underline;}
 
 
 
 
 
 
 
 /*Locations Page Styles*/
.office{position: relative; height: 240px; width: 500px; padding: 5px; border-bottom: 2px solid #ccc; border-right: 1px solid #ccc; background: #eee; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 30px; }
.address{position: relative; display: inline; float: left; height: 220px; width: 165px;}
.add{position: relative; display: inline; float: left; height: 175px; width: 165px;}
.add p{margin: 0px 4px; text-align: left;}
.add table{}
.subway{position: relative; display: inline; float: left; height: 40px; width: 165px; }
.gmap{position: relative; display: inline; float: left; height: 230px; width: 320px;}
.hours{font-size: .9em; line-height: .9em; padding-top: 0px; background: #fff; height: auto; width: 130px; margin: 2px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.day{color: #C60;}
.green{color: #693;}
.blue{color: #69c; font-weight: bold;}
.onlineapp{width: 127px; height: 15px; background: #fff; margin: 6px 2px; padding: 1px 1px 1px 4px; background: #a7c65c; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
.onlineapp a{color: #fff;}
.onlineapp a:hover{color: #ffc;}
.onlineapp:hover{color: #ff9;}

 
 
 
 .fadehover {
	position: relative; height: 180px; width: 960px; margin: 0px; padding: 0px; background: #000;
	}
 
#fadehover1, #fadehover2, #fadehover3, #fadehover4, #fadehover5 img.a{
	left: 0;
	top: 0;
	z-index: 10;
        }
 
#fadehover1, #fadehover2, #fadehover3, #fadehover4, #fadehover5 img.b{
	left: 0;
	top: 0;
	}

 
 
#fadehover1{background: url(../graphics/banner/home_1_over.jpg) no-repeat;} 
#fadehover2{background: url(../graphics/banner/home_2_over.jpg) no-repeat;} 
#fadehover3{background: url(../graphics/banner/home_3_over.jpg) no-repeat;}  
#fadehover4{background: url(../graphics/banner/home_4_over.jpg) no-repeat;}  
#fadehover5{background: url(../graphics/banner/home_5_over.jpg) no-repeat;}  

 
 
#fadehover1, #fadehover2, #fadehover3, #fadehover4{position: relative; display: inline; float: left; height: 180px; width: 192px; margin: 0px; padding: 0px;}
 
#fadehover5{position: relative; display: inline; float: left; height: 180px; width: 192px; margin: 0px; padding: 0px; clear: none;} 
 
 
.fadehover a img{border: 0px; text-decoration: none;}





/* HP right */
#hr1{position: relative; float: left; width: 320px; height: 112px; font-size: 1em; margin-top: 0px; padding: 0px;  font-size: 1.2em; font-family: 'Trebuchet', Verdana, sans-serif; background-image: url(../graphics/aptbox2.jpg); background-repeat: no-repeat; background-position: 0px;}
#hr1:hover{background-image: url(../graphics/aptbox2.jpg); background-repeat: no-repeat; background-position: -320px; }

#hr1 a:hover{text-decoration:none;}
  
#hr3{position: relative; float: left; width: 320px; height: 84px; font-size: 1em; margin-top: 0px; padding: 0px; background-image: url(../graphics/siadbox.png); background-repeat: no-repeat; background-position: 0px; font-size: 1.2em; font-family: 'Trebuchet', Verdana, sans-serif; }
#hr3:hover{background-image: url(../graphics/siadbox.png); background-repeat: no-repeat; background-position: -320px;}
#hr3 a:hover{text-decoration:none;}

#hr1 a{
  width:100%;
  height:100%;
  text-decoration:none;}
#hr2 a {
  width:100%;
  height:100%;
  text-decoration:none;}
  #hr3 a{
  width:100%;
  height:100%;
  text-decoration:none;}
 
 table a{color: #fff;} 
  
  #homebox1{position: relative; display: inline; float: left; width: 320px; height: 280px; background: url(../graphics/homebox1bg.gif); background-repeat: no-repeat; }
  #homebox2{position: relative; display: inline; float: left; width: 320px; height: 280px;background: url(../graphics/homebox2bg.gif); background-repeat: no-repeat; }
  #homebox3{position: relative; display: inline; float: left; width: 320px; height: 280px;background: url(../graphics/homebox3bg.jpg); background-repeat: no-repeat; }
#homebox1 p, #homebox2 p, #homebox3 p {margin-top: 130px;}
 .homefeat{position: relative; display: inline; width: 280px; height: 280px; margin-left: 10px; margin-top: 0px; background: #ebf4fd; -mox-border-radius: 10px; -webkit-border-radius: 10px; }
 .homefeat h2 {font-family: 'Capitals', 'Tahoma', Verdana, sans-serif; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #036; margin-left: 30px; margin-top: 20px;}
 .homefeat p{padding: 0 10px 10px 10px; text-align: left; color: #333; margin-left: 10px;}
 
 #breadcrumbs {font-size: .9em; color: #333;}
 #breadcrumbs a{font-style: italic; color: #666;}
 #breadcrumbs a:hover{color: #369;}
 .roundbox table{font-size: 1.2em; margin: -10px auto 0 auto;}