/*
---------------- Table Of Contents -----------------

	General Layout
	Sub-Home Layout
	Secondary Layout
	Typography


---------------------- COLORS ----------------------

Blue: #60C5F0

Orange: #E86920

Brown: #4C3521

Dark Grey Text: #666666

Light Grey Text: #CCCCCC

Brown Text: #7E6A5B



*/

@import url("global.css");


/* ---------------------- General Layout ---------------------- */


#Container {
	margin: 0 auto 0 auto;
	width: 840px;
}

#homeText {
	position:relative;
	top:20px;

}

#contentholder {
	position:absolute;
	top:70px;
	z-index: 6;

}

#contentleftnav {
	width:200px;
	padding:0px;
	float:left;
	background:#E7F4F9;
}

#contentleft {
	width:210px;
	padding:0px;
	float:left;
	background:#fff;
}

#leftmod {
	position:relative;
	width:230px;
	/*top: 0px;*/
	left: -18px;
	background:#fff;
}
	
#contentcenter {
	width:375px;
	padding:10px;
	float:left;
	background:#fff;
}

#contentcenter a:link {
	color: #E86920;
	text-decoration:none;
}

#contentcenter a:hover {
	color: #4C3521;
	text-decoration:underline;
}

#contentcenter a:visited {
	color: #E86920;
}

#resources {
	width:550px;
	padding:10px;
	float:left;
	background:#fff;
}

#resources a:link {
	color: #E86920;
	text-decoration:none;
}

#resources a:hover {
	color: #4C3521;
	text-decoration:underline;
}

#resources a:visited {
	color: #7E6A5B;
	text-decoration:none;
}
	
#contentright {
	/*width:240px;*/
	padding:0px;
	float:left;
	background:#fff;
}

#flashcontentright {
	width:238px;
	padding:0px;
	float:left;
	background:#fff;
}
		
#leftcontent {
	float:left;
	width:260px;
	padding:0px 10px 0px 0px;
}
/*for success & community left nav overlap*/
#leftoverlapnav {
	position:absolute;
	top:-30px;
	left:-10px;
	width:260px;
	padding:0px 10px 0px 0px;
}

#centercontent {
	float:left;
	width:260px;
	top:0px;
	padding:0px 5px 0px 5px;
}

#rightcontent {
	float:left;
	width:260px;
	top:0px;
	padding:0px 5px 0px 5px;
}

#aboutHolder {
	position:relative;
	width:840px;
	height:350px;
	background-image:url(http://www.jrcpa.com/__images/beyond/about_bg.jpg);
}

#aboutleft {
	position:absolute;
	top:95px;
	width:230px;
	left:27px;
	text-align:right;
}

#aboutcenter {
	position:absolute;
	top:95px;
	width:230px;
	left:311px;
	text-align:right;
}

#aboutright {
	position:absolute;
	top:95px;
	width:230px;
	left:590px;
	text-align:right;
}

#blue {
	position:relative;
	width: 250px;
	left: -20px;
	color: #60C5F0;
	font-size: .8em;
}

#aboutlea {
	position:relative;
	padding: 5px;
	top:-10px;
	color: #4C3521;
	font-size: .6em;
	text-align:center;

}

#aboutsub {
	position:relative;
	padding: 5px;
	top:10px;
	color: #60C5F0;
	font-size: .7em;
	text-align:center;

}

#contactHolder {
	position:relative;
	width:840px;
	height:180px;
	background-image:url(http://www.jrcpa.com/__images/beyond/contact_bg.jpg);
}

#contactleft {
	position:absolute;
	top:55px;
	width:230px;
	left:27px;
	text-align:right;
}

#contactcenter {
	position:absolute;
	top:55px;
	width:230px;
	left:311px;
	text-align:right;
}

#contactright {
	position:absolute;
	top:55px;
	width:240px;
	left:590px;
	text-align:right;
}

#gmap {
	position:relative;
	left:-27px;
}

#gmapc {
	position:relative;
	left:-33px;
}

#gmapr {
	position:relative;
	left:-27px;
}
/*
#Container a:link {
	color: #FFFFFF;
	text-decoration:none;
}

#Container a:visited {
	color: #E86920;
	text-decoration:none;
}

#Container a:hover {
	color: #E86920;
	text-decoration:underline;
}
*/
#footer {
	position:relative;
	left:10px;
	top:0px;
	
	/*bottom:0px;
	margin: 0 auto 0 auto;
	border-top-style: dotted;
    border-top-width: thin;
    border-top-color: #4C3521;*/
	width:840px
	
}

.footertext {
	font-size: .8em;
	text-align:center;
	color: #CCCCCC;
}
#SuccessNav {
	position:relative;
	top: 265px;
	left: -5px;
	width: 210px;
	z-index: 3;
	color: #4C3521;
}

#SuccessContent {
	position:relative;
	top: -60px;
	left: 240px;
	width: 575px;
	z-index: 4;
}

#SuccessContentHome {
	position:relative;
	top: -120px;
	left: 240px;
	width: 615px;
	z-index: 4;
}

#SuccessTitle {
	height: 60px;

}

#success {
	position:relative;
	top: -55px;
	left: 85px;
	width:500px;
}

#CommunityContentHome {
	position:relative;
	top: -90px;
	left: 240px;
	width: 600px;
	z-index: 4;
}

#CommunityContent {
	position:relative;
	top: -40px;
	left: 240px;
	width: 575px;
	z-index: 4;
}

#leftblank {
	position:absolute;
	left: 0px;
	width:260px;
	padding: 9px;
}

#centerblank {
	position:absolute;
	left: 260px;
	width:270px;
	padding: 9px;
}

#rightblank {
	position:absolute;
	left: 535px;
	width:300px;
	padding: 9px;
}



/* ---------------------- Sub-Home Layout ---------------------- */

/* home */
#Home {
	position:absolute;
	width:820px;
	height:500px;
	z-index:1;
	top: 60px;


}

#home_header {
	position:absolute;
	width:820px;
	height:280px;
	z-index:1;
	top: 0px;

}

#H_Bg {
	position:absolute;
	width:820px;
	height:280px;
	z-index:1;
	top: 60px;

}
/* SEARCH */

#searchheader {
	position:relative;
	top: 260px;
}

#searchbox {
	position:relative;
	top: 220px;
	left: 575px;
}

input.searchbutton {

	width: 79px;
	height: 31px;
	background: #333 url(http://www.jrcpa.com/__images/general/bsearch.png) no-repeat;
	outline: none;
	border: 0px;

}

#searchresults {
	position:relative;
	top: 240px;
}
/* business home */

#BH_Bg {
	position:absolute;
	width:840px;
	height:280px;
	z-index:1;
	top: 60px;

}

#BH_Services {
	position:relative;
	width:235px;
	height:270px;
	z-index:2;
	left: -10px;
	top: 230px;
}

#BH_Industries {
	position:relative;
	width:235px;
	height:294px;
	z-index:3;
	left: 237px;
	top: -40px;
}

#Btext {
	position:relative;
	width:375px;
	z-index:4;
	top:-300px;
	left:485px;
}

.floatimgright {
	float:right;
	margin-top:-20px;
	margin-left:5px;
	margin-bottom:10px;
}

.alignright {
	float:right;
	/*margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;*/
}
.alignleft {
	float:left;
	/*margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;*/
}

/* beyond home */
#BY_Bg {
	position:absolute;
	width:840px;
	height:280px;
	z-index:1;
	top: 90px;
	

}

#BY_Nav {
	position:absolute;
	width:840px;
	height:35px;
	z-index:2;
	top: 60px;

}

/* personal home */
#PS_Bg {
	position:absolute;
	width:820px;
	height:280px;
	z-index:1;
	top: 60px;

}


#PH_Nav {
	position:relative;
	width:285px;
	height:180px;
	z-index:2;
	left: -10px;
	top: 228px;
}

#Ptext {
	position:relative;
	width:400px;
	z-index:4;
	top:85px;
	left:235px;
}

#Pimage {
	position:relative;
	width:550px;
	z-index:5;
	top:-25px;
	left:670px;
}

.floatpimgright {
	float:right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.floatpimgright2 {
	float:right;
	margin-top:-128px;
	margin-left:0px;
	margin-bottom:0px;
}
	
#Profiles {
	position:absolute;
	width:840px;
	height:600px;
	background:#FFFFFF;
	z-index:1;
	top: 90px;
}



/* ---------------------- Secondary Layout ---------------------- */

/* header for business content pages */
#SubHead {
	position:absolute;
	width:840px;
	height:93px;
	top: 60px;
}

#SubContent {
	position:relative;
	width:350px;
	height:103px;
	left:215px;
	top: 90px;
}

#Business_sub_Bg {
	position:absolute;
	width:840px;
	height:93px;
	background:#e7f4f9;
	z-index:1;
	top: 60px;
	

}


#SubProfile {
	position:relative;
	padding: 20px;
	border-left-style: dotted;
    border-left-width: thin;
    border-left-color: #9d9483;
	z-index:4;
	width:240px;
	height:500px;
	left:590px;
	top: -20px;
}

#SubMain {

}

#LeftNav {
	position:absolute;
	background:#e7f4f9;
	top: 157px;
	width: 200px;
	z-index: 3;
}



#AboutTitle {
	position:relative;
	top: 40px;
}

#HeaderMin {
	position:absolute;
	top: 42px;
	font-size: .7em;
	text-align: right;

}
/*----------------------MENUS------------------------------- */

/* -- Main menu for personal and business home pages -- */

#menu {
  padding:0;
  margin:0;
  width:0;
  }
#menu li {
  list-style-type:none;
  margin:0 0 0 0;
  }
#menu a, #menu a:visited {
  display:block;
  width:228px;
  border-bottom-style: dotted;
  border-bottom-width: thin;
  font-family:arial, verdana, sans-serif;
  font-size:1em;
  text-align:left;
  text-decoration:none;
  background:#4C3521; 
  color:#eee; 
  padding:0.25em;
  }
  
#menu a:hover {
  background:#60C5F0;
  color:#4C3521;
  }
  
  /*-- left navigation on business and personal sections -- */
  
 #left_menu {
  padding:0;
  margin:0;
  width:0;
  }
#left_menu li {
  list-style-type:none;
  margin:0 0 0 0;
  }
#left_menu a, #left_menu a:visited {
  display:block;
  width:195px;
  border-bottom-color: #60C5F0;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  line-height: 17px;
  font-family:arial, verdana, sans-serif;
  font-size:.9em;
  padding:0.25em;
  text-align:left;
  text-decoration:none;
  color:#4C3521; 
  }
  
#left_menu a:hover {
  background:#60C5F0;
  color:#ffffff;
  }
  
  /* -- Main menu for personal and business home pages -- */

#successmenu {
  padding:0;
  margin:0;
  width:0;
  }
#successmenu li {
  list-style-type:none;
  margin:0 0 0 0;
  }
#successmenu a, #successmenu a:visited {
  display:block;
  width:193px;
  border-bottom-style: dotted;
  border-bottom-width: thin;
  font-family:arial, verdana, sans-serif;
  font-size:1em;
  text-align:left;
  text-decoration:none;
  background:#4C3521; 
  color:#eee; 
  padding:0.25em;
  }
  
#successmenu a:hover {
  background:#60C5F0;
  color:#4C3521;
  }


/* ---------------------- Typography ---------------------- */


.search {
    border: 1px inset #4C3521;
    width: 100px;
    font: normal 9px verdana;
    padding: 1px;
    height: 9px;

}

.brown {
	padding: 10px;
	/*background: #F1EDE9;*/
}

.brownback {
	padding: 20px;
	font:0.8em arial, helvetica, sans-serif;
	color:#4C3521;
	background: #F1EDE9;
}

.blueback {
	padding: 10px;
	font:0.8em arial, helvetica, sans-serif;
	color:#4C3521;
	background: #E7F4F9;
}

.brownbackhead {
	padding: 10px;
	font:1.3em arial, helvetica, sans-serif;
	color:#4C3521;
	/*background: #E2DAD1;*/
}



.lightbrown {
	font-size: .9em;
}

.rightalign {
	text-align: right;
}

.whitehead {
	color: #000000;
}

.footnote {
	color: #7E6A5B;
	font-size: .6em;

}
/* Default brown links */

#HeaderMin a:link {
	color: #E86920;
	text-decoration:none;
}

#HeaderMin a:visited {
	color: #E86920;
	text-decoration:none;
	
}

#HeaderMin a:hover {
	color: #4C3521;
	text-decoration:underline;
}

/* orange type links */
#orangelink {
	font-size: .9em;
}

#orangelink a:link {
	color: #E86920;
	text-decoration:none;
}

#orangelink a:visited {
	color: #E86920;
	text-decoration:none;
}

#orangelink a:hover {
	color: #E86920;
	text-decoration:underline;
}

#profilesnap {
	font-size: .9em;
}

#profilesnap a:link {
	color: #E86920;
	text-decoration:none;
}

#profilesnap a:visited {
	color: #E86920;
	text-decoration:none;
}

#profilesnap a:hover {
	color: #E86920;
	text-decoration:underline;
}

#SubProfile a:link {
	color: #E86920;
	font-size: .8em;
	text-decoration:none;
}

#SubProfile a:visited {
	color: #E86920;
	font-size: .8em;
	text-decoration:none;
}

#SubProfile a:hover {
	color: #E86920;
	text-decoration:underline;
}
/* main brown menu styling */

#BH_Services p, #BH_Industries p, #PH_Nav p {
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.9;
	padding: 0.8em;

}

#BH_Services a:link, #BH_Industries a:link, #PH_Nav a:link {
	color: #FFFFFF;
	text-decoration:none
	
	}
	
#BH_Services a:visited, #BH_Industries a:visited, #PH_Nav a:visited {
	color: #e6e5e4;
	text-decoration:none
}

#BH_Services a:hover, #BH_Industries a:hover, #PH_Nav a:hover {
	color: #FFFFFF;
	text-decoration:underline
	
}


/* main grey on white menu styling */

#Business_Nav {
	font-size: .8em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.5;

}
  
#Business_Nav a:link {
	color: #666666;
	text-decoration:none
	
	}
	
#Business_Nav a:visited {
	color: #666666;
	text-decoration:none
}

#Business_Nav a:hover {
	color: #FFFFFF;
	background-color:#60C5F0;
	padding:0.2em;
	text-decoration:none
	
}

/*
 * added by bsr@shepherd-interactive.com
 */
 
#rightSideBar {
   display: block;
   width: 218px;
   background-color: #e8f7fd;
   padding: 10px;
   font-size: .8em;
}

#rightSideBar .person {
  display: block;
  margin-bottom: 15px;
  margin-left: 20px;
}

#rightSideBar .person img {
  margin-left: 0px;
}