/*******************
 GENERAL STYLES
*******************/

*{padding:0;margin:0;}

body {
	background:#FFF url(../images/bg.gif) repeat-y 50% 0;  /* the white and tan background, style replaced with white and red for home (home.aspx.cs) */
	font: 62.5%/1.4 arial, helvetica,sans-serif;
	overflow: -moz-scrollbars-vertical;} /* MOZILLA HACK FOR SCROLLBARS */
	
ul{list-style-image: url(../images/bull.gif);}

a{color:#900;}

a:hover{
	background-color:#A81B1F;
	color:#FFF;}


/*******************
 MAIN CONTAINERS
*******************/

#outer-container, #inner-container{
	margin:0 auto;
	text-align:center;}

#inner-container{width:998px;}


/**************************
 LEFT AND RIGHT CONTAINERS  
***************************/

#left-content{
	background-color:#FFF; /* when screen is narrowed, serves as background */
	float:left;
	width:337px;}
	
#right-content{
	float:left;
	padding-left:40px;
	text-align:left;
	width:600px;}
	
	
	
	
/***********************
  RIGHT CONTENT
************************/
#heading{
	background-image:url(../images/bar.gif);
	float:left;
	height:36px;
	margin:65px 0 32px -41px;
	width:450px;}
	

/* replaced, keep if desired for home page
#ctl00_Arrow{
	background:#981B1F url(../images/bigarrow-m.gif) no-repeat;
	float:left;
	height:46px;
	margin:60px 0 0 -40px;
	width:23px;
	z-index:100;}
*/

h2{
	float:left;
	font-size:2.4em;
	width:100%;}
	
#heading h2{
	color:#FFF;
	font-size:2.4em;
	font-weight:normal;
	margin-left:40px;
	padding-top:3px;}


#right-content h4, #right-content h3, #right-content h5{
	clear:both;
	color:#700;
	float:left;
	font-weight:normal;
	white-space:nowrap;}
	
#right-content h4, #right-content h5{
	font-size:1.8em;
	margin:10px 0 5px 0;}
	
#right-content h5{	font-style:italic;}
	
	
#right-content h3{
	color:#928f58;
	font-size:1.9em;
	margin:-33px 0 8px 0;}

#right-content p{
	clear:left;
	color:#222;
	font-size:1.4em;
	margin-bottom:15px;}
	
#right-content ul{
	float:left;
	font-size:1.4em;
	list-style-type:square;
	margin:-5px 0 15px 60px;}
	
#intro{
	clear:left;
	color:#EEE;
	float:left;
	margin:117px 0 0 40px;
	width:100%;}
	
#copyright{
	clear:both;
	margin:0 0 0 160px;
	padding-top:50px;}
	
	
/************************
 HOME PAGE RIGHT CONTENT
*************************/

body.home #right-content #stones-wrap{
	background-image:url(../images/bg-stones.gif);
	background-repeat:no-repeat;
	height:702px;
	margin-left:-40px;
	width:100%}
body.home #right-content h3{
	color:#FFF;
	font-size:2.1em;
	margin:20px 0 10px 0;
	white-space:normal;}

body.home #right-content ul li{margin-bottom:10px;}

body.home{background:#FFF url(../images/bg-home.gif) repeat-y 50% 0;}  /* the white and red background */

body.home a{color:#FFF;}

body.home #logo{cursor:default;}

body.home #right-content p{color:#EEE;}	

body.home #right-content ul{
	list-style: url(../images/bull-r.gif); /* change in color */
	margin:5px 0 10px 50px;
	position:relative;
	width:80%;}

/* PARTNER IMAGE AND LINKS */	
#partner-wrap{
	background-image:url(../images/judy-kim.jpg);
	background-repeat:no-repeat;
	float:left;
	height:204px;
	margin:30px 0 0 80px;
	text-align:center;
	width:325px;}
	
#partner-wrap div{
	float:left;
	margin:204px 0 0 80px;
	white-space:nowrap;}
	
#partner-wrap div span{}

#partner-wrap div span a{
	font-size:1.1em;
	margin-right:50px;
	white-space:nowrap;}
	
	
/* AREAS IMAGE */
body.home #areas{
	float:left;
	clear:both;
	margin:25px 0 35px 53px;
	}
	
body.home #areas a img{border:0;}
	
/* TRANSITION BOX */
body.home #transition{
	background-color:#FFF;
	background:#FFF url(../images/trans-box.gif) no-repeat;
	clear:left;
	display:none;
	width:262px;
	height:205px;
	float:left;
	margin:20px 0 0 53px;
	text-align:left;}
	
	
body.home #transition div{padding:15px 18px 0 10px;}
	
body.home #transition div p{
	color:#444;
	font-size:15px;
	text-align:center;}
	
body.home #transition p.sub{margin-top:10px;}
	
body.home #transition p.sub a{color:#444;}

body.home #transition p.sub a:hover{color:#FFF;}
	
/*body.home #ctl00_Arrow{
	background:#981B1F url(../images/bigarrow.gif) no-repeat;}*/


/************************
 LEFT CONTENT
*************************/

#logo{
	background: #FFF url(../images/logo.gif) no-repeat;
	cursor:pointer;
	float:left;
	height:70px;
	margin:50px 0 0 70px;
	width:260px;}

/* NAVIGATION */

#nav{
	float:left;
	font-size:1.3em;
	height:auto;
	margin:30px 0 0 50px;
	text-align:left;}

/* EXPANDING BOX */
#nav #top{background:#FFF url(../images/top.gif) no-repeat; width:260px; height:15px;}
#nav #middle{background: #FFF url(../images/middle.gif) repeat-y;width:260px; height:auto;}
#nav #bottom{background:#FFF url(../images/bottom.gif) no-repeat; width:260px; height:17px;}

#nav ul{
	list-style-image:none;
	margin:-1px 0 0 14px;
	width:220px;}

#nav ul li{
	list-style:none;
	margin:0;}
	
#nav li strong, #nav li a{
	border-top:solid 1px #FFF;
	color:#FFF;
	display:block;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.1em;
	width:100%;
	padding:5px 0 3px 12px;}
	
#nav li a{
	background-color:#C5C299;
	text-decoration:none;}
	
#nav li a:hover{background-color:#640002;}
	
#nav li strong{
	background-color:#640002;}

 #nav li a span{
	color:#5F2C1B;
	font-size:.8em;}
	
#nav li strong span{
	color:#FFF;
	font-size:.8em;}
	
#nav li a.sub{
	background-color:#981B1F;
	text-indent:25px;}
	
#nav li a.sub:hover{background-color:#640002;}

#nav li strong.sub{
	background-color:#640002;
	text-indent:25px;}
	
#nav li a:hover span{color:#FFF;}

/* dark:#640002;, light:#981B1F; */



	
	
/***********************************
 IMAGES AND CONTAINERS FOR CAPTIONS
************************************/
	
img.right{
	border:ridge 3px #C5C299;
	float:right;
	margin: 0 0 15px 25px;}
	
span.bio img, span.article img{
	border:ridge 3px #C5C299;
	float:right;
	margin:0 0 5px 0}

span.bio, span.article{
	float:right; 
	margin: 0 0 15px 25px;
	text-align:center;}
	
span.bio{width:208px;}

span.article{width:135px;}
	
span.bio a{font-size:.8em;}


	
	
/*************
 PRACTICES
*************/
div.practices{
	background-color:#a9a580;
	border:solid 3px #928f58;
	float:left;
	min-height:260px;
	margin-right:7px;
	padding:0 2px 15px 10px;
	width:175px;}
	
div.practices p{font-size:14px !important;}

div.practices ul{
	font-size:14px !important;
	margin-left:30px !important;}
	
	
	

/**********
 CLIENTS
**********/
div.ourclients{
	border-bottom:dashed 1px #948738;
	float:left;
	height:110px;
	padding-bottom:20px;
	width:255px;
	margin:0 43px 30px 0;}
	
div.ourclients p{
	font-size:14px !important;}
	
div.ourclients ul{
	font-size:14px !important;
	margin-left:20px !important;}


/*************
 TESTIMONIALS
*************/
div.testimonials{
	border-bottom:dashed 1px #948738;
	float:left;
	margin-bottom:30px;
	padding-bottom:18px;}
	
div.testimonials p{
	float:left;
	width:350px;}
	
div.testimonials img{
	float:right;
	padding-top:0;}

div.testimonials span{
	clear:left;
	float:left;}


	

/**************
 PERSPECTIVES
***************/
div.perspectives h4{margin-top:-7px !important;}
	
	
hr.dashed{
	clear:both;
	height:0;
	border-top:dashed 1px #948738;
	margin:25px 0 20px 0;
	width:100%;}
	
a.print img{
	border:solid 1px #928f58;
	float:right;
	position:relative;}
	
	
	
	
/******************
 WHO WE ARE IMAGES
*******************/	
.group{	
	float:right;
	margin: 0 0 15px 25px;
	width:300px;}
	
.group img{border:ridge 3px #C5C299;}

.group span{
	display:block;
	font-size:.8em;
	text-align:center;}
	
	
	
/**********
 CONTACT
**********/

.contact-info{
	float:left;
	list-style-image:none;
	list-style-type:none !important;
	margin:5px 0 15px 0px !important;
	white-space:nowrap;}
	
.contact-info li{
	letter-spacing:-.01em;
	margin-bottom:4px;}

#contact{
	clear:both;
	float:left;
	width:425px;}

#contact div.label{font-size:1.2em;}

#contact span{
	color:#900;
	font-size:1.3em;}

#contact input, #contact textarea{
	background-color:#a9a580;
	margin-bottom:15px;}
	
	
/************************
 CONTACT PAGE ADDRESS BOX
*************************/
	
span.box, span.address-box{
	background-color:#a9a580;
	color:#FFF;
	float:right;
	width:190px;
	border:solid 2px #928f58;
	padding:8px 4px 2px 6px;
	margin:0 0 15px 25px;}
	
span.address-box{padding-bottom:5px;}
	
span.box span.boxhead, span.address-box span.boxhead{
	color:#948738;
	font-weight:bold;
	padding:0 0 9px 10px;}
	
span.box span{
	float:left;
	clear:left;
	padding:0 0 9px 25px;
	position:relative;
	text-indent:-9px;
	width:85%;}
	
span.address-box span{
	float:left;
	font-size:.9em;
	clear:left;
	padding: 0 0 1px 25px;
	text-indent:-9px;
	width:85%;}
	
span.address-box span.rule{
	border-top:solid 1px #fff;
	height:1px;
	margin:10px 15px 10px 16px;
	width:70%;}
	
	
/*****************
 PP SIGNUP BOX
*****************/

#signup{
	background:#FFF url(../images/box-b.gif) no-repeat;
	color:#666;
	float:left;
	font-size:1.1em;
	letter-spacing:-.01em;
	height:175px;
	margin:30px 0 0 48px;
	text-align:left;
	width:262px;
	word-spacing:.03em;}
	
#signup div{padding:10px 18px 0 18px;}

#signup div h5{
	color:#948738;
	font-size:20px;
	font-weight:normal;}
	
#signup div p {
	font-size:11px;
	margin-bottom:5px;}

#signup div p a{color:#5F2C1B;}

#signup div p a:hover{
	background-color:#981B1F;
	color:#FFF;}
	
#signup div .instructions {
	color:#666;
	font-size:10px;
	margin-top:8px;
	padding:2px;}
	
.subutton{
	background-color:#97945d;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #000; 
	border-bottom:solid 1px #000;
	color:#fff;
	font-size:1.2em;
	height:22px;
	margin:3px 0 0 2px;
	padding-bottom:2px;
	width:70px;}
	
.textbox{
	border:outset 1px #999;
	float:left;
	font-size:.9em;
	margin-top:3px;
	padding:2px;
	width:140px;
	height:17px;}