html, body {
	margin:					0;
	padding:				0;
	background:				#171717;
}

body {
	background:#000 url(/media/images/layout/wood.gif);
	font:100% "Lucida Sans Unicode", Helvetica, sans-serif;
}

/* -------------------------------------
/*  Baseline values for browser consistency
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, input, select, option 
{
	margin:					0;
	padding:				0;
}

img
{
	margin:					0;
	padding:				0;
	border:					0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}

.center {text-align:center;}
/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link, a:visited {
	color:					#3FACE2;
	text-decoration:		underline;
}

a:hover {
	text-decoration:		none;
}

.clear {
	clear:					both;
	height:					10px;
	padding:				0;
	margin:					0;
	font-size: 				0;
	line-height: 			0;
}

/*-------------------------------------
 	Positioning / Layout
---------------------------------------*/
#ivy a {float:left;position:absolute;cursor:default;width:167px;height:386px;padding:0;margin:0 -40px 0 0;z-index:100;background:url(/media/images/layout/ivy-cut.png) no-repeat;}
#jcluvskc {float:right;position:relative;cursor:default;width:90px;height:105px;padding:0;margin:0 0 0 -5px;z-index:0;background:url(/media/images/layout/jcluvskc.png) no-repeat;}

#topline {
	height:20px;
	background:url(/media/images/layout/topline.gif) repeat-x;
	font-size:10px;
	color:#3FACE2;
	text-align:center;
	padding:2px;
	letter-spacing:2px;
	text-transform:uppercase;
}
#topline a {text-decoration:none;}
#topline a:hover {text-decoration:underline;}

#container {margin:0 auto;padding:0;width:960px}

#header {width:960px}
#header h1 {display:none;}
#logo {float:left;width:225px;height:127px;background:url(/media/images/layout/catoegroup-wood-grey.png) no-repeat;}
#logo a {float:left;position:absolute;width:225px;height:127px;}
#topcontent {float:left;margin:0 0 0 35px;width:700px;height:127px;text-align:left;color:#CCC;}
/* #topcontent h1 { font-size: .8em; line-height: 1em; color:#3FACE2; text-align:right; font-weight: normal; margin: 1em 0 0 0; padding: 0; display: block; }*/
#topcontent h2 { font-size: 1.5em; line-height: 1em; color:#3FACE2; font-weight: normal; margin: 1.8em 0 0 0; padding: 0; display: block; }
#topcontent h3 { font-size: 1.2em; line-height: 1.3em; color: #f1f1f1; font-weight: normal; margin: 0 0 3px 0; padding: 0; }
#bottomcontent { float:left;display:block;width:910px;margin:0 25px 0 25px;height:100px;text-align:left;color:#CCC;}
#bottomcontent h2 { font-size: 1.5em; line-height: 1em; color:#3FACE2; font-weight: normal; margin: 0 0 0 0; padding: 0; display: block; }
#bottomcontent h3 { font-size: 1.2em; line-height: 1.3em; color: #f1f1f1; font-weight: normal; margin: 0 0 3px 0; padding: 0; }

#footer {clear:both;width:100%;margin:0;padding:0;background:#171717;border-top:3px solid #000;}
#footer-container {width:960px;margin:0 auto;padding:0;color:#f1f1f1;font-size:11px;}
.footer-column {
	float:					left;
	width:					465px;
	margin:					0;
	padding:				5px;
}

.footer-column2 {
	float:					left;
	width:					475px;
	padding:				5px;
	margin:					0;
}

#footer form{float:right;margin:14px 0;padding:0;width:445px;background-color:#383838;}
#footer fieldset{border:none;padding:0;margin:0;}
#footer legend{width:150px;color:#f1f1f1;font-size:14px;padding:0 0 0 10px;margin:3px 0;}
#footer fieldset label{float:left;color:#3FACE2;padding:0;display:inline;width:150px;line-height:20px;margin: 3px 10px;text-align:center;background: #383838 /*url("/media/images/layout/arrow.png") no-repeat right center*/}
#footer input,textarea{margin:2px 0 8px;border:1px solid #ccc;width: 250px}
#footer input{height: 20px;padding:3px;}
#footer br{clear:left}
#footer input#go2{color:#EA3A41;margin:1px 0 4px 170px;border-style:solid;border-color: #FFF #333 #333 #FFF;border-width:1px 1px 1px 1px;background: #CCC;width:50px;height:25px}

#footer .copyright { text-align:right; }

#scanalert {text-align:center;padding:14px 0;margin:0;border:0;}

/*-------------------------------------
 	Case Work
---------------------------------------*/
#minipics {clear:both;margin:0;padding:0;}
div#minipics ul{list-style:none;margin:0 10px;padding:0}
div#minipics li{float:left;width:210px;margin:10px 10px 10px 15px;background-color:#F4F4F4}
div#minipics li img{display:block;width:190px;height:136px;margin:5px 10px 3px 10px;border:0}

div#minipics a {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:12px;
		text-decoration:none;
		text-align:right;
		font-weight:normal;
		color:#000;
		display:block;
		width:200px;
	}
div#minipics a:hover {
		background:url(/media/images/layout/arrow.png) right bottom no-repeat;
		text-decoration:underline;
		text-align:center
	}
	
#bigpics {clear:both;margin:0 auto;padding:0;}
div#bigpics ul{list-style:none;margin:0 10px;padding:0}
div#bigpics li{float:left;width:915px;margin:10px 0px 10px 15px;background-color:#F4F4F4}
div#bigpics li img{display:block;width:895px;height:300px;margin:5px 10px 3px 10px;border:0}

div#bigpics a {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-size:12px;
		text-decoration:none;
		text-align:right;
		font-weight:normal;
		color:#000;
		display:block;
		width:895px;
	}
div#bigpics a:hover {
		background:url(/media/images/layout/arrow.png) right bottom no-repeat;
		text-decoration:underline;
		text-align:center
	}

/*-------------------------------------
 	PayMyBill
---------------------------------------*/
#paymybillcontainer {
	margin:40px 0 10px 240px;
	padding:20px;
}
#paymybillcontainer-thankyou {
	margin:0 0 10px 240px;
	padding:20px;
}
#paymybill, #paymybill-google {
	clear:both;
	display:block;
	margin:0;
	padding:0;	
}
#paymybill-thankyou {
	clear:both;
	display:block;
	margin:0;
	background:#F4F4F4;	
}
#paymybill-thankyou p {
	color:#3FACE2;
	padding:12px;
}
#paymybill form, #paymybill-google form {
	background:#F4F4F4;
	padding:12px;
	margin:0;
}
#paymybill form fieldset, #paymybill-google form fieldset {
	border:none;
	padding:0;
	margin:0;
}
#paymybill form fieldset legend {
	font-size:1.1em;
	color:#3FACE2;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 90px;
	display:block;
	background:url(/media/images/layout/paypal_checkout.gif) no-repeat;
}
#paymybill-google form fieldset legend {
	font-size:1.1em;
	color:#3FACE2;
	font-weight:bold;
	margin:0;
	padding:0 0 10px 90px;
	display:block;
	background:url(/media/images/layout/google_checkout.gif) no-repeat;
}
#paymybillquestions h4 {
	color:#999;
	margin:10px 0 0 0;
}
#paymybillquestions {
	color:#CCC;
	background:#171717;
	margin-top:20px;
}

/*-------------------------------------
	Nifty
---------------------------------------*/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height:1px;overflow:hidden}
.r1{margin:0 5px}
.r2{margin:0 3px}
.r3{margin:0 2px}
.r4{margin:0 1px;height:2px}

.rs1{margin:0 2px}
.rs2{margin:0 1px}

/*-------------------------------------
	Contact Catoe Group
---------------------------------------*/

#contact-outer {
	float:					left;
	width:					100%;
	margin-top:				-4px;
	margin-bottom:			16px;
	background:				#171717;
	display:				none;
	border-bottom:			1px solid #000;
}

#contact-inner {
	margin:					0 auto;
	width:					960px;
	padding:				0;
	background:				#171717;
	height:					350px;
}

.contact-column {
	float:					left;
	width:					344px;
	margin:					0;
	padding:				0 0 0 15px;
}

#jonathan {width:340px;height:239px;background:url(/media/images/layout/jonathan-.png) no-repeat;}

.contact-column2 {
	float:					left;
	width:					585px;
	padding:				0 0 0 15px;
	margin:					0;
}

.contact-column ul li {
	padding:				3px 0
}

.contact-column ul li li {
	padding:				3px 0 3px 15px
}

.contact-column h2 {
	font-size:				16px;
	color:					#3FACE2;
	padding: 				0 0 0 15px;
	margin:0;
}

.contact-column h3 {
	font-size:				14px;
	color:					#3FACE2;
	padding: 				0 0 0 15px;
	margin:0;
}

.contact-column p {
	font-size:				12px;
	color:					#f1f1f1;
	padding: 				0 0 0 15px;
	margin:0;
}

.contact-column2 h1 {
	font-size:				18px;
	color:					#3FACE2;
	padding:				0;
	margin:					0;
}
.contact-column2 h2 {
	font-size:				16px;
	color:					#3FACE2;
	padding:				0;
	margin:					0;
}
.contact-column2 h3 {
	font-size:				14px;
	color:					#3FACE2;
	padding:				0;
	margin:					10px 0;
}
.contact-column2 p {
	font-size:				12px;
	color:					#f1f1f1;
	padding:				0;
	margin:					2px 0 3px 0;
}

.contact-column h3 a:link, .contact-column h3 a:visited {
	color:					#fff
}

#contact-inner form{margin-top:14px;width:570px;background-color:#383838;padding:0;margin:0;}
#contact-inner fieldset{padding:0;margin:0;border:0px solid #000;}
#contact-inner legend{color:#f1f1f1;padding:0 0 0 10px;margin:0;height:0px;}
#contact-inner fieldset label{float:left;display:inline;color:#3FACE2;width:150px;line-height:30px;padding:0;margin:3px 10px;text-align:center;background: #222 /*url("/media/images/layout/arrow.png") no-repeat right center*/}
#contact-inner input,textarea{margin:3px 0 8px;border-style:solid;border:1px solid #ccc;width:375px}
#contact-inner input.verification{width:120px;margin:0 3px 0 170px;}
#contact-inner input{height:20px;padding:3px;}
#contact-inner textarea{padding:3px;}
#contact-inner br{clear:left}
#contact-inner input#go{color:#3FACE2;margin:1px 0 0 40px;border:outset 1px #ccc;font-weight:bold;text-transform:uppercase;background: #eaeaea;width:70px;height:25px}

/*-------------------------------------
	SIFR
---------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0
}

.sIFR-replaced {
	visibility: visible !important
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*---- Content ----*/

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	font-size: 24px;
	line-height: 22px
}

.sIFR-hasFlash #content h2 {
	visibility: hidden;
	line-height: 22px;
	font-size: 20px;
	padding: 0;
	margin:15px 0
}

.sIFR-hasFlash #content h3 {
	visibility: hidden;
	line-height: 16px;
	font-size: 14px;
	padding: 0;
	margin:15px 0
}

.sIFR-hasFlash #content h4 {
	visibility: hidden;
	line-height: 14px;
	font-size: 12px;
	padding: 0;
	margin:5px 0
}

.sIFR-hasFlash #content em {
	visibility: hidden;
	line-height: 16px;
	font-size: 25px;
	padding: 0;
	margin:10px 0
}

/*  Verification Zoom  */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0783C3;
padding: 5px;
left: -1000px;
border: 1px solid #171717;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}


/* Online Billing */
	.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
	.myform{
		width:680px;
		padding:0px;
		margin-bottom:20px;
	}
	#onlineBilling {padding:15px;}
	/* ----------- stylized ----------- */
	#stylized{
		border:solid 0px #7e7b5b;
		background:#ECEEBD;
	}
	#stylized h3 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:12px;
		color:#444444;
		margin-bottom:20px;
		border-bottom:solid 1px #C6C89B;
		padding-bottom:10px;
	}
	#stylized label{
		font-size:12px;
		display:block;
		font-weight:bold;
		text-align:right;
		width:150px;
		float:left;
		clear:left;
	}
	#stylized label.error {position:relative; color:#cc0000; top:0;left:0;}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:150px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #C6C89B;
		width:446px;
		margin:2px 0 20px 10px;
	}
	#stylized input.error{
		border:solid 1px #cc0000;
	}
	#stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #C6C89B;
		width:446px;
		margin:2px 0 20px 10px;
	}
	#stylized img{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #C6C89B;
		margin:2px 0 3px 10px;
	}
	#stylized #attach{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #C6C89B;
		width:446px;
		margin:2px 0 20px 10px;
		background:#fff;
	}
	#stylized input.submit {background:#181818;color:#ffffff;}
	#stylized button{ 
		margin:0;padding:0;
		border:0;
		clear:both;
		margin-left:160px;
		width:125px;
		height:31px;
		background:#666666 url(/media/images/layout/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
/* End Online Billing */