body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: 12px;
	background: #c0c0c0 url(images/bg_html.jpg) repeat-x 0 0;
	margin: 0px;
}

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

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
}

a:hover {	
	text-decoration: underline;
}

img {
	border: none;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	float: left;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}

h4 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}


p {
	margin: 0;
}

form {
	margin: 0;
}

input:focus, textarea {
	outline: 0;
}

.container {
	width: 914px;
	margin: 0 auto 0 auto;
}

.page_header {
	width: 914px;
	height: 95px;
	position: relative;
}

.page_logo {
	float: left;
	display: block;
}

.page_header p {
	font-size: 1.2em;
	color: #ffffff;
	padding: 10px 11px 0 0;
	float: right;
	display: block;
}

.page_header ul {
	margin: 17px 0 0 0;
	float: right;
	position: absolute;
	right: 7px;
	bottom: 0;
	display: block;
	float: left;
}

.page_header li {
	font-size: 1.2em;
	font-weight: bold;
	color: #ec7a07;
	text-align: center;
	background: #10335b url(images/bg_nav_left.jpg) no-repeat 0 0;
	width: 84px;
	height: 31px;
	margin: 0 0 0 4px;
	position:relative;
	display: block;
}

.page_header li span {
	color: #ec7a07;
	background: url(images/bg_nav_right.jpg) no-repeat right 0;
	width: 84px;
	height: 23px;
	padding: 8px 0 0 0;
	display: block
}

.page_header li  a,.page_header li  a:link,.page_header li a:visited {
	color: #e9f4f8;
	text-decoration: none;
}

.page_header li span a:hover {
	color: #ec7a07;
}

.page_header li.about_us {
	font-weight: bold;
	color: #e9f4f8;
	text-align: center;
	background: #10335b url(images/bg_nav_left.jpg) no-repeat 0 0;
	width: 105px;
	height: 31px;
	margin: 0 0 0 4px;
	display: block;
}


.page_header li.about_us span {
	background: url(images/bg_nav_right.jpg) no-repeat right 0;
	width: 105px;
	height: 23px;
	padding: 8px 0 0 0;
	display: block
}

#menuView {
	background: #2367b4;
	width: 85px;
	height: 15px;
	padding: 5px 10px;
	position: absolute;
	right: 7px;
	top: 95px;
	border: 1px solid #ccc;
	z-index: 9999;	
}

#menuView a,#menuView a:link,#menuView a:visited {
	color: #FFF;
	text-decoration: none;
}


.page_header li.decks {
	font-weight: bold;
	color: #e9f4f8;
	text-align: center;
	background: #10335b url(images/bg_nav_left.jpg) no-repeat 0 0;
	width: 164px;
	height: 31px;
	margin: 0 0 0 4px;
	display: block;
}


.page_header li.decks span {
	background: url(images/bg_nav_right.jpg) no-repeat right 0;
	width: 164px;
	height: 23px;
	padding: 8px 0 0 0;
	display: block
}

.content_wrapper {
	background: #FFF;
	width: 880px;
	padding: 17px;
}

.content_wrapper h2 {
	font-size: 1.6em;
	color: #10335b;
	margin: 0 0 30px 0;
}

.content_inner {
	background: #dddddb;
	width: 880px;
	position: relative;
	z-index: 1;
}

.content_left {
	width: 511px;
	height: 520px;
	float: left;
	position: relative;
}

.flash_handle {
	width: 511px;
	height: 467px;
	position: absolute;
	top: -10px;
	left: -35px;
	z-index: 100;
}

.content_left p {
	width: 190px;
	height: 31px;
	margin: 0 25px 0 0;
	float: right;
	position:relative;
	top: 480px;
	display: block;
}

.content_left p img {
	display: block;
	float: left;
}

.content_right {
	width: 367px;
	float: left;
	position: relative;
}

.vinyl_final {
	font-size: 1.2em;
	background: #cc6601 url(images/bg_vinyl.jpg) no-repeat 45px 22px;
	width: 352px;
	padding: 22px 45px 29px 48px;
	position: absolute;
	top: 33px;
	left: -98px;
	z-index: 100;
}

.vinyl_final p {
	font-size: 1.2em;
	color: #FFF;
	padding: 36px 0 0 0;
	display: block;
}

span.click_here {
	/*background-image: in alt stylesheet*/
	width: 215px;
	height: 145px;
	position: absolute;
	top: 195px;
	left: -16px;
	z-index: 999;
	display: block;
}

a span.click_here, span a:link.click_here,a:visited span.click_here  {
	text-indent: -9999px;
	width: 215px;
	height: 145px;
	cursor: hand;
	display: block;
}

.news_events {
	width: 345px;
	position: relative;
	top: 250px;
}

p.bg_news {
	font-size: 1.2em;
	color: #10335d;
	font-weight:bold;
	text-align: center;
	background: url(images/bg_news_events.jpg) no-repeat 0 0;
	width: 139px;
	height: 22px;
	padding: 8px 0 0 0;
}

.news_content {
	color:#0033CC;
	/*background-image: in alt stylesheet*/
	width: 299px;
	padding: 14px 30px 14px 16px;
	border: 1px solid #ccd1d5;
}

.news_content p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

.news_content a,.news_content a:link,.news_content a:visited {
	font-weight: bold;
	color: #003267;
	text-decoration: none;
	float: right;
	display: block;
}

.news_content a:hover {
	color: #5f82a7;
	text-decoration: underline;	
}

.blue_strip {
	background: #10335b;
	width: 880px;
	height: 33px;
	margin: 2px 0 0 0;
}

.aboout_us_wrapper {
	background: #e8f1f8;
	width: 800px;
	padding: 20px 65px 30px 15px;
}

.aboout_us_wrapper p {
	margin: 15px 0 0 0;
}

.aboout_us_wrapper p span {
	font-weight: bold;
	color: #10335b;
}



.aboout_us_wrapper p span a,.aboout_us_wrapper p span a:link,.aboout_us_wrapper p span a:visited {
	font-weight: normal;
	color: #10335b;
	text-decoration: none
}

.aboout_us_wrapper p span a:hover {
	text-decoration: underline;
}

p.official {
	color: #10335b;
}

p.official span {
	font-weight: bold;
	color: #10335b;
}


.fencing {
	background: #e8f1f8;
	width: 850px;
	padding: 20px 15px;
	position: relative;
}

.fencing p {
	margin: 0 0 20px 0;
}

.fencing p span {
	font-weight: bold;
}

.fencing ul {
	clear: both;
	width: 770px;
	padding: 0;
	display: block;
}

.fencing li {
	margin: 0 15px 15px 0;
	display: block;
}

.fencing li img {
	display: block;
}

.fencing li span {
	padding: 8px;
	display: block;
}

p.fence_example_left {
	font-size: 1.3em;
	font-weight: bold;
	color: #10335b;
	width: 100px;
	margin:0;
	float: left;
	position: relative;
	left: 250px;
	bottom: 5px;
	display: block;	
}

p.fence_example_right {
	font-size: 1.3em;
	font-weight: bold;
	color: #10335b;
	width: 200px;
	position: relative;
	left: 420px;
	bottom: 5px;
	display: block;	
}

ul.cambium_fence {
	clear: both;
	width: 550px;
	padding: 0 0 0 160px;
	display: block;
}

ul.cambium_fence li {
	margin: 0;
	padding: 0 15px 15px 0; 
	display: block;
}

ul.simtec_fence {
	clear: none;
	width: 400px;
	float: left;
	padding:0 0 0 80px;
	display: block;
}

ul.simtec_fence li {
	background: url(images/icon_bullet.jpg) no-repeat 3px 7px;
	font-size: 1.1em;
	font-weight: bold;
	color: #10335b;
	width: 300px;
	position: relative;
	left: 75px;
	padding: 0 0 0 15px;
	float: none;
}

ul.simtec_fence_left {
	clear: none;
	width: 300px;
	float: left;
	display: block;
}

ul.simtec_fence_left li {
	background: url(images/icon_bullet.jpg) no-repeat 3px 7px;
	font-size: 1.1em;
	font-weight: bold;
	color: #10335b;
	width: 300px;
	padding: 0 0 0 15px;
	float: none;
}

.logo_blackline {
	width: 152px;
	height: 152px;
	position: absolute;
	right: 50px;
	top: 120px;
	display: block;
}

.fencing ul.wrought_iron {
	clear: both;
	width: 770px;
	padding: 0 0 0 100px;
	display: block;
}

.fencing ul.wrought_iron li {
	margin: 0 15px 15px 0;
	display: block;
}

.fencing ul.wrought_iron li img {
	display: block;
}

.fencing ul.wrought_iron span {
	text-align: center;
	padding: 8px;
	display: block;
}

.fencing ul.pocket {
	clear: both;
	width: 770px;
	padding: 0 0 0 60px;
	display: block;
}

.fencing ul.pocket li {
	margin: 0 15px 15px 0;
	display: block;
}

.fencing ul.pocket li img {
	display: block;
}

.fencing ul.pocket span {
	text-align: center;
	padding: 8px;
	display: block;
}

p.semi_privacy {
	margin: 0;
	position: relative;
	left: 120px;
	float: left;
	right: 20px;
	display: block;
}

ul.semiprivacy {
	clear: none;
	width: 300px;
	padding: 0;
	float: left;
	position: relative;
	left: 175px;
	display: block;
}

ul.semiprivacy li {
	font-size: 1.2em;
	font-weight: bold;
	color: #10335b;
	background: url(images/icon_bullet.jpg) no-repeat 0 4px;
	padding: 0 0 0 10px;
	float: none;
}

.fencing ul.rail {
	clear: both;
	width: 770px;
	padding: 0 0 0 35px;
	display: block;
}

.fencing ul.rail li {
	text-align: center;
	margin: 0 15px 15px 0;
	display: block;
}

.fencing ul.rail li img {
	display: block;
}

.fencing ul.decks {
	clear: both;
	width: 770px;
	display: block;
}

.fencing ul.decks li {
	text-align: center;
	margin: 0 15px 15px 0;
	display: block;
}

.fencing ul.decks li img {
	display: block;
}

.page_footer {
	color: #000000;
	width: 880px;
	height: 25px;
	margin: 0 auto;
	padding: 15px 0 0 10px;
}

.page_footer p {
	float: left;
	display: block;
}

.page_footer span {
	padding: 0 15px 0 0;
	display: block;
	float: right;
}



