/* CSS Document */

/*basic page structure*/

body{	height: 100%;
		width: 100%;
		font: 11px/1.5em Verdana, 'Trebuchet MS', Arial, sans-serif;
		margin: 0;
		padding: 0;
		background-color:#fff;
		background-image: url(../graphics/bodybg_new.gif);
		background-repeat: repeat-x;
 		}
p{line-height: 1.2em;}
a{text-decoration: none; color: #006699; }
a:hover{color: #CC6600;}
#wrapper{
		position: relative;
		margin-top: 6px;
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		height: auto;
		background-image: url(../graphics/bodybg_new.gif);
		background-repeat: repeat-x;
		/*border: 1px solid #666666; */
		}

#header{
		position: relative;
		margin: 0;
		width: 1000px;
		height: 115px;
		background: #fff;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		}

#logo img{
		border: none;
		}

#content{
		position: relative;
		margin: 0;
		padding: 0;
		width: 1000px;
		height: auto;
		background-image: url(../graphics/fadegray.gif);
		background-repeat: repeat-x;
		/*background: #ccc;*/
		border-bottom: 1px solid #ccc;
		}

#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#content {
	display: inline-block;
}

html[xmlns] #content {
	display: block;
}

* html #content {
	height: 1%;
}



/*page copy*/

#page{ 		position: relative;
			float: right;
			width: 743px;
			height: auto;
			margin-top: 0px;
			margin-left: 10px;
			margin-right: 10px;
			padding-left: 10px;
			padding-right: 5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background: #fff;
			}
#widepage{	position: relative;
			float: right;
			width: 900px;
			height: auto;
			margin-left: 30px;
			margin-right: 30px;
			padding-left: 10px;
			padding-right: 5px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background: #fff;
			}

#widepage p{
			margin-left: 30px;
			margin-right: 30px;
			line-height: 1.3em;
			font-family: Arial, Verdana, sans-serif;
			font-size: small;
			}


#page p{	padding-left: 30px;
			padding-right: 30px;
			line-height: 1.3em;
			font-family: Arial, Verdana, sans-serif;
			font-size: small;
			}

#page ul, ol li{
			margin-left: 40px;
			margin-right: 30px;
			line-height: 1.3em;
			font-family: Arial, Verdana, sans-serif;
			font-size: small; color: #111;
			}
.question{
			color: #0066CC;
			font-family: "Trebuchet", Helvetica, Arial, sans-serif;
			font-size: 1.4em;
			font-weight: bold;
			font-style: italic;
			}
.answer{
			color: #333;
			}

/*footer*/

#bottompanel{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		width: 1000px;
		height: 208px;
		background-image: url(../graphics/panel.gif);
		background-repeat: no-repeat;
		/*border-top: 1 px solid #ccc;*/
		}

#bottompanel p{
		color: #333;
		font-family: arial;
		font-size: small;
		text-align: center;
		margin: 0;
		padding-top: 48px;
		padding-left: 147px;
		padding-right: 147px;
		}
#bottompanel a{
		color: #333;
		}
#bottompanel a:hover{
		color: #369;
		}


/*subnav tabs*/
#notabs{
		position: relative;
		display: inline;
		float: left;
      	width: 720px;
		height: 13px;
		margin-left: 5px;
      	line-height:normal;
	  	text-align: left;
		margin-top: 0px;
		}

#tabs{	position: relative;
		display: inline;
		float: left;
      	width: 720px;
		margin-left: 7px;
		line-height:normal;
	  	text-align: left;
		font-weight: bold;
		margin-top: 0px;
      	}

#tabs ul {
		margin-left: 20px;
		padding: 0;
		list-style:none;
      	}

#tabs li {
		display:inline;
		margin-left:0;
		padding:0;
		font-size:82%;
		line-height: 1em;
		text-align: center;
		  }

#tabs a {
		float:left;
      	background:url(../graphics/tableft.gif) no-repeat left top;
      	margin:0;
      	padding:0 0 0 3px;
      	text-decoration:none;
      	}
#tabs a span {
		float:left;
		display:block;
		background:url(../graphics/tabright.gif) no-repeat right top;
		padding:5px 7px 4px 3px;
		color: #fff;
      	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
		color: #0099CC;
      	}
#tabs a:hover {
		background-position:0% -42px;
		}
#tabs a:hover span {
		background-position:100% -42px;
		}
#tabs .active{
		background-position:0% -42px;
		}
#tabs .active span{
		background-position:100% -42px;
		}
#tabs .active span{
		color: #09c;
		}






/*navigation - main*/

#nv{	position: relative;
		width: 100%;
		height: 31px;
		padding:0;
		margin:0;
		background-image: url(../graphics/navbg3.jpg);
		background-repeat: repeat-x; /*tab background image path*/
		}

.navigation{
		width: 980px;
		position: relative;
		margin: auto;
		padding: 0;
		height: 31px;
		list-style: none;
		}

.navigation ul{margin-top: 3px;}
.navigation li{
		float:left;
		width: 140px;
		text-align: center;
		}

.navigation li a{
		float: left;
		display: block;
		color:#fff;
		text-decoration: none;
		font-family:  Arial, "Trebuchet", sans-serif;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: normal;
		/*padding:0 0 0 15px; Padding to accomodate left tab image. Do not change*/
		height: 31px;
		width: 140px;
		line-height: 31px;
		text-align: center;
		cursor: pointer;
		}

/*.navigation li a b{
		float: left;
		display: block;
		padding: 0 15px 0 13px;} /*Padding of menu items*/



.navigation li a:hover{
		background-image: url(../graphics/navhov.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		color: #fff;
		}

.navigation li .active{
		background-image: url(../graphics/navhov.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		color: #fff;
		}

/*Left Bar*/









#leftbar{
		position: relative;
		float: left;
		width: 214px;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 30px;
		height: auto;
		margin-left: 5px;
		margin-top: 12px;

		}


#leftbar img {
		margin-left: 0px;
		margin-right: 1px;
		}

#leftbar ul{
		list-style-type: none;
		width: 201px;
		padding: 0;
		margin: 0px 0px 32px 0px;
		font-family: "Trebuchet", Arial, Verdana, sans-serif;
		color: #fff;
  		font:bold 1em/1em Arial, Helvetica, sans-serif;


		}


#leftbar ul li a{
		display: block;
		width: 201px;
		height: 11px;
		color: #fff;
		padding-top:10px;
		padding-left: 13px;
		padding-bottom: 7px;
		font-size: 1.1em;
		background-image: url(../graphics/o.jpg);
		background-repeat: no-repeat;
		border-bottom: 1px solid #eec;
		}


#leftbar ul li a:hover{
		background-image: url(../graphics/over.jpg);
		background-repeat: no-repeat;
		color: #fc6;
		/*background-color: #FF6600;*/
		}

#leftbar ul li a.active{
		background-image: url(../graphics/over.jpg);
		background-repeat: no-repeat;
		color: #fc6;
		/*background-color: #FF6600;*/
		}

#leftbar ul a{
		color: #333;
		text-decoration: none;
		}
/* #leftbar a:hover{color: 333;}		 */


/*Content Styles*/

.headline{
		position: relative;
		width: 728px;
		height: 25px;
		margin-top: 15px;
		margin-left: 15px;
		margin-bottom: 10px;
		text-align: left;
		padding: 0px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 0px;
		font-size: 1.2em;
		font-weight:700;
		font-family: "Trebuchet", Arial, Helvetica, sans-serif;
		color: #FF6600;
		}
.spacer{position: relative;
		width: 100%;
		height: 25px;
		margin-top: 15px;
		margin-left: 15px;
		margin-bottom: 10px;
		text-align: left;
		padding: 0px;
		padding-bottom: 0px;
		color: #339900;}

h2{	color: #c60; font-size: 1.2em; text-indent: 40px; margin-top: 15px;}

h3{color: #c60; font-size: 1.2em; text-indent: 30px; margin-top: 15px;}

h4{		padding: 0;
		margin: 0;
		font-size: 2.1em;
		font-weight:700;
		font-family: "Trebuchet", Arial, Helvetica, sans-serif;
		color: #069;
		}

h5{		padding: 0;
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
		font-family: "Trebuchet", Arial, Helvetica, sans-serif;
		color: #036;
		}


h6{		padding: 0;
		margin: 0;
		font-size: 1.3em;
		font-weight: bold;
		font-family: "Trebuchet", Arial, Helvetica, sans-serif;
		color: #036;
		}

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

.halfheadline{
		position: relative;
		width: 600px;
		height: 20px;
		margin-top: 10px;
		margin-left: 0px;
		margin-bottom: 25px;
		font-size: 1.2em;
		font-weight: 500;
		font-family: Arial, Helvetica, sans-serif;
		color: #069;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
		}


strong{	color: #06c;}
.point{	color: #c60;}



/*Image styling (in-line)*/

.pic{		text-align: center;
}

.pic img {
		border: 0px;
		vertical-align: middle;
		margin-bottom: .5em;
		display:block;
		}

a img {	border:0px;}

/*a:hover img { border: 1px solid #333; }*/



.right {
		margin: 0.1em 1.5em 0.5em 1.5em;
		float:right;
		}

.left {
		margin: 0.1em 3em 0.5em 1.5em;
		float:left;
		}

.center{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}

img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img {	font-size:60%}

.pic_vert {
		width: 232px;
		border: 0px;
		background-color: #F9F9F9;
		border: 0;
		padding-top: 5px;
		padding-right: 5px;
		padding-left: 5px;
		padding-top: 5px;
		font-size:x-small;
		font-family: Arial, sans-serif;
		font-color: #333;
		text-align: center;
		}
.pic_vert img {
		border: 1px solid #ccc;
		vertical-align: middle;
		margin-bottom: .3em;
		display:block;
		}

.pic p{
		padding-left: 7px;
		padding-right: 7px;
		line-height: 1em;
		font-size:.5em;
		font-family: Arial, sans-serif;
		color: #000;
		text-align: center;
		}
/*end inline image styling*/

.break{
		position: relative;
		display: block;
		width: 630px;
		height: 20px;
		margin-top: 10px;
		margin-left: 20px;
		margin-bottom: 25px;
		font-size: 1.2em;
		font-weight: 500;
		font-family: Arial, Helvetica, sans-serif;
		color: #993;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #f00;
		}



/*rounded corners*/

.round{	display:block;}

.round *{
		display:block;
		height:1px;
		overflow:hidden;
		font-size:.01em;
		background:#ffffff;
		}

.round1{
		margin-left:3px;
		margin-right:3px;
		padding-left:1px;
		padding-right:1px;
	 	border-left:1px solid #e1e4e4;
		border-right:1px solid #e1e4e4;
		background:#f2f3f3;
		}

.round2{
		margin-left:1px;
		margin-right:1px;
		padding-right:1px;
	 	padding-left:1px;
		border-left:1px solid #d1d5d5;
		border-right:1px solid #d1d5d5;
		background:#f5f6f6;
		}

.round3{
		margin-left:1px;
		margin-right:1px;
		border-left:1px solid #f5f6f6;
		border-right:1px solid #f5f6f6;
		}

.round4{
		border-left:1px solid #e1e4e4;
		border-right:1px solid #e1e4e4;
		}

.round5{
		border-left:1px solid #f2f3f3;
		border-right:1px solid #f2f3f3;
		}

.roundfg{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 1px;
		height: auto;
		}

.roundfg li a{
		color: #06c;
		}

.roundfgleft{
  		background:#fff;
		padding: 1px;
		height: 100%;
		}

.advantage{position: relative; float: left; width: 300px; height: 250px; border: 1px solid #ccc; padding: 10px;}
.disadvantage{position: relative; float: left; width: 300px; height: 250px;; border: 1px solid #ccc; padding: 10px;}

.location{position: relative; float: left; margin-top: 5px; margin-left: 100px; width: 200px; font-weight: bold; text-align: center; font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 1.2em;}
.blue{color: #003366;}
.orange{color: #CC6600;}
.orangelg{color: #CC6600; font-size: 1.2em; font-family: "Trebuchet", Arial, sans-serif; margin-left: 30px;}
.teal{color: #006699;}
.clearingdiv {/** to clear floats after they are not needed **/
clear:both;
height:10px;
width:753px;}

.term{color: #06c; font-size: 1.2em;}
.def{color: #111; font-size: .9em;}
.top{font-style: italic; text-align: center; color: #CC6600;}

.label{ width: 214px; color: #c60;}

form{margin-left: 5px;}
#flap1{background-image: url(../graphics/topflap.jpg); background-repeat: no-repeat;}
#flap1 a{ text-align: center; text-decoration: none; color: #eee; margin-left: 20px;}
#flap1 a:hover{color: #fff;}
#flap2{background-image: url(../graphics/topflap.jpg); background-repeat: no-repeat;}
#flap2 a{ text-align: center; text-decoration: none; color: #eee; margin-left: 20px;}
#flap2 a:hover{color: #fff;}

#flap3{background-image: url(../graphics/topflap.jpg); background-repeat: no-repeat;}
#flap3 a{ text-align: center; text-decoration: none; color: #eee; margin-left: 20px;}
#flap3 a:hover{color: #fff;}

#phone	{position: relative; margin-left: 20px; margin-top: 0px; width: 459px; height: 14px; text-align: right; font-size: 1.3em; font-weight: bold; color: #c60; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-weight: bold;}

#blurb {text-decoration: none; font-size: 1.4em; color: #006; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 1.2em;}
#blurb a{color:#006699;}
#blurb a:hover{color:#c60;}

.col1{	width: 100px; font-weight: bold; color:#036;}
.col2{	width: 150px;}
.col3{	width: 150px;}
.col4{	width: 150px;}
.gray{background-color:#eee;}
.firstrow{test-align: left; font-weight: bold; color:#036;}

/*Tables*/

.procon{width: 700px; margin-left: 25px; height: auto;  padding: 0px; text-align: left;}
.procon td{padding-left: 5px;}
.pro{border-right: 1px solid #c30;}
table{border: 1px solid #ccc;}
td{padding-left: 2px;}

#vid{background-image: url(../graphics/video_pres.png); background-repeat: no-repeat; background-position: 0;}
#vid:hover{background-image: url(../graphics/video_pres.png); background-position: -150px; background-repeat: no-repeat;}

#freeconsult{width: 214px; height: 200px; margin-top: -20px; margin-left: 0px; text-align: center; font-size: medium; line-height: 1.2em; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
#chooseoffice{width: 170px; margin-left: 20px; font-size: small; color: #000; text-align: left; padding: 3px; background: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px;"}