/* ----- basic structure ----- */
html{
	min-height: 100%;
}

body{
	background-color: #000000;
	min-height: 100%;
	text-align: center
}

div#wrapper{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: top left;
	border-style: ridge;
	border-width: medium;
}

/* ----- header ----- */
div#header{
	text-align: center;
	margin-bottom: 20px
}

div#infobox{
	display: block;
	float: left;
	background-color: #D2B48C;
	width: 200px;
	border-style: ridge;
	border-width: medium;
	margin-top: 190px;
	margin-left: 10px;
	font-size: large
}
div#infobox span#infoname{display: block; font-weight: bold}
div#infobox span#infotitle{display: block}
div#infobox span#infoaddress{}
div#infobox span#infocity{}
div#infobox span#infophone{display: block; font-weight: bold}
div#infobox span#infoemail{display: block}

div#branding{
	display: block;
	float: left;
	width: 350px;
	margin-top: 5px
}

img#logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img#name{
	display: block;
	border-style: ridge;
	border-width: medium;
	background-color: #D2B48C;
	margin-left: auto;
	margin-right: auto;
}

img#topright{
	margin-left: 25px;
	margin-top: 40px
}

ul#linkbox{
	display: block;
	float: left;
	background-color: #D2B48C;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-style: ridge;
	border-width: medium;
	width: 125px;
	font-size: small;
	text-align: left;
	margin-left: 25px;
	margin-top: 120px
}

ul#linkbox li#homelink{}
ul#linkbox li#designphillink{}
ul#linkbox li#designproclink{}
ul#linkbox li#gallerylink{}
ul#linkbox li#planslink{}
ul#linkbox li#serviceslink{}

ul#linkbox a:link {color: #008000; text-decoration: underline; }
ul#linkbox a:active {color: #008000; text-decoration: underline; }
ul#linkbox a:visited {color: #005000; text-decoration: underline; }
ul#linkbox a:hover {color: #008000; text-decoration: none; }

div.floatclear{clear: both}

/* ----- restyling ----- */
a:link {color: #ff0000; text-decoration: underline; }
a:active {color: #ff0000; text-decoration: underline; }
a:visited {color: #ff0000; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }

/* ----- content ----- */
div#content{
}

/* list pages */
h1#mainlabel{
	font-size: xx-large;
	font-size: 400%;
	font-weight: bolder;
	font-family: arial;
	margin: 0px;
}

ul#mainlist{
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
	font-size: large;
	display: block;
	background-color: #D2B48C;
	border-style: ridge;
	border-width: medium;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}

/* index */
table#frontlayout{
	margin-left: auto;
	margin-right: auto
}

a.indexlink{ /* 329x103 */
	display: block;
	width: 350px;
	height: 78px;
	margin-left: auto;
	margin-right: auto;
	font-size: 35px;
	font-weight: bold;
	padding-top: 25px;
	font-family: arial;
}
a.indexlink:link {color: #000000; text-decoration: underline; }
a.indexlink:active {color: #000000; text-decoration: underline; }
a.indexlink:visited {color: #000000; text-decoration: underline; }
a.indexlink:hover {color: #ffffff; text-decoration: none; }

/* galleries */
h3#photoinstructions{
	font-size: x-large;
	margin: 0px
}

div#photogallery{
	margin-left: auto;
	margin-right: auto
}

img.galleryphoto{
	border-width: 1px;
	float: left;
	display: block;
	margin: 5px
}