/* CSS Document */

* {margin: 0; padding: 0;}
 
body {
font: 100%/1 "albertus medium", albertus, times, serif;
color: #fff;
}

#container {
background: url(graphics/body-bg.jpg) repeat 0 0;
min-width: 1100px;
}

#top-border {
background: url(graphics/top-aesthetic.png) repeat-x;
height: 29px;
clear: both;
}

#header-wrapper {
background: #fff;
height: 200px;
overflow: hidden;
}

#header {
margin: 0 auto;
width: 1100px;
position: relative;
}

#logo a {
display: block;
background: url(graphics/logo.gif) no-repeat 0 0;
height: 141px;
width: 215px;
text-indent: -1000em;
position: absolute;
top: -15px;
z-index: 3;
float: left;
}

#header-bg {
background: #6699cc url(graphics/aesthetic-header.png) repeat 80% 0;
height: 85px;
margin-top: 30px;
border-bottom: 20px solid #306189;
}

#phone {
text-align: right;
font-size: 1.7em;
text-shadow: 1px 1px #306189;
padding-top: 20px;
}

#header address {
text-align: right;
color: #123f63;
padding-top: 10px;
font-size: 1.2em;
}

#navigation {
float: right;
list-style: none;
font-size: 1.1em;
margin-top: 67px;
}

#navigation li {
display: inline;
padding: 0px 15px;
padding-top: 50px;
}

#navigation a {
text-decoration: none;
display: inline-block;
}

#navigation li:hover, #navigation li:focus {
background: url(graphics/hover-state.gif) repeat-x 0 0;
}

#strip {
background: url(graphics/hover-state.gif) repeat-x 0 0;
}

.unselected a {
color: #b4b4b4;
}

.unselected a:hover, .unselected a:focus {
color: #000;
}

.selected a {
color: #000;
}

#banner-wrapper {
background: url(graphics/container-bg.gif) repeat-x 0 0;
padding-top: 60px;
}

#banner {
background: url(graphics/banner1.jpg) no-repeat 0 0;
height: 370px;
margin: 0 auto;
width: 950px;
overflow: hidden;
}

#banner-text {
float: right;
width: 30%;
background: url(graphics/slideshow-text.png) repeat 0 0;
height: 370px;
padding: 30px 20px 30px 20px;
}

#banner-para {
text-align: center;
font-size: 1.2em;
color: #fff;
text-shadow: 1.3px 1.4px #637684;
font-style: italic;
line-height: 22px;
}

.author {
float: right;
font-size: 1em;
padding-top: 10px;
font-style: italic;
}

#wrapper1 {
background: url(graphics/2ndtier-bg.gif) repeat-x 0 0;
min-height: 268px;
margin-top: 3px;
border-bottom: 30px solid #581f00;
}

.column-wrapper {
margin: 0 auto;
width: 1100px;
}

.column-wrapper2 {
margin: 0 auto;
width: 1100px;
overflow: hidden;
}

#left-column {
padding: 20px;
float: left;
width: 46%;
}

#left-column p, #right-column p, #left-column2 p, #left-column5 p, #left-column3 p, #right-column4 p {
font: 0.9em/1.4 helvetica, tahoma, arial, sans-serif;
padding-bottom: 20px;
}

#right-column2 img, #right-column3 img, #left-column4 img, #left-column2 img, #left-column5 img {
border: 10px solid #2c5579;
}

#left-column2 a, #left-column3 a, .contact a, .column-wrapper a, #left-column5 a {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

#left-column2 a:hover, #left-column2 a:focus, #left-column3 a:hover, #left-column3 a:focus, .contact a:hover, .contact a:focus, .column-wrapper a:hover, .column-wrapper a:focus, #left-column5 a:hover, #left-column5 a:focus {
text-decoration: none;
}

#left-column2 {
padding: 20px;
float: left;
width: 70%;
}

#left-column3 {
padding: 20px;
float: left;
width: 58%;
}

#left-column4 {
float: left;
width: 23%;
padding: 20px;
}

#left-column5 {
float: left;
width: 90%;
padding: 20px;
}

#left-column4 img {
margin-top: 30px;
}

#left-column5 img {
margin-bottom: 30px;
margin-top: 10px;
}

#right-column {
padding: 20px;
float: right;
width: 46%;
}

#right-column2 {
padding-top: 80px;
float: right;
width: 23%;
}

#right-column3 {
padding-top: 100px;
float: right;
width: 36%;
}

#right-column4 {
padding-top: 100px;
float: right;
width: 64%;
}

.red-button {
background: url(graphics/red-button.png) no-repeat 0 0;
height: 50px;
margin-top: -40px;
color: #dba283;
font-size: 1.2em;
text-align: center;
width: 49%;
padding-top: 8px;
}

.blue-button {
background: url(graphics/blue-button.png) no-repeat 0 0;
color: #fff;
font-size: 1.2;
text-align: center;
width: 32%;
padding-top: 13px;
height: 50px;
}

.blue-button2 {
background: url(graphics/blue-button.png) no-repeat 0 0;
color: #fff;
font-size: 1.2;
text-align: center;
width: 40%;
padding-top: 13px;
height: 50px;
}

.blue-button3 {
background: url(graphics/blue-button.png) no-repeat 0 0;
color: #fff;
font-size: 1.2;
text-align: center;
width: 98%;
padding-top: 13px;
height: 50px;
}

.blue-button4 {
background: url(graphics/blue-button.png) no-repeat 0 0;
color: #fff;
font-size: 1.2;
text-align: center;
width: 23%;
padding-top: 13px;
height: 50px;
margin-top: 20px;
}

.blue-button5 {
background: url(graphics/blue-button.png) no-repeat 0 0;
color: #fff;
font-size: 1.2;
text-align: center;
width: 25%;
padding-top: 13px;
height: 50px;
margin-top: 20px;
}

.default {
font-size: 1.8em;
color: #fff;
text-shadow: 1px 1px #000;
margin: 20px 0 10px 0;
}

.large-text {
font-size: 1.5em;
}

#wrapper2 {
background: #2f80c8 url(graphics/aesthetic-main.png) no-repeat 0 0;
min-height: 100px;
margin-top: 3px;
padding-top: 10px;
padding-bottom: 20px;
}

#links-wrapper {
background: #2f80c8 url(graphics/links-wrapper-bg.png) repeat-x 0 0;
min-height: 125px;
}

#links-wrapper2 {
background: url(graphics/aesthetic-middle.png) repeat-x 0 0;
min-height: 125px;
border-bottom: 30px solid #2c5579;
}

#links {
margin: 0 auto;
width: 1000px;
padding-top: 20px;
overflow: hidden;
}

#links li {
display: inline-block;
margin-right: 20px;
font-style: italic;
}

#links li a:hover, #links li a:focus {
color: #fff;
}

#custom {
background: url(graphics/custom.jpg) no-repeat 0 0;
width: 290px;
padding-top: 40px;
border: 10px solid #1d476a;
position: relative;
font-family: verdana, tahoma, arial, sans-serif;
}

#custom li a {
background: url(graphics/links-title.png) no-repeat 0 0;
display: block;
text-align: left;
padding: 6px;
width: 500%;
color: #d4e7f7;
text-decoration: none;
}

#materials {
background: url(graphics/materials.jpg) no-repeat 0 0;
width: 290px;
border: 10px solid #1d476a;
position: relative;
padding-top: 40px;
}

#materials li a {
background: url(graphics/links-title.png) no-repeat 0 0;
display: block;
text-align: left;
padding: 6px;
width: 500%;
color: #d4e7f7;
text-decoration: none;
}

#style {
background: url(graphics/style-link.jpg) no-repeat 0 0;
width: 290px;
border: 10px solid #1d476a;
position: relative;
padding-top: 40px;
}

#style li a {
background: url(graphics/links-title.png) no-repeat 0 0;
display: block;
text-align: left;
padding: 6px;
width: 700%;
color: #d4e7f7;
text-decoration: none;
}

#places {
margin-left: 50px;
}

#places li {
display: inline;
color: #000;
}

#footer-wrapper {
min-height: 200px;
border-bottom: 30px solid #581F00; 
}

#footer {
margin: 0 auto;
width: 1100px;
padding: 30px 0;
font: 0.9em/1.9 helvetica, tahoma, arial, sans-serif;
}

#networks {
float: left;
width: 45%;
}

#copyright {
float: right;
width: 20%;
color: #939393;
font: 1.1em/1 "trebuchet ms", tahoma, arial, sans-serif;
margin-top: 100px;
}

#copyright a {
color: #939393;
text-decoration: none;
}

#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}

.individual {
float: left;
width: 100%;
font: 0.9em/1.9 helvetica, tahoma, arial, sans-serif;
text-align: center;
padding: 20px;
background-color: #2C5579;
margin-bottom: 20px;
}

.column-wrapper address {
text-align: center;
color: #000;
line-height: 20px;
font-size: 1.3em;
margin: 30px 0 30px 0;
padding: 20px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #fff;
}

.bold {
text-transform: uppercase;
font-size: 1.6em;
}

.hours, .contact {
font-family: verdana, tahoma, arial, sans-serif;
text-align: center;
line-height: 23px;
}

.contact2 {
font-family: verdana, tahoma, arial, sans-serif;
line-height: 23px;
margin-top: 20px;
}

.faq-para {
font: 0.9em/1.9 helvetica, tahoma, arial, sans-serif;
padding-bottom: 20px;
}

#para-list {
list-style: none;
font: 0.9em/1.9 helvetica, tahoma, arial, sans-serif;
}

.testi-para {
font: 0.9em/1.9 helvetica, tahoma, arial, sans-serif;
padding-bottom: 50px;
}

.author {
float: right;
background: url(graphics/links-wrapper-bg.png) repeat-x 0 0;
padding: 6px;
font-size: 0.9em;
margin-right: 30px;
margin-top: 10px;
margin-bottom: 20px;
}

#map {
width: 100%;
}

#map iframe {
border: 20px solid #2C5579;
margin: 20px;
float: left;
width: 47%;
}

#map small a {
overflow: hidden;
visibility: hidden;
height: 0px;
}

#map a:hover, #map a:focus {
color: #2C5579;
text-decoration: none;
}

#map-content {
float: right;
width: 40%;
padding-top: 100px;
}

#map-content p {
color: #2C5579;
font: 0.9em/1 "trebuchet ms", tahoma, arial, sans-serif;
padding-bottom: 20px;
font-style: italic;
}

#map-content address {
color: #2C5579;
font: 0.9em/1 "trebuchet ms", tahoma, arial, sans-serif;
padding: 20px 0;
border-top: 1px solid #2C5579;
border-bottom: 1px solid #2C5579;
font-style: italic;
}

#tuxedo {
margin-left: 50px;
}

#wrapper-clothing {
overflow: hidden;
width: 110%;
margin-left: 30px;
}

#left {
float: left;
width: 47%;
}

#right {
float: right;
width: 47%;
}

.image-position2 {
float: right;
width: 87%;
}

.style-clothing {
list-style: disc;
margin: 20px 0;
font: 0.9em/1.4 helvetica, tahoma, arial, sans-serif;
}