/*NORMALIZE KIDS*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { 
margin: 0; padding: 0; 
}

fieldset, img, abbr, acronym { 
border: 0; 
}

table { 
border-collapse: collapse; border-spacing: 0; 
}

/*-----------------*/

body {
background:url(/images/main-bg2.gif) no-repeat top left;
font-family:"Trebuchet MS", Lucida Grande, Verdana, Arial, sans-serif;
}

#outer-wrap {
}

#wrap {
width:970px;
margin:0 auto;
}

/*YOUR PUT YOUR RIGHT HAND IN, YOU PUT YOUR RIGHT HAND OUT*/

#right-side {
width:600px;
float:right;
margin-bottom:15px;
}

/*IMAGE HEADERS ARE THE BEST DUDE*/

#index-image-header {
background:url(/images/header/header-image1.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#portfolio-image-header {
background:url(/images/header/header-image2.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#community-image-header {
background:url(/images/header/community.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#wgv-image-header {
background:url(/images/header/wgv-top-header.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#renovations-image-header {
background:url(/images/header/renovations.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#multi-family-image-header {
background:url(/images/header/multifamily.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#firm-image-header {
background:url(/images/header/firm-header.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#services-image-header {
background:url(/images/header/header-image3.jpg) no-repeat top left;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

#contact-image-header {
background:url(/images/header/header-image4.jpg) no-repeat top right;
width:600px;
height:251px;
float:right;
text-indent:-9999px;
}

/*TYPE HEADERS B*/

#index-type-header {
background:url(/images/header/welcome-image.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#portfolio-type-header {
background:url(/images/header/bottom-wash2.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#community-type-header {
background:url(/images/header/community-bottom.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#renovations-type-header {
background:url(/images/header/renovations-bottom.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#multifamily-type-header {
background:url(/images/header/multifamily-bottom.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#firm-type-header {
background:url(/images/header/bottom-wash-firm.jpg) no-repeat;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#services-type-header {
background:url(/images/header/bottom-wash3.jpg) no-repeat 100% 0;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#contact-type-header {
background:url(/images/header/bottom-wash4.jpg) no-repeat 100% 0;
width:530px;
float:left;
border-bottom:dashed #000 1px;
padding-bottom:10px;
margin-bottom:10px;
}

#main-copy {
width:530px;
}

#main-copy p {
margin-top:10px;
}

#two-columns {
margin-top:10px;
width:530px;
}

div.left-col {
float:left;
margin-bottom:20px;
}

div.right-col {
float:right;
margin-bottom:20px;
}

div.right-col-bottom {
float:right;
}

/*LEFTY MCLEFTERSON*/

#left-side {
width:347px;
float:left;
margin-bottom:15px;
}

#logo {
background:url(/images/logo.gif) no-repeat top left;
width:347px;
height:133px;
margin-top:153px;
}

#side-header {
margin-top:10px;
border-bottom:dashed 1px #000;
width:346px;
}

#left-container {
border-right:dashed 1px #000;
border-bottom:dashed 1px #000;
}

#left-container table {
margin-top:10px;
}

#send {
float:right;
}

div.news-section {
margin:0 25px;
width:299px;
padding:10px 0;
border-bottom:dashed 1px #000;
}

div.contact-form {
margin:0 25px;
width:299px;
padding:10px 0 30px 0;
border-bottom:dashed 1px #000;
}

/*I HAVE A SWEET BOW STAFF*/

div.staff-section {
margin:0 25px;
width:299px;
padding:10px 0;
}

div.staff-container {
width:299px;
border-bottom:dashed 1px #000;
padding-bottom:10px;
}

div.staff-container-no-border {
width:299px;
padding-bottom:10px;
}

div.client-survey {
padding-bottom:10px;
float:right;
}

div.staff-section img {
margin-top:5px;
float:left;
}

p.staff-bios {
font-size:90%;
width:180px;
float:right;
margin-top:15px;
}

div.no-border {
margin:0 25px;
width:299px;
padding:10px 0;
}

div.no-border img {
margin-top:5px;
float:left;
}

p.news {
font-size:90%;
letter-spacing:-0.2px;
}

h3.date {
color:#7D0B00;
}

span.name {
color:#7D0B00;
font-size:120%;
font-weight:lighter;
}

/*SHAKE THAT NAV AROUND*/

ul#nav {
background:url(/images/nav-bg.gif) no-repeat right bottom;
height:25px;
width:600px;
float:right;
}


ul#nav li {
float:left;
margin:3px 5px 0 0;
list-style:none;
display:block;
}

ul#nav a {
padding:1px 10px;
}

ul#nav a:link, #nav a:visited {
text-decoration:none;
color:#fff;
}

ul#nav li a:active, #nav li a:hover {
text-decoration:none;
background:#fff;
color:#000;
}

/*HERE STATES*/

li#on-page, li#on-page a, li#on-page a:link, li#on-page a:active, li#on-page a:visited, li#on-page a:hover {
background:#fff;
color:#000;
}

/*FOOTER FOOTER BO BOOTER BANANA FANA FO FOOTER*/

#footer {
clear:both;
border-top:dashed 1px #000;
width:920px;
text-align:center;
font-size:85%;
padding:10px 0 20px 0;
}

/*MY MOM'S A TYPOGRAPHER*/

h1, h2, h3 {
margin: 0;
padding: 0;
}

h1 { 
font-size: 300%; 
}

h2 { 
font-size: 170%; 
}

h2.three-squares {
background:url(/images/three-dots.gif) no-repeat right;
margin:25px 0 5px 0;
}

h3 { 
font-size: 120%;
font-weight:lighter; 
}

h4 {
font-size:110%;
line-height:22px;
}

p {
line-height:18px;
}

p.note {
font-size:95%;
}

li {
list-style:square;
margin-bottom:10px;
}

p.showcase {
font-size:70%;
color:#7D0B00;
}

li.features {
float:left;
margin:10px 0 10px 15px;
padding-right:10px;
}

p.left-arrow a {
background:url(/images/arrow_left.gif) no-repeat left;
border:none;
padding-left:20px;
float:left;
color:#000;
}

p.right-arrow a {
background:url(/images/arrow_right.gif) no-repeat right;
border:none;
padding-right:20px;
float:right;
color:#000;
}

p.pdf a {
background:url(/images/content/pdficonsm.gif) no-repeat left;
display:block;
padding-left:20px;
clear:both;
color:#000;
}

p.pdf {
float:right;
}


/*linky winky*/

a:link, a:active, a:visited {
color:#7D0B00;
text-decoration:underline;
}

a:hover {
color:#7D0B00;
text-decoration:none;
}

a.side-links {
color:#000;
}

/*MISCELLELLELLANANANIOUS*/

div.clear {
clear:both;
margin:5px 0;
}

div.dashed-line {
clear:both;
margin:5px 0;
border-bottom:dashed 1px #000;
}

img {
border:solid 1px #000;
}

img.pdf-icon {
border:none;
float:left;
display:inline;
margin-right:15px;
}

div.community-logos {
text-align:center;
margin:auto;
display:block;
width:299px;
border-bottom:dashed 1px #000;
padding-bottom:10px;
}

div.community-logos-no-border {
text-align:center;
margin:auto;
display:block;
width:299px;
padding-bottom:10px;
}

div.community-logos img {
border:none;
text-align:center;
margin:auto;
display:block;
}

div.community-logos-no-border img {
border:none;
}

#photo-view {
margin-bottom:10px;
}

div.arrows {
float:left;
width:170px;
}

.slides {
position: relative;
z-index: 1;
display: none;
}

.controls {
position: relative;
z-index: 10;
}

#slide1 {
display: block;
}