
body {
	margin: 0;
	background-color: #3a3a3a;
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	background-image: url('../images/bkg_html.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

table {
	font-family: verdana, arial, helvetica;
	font-size: 10pt;
	color: white;
}

.hilite {color: red;}

a {
	text-decoration: none;
	color: red
}
a:hover {
	text-decoration: underline;
	color: white;
}
img {border: 0px;}

#main {
	width: 1000px; 
}

#logo img {width: 378px; height: 110px;}

#menu {
	vertical-align: bottom;
	align: right;
	padding-right: 10px;
}

#menu a {
	padding-right: 20px;
	background-image: url('../images/bkg_menu.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

#menu a.lastoption {padding-right: 2px;}

#menu a img {
	border-bottom: 2px solid #5d1a1e;
}


#menu a:hover img {
	border-bottom: 2px solid #dc030e;
}


#main td.body {
	padding-top: 10px;
	vertical-align: top;
	align: center;
}
#content {
	border: 1px solid #161616;
	width: 872px;
	background-color: #1f1f1f;

}
#content td.layer0 {
	vertical-align: top;
}
#content td.layer0 img {
	border-bottom: 1px solid #363636;
}

#content td.layer1 {padding: 20 15 5 15;
}
#content td.layer2 {padding: 15 10 15 15;}
#index #content td.layer3 {padding: 0 15 15 15;}

#layer1_tbl {width: 100%;}
#layer1_tbl {width: 840px;}

#layer1_tbl td.title {
	padding-left: 15px;
	vertical-align: top;
}
#layer1_tbl td.pictures {
	width: 380px;
	text-align: center;
}
#layer1_tbl .text {padding: 10 0 10 0;}

td.layer2_1, td.layer2_3 {
	vertical-align: top;
	padding: 15 15 15 15;
	background-color: #282828;
	background-image: url('../images/bkg_frame.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid #282828;
border: 1px solid #3e3e3e;
}

td.layer2_2 {width: 15px;}

#layer2_tbl td.title {
	padding-bottom: 3px;
	border-bottom: 1px solid #3e3e3e;

}

#whatsnew {width: 500px;}
#whatsnew td.image {
	padding: 15 0 10 15;
	width: 214px;
	vertical align: top;
}
#whatsnew td.text {
	padding: 15 10 10 15;
	vertical-align: top;
}
#whatsnew a img {border: 2px solid #282828;}
#whatsnew a img {border: 4px solid #ffffff;}
#whatsnew a img {border: 3px solid #ffffff;}
#whatsnew a:hover img {border: 2px solid #dc030e;}
#whatsnew a:hover img {border: 4px solid #dc030e;}
#whatsnew a:hover img {border: 3px solid #dc030e;}


#upcomingevents {width: 265px;}
#upcomingevents td.text {padding: 0 0 30 0;} 
#upcomingevents td.text {padding: 0 0 12 0;} 
#upcomingevents .heading {
	padding: 15 5 0 5;
	font-weight: bold;
} 
#upcomingevents .details {
	padding: 5 5 10 20;
	padding: 5 5 0 20;
	font-size: 8pt;
	font-size: 10pt;
} 

#upcomingevents .details {
	padding-top: 15;

}


#upcomingevents .details a img {border: 3px solid #ffffff;}
#upcomingevents .details a:hover img {border: 3px solid #dc030e;}
#upcomingevents .details img {
	margin-top: 8px; 
	width: 180px; height: 122px;
}




.frame {
border: 1px solid #333333;
	background-color: #242424;
	padding: 15px;
border: 1px solid #282828;
border: 1px solid #3e3e3e;
}

#portfolio_tbl {
	width: 805px;
}
#portfolio_tbl td.text {
	vertical-align: top;
	padding: 10 15 0 15;
}

#portfolio {
	width: 800px;
}

#portfolio td.text {
	vertical-align: top;
	padding-top: 10;
	padding-left: 15px;
	padding-bottom: 5px;
}
#portContent a {
	color: white;
}
#portfolio td.more a {
	font-style: italic;
}
#portContent .image td {align: center;}

#portContent .text td {
	padding: 5 15 15 4;
	font-size: 8pt;
	width: 100px;
	text-align: left;
	vertical-align: top;
}

#portContent a img {border: 2px solid #242424;}
#portContent a img {border: 2px solid #ffffff;}

#portContent a:hover img {border: 2px solid #dc030e;}


#content td.layer8 {padding: 25 25 5 25; text-align: center;}

#content td.layer9 {padding-top: 100px;}


#footer {
	width: 100%;
	background-color: #171717;
	font-size: 8pt;
}
#footer td {
	width: 33%; 
	padding: 15 15 10 15;
}

#paging {
	width: 100%;
	padding: 20px;
	text-align: right;
}

.shadowframe td.content {
	border-left: 1px solid #141414;
	border-bottom: 1px solid #141414;
}
td.shadowRight {
	background-image: url('../images/bkg_shadowRight.gif');
	background-repeat: repeat-y;
}
td.shadowBottom {
	background-image: url('../images/bkg_shadowBottom.gif');
	background-repeat: repeat-x;
}

/*---------------------------*/


#services #layer2_tbl {width: 800px;}

#index #layer2_tbl {width: 840px;}

#services .frame {text-align: center;}

#services td.images {text-align: center;padding: 15 0 15 0;}
#services #layer4_tbl {width: 840px;}
#services td.layer3 {padding: 20 15 20 15;}
#services td.layer4 {padding: 15px;}
#services td.layer4_1, #services td.layer4_3 {
	width: 380px; 
	background-color: #242424;
	padding: 15 15 30 15;
	vertical-align: top;
	border: 1px solid #333333;
border: 1px solid #282828;
}
#services td.subtitle {padding-bottom: 15px;}

#services #layer4_tbl table {width: 100%;}
#services #layer2_tbl span {padding: 0 4 0 4; vertical-align: middle;}
#services #layer3_tbl span {padding: 0 10 0 10; vertical-align: middle;}
#services #layer3_tbl td.images img  {border: 5px solid white;}
#services #layer2_tbl td.images, #services #layer4_tbl td.images {padding-top: 0px; padding-bottom: 0px;background-color: #242424;}


/*---------------------------*/
#portfolio .frame, #whatsnew .frame {
	padding-bottom: 25px;
	width: 840px;
	width: 814px;
	text-align: center;
}
/*
#portfolio .box {
	display: table-cell;
	margin: 15 0 0 15;
	padding: 10 15 10 15;
	width: 172px;
	height: 200px;
	vertical-align: top;
	background-color: #404040;
	border: 1px solid #575757;
}
*/

#portfolio .boxPortrait,  #portfolio .boxLandscape {
	display: table-cell;
	margin: 15 0 0 15;
	padding: 10 15 10 15;
	width: 175px;
	height: 220px;
	vertical-align: top;
	background-color: #404040;
	border: 1px solid #575757;
/*	text-align: left;
*/
}
#portfolio .boxLandscape img {
	width: 140x;
	height: 100px;
}
#portfolio .boxPortrait img {
	width: 86px;
	height: 120px;
}
#portfolio img.boxPortrait {
	width: 86px;
	height: 120px;
}

#portfolio .boxLandscape .image {
	width: 140px;
	height: 100px;
	text-align: center;
}
#portfolio .boxPortrait .image {
	width: 86px;
	height: 120px;
	text-align: center;
}
#portfolio .frame a img {
	text-decoration: none;
	border: 2px solid #ffffff;
}
#portfolio .frame a:hover img {
	text-decoration: none;
	border: 2px solid #dc030e;
}
#portfolio .frame .title, #portfolio .frame .text {
	font-size: 8pt;
}
#portfolio .frame .title {
	padding: 7 0 0 0;
	font-weight: bold;
}
#portfolio .frame .text {padding: 0 0 5 0;}

/*---------------------------*/

#portfolio_sub .frame {
width: 840px;
width: 800px;
}

#portfolio_sub .layer2_tbl {width: 810px;}

#portfolio_sub td.preview {
padding-top: 10px;
padding-left: 30px;
padding-bottom: 10px;
width: 240px;
width: 370px;
}
#portfolio_sub td.preview img {
	border: 0px solid white;
}
#portfolio_sub td.description {
	padding: 15;
}
#portfolio_sub td.thumb {
padding: 0 5 10 15;
padding: 0 5 10 5;  /* for 180x120 */
vertical-align: top;

}

#portfolio_sub .description .title {color: red;}


/*test only */

#portfolio_sub .thumb img {width: 180px; height: 120px;}  
#portfolio_sub #port_107 .thumb img {width: 180px; height: 107px;}  
#portfolio_sub #port_105 .thumb img {width: 180px; height: 105px;}  
#portfolio_sub #port_99 .thumb img {width: 180px; height: 99px;}  


#portfolio_sub .ltfd .thumb img {width: 180px; height: 135px;}

#portfolio_sub .thumb a img {
	border: 2px solid white; 
	margin-top: 10px;
	margin-left: 10px;
}

#portfolio_sub .thumb a:hover img {border: 2px solid red;}

#portfolio_sub .thumbonly img {
	border: 2px solid white;
	margin-top: 10px;
	margin-left: 10px;
}
#portfolio_sub .thumbonly img.normalImg {border-color: white;}
#portfolio_sub .thumbonly img.hiliteImg {border-color: red;}


/*------------------------------------------*/
#allPortfolio {width: 800px;} 


#portfolio .frame #allPortfolio a img {
	text-decoration: none;
	border: 0px solid #ffffff;
}
#portfolio .frame #allPortfolio a:hover img {
	text-decoration: none;
	border: 0px solid #dc030e;
}

#allPortfolio .prevImage td {
	text-align: center;
}

#portfolio .frame #allPortfolio .prevText td {
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 70px;
}
#allPortfolio .prevSpacer td {height: 30px;}

/*------------------------------------------*/

.pricelist td {
	border: 1px solid white;
}
.pricelist .heading td {background-color: #722c2c;}
.oddrow td, .evenrow td {text-align: center;}
.pricelist td.regprice {color: #666666;}

#contactme #layer2_tbl td {padding: 5px;}
#contactme #layer2_tbl td.text {padding: 25px}

#disclaimer {
	font-size: 7pt;
	color: #444444;
	height: 50px;
	padding: 10 30 10 30;
}

table td.note {color: #dddddd;}

#bkgmusic {}

.filename {
	text-align: center; 
	margin-left: 10px;
	width: 185px; 
	height: 30px; 
	padding-bottom: 10px; 
	display: table-cell;
}
td.notes {padding-bottom: 40px;}
td.notes0 {padding-bottom: 40px;padding-left: 40px; padding-right: 40px;}

.blankimg {width: 180px; height: 120px;}

.banner_ad {
	font-size: 16pt;
	color: white;
	font-weight: bold;
	font-style: italic;
	padding: 30px 10px 20px 30px;
}
.banner_ad a {
	text-decoration: none;
	color: yellow;
}

.banner_ad a:hover {
	text-decoration: none;
	color: white;
}
