/******************************
 * Capsys Main CSS
 *
 *
 * by: Grace Pok (www.gracepok.com)
 *
 *
 *
 * Color Scheme:
 * 		Background Tan: b6b5a3  -- using GIF because the color doesn't show correctly on some PCs
 * 		Blue: 30319D
 * 		Orange: ff7b33
 *
 * 		text: #5A5A5A
 *
 *
 */


body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #b6b5a3 url('https://a4eb5d.claudeassets.com/20250325020754im_/https://www.capsyscorp.com/graphics/capsys_bg.gif') scroll repeat;
	min-width: 1000px;
	color: #5A5A5A;
}

a {	color: #5A5A5A; }
a:link {color: #5A5A5A}     /* unvisited link */
a:visited {color:#5A5A5A}  /* visited link */
a:hover {color:#ff7733}   /* mouse over link */
a:active {color:#ff7733}   /* selected link */

/* Main Structure
---------------------------------------------------*/
#wrapper {
	margin-bottom: 20px;
}
#logodiv {
	height: 105px;
	padding-left: 48px;
	background: url("https://bb15bd.claudeassets.com/20250325020754im_/https://www.capsyscorp.com/graphics/capsys_bg_orange.gif") repeat scroll 0 0 #B6B5A3;
}
#logodiv img {
	margin-top: 30px;
	margin-bottom: 30px;
}

#menulist {
	border-color: #30319D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;

	padding-left: 94px;
}

#slogan {
	float: left;
	width: 94px;
	height: 410px;
	background: transparent url('https://82a461.claudeassets.com/20250325020754im_/https://www.capsyscorp.com/graphics/slogan.gif') no-repeat scroll 48px 10px;
}

#contentwrap {
	margin-left: 94px;
	border-top: 22px solid #223e92;
	background-color: white;
}
#bgwrap {
	float: left;
}

/*
---------------------------------------------------*/
#sectiontitle {
	height: 74px;
	color: #ff7b33;
}
#sectiontitle h1 {
	font-size: 16px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	width: 840px;
}
#content {
	/* width needed so the description doesn't wrap around */
	width: 880px;
	font-size: small;
	padding-left: 20px;
	min-height: 400px;
}

#content li {
	margin-bottom: 10px;
	line-height: 1.4;
}
/* Regular pages
---------------------------------------------------*/
#imagepane, #contentpane {
	margin-top: 30px;
	float: left;
}
#imagepane {
	width: 330px;
}
#imagepane  img {
	width: 310px;
	margin-bottom: 15px;
}
#contentpane {
	font-size: small;
	width: 	490px;
	text-align: justify;
}
#contentpane h1 {
	font-size: 110%;
	padding-left: 17px;
	margin-top: 30px;
	background: transparent url('https://e5b253.claudeassets.com/20250325020754im_/https://www.capsyscorp.com/graphics/bulletsq.gif') no-repeat left center ;
}
#contentpane h1.first { margin-top: 0px;}
#contentpane p {
	font-size: 90%;
	line-height: 1.4;
}



/* Home page -- special layout
---------------------------------------------------*/
#home_pg #content {
	width: auto;
}
#home_pg #contentpane {
	float: none;
	padding: 0;
	padding-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: auto;
}
#home_pg #contentpane img {
	margin-bottom: 10px;
}
#home_pg #moviepane, #home_pg #textarea {
	float : left;
}
#home_pg #moviepane {
	width: 240px;
}
#home_pg #moviepane p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: gray;
}
#home_pg #textarea {
	width: 490px;
	padding-left: 15px;
	font-size: 95%;
}
#home_pg #textarea p {
	line-height: 1.3;
	margin: 0; margin-bottom: 5px;
}


/* Bottom Link Pages
---------------------------------------------------*/
.utilpage #content {
	width: 800px;
	text-align: justify;
}
.utilpage #content h1 {
	font-size: 110%;
}
.utilpage #content h2 {
	font-size: 100%;
}
.utilpage #content p, .utilpage #content ul {
	font-size: 95%;
}
.utilpage #sectiontitle {
	display: none;
}
div#content p a img {
	border: 0;
}

/* Projects Page
---------------------------------------------------*/

#projlist {
	float: left;
	width: 150px;
	padding: 0 5px 0 0;
}
#gallery {
	float: left;
	width: 460px;
}
#gallery img#bigpix {  /* 3:2 ratio */
	margin-left: 1px; /* to account for thumbnail border */

	width: 450px;
	height: 300px;
}
#thumbframe {
	margin-top: 5px;
}
#gallery #thumbframe a {
	margin: 0; padding: 0;
	padding-right: 3px;
}
#gallery #thumbframe a img{
	width: 86px;
	height: 57px;
	border: 1px solid #ddd;

}
#gallery #thumbframe a:hover img {
	border: 1px solid #FF7733;
}

#projinfo {
	float: left;
	width: 230px;
	padding: 0 5px;
}

/* Projects Page Text Formatting
---------------------------------------------------*/
#projlist, #projinfo { font-size: small;}
#projlist p a {
	display: block;
	margin: 5px;
	margin-left: 0;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom: 1px dotted #b6b5a3;
}
#projlist p { margin: 0; padding: 0;}
#projinfo h2 {
	font-size: 100%;
	margin: 0 0 10px 0;
}
#projinfo .projloc {
	font-weight: normal;
	display: block;
}
#projinfo p {
	font-size: 85%;
	line-height: 1.3;
	border-bottom: 1px dotted #b6b5a3;
	padding-bottom: 3px;
	margin-bottom: 3px;
	margin-top: 0;
}
#projinfo .projdesc {
	margin-bottom: 3em;
	border-bottom: none;
}

/* Footer
---------------------------------------------------*/
#footerwrap { /* only for IE6 to not flicker when resizing windows*/
	border-top: 15px solid #b6b5a3;
	background-color: #ff7b33;
}
#footer {
	background-color: #ff7b33;
	display: inline-block; /* for IE6 to wrap around the contents */
	width: 890px;
}
#footer ul {
	float: left;
	list-style-type: none;
	padding: 5px 0 5px 15px;
	margin: 0;
	width: 670px;
	font-size: 11px;
	background-color: white;
}
#footer ul li {
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #999;
	margin-right: 10px;
}
#footer ul li.last {
	border-right-width: 0px;
}
#footer ul li a {
	color: #999;
	text-decoration: none;
}
#footer p {
	float: left;
	width: 180px;
	margin: 0;
	padding : 5px 0px 5px 10px;  /* match padding of links in footer */
	font-size: 11px;

	background-color: #ff7b33;
	color: white;
}
#footer p.copyright {
	padding-left: 5px;
}
#footer p.copyright img {
		vertical-align: text-top;
}

/* Contact us -- special layout */
#contact_map
{
    margin-top: 30px;
	margin-right: 30px;
	float: left;
	width: 500px;
}

#contentpane.contact_address
{
	width: 300px;
}

.capsys_process_slideshow
{
	display: none;
}

#slideshowContent
{
	display: none;
	height: 0px;
}

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }

/* Utility
---------------------------------------------------*/
.hidden {
	visibility: hidden;
}
.clear{
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 0px;
	display: block;
	clear: both;
	overflow: hidden;
	height: 0px;
	background: transparent;
}

/*
     FILE ARCHIVED ON 16:46:49 Jun 04, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:28:41 Jun 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.516
  exclusion.robots: 0.046
  exclusion.robots.policy: 0.036
  esindex: 0.01
  cdx.remote: 17.335
  LoadShardBlock: 192.192 (3)
  PetaboxLoader3.resolve: 160.498 (4)
  PetaboxLoader3.datanode: 111.76 (5)
  load_resource: 113.845
  loaddict: 28.104
*/