﻿.StyleSheetHiddenPlaceHolder { display: none;  }

/* style for jc.cbiz.ca */
/* leon cooper */

/* main text styling */

*	{
	border: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	}

body {
	background-color: #333333;
	font-size:67.5%;
	
	}

	p {
	font-size:1.2em; /* padding: 0 2em 0 4em; */
	}

	h6 {
	font-weight:normal
	}

	h5 {
	font-weight:normal
	}

	h4 {
	font-weight:normal
	}

	h3 {
	font-weight:normal
	}

	h2 {
	font-weight:normal
	}

	h1 {
	font-weight:normal
	}

	h1 {font-size:2em;}
	h2 {font-size:300%; }
	h3 {font-size:200%; }
	h4 {font-size:150%;}
	
	/*ul {
	 padding-left:3em; 
	font-size:1.2em;
	}*/

/* main page container */

#wrapper	{
	width: 74.4em;
	background-color:#fff;
	border: 1px solid #999;
	margin: 0 auto;
	}

/* header container */

#branding	{
	height:69px;
	background: #17233C url('../images/navimages/thedeepnav.jpg') no-repeat left top;
}

/* top navigation bar container */

#topnav {
	clear:both;
	
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	}

	/* top nav list styling */
	
	#topnav ul {
	margin: 0;
	padding: 0;
	width: 74.4em; 
	list-style-type:none;
	float: left;
	background: url('../images/navimages/navbarbg.jpg') repeat-x;
}
	
	#topnav li {
	float: left;
	font-size:1.2em;
	}
	
	#topnav ul a {
	display:block;
	float:left;
	padding: 0 1.7em;
	line-height: 2.1em;
	background: url('../images/navimages/navbarbgdivider.gif') repeat-y right 50%;
	text-decoration:none;
	color: #FFFFCC;
	}
	
	#topnav ul a:visited {
	color: #FFFFCC;
	}
	
	body#links #links a {
	color: #FFB56A;
	}
 
	body#purchase #purchase a {
	color: #FFB56A;
	}
 
	body#feedback #feedback a {
	color: #FFB56A;
	}
 
	body#reviews #reviews a {
	color: #FFB56A;
	}
 
	body#exhibits #exhibits a {
	color: #FFB56A;
	}
 
	body#galleries #galleries a {
	color: #FFB56A;
	}
 
	body#about #about a {
	color: #FFB56A;
	}
 
	#topnav ul a:hover {
	color: #FFB56A;
	}
 
/* main content container */

#contentcontainer	{
	clear:both;
	}

	#content-header {
	clear:both;
	padding: 0 2em 0 2em;
	}
	
	#content-header p {
	padding-left: 4em;
	}

	#content-right {
	/*clear:both;*/
	float:right;
	width: 55em;
	padding-right: 2em;
	margin: 0; */
	/* padding: 1em; */
	}

	#content-left {
	clear:both;
	float:left;
	width: 12em;
	border-right: 1px solid #999;
	padding: 0 2em 0 2em;
	/* margin: 1em; */
	/* padding: 1em; */
	} 

	#content-left ul {
	margin: 0 0 .1em 0;
	list-style-type:none;
	font-size:1.2em;
	}
	
	#content-left li a	{   display: block; text-decoration: none; padding:.2em; border: 1px solid #999; margin-bottom :.2em; }  
	#content-left li a:link { color: #333; }	
	#content-left li a:visited { color: #333; }									
	#content-left li a:active  { 	color: #fff; background: #EF7069; }
	#content-left li a:hover { 	color: #fff; background: #EF7069; }

	/*
	
	.box { width:20em;    background:url('images/picbox/pbox-b-lt.jpg') 	n0-repeat left bottom; }
	
	.box-outer { background:url('images/picbox/pbox-b-rt.jpg') no-repeat right bottom; }
	
	.box-inner { background:url('images/picbox/pbox-t-lt.jpg') no-repeat left top; }
	
	.box-pic { background:url('images/picbox/pbox-t-rt.jpg') no-repeat right top; 
	padding-top: 10px;
	padding-left:10px;
	padding-right:10px;
	}
	
	.box h2, .box p {
	padding-left:10px;
	padding-right:10px;
	}
	
	*/
	
	
	#content-pics-main {
	width:550px;
	float:left;
	border: 1px #999 solid;
	margin-bottom:10px;
	font-size:130%;
	}
	
	#content-pics-pic {
	margin:0;
	padding:0;
	float:left;
	padding: 10px;
	font-size:90%;
	}
	
	#content-pics-pic .border {
	border: 1px #000 solid;
	}
	
	#content-pics-text {
	clear:both;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-size:90%;
	
	}
	
		

#content-pics-cards {
	width:580px;
	float:left;
	border: 1px #999 solid;
	margin-bottom:10px;
	font-size:150%;
	padding-left:5px;
	padding-top:5px;
	}
	
#topofpage {
	width:500px;
	clear:both;
	padding-left:10px;
	}
	
/* footer container */

#footer	{
	clear: both;
	padding: .5em;
	border-top: 1px  solid #999;
	font-size:1.2em;
	}







