/* CSS Document */

* {
	padding:0;
	margin:0;
}
body {
	font-size:100%;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#770000;
	color:#3f0909;
}
/* ---------- General Styles ---------- */
a {
	text-decoration:underline;
	color:#770000;
}
a img {
	text-decoration:none;
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-bottom:10px
}
ul {
	margin-bottom:5px;
}
p, li, dt, dd {
	font-size:75%;
	line-height:140%;
	margin-bottom:10px;
}
dt, li {
	margin-bottom:5px;
}
dt {
	font-weight:bold
}
ul li {
	list-style:none;
	padding-left:13px;
	background-image:url(i/bg_bullet.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding-left:35px;
}
#pageWrapper {
	width:960px;
	margin:0 auto;
}
/* ---------- Page Header and Top Navigation ---------- */

#emergencyContact {
	background-color:#3f0909;
	padding:15px 10px;
	color:#ebebd3;
	font-size:80%;
	border-bottom:1px solid #7d1313;
}
#emergencyContact a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#emergencyContact a:hover, #emergencyContact a:active {
	text-decoration:underline
}
#header {
	height:165px;
	background-color:#d9d9c3;
	text-align:center;
	border-bottom:2px solid #c6c6b2;
}
#header a {
	border:none;
}
#header img {
	margin:20px 0;
}
#header div.clear {
	font-size:0px;
	display:block;
	clear:both;
}
#topNav {
	width:100%;
	float:left;
	margin-bottom:10px;
	background-color:#b1b19f;
	height:43px;
	color:#52524a
}
#topNav ul {
	width:330px;
	margin:0 auto;
}
#topNav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-top:8px;
	font-size: 100%;
	background:none;
}
#topNav li a {
	display:block;
	text-decoration:none;
	padding:4px 15px 4px 8px;
	height:38px;
	color:#FFF;
	font-size:95%;
	font-weight:bold;
}
#topNav li a:hover, #topNav li a:active {
	color:#900;
}
/* Highlight navigation via body ID */
#pageHome #topNav li#nav_home a:link, #pageHome #topNav li#nav_home a:visited, #pageHome #topNav li#nav_home a:hover, #pageHome #topNav li#nav_home a:active, #pageServices #topNav li#nav_services a:link, #pageServices #topNav li#nav_services a:visited, #pageServices #topNav li#nav_services a:hover, #pageServices #topNav li#nav_services a:active, #pageAbout #topNav li#nav_about a:link, #pageAbout #topNav li#nav_about a:visited, #pageAbout #topNav li#nav_about a:hover, #pageAbout #topNav li#nav_about a:active, #pageGallery1 #topNav li#nav_gallery a:link, #pageGallery1 #topNav li#nav_gallery a:visited, #pageGallery1 #topNav li#nav_gallery a:hover, #pageGallery1 #topNav li#nav_gallery a:active, #pageGallery2 #topNav li#nav_gallery a:link, #pageGallery2 #topNav li#nav_gallery a:visited, #pageGallery2 #topNav li#nav_gallery a:hover, #pageGallery2 #topNav li#nav_gallery a:active, #pageGallery3 #topNav li#nav_gallery a:link, #pageGallery3 #topNav li#nav_gallery a:visited, #pageGallery3 #topNav li#nav_gallery a:hover, #pageGallery3 #topNav li#nav_gallery a:active, #pageGallery4 #topNav li#nav_gallery a:link, #pageGallery4 #topNav li#nav_gallery a:visited, #pageGallery4 #topNav li#nav_gallery a:hover, #pageGallery4 #topNav li#nav_gallery a:active, #pageGallery5 #topNav li#nav_gallery a:link, #pageGallery5 #topNav li#nav_gallery a:visited, #pageGallery5 #topNav li#nav_gallery a:hover, #pageGallery5 #topNav li#nav_gallery a:active, #pageGallery6 #topNav li#nav_gallery a:link, #pageGallery6 #topNav li#nav_gallery a:visited, #pageGallery6 #topNav li#nav_gallery a:hover, #pageGallery6 #topNav li#nav_gallery a:active, #pageGallery7 #topNav li#nav_gallery a:link, #pageGallery7 #topNav li#nav_gallery a:visited, #pageGallery7 #topNav li#nav_gallery a:hover, #pageGallery7 #topNav li#nav_gallery a:active, #pageGallery8 #topNav li#nav_gallery a:link, #pageGallery8 #topNav li#nav_gallery a:visited, #pageGallery8 #topNav li#nav_gallery a:hover, #pageGallery8 #topNav li#nav_gallery a:active, #pageGallery9 #topNav li#nav_gallery a:link, #pageGallery9 #topNav li#nav_gallery a:visited, #pageGallery9 #topNav li#nav_gallery a:hover, #pageGallery9 #topNav li#nav_gallery a:active, #pageGallery10 #topNav li#nav_gallery a:link, #pageGallery10 #topNav li#nav_gallery a:visited, #pageGallery10 #topNav li#nav_gallery a:hover, #pageGallery10 #topNav li#nav_gallery a:active, #pageContact #topNav li#nav_contact a:link, #pageContact #topNav li#nav_contact a:visited, #pageContact #topNav li#nav_contact a:hover, #pageContact #topNav li#nav_contact a:active {
	color:#800000;
}
/* ---------- General Template Layout ---------- */
#contentWrapper {
	background: #ebebd3 url(i/bg_mainContent.png) 0 43px repeat-x;
	padding:10px 10px 10px 10px;
}
.contentSection {
	padding:10px;
	border:1px solid #b1b19f;
	background-color:#FFF;
	float:left;
	margin-bottom:20px;
}
.contentSection h1 {
	font-size:140%;
	color:#770000;
}
.firstRow {
	margin-top:10px;
}
.smallBox {
	width:198px;
}
.halfBox {
	width:438px;
}
.threeQuartersBox {
	width:438px;
}
.clearRow {
	clear:right;
}
.clearRowLeft {
	clear:left;
}
.columnMargin {
	margin-left:20px;
}
/* ----- Copyright Footer -----*/

#copyright p {
	background-color:#3f0909;
	font-size:75%;
	padding:0;
	color:#ebebd3;
	padding:10px;
}
#copyright span {
	float:left;
	padding:3px;
}
#copyright a.designedBy {
	float:right;
	padding:3px;
	text-decoration:none;
	color:#ebebd3;
	font-weight:bold
}
#copyright br {
	clear:both;
	display:block;
	font-size:1px;
	margin-bottom:-1px;
}
/* ----- Helpers ----- */
div.clear {
	font-size:0px;
	display:block;
	clear:both;
}
div.bottomMargin {
	margin-bottom:10px;
}
div.topMargin {
	margin-top:10px;
}
.noBottomMargin {
	margin-bottom:0
}
/* ----- Home Page ----- */
#pageHome div#intro h1 {
	font-size:130%;
	margin-bottom:20px;
}
#pageHome div#intro p {
	font-size:95%;
}
#pageHome div#intro img {
	float:left;
	margin-right:20px;
}

#pageHome div#serving, 
#pageHome div#onsiteRepair, 
#pageHome div#gateAddons, 
#pageHome div#balconyEx { min-height:270px;}

#pageHome div#serving { vertical-align:middle}

#pageHome div#serving h2 {
	margin-bottom:5px;
	font-size:100%;
	font-weight:bold;
	margin-top:30px;
}
#pageHome div#serving p {
	/*margin-bottom:20px;*/
	font-size:90%;
}
#pageHome div#serving p.noBottomMargin {
	margin-bottom:0;
}
#pageHome div#onsiteRepair img, #pageHome div#gateAddons img, #pageHome div#balconyEx img {
	margin-bottom:8px;
}
#pageHome div#onsiteRepair p, #pageHome div#gateAddons p, #pageHome div#balconyEx p {
	margin-bottom:0;
	padding-bottom:0;
}

#pageHome div#certifiedlicensed {
	text-align:center;
	/*padding:30px 10px;*/
	background-color:#B1B19F;
	color:#fff;
}
#pageHome div#certifiedlicensed h2 {
	font-size:190%;
	margin-top:30px;
	margin-bottom:0;
	color:#fff;
	font-weight:bold;
}
#pageHome div#certifiedlicensed p {
	font-size:190%;
	margin-bottom:25px;
	color:#fff;
	font-weight:bold;
}
#pageHome div#certifiedlicensed p.small {
	margin-bottom:25px;
	font-size:75%;
	font-weight:normal;
}
#pageHome div#certifiedlicensed p.noBottomMargin {
	margin-bottom:0;
}
/* ----- Services Page ----- */
#pageServices div.leftColumn {
	width:220px;
	margin-right:20px;
	float:left;
}
#pageServices div.rightColumn {
	width:700px;
	float:left;
	clear:right;
}
#pageServices div.rightColumn h2 {
	margin: 20px 0 10px 0;
	font-weight:bold;
	font-size:90%;
	clear:both;
	display:block;
}
#pageServices div.rightColumn ul {
	margin:0 20px 10px 0;
	padding:0;
	float:left;
	width:205px;
	margin-bottom:20px;
}
#pageServices div.rightColumn ul.last {
	margin-right:0;
}
#pageServices div.rightColumn ul.metalOptions {
	width:400px
}
#pageServices div.rightColumn li {
}
/* ----- Gallery Navigation Highlighting ----- */

div.galleryNavigation {
	width:340px;
	margin-right:20px;
	float:left;
}
div.galleryNavigation h2 {
	font-size:85%;
	display:block;
	clear:both;
}
div.galleryNavigation a {
	margin-right:20px;
	width:138px;
}
div.galleryNavigation a.noRightMargin {
	margin-right:0;
}
#pageGallery1 #gallery1, #pageGallery2 #gallery2, #pageGallery3 #gallery3, #pageGallery4 #gallery4, #pageGallery5 #gallery5, #pageGallery6 #gallery6, #pageGallery7 #gallery7, #pageGallery8 #gallery8, #pageGallery9 #gallery9, #pageGallery10 #gallery10 {
	background-color:#b1b19f;
}
/* ----- Contact Page ----- */
#pageContact div.leftColumn {
	width:220px;
	margin-right:20px;
	float:left;
}
#pageContact div.rightColumn {
	width:700px;
	float:left;
}
#pageContact div.rightColumn div.contentSection { 
	width:678px;
	min-height:420px;
}
#pageContact form { margin-top:20px;}
#pageContact form div { margin-bottom:10px;}
#pageContact label {
	display:block;
	margin-bottom:4px;
	font-size:75%;
}
#pageContact label span {
	font-size:75%;
	color:#888;
	margin-left:6px;
}
#pageContact input { 
	width:670px;
}
#pageContact textarea { 
	width:670px;
	height:213px;
}
#pageContact input.button { 
	width:100px;
}
#pageContact input.surprise {
  	display:block;
  	height:1px;
  	width:1px;
  	visibility:hidden;
}