#page_width_index { width: 970px; background: url(../images/page-bg.jpg) no-repeat #252525; }
#page_width_index2 { width: 970px; background: url(../images/page-bg1.jpg) no-repeat #252525; }
#page_width_components { width: 970px; background: url(../images/page-bg2.jpg) no-repeat #252525; }
#page_width_layouts { width: 970px; background: url(../images/page-bg3.jpg) no-repeat #252525; }
#page_width_elements { width: 970px; background: url(../images/page-bg4.jpg) no-repeat #252525; }
#page_width_parks { width: 970px; background: url(../images/page-bg5.jpg) no-repeat #252525; }
#page_width_contact { width: 970px; background: url(../images/page-bg6.jpg) no-repeat #252525; }
.center { width: 970px; position: relative; text-align: left; }
body { background: url(../images/bg.jpg) repeat-x #252525; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
	
a:link, a:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; }
a:hover { color: #B6E0B9; text-decoration: underline; font-size: 11px; font-weight: bold; }
a:link#imglink, a:visited#imglink { color: #000000; text-decoration: none; font-size: 13px; font-weight: normal; }
a:hover#imglink { color: #10684f; text-decoration: none; font-size: 13px; font-weight: normal; }
a:link.footer, a:visited.footer { color: #000000; text-decoration: none; font-size: 11px; font-weight: bold; }
a:hover.footer { color: #000066; text-decoration: underline; font-size: 11px; font-weight: bold; }

.big-title { font-size: 20px; font-weight: bold; }
.medium-title { font-size: 16px; font-weight: bold; }

.center-table td { text-align: center; }
	
/* Static Elements */
.menu { position: absolute; left: 124px; top: 114px; width: 740px; height: 21px; z-index: 1001; }
.catalog-link { position: absolute; left: 20px; top: 430px; width: 275px; height: 80px; }
.home-catalog-link { position: absolute; left: 28px; top: 426px; width: 261px; height: 84px; z-index: 1002; }

/* Dynamic Elements */
#image-rotation { position: absolute; left: 33px; top: 154px; width: 250px; height: 250px; }
#home-rotation { position: absolute; left: 0px; top: 58px; width: 970px; height: 625px; }
#main-content-image { position: absolute; left: 323px; top: 181px; width: 567px; background: url(../images/content-b.jpg) bottom no-repeat #d5d3d4; padding: 0px 20px 20px 20px; color: #272a6d; }
#main-content-noimage { position: absolute; left: 323px; top: 181px; width: 567px; background-color: #d5d3d4; padding: 0px 20px 20px 20px; color: #272a6d; }
#content-image { position: absolute; left: 323px; top: 200px; width: 607px; height: 291px; visibility: hidden; }
#footer { position: absolute; left: 0px; top: 20px; width: 970px; height: 100px; background: url(../images/footer-bg.jpg) no-repeat #666666; visibility: hidden; z-index: 1000; }
.footer-left { position: absolute; left: 375px; top: 70px; width: 220px; height: 20px; color: #000000; font-weight: bold; }

/* Form Elements */
form.modform fieldset {
  margin-bottom: 10px;
  border: solid 1px #FFFFFF;
}
 
form.modform legend {
  font-size: 12px;
  font-weight: bold;
  color: #136451;
}
 
form.modform em {
  	font-weight: bold;
  	font-style: normal;
	color: #f00;
}
 
form.modform label {
	display: inline-block;
	width: 100px; /* Width of labels */
	padding: 4px 0px 5px 0px;
}
 
form.modform input {
	padding: 0px 0px 0px 0px;
	margin: 0px 3px 0px 0px;
	height: 16px;
	width: 150px;
}

form.modform textarea {
	width: 148px;
}

#error {
	text-align: center;
	color: #FF0000;
}

#success {
	text-align: center;
	color: #00FF00;
}

	/* ======================================================= */

	/* Component Images */

	.component a {
		float: left;
		margin: 0px 5px 5px 0px;
		width: 170px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
		text-align: center;
		}
	
	.component a:hover {
		border-top: solid 1px #666666;
		border-left: solid 1px #666666;
		border-right: solid 1px #999999;
		border-bottom: solid 1px #999999;
		}
		
	.component img {
		padding-bottom: 0px;
		background:#FFFFFF;
		}

	/* ======================================================= */
	
	.layout a {
		float: left;
		clear: both;
		margin: 0px 5px 5px 0px;
		width: 550px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px solid #999999;
		text-align: center;
		}
	
	.layout a:hover {
		border-top: solid 1px #666666;
		border-left: solid 1px #666666;
		border-right: solid 1px #999999;
		border-bottom: solid 1px #999999;
		}
		
	.layout img {
		padding-bottom: 0px;
		background:#FFFFFF;
		}
	
	.numbers {
		float: left;
		clear: both;
		width: 540px;
		text-align: center;
		padding: 8px 10px 10px 10px;
		background: url(../images/small-background.jpg) no-repeat;
		color: #333333;
		margin: 10px 0px 10px 0px;
		}
		
	.numbers a {
		color: #999999;
		}
		
	.numbers a:hover {
		color: #FFFFFF;
		}
		
	#title-pdf {
		float: left;
		clear: both;
		background: #FFFFFF;
		width: 540px;
		padding: 10px;
		border: 1px solid #999999;
		}
		
	#title-pdf a {
		color: #666666;
		}
		
	/* ======================================================= */

	.location {
		float: left;
		width: 250px;
		clear: both;
		border-bottom: solid 1px #999999;
		padding: 5px;
		font-size: 9px;
		}
		
	a .location, a .location-alt {
		font-size: 9px;
		float: left;
		width: 250px;
		clear: both;
		border-bottom: solid 1px #999999;
		padding: 5px;
		color: #003366;
		display: block;
		text-decoration: none;
		font-weight: normal;
		}
		
	a:hover .location, a:hover .location-alt {
		float: left;
		width: 250px;
		clear: both;
		border-bottom: solid 1px #999999;
		padding: 5px;
		color: #CCCCCC;
		display: block;
		background: #333333;
		}
		
	.location-alt {
		float: left;
		width: 250px;
		clear: both;
		border-bottom: solid 1px #999999;
		padding: 5px;
		background: #CCCCCC;
		}
		
	a:hover .account {
		color: #CCFFFF;
		}
		
	.account {
		float: left;
		width: 115px;
		font-weight: bold;
		}
		
	.city {
		float: left;
		width: 100px;
		}
		
	.province {
		float: left;
		width: 35px;
		}
		
	#locations {
		width: 250px;
		float: left;
		padding: 0px 10px 0px 0px;
		}
		
	.locations {
		float: left;
		width: 250px;
		clear: both;
		border-top: solid 1px #999999;
		border-bottom: solid 1px #999999;
		padding: 5px;
		font-size: 9px;
		background: #eeeeee;
		}
		
	#image-scroll {
		float: left;
		width: 297px;
		height: 400px;
		padding-top: 15px;
		margin-left: 10px;
		}
		
	h3 {
		float: left;
		clear: both;
		font-size: 12px;
		padding: 15px 0px 10px 0px;
		width: 200px;
		}
	
	#image-rotation-02 { 
		 width: 300px; 
		 height: 300px;
		 }
		 
	#image-scroll img {
		padding: 4px;
		margin-bottom: 10px;
		background:#FFFFFF;
		}