@charset "utf-8";

/* Welcome to the stylesheet for DJ Buzby - Put your feet up and enjoy! */
/* Written by David Coe, covicstudio.com / covic.co.uk */

* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	text-decoration: none;
	outline: none;
  border: none;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 p {font-size: 13px; font-family: Arial, Helvetica, sans-serif}

body {
	background: #D2D1D1 url(images/bg_grad_2.jpg) repeat-x;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#container {width: 779px; overflow: auto;}
#rainbow {margin: 0; width: 238px;	height: 315px;	background: url(images/bg_rainbow.png) no-repeat 0 13px; overflow: auto; float: left;}
#content_body {float: left; margin: 19px 0 0; width: 535px; overflow: auto;}

#contact_bubble {position: absolute; top: 20px; left: 775px; }
#contact_bubble p {margin: 0; background: url(images/bg_bubble_large.png) no-repeat; width: 191px; padding: 10px 0 0 25px; font-family:  Georgia; font-size: 15px; letter-spacing:  -0.5px;}
#contact_bubble p a {font-family:  Georgia; color: #223344; text-decoration:  underline;}
#contact_bubble #cap {font-size:  1px; background: url(images/bg_bubble_large_cap.png) no-repeat; width: 191px; height: 10px;}

#masterhead {background: url(images/bg_menu.png); width: 529px; height: 65px; padding: 0px 0 0 6px; overflow: auto; position:  relative;}
#masterhead h1 {width: 97px; height: 33px; background: url(images/bg_logo.png) no-repeat; text-indent: -9999px; position: absolute; left: 420px;}
#masterhead a {color: #fff;}
#masterhead a:hover {color: #bbb;}
#masterhead ul {font-size: 11px; position: absolute; top: 44px;}
#masterhead ul li {display: inline; margin: 0 9px;}

#fp_about_us {width: 535px; background: url(images/bg_content_body_side.jpg) repeat-y; overflow: auto;}
#fp_about_us div.cap {width: 535px; height: 10px; background: url(images/bg_content_top.png) no-repeat; font-size: 1px;}
#fp_about_us div.diff {background: url(images/bg_content_bottom.png) no-repeat;}
#fp_about_us .copy {background: url(images/bg_content_body.jpg) bottom repeat-x;width: 528px; margin-left: 4px; overflow-x:  hidden;}
#fp_about_us h2 {padding: 8px 23px; width: 482px; font-family:  Georgia, Arial, Helvetica; font-size: 22px; color: #8B0400; font-weight: normal; font-style:  italic; letter-spacing: -0.5px;}
#fp_about_us p {font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; color: #4f4f4f; padding: 6px 23px; width: 480px; font-size: 13px; letter-spacing:  -0.5px; line-height: 20px;;}
#fp_about_us p span {font-weight: bold; font-size: 14px;}
#fp_about_us p a {color: #4f4f4f; text-decoration:  underline;}

#fp_gallery {width: 530px; height: 138px; background: url(images/bg_imgnav.png); margin-top: 5px; padding-left: 5px; text-align:  center;}
#fp_gallery a {display: inline; width: 138px; float: left; padding: 7px 12px 0 ; margin: 10px 7px 0 6px;}
#fp_gallery a span{ font-size: 11px; color: #7b7a7a; text-decoration:  underline; }
#fp_gallery a:hover span{ text-decoration: none;}
#fp_gallery img {background: url(images/bg_small_gallery.png);}

#footer {width: 535px;}
#footer p {width:350px; font-size: 11px; color: #868686; padding: 1px 0 0 10px;}
#footer p a{color: #555;}
#footer h3 a{float: right; width: 123px; height: 20px; margin-right: 28px; text-indent:-9999px; background: url(images/bg_book_today.png) no-repeat;}



/* Gallery */
ul#gallery_images {margin-left: 4px;}
ul#gallery_images li {display: inline;}
ul#gallery_images li img {background: url(images/bg_gallery_blank.png); padding: 7px; margin: 10px 0 10px 15px;}


/*  Contact */

        form {text-align: left; margin-left: 25px; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size: 13px;}
        fieldset {border: 0; width: 500px; margin-top: 15px; position:relative;}
        legend {display: none;}

        form label {display: block; width: 310px; font-size: 13px; line-height: 16px; padding: 0px 0px 12px 0px; color: #4f4f4f; }
        form input {display: block; margin-top: 3px; font-size: 13px; border: 1px solid #aaa; background-color: #fff !important;}
        form textarea {display: block; width: 390px; height: 200px; margin-top: 3px; font-size: 13px; border: 1px solid #aaa; background-color: #fff !important;}
        form select {float: left; display: block;}

        form label.field-first,
        form label.field-address,
        form label.field-address-two,
        form label.field-city,
        form label.field-county,
        form label.field-email {
        	clear: left;
        }

        form label.field-first,
        form label.field-last,
        form label.field-city,
        form label.field-county,
        form label.field-email,
        form label.field-phone {
        	float: left;
        	margin: 0px 10px 0px 0px;
        	width: 190px;
        }

        form label.field-first input,
        form label.field-last input,
        form label.field-email input,
        form label.field-city input,
        form label.field-county input,
        form label.field-phone input {
        	float: left;
        	width: 190px;
        	padding: 0px;
        }

        form label.field-state {float: left; margin-right: 10px;	width: 60px;}
        form label.field-state select {width: 60px; float: left; margin-top: 3px;}

        form label.field-zip {float: left;	width: 100px;}
        form label.field-zip input {float: left; width: 80px;}

        form label.field-city {float: left;	width: 190px; clear: none; margin-left: 10px; display: inline;}
        form label.field-city input {float: left; width: 190px;}

        form label.field-address {float: left;	width: 390px;	margin: 0px 0px 0px 0px;}
        form label.field-address input {float: left; width: 390px; padding: 0px;}

        form label.field-address-two {float: left; width: 190px; margin: 0px 0px 0px 0px;}
        form label.field-address-two input {float: left; width: 190px; padding: 0px;}

        p input {display: inline;}
        
        #submit {border: none; margin-left: 200px;}

	input.error {border: 1px solid red;}
	label.error {position: relative; right:0; color: red;width:150px;text-align:right;}


/* Testimonials */

  ul#testimonials {margin-bottom: 40px;}
  ul#testimonials li { width: 400px; margin: 20px auto;}
  ul#testimonials li p {width: auto; position: relative; border: 1px solid #ddd;-moz-border-radius: 0.6em;}
  ul#testimonials li p img {position: absolute; bottom: -20px; left: 20px;}
  ul#testimonials li p.from {padding-left:60px; font-family: Georgia; letter-spacing: normal; font-style: italic; border: none;}