/* Structural Site Styling */
/* Reference "visual.css" for visual styling of elements */
body {
	margin: 0;
	height: 100%;
	width: 100%;
	}

html {
	margin: 0;
	height: 100%;
	width: 100%;
	}

img {
	border: none;
	}

div, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

#master_container {
	position: relative;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	position: relative;
	width: 760px;
	text-align: center;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 35px;
	}
	
	#header_logo {
		position: relative;
		background: url("../images/header_logo.gif") center top no-repeat;
		padding-top: 50px;
		margin-bottom: -20px;
		z-index: 999;
		}
		
		#header_logo img {
			position: absolute;
			top: 0;
			left: -75px;
			}
			#header_logo[id] img {
				left: 310px;
				}
	
	ul#nav {
		position: relative;
		overflow: hidden;
		height: 34px;
		margin: 0 12px 0 12px;
		padding: 20px 0 0 0;
		z-index: 999;
		}
		ul#nav li {
			position: relative;
			list-style-type: none;
			float: left;
			margin: 0;
			padding: 0;
			cursor: pointer;
			}

	.header_back {
		position: absolute;
		left: 0;
		bottom: 0;
		}

#content {
	width: 458px;
	height: auto;
	padding: 0 15px 0 15px;
	margin-left: auto;
	margin-right: auto;
	}
	
	.form ol {
		position: relative;
		padding: 0;
		width: 80%;
		margin: auto;
		}
		.form ol li {
			position: relative;
			margin: 0;
			padding: 5px 0 5px 0;
			overflow: hidden;
			list-style-type: none;
			}
			
			.form ol li label {
				width: 30%;
				float: left;
				}
			.form ol li input, .form ol li textarea, .form ol li select {
				float: left;
				}
				.form ol li .textField {
					width: 68%;
					float: left;
					}
				.form ol li input.textField {
					width: 68%;
					}
				.form ol li textarea {
					width: 68%;
					}
				.form ol li select.textField {
					width: 69.5%;
					}
			
			.form ol li.last input {
				float: right;
				}
	
	.sideImage {
		position: relative;
		display: inline;
		float: right;
		margin-top: 20px;
		text-align: center;
		}
		.sideImage img {
			display: block;
			}

#home_left {
	width: 310px;
	float: left;
	margin: 50px 0 20px 15px;
	padding: 35px 15px 0 15px;
	}
	#home_left[id] {
		padding-top: 35px;
		margin-left: 30px;
		}
	#home_left .top {
		top: -66px;
		}
	
	#home_left p {
		position: relative;
		z-index: 999;
		margin: 1em 0 1em 0;
		}

	.highlight_box {
		position: relative;
		margin: 0 -4px 0 -6px;
		padding: 20px 6px 0 10px;
		overflow: hidden;
		}
		
		.highlight_box .col_left {
			position: relative;
			width: 53%;
			float: left;
			}
		
		.highlight_box .highlight_image {
			position: relative;
			float: right;
			padding-top: 14px;
			}
		
		.highlight_box p {
			padding: 0;
			margin: 0;
			}
	
	.highlight_box h4 {
		visibility: hidden;
		height: 0;
		overflow: hidden;
		}
	
	#portfolio_box {
		background: url("../images/home_box_projectportfolio.gif") top left no-repeat;
		margin-bottom: 10px;
		height: 124px;
		}
	
	#design_box {
		background: url("../images/home_box_designyourown.gif") top left no-repeat;
		height: 136px;
		}

#home_right {
	width: 323px;
	float: right;
	padding: 0 8px 0 8px;
	margin: 50px 15px 20px 0;
	}
	#home_right[id] {
		padding-right: 9px;
		margin-right: 30px;
		}
	
.box {
	position: relative;
	background: url("../images/box_back.gif") right repeat-y #f6f2d9;
	border-left: 1px solid #dbcea7;
	margin: 20px 0 15px 0;
	}
	
	.box .top {
		position: absolute;
		z-index: 0;
		top: -15px;
		left: -1px;
		}
	
	.box .bottom {
		position: absolute;
		z-index: 0;
		clear: both;
		bottom: -15px;
		left: -1px;
		}

.title {
	position: relative;
	height: 24px;
	overflow: hidden;
	background: url("../images/title_leftside.gif") left top no-repeat #E6DBB3;
	}
	.title h2 {
		height: 24px;
		background: url("../images/title_rightside.gif") right top no-repeat;
		}

#footer {
	position: relative;
	width: 100%;
	height: 100px;
	padding-top: 10px;
	clear: both;
	}
	
	.footer_back {
		position: absolute;
		z-index: 0;
		top: 10px;
		left: 0;
		}

	.footer_left {
		position: relative;
		z-index: 999;
		float: left;
		padding: 3px 0 0 20px;
		}
	
	.footer_right {
		position: relative;
		z-index: 999;
		float: right;
		padding: 3px 20px 0 0;
		text-align: right;
		}

p.answer {
	margin: -1.5em 0 1.5em 0;
	padding: 0 0 0 50px;
	background: url("../images/answer.gif") left top no-repeat;
	}


.mapContact {
	position: relative;
	width: 95%;
	margin: 0 auto 15px auto;
	padding: 0;
	}
	.mapContact p {
		position: relative;
		margin: 0 0 15px 4.5%;
		padding: 0;
		width: 42%;
		float: left;
		}
		.mapContact[class] p {
			margin: 0 0 15px 8%;
			}
	#map {
		position: relative;
		clear: both;
		width: 100%;
		height: 298px;
		margin: 0;
		padding: 0;
		border: 1px solid #663300;
		}