html,body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	font-family: Verdana;
	font-size: 12px;
}

img { display: block; } /* necessary with strict doctype to avoid a little extra space below imgs in Firefox */

h1, h2 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 20px;
	font-variant: small-caps;
}
h2 {
	font-size: 16px;
	letter-spacing: 0px;
}

a:link, a:visited {
	color: #93261e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.anchor {
	position: relative;
}

/*** forms ***/
.jtForm input[type="text"] {
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	height: 19px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #c3c3c3;
}

.jtForm select {
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	border: 1px solid #999999;
}

.jtForm textarea {
	font-family: Verdana;
	font-size: 12px;
	width: 100%;
	height: 120px;
	border: 1px solid #999999;
}

.error {
	color: #a93422;
}
/*** end forms ***/

/* main table */
.mainLeft {
	width: 50%;
	background: url(../images/main_table/l.gif) right top repeat-y;
}
.mainRight {
	width: 50%;
	background: url(../images/main_table/r.gif) left top repeat-y;
}
.mainLeft div, .mainRight div {
	width: 10px;
	overflow: hidden;
}
.mainMiddle {
	width: 980px;
}
.mainBottomLeft {
	background: url(../images/main_table/bl.gif) right top no-repeat;
}
.mainBottom {
	background: url(../images/main_table/b.gif) left top repeat-x;
}
.mainBottomRight {
	background: url(../images/main_table/br.gif) left top no-repeat;
}

.footer {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 5px;
	font-size: 9px;
}
.footer a:link, .footer a:visited {
	color: black;
	text-decoration: underline;
}
.footer a:hover {
	color: black;
	text-decoration: none;
}

.contentCell {
	width: 980px;
}
.freeEstimate {
	position: absolute;
	margin-left: 725px;
	margin-top: 3px;
}
.mainLogo {
	width: 225px;
	height: 104px;
	padding: 13px 0px;
	margin-left: auto;
	margin-right: auto;
}

.redBar {
	margin-top: 10px;
	height: 35px;
	background-color: #a93422;
}
.patternBar {
	margin-top: 5px;
	height: 26px;
	background: url(../images/main_table/pattern.gif) left top repeat-x;
}
.makeLifeColorful {
	margin-top: 15px;
	height: 121px;
	background: url(../images/main_table/make_life_colorful.gif) center top no-repeat;
}

.contentContainer a:link img, .contentContainer a:visited img {
	border: 1px solid black;
}
.contentContainer a:hover img {
	border: 1px solid #17773e;
}
/* end main table */

/* menu */
.menu {
	width: 100%;
	margin-bottom: 9px;
}
.menu td {
	background: url(../images/menu/bottom_bar.gif) left bottom repeat-x;
}
.menu a:link img, .menu a:visited img {
	border-bottom: 6px solid #e8e9e3;
}
.menu a:hover img {
	border-bottom: 6px solid #91916f;
}
/* end menu */

/* content */
.blockContent {
	padding: 30px 15px 15px 27px;
	background: #ececec url(../images/content/block_back.gif) left top no-repeat;
}
/* end content */

/* home */
.homeImageContainer {
	position: relative;
	width: 978px;
	height: 584px;
	border: 1px solid #e8e9e3;
}
.swapDiv {
	position: absolute;
	overflow: hidden;
	width: 978px;
	height: 584px;
}
/* end home */

/* portfolio */
.portfoliosContainer {
	width: 100%;
}
.portfoliosContainer a:link, .blackGreenLink a:link, .portfoliosContainer a:visited, .blackGreenLink a:visited {
	color: black;
	text-decoration: none;
}
.portfoliosContainer a:hover, .blackGreenLink a:hover {
	color: #17773e;
	text-decoration: none;
}
/* end portfolio */

/* contact */
/* end contact */

/* load status */
.loadStatus {
	position: fixed;
	_position: absolute;
	display: none;
	z-index: 100;
	width: 164px;
	height: 64px;
	padding-left: 18px;
	padding-top: 14px;
	background: url(../images/status/back.png) top left no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/status/back.png',sizingMethod='crop');
}
/* end load status */

/*** slips ***/
.modalShade { 
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/slip/modal_back.png) repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/modal_back.png',sizingMethod='scale');
	_background-repeat: none;
}
.modalShade iframe {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
}
#detailModalShade { z-index: 40; }
#detailSlipContainer { z-index: 41; }
#mediaModalShade { z-index: 50; }
#mediaSlipContainer { z-index: 51; }
.slipTable { position: relative; }
.slipClose, .slipCloseHover {
	position: absolute;
	z-index: 10; /* just need some z-indexing to make sure it will ride above the slip's contents */
	width: 30px; height: 30px;
	cursor: pointer;
	margin-left: -6px;
	margin-top: -1px;
}
.slipClose {
	background: url(../images/slip/close.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/close.png',sizingMethod='crop');
}
.slipCloseHover {
	background: url(../images/slip/close_on.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/close_on.png',sizingMethod='crop');
}
.slipContainer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.slipScrollContainer {
	overflow: hidden;
	position: relative;
}
.slipScroll {
	position: relative;
}
/*** peekaboo bug fix for ie6 (float evilness in ie's lameness) ***/
.slipContent {
	position: absolute;
	_zoom: 1;
	dpadding: 8px;
}
.slipContainer .topScale {
	position: absolute;
	margin-top: -6px;
	font-size: 7pt;
}
.slipContainer .topLeft {
	background: url(../images/slip/tl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/tl.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .topRight {
	background: url(../images/slip/tr.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/tr.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .bottomLeft {
	background: url(../images/slip/bl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/bl.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .bottomRight {
	background: url(../images/slip/br.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/br.png',sizingMethod='crop');
	width: 21px;
	height: 21px;
}
.slipContainer .top{
	background: url(../images/slip/t.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/t.png',sizingMethod='scale');
	height: 21px;
}
.slipContainer .bottom{
	background: url(../images/slip/b.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/b.png',sizingMethod='scale');
	height: 21px;
}
.slipContainer .left {
	background: url(../images/slip/l.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/l.png',sizingMethod='scale');
	width: 21px;
}
.slipContainer .middle {
	background: white;
}
.slipContainer .right {
	background: url(../images/slip/r.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/slip/r.png',sizingMethod='scale');
	width: 21px;
}

.slipScroller {
	overflow: hidden;
}

.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.slipContainer .middle a:link img, .slipContainer .middle a:visited img {
	border: 1px solid black;
}
.slipContainer .middle a:hover img {
	border: 1px solid #17773e;
}

.slipLogo {
	width: 103px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

.slipRedBar {
	margin-top: 10px;
	height: 18px;
	overflow: hidden;
	background-color: #a93422;
}
/*** end slips ***/
