html {
height: 100%;
margin-bottom: 1px;
}
body {
font-family: verdana;
margin: 0;
background: url(images/blueprint3.jpg) top left;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
}
body.photo_frame {
background: url(../../images/blueprint3.jpg) top left;
}
frame#photo_space { background: url(../../images/blueprint3.jpg) -240px 0; }
a {
color: red;
}
a.black { color: #000; text-decoration: none; }
table#photos {
width: 750px;
margin: 0 auto;
}
table#photos td {
border: 1px solid #000;
height: 250px;
width: 250px;
}
div#form {
float:left;
margin-left: 25px;
}
div#header {
width: 810px;
margin: 10px auto 0 auto;
}
div#header a img {
display: inline;
border: 0;
}
div#subhead {
margin-top: 20px;
margin-right: 20px;
padding-bottom: 15px;
}
div#subhead a img {
display: inline;
border: 0;
}
div#header2 {
width: 600px;
height: 40px;
margin: auto 0 auto 0;
position: absolute;
float: right;
margin-top: -50px;
}
div#nav_div {
float: left;
width: 7em;
}
div#logos {
float:left;
margin-left:5px;
margin-bottom:25px;
}
div#nav_div a img { border: 0; margin: -10px 0 0; }
ul.footer_nav, .push {
height: 142px;
}
ul.footer_nav {
width: 810px;
list-style-type: none;
margin: 0 auto 0 auto;
padding: 0;
overflow: hidden;
position: relative;
}
ul.footer_nav li {
float: left;
}
ul.footer_nav li a {
color: #000;
text-decoration: none;
font-size: 9px;
padding: 10px;
display: block;
font-family: verdana;
font-weight: bold;
text-align: center;
border-top: 2px solid #e73f35;
}
ul.footer_nav li a:hover {
background: url(images/logo_small.gif) top left no-repeat;
}
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : left;
width : 7em;
}
#nav li { /* all list items */
position : relative;
float : left;
line-height : 1em;
width: 7em;
}
#nav li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 7em;
margin-top : -1.35em;
}
#nav li a {
color: #000;
text-decoration: none;
font-size: 12px;
padding-top: 11px;
display: block;
font-family: verdana;
font-weight: bold;
text-align: left;
border-bottom: 2px solid #e73f35;
}
#nav li a:hover {
color: #000;
background-color: #FC9;
background: url(images/logo_small.gif) top left no-repeat;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
color: #000;
background-color: #FC9;
background: url(images/logo_small.gif) top left no-repeat;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
color: #000;
background: url(images/logo_small.gif) top left no-repeat;
}
div#wrapper {
width: 810px;
margin: 4px auto 0 auto;
padding: 20px 0;
position: relative;
clear: both;
}
div#wrapper h1 {
margin: 0 0 10px 0;
padding: 0;
text-align: center;
font-size: 21px;
}
div#wrapper p {
font-size: 12px;
line-height: 19px;
margin: 0 0 0 130px;
padding-bottom: 20px;
}
/*
div#wrapper a img#patio, div#wrapper a img#theater, div#wrapper a img#archway {
border: 0;
}*/
img#construction {
margin: 0 auto;
}
div#photo {
height: 556px;
width: 566px;
float: right;
margin: 0;
padding: 0;
text-align: center;
}
div#photo img {
display: block;
margin: 0 auto;
}
div#thumbnails {
width: 224px;
height: 406px;
margin: 0;
overflow: auto;
}
div#thumbnails table {
width: 190px;
}
div#thumbnails table td {
text-align: center;
}
div#thumbnails table td a img {
border: 0;
}
table#thumbnails {
width: 200px;
margin: 0;
overflow: auto;
}
table#thumbnails td {
text-align: center;
}
table#thumbnails td a img {
border: 0;
}
ul#photo_albums {
list-style: none;
margin: 0 auto;
padding: 0;
width: 500px;
}
ul#photo_albums li {
padding: 0;
}
ul#photo_albums a {
text-decoration: none;
color: black;
display: block;
width: 500px;
height: 120px;
margin-top: 10px;
padding: 0;
border: 3px solid #F61914;
}
ul#photo_albums a img {
border: 0;
margin: 0;
float: left;
}
ul#photo_albums h2 {
float: right;
margin: 10px;
font-size: 21px;
}
ul#photo_albums p {
float: right;
margin: 10px;
clear: right;
width: 300px;
font-size: 13px;
}
#home_contact {
width: 150px;
margin: 0 0 20px 20px;
float: right;
clear: right;
text-align: right;
}
#home_contact h2 {
padding: 0;
margin: 0;
font-family: verdana;
font-size: 14px;
}
div#wrapper #home_contact p, div#wrapper #home_fire p {
margin: 0;
padding: 0;
}
#home_fire { border: 2px solid #000; text-align: center; padding: 30px 0; }
#home_contact p a { color: #e73f35; }
#home_fire p a { color: #e73f35; font-size: 18px; }
#homepage_photos, #home_fire {
float: right;
clear: right;
margin: 0 0 20px 20px;
width: 246px;
}
#homepage_photos { border: 3px solid #e73f35; }
#homepage_photos img { margin: 0; border: 0; border-bottom: 3px solid #e73f35; }
img#patio {
}
img#theater {
margin: 0;
border-bottom: none;
}
img#theater2 {
border-top: 3px solid #e73f35;
margin: 0;
border-bottom: none;
}
img#archway {
}
div#homepage_text {
width: 220px !important;
width: 230px;
height: 386px;
border: 3px solid red;
float: right;
padding: 10px !important;
padding: 2px 4px 1px 4px;
}
div#homepage_text h1 {
font-size: 19px;
text-align: left;
font-style: italic;
font-family: arial;
}
div#homepage_text a {
color: red;
font-weight: bold;
}
div#homepage_text a:hover {
text-decoration: none;
}
div#homepage_text a img {
border: 0;
margin-left: 50px;
}
div#homepage_text ul {
margin-top: 10px;
}
div#homepage_text ul li {
margin-bottom: 20px;
font-size: 14px;
}
div#privacy_policy {
font-size: 13px;
width: 400px;
margin: 0 auto;
}
ul#services { width: 300px; margin: 0 auto 20px auto; }
ul#services li { font-size: 12px; }
div#footer_div {
clear: both;
width: 810px;
font-size: 7px;
text-align: center;
height: 25px;
margin: 50px auto 0 auto;
}
div#footer_div a {
text-decoration: none;
}
div#footer {
clear: both;
width: 770px;
margin: 0 auto;
padding: 10px 20px 10px 0;
font-size: 9px;
text-align: center;
}
div#footer a {
text-decoration: none;
}
p#contact_info {
font-size: 14px;
}
form#contact_form table {
padding-left: 100px;
}
form#contact_form table td {
padding-bottom: 20px;
}
form#contact_form table td.label {
text-align: right;
padding-right: 20px;
}
div#wrapper p.intro {
border: 1px solid #000;
color: #000;
text-align: center;
padding: 10px 0;
margin-top: 20px;
margin-bottom: 20px;
}
div#wrapper p.err {
border: 1px solid #000;
color: #e73f35;
text-align: center;
padding: 10px 0;
margin-top: 20px;
margin-bottom: 20px;
}
div#wrapper p.success {
border: 1px solid #000;
color: #09AF00;
text-align: center;
padding: 10px 0;
margin-top: 20px;
margin-bottom: 20px;
}