/* @group common and main layout */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
ul, li, ul li {list-style-type: none;}

body {background: #fff url(/images/backgrounds/body_back.jpg) repeat-x 0 0; font-size: 100.1%;} /* */
#main_container {font-family: "Lucida Grande", Lucida, Verdana, sans-serif; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; position: relative; text-align: left; width: 970px;}

#header {background: url(/images/backgrounds/header.jpg) no-repeat 50% 0; height: 108px; padding-top: 23px; position: relative; text-align: left; width: 970px;}


#header ul {bottom: 0; float: left; left: 100px; position: absolute;} /* width: 970px; */
#header ul li {float: left; font-size: 0.8em; list-style-type: none;}

#content {font-size: 0.8em; letter-spacing: 1px; line-height: 1.4em; margin: 0 50px 1em 120px; min-height: 470px; height: auto !important; height: 480px; padding: 10px 0 40px 0; position: relative; text-align: left; width: 550px;}
body#home #content {padding: 60px 0 0;}
body#photos #content {width: 800px;}

#nav {height: 100%; margin-left: 678px; text-align: center; width: 180px;}

#footer {background: #8c8c8c url(/images/backgrounds/footer_back.jpg) repeat-x 0 0; border-top: 1px solid #627981; clear: left; font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif; height: 40px; letter-spacing: 1px; margin: 1em 0 0; padding: 5px 0 5px 0; min-height: 190px; height: auto !important; height: 200px; position: relative; text-align: left; width: 100%;}
.footer_links {background: url(/images/backgrounds/footer_links.gif) no-repeat 0 100%; right: 0; padding: 5px 12px; position: absolute; top: -3px;}

#side_image {background-position: 0 0; background-repeat: no-repeat; left: 720px; position: absolute; top: 108px;}
body#home #side_image {background-image: url(/images/backgrounds/side_image-home.jpg); height: 480px; width: 232px;}
body#producer #side_image {background-image: url(/images/backgrounds/side_image-producer.jpg); height: 511px; width: 232px;}
body#performer #side_image {background-image: url(/images/backgrounds/side_image-performer.jpg); height: 354px; width: 232px;}
body#composer #side_image {background-image: url(/images/backgrounds/side_image-piano.jpg); height: 304px; width: 232px;}
body#contact #side_image {background-image: url(/images/backgrounds/side_image-contact.jpg); height: 492px; width: 232px;}
body#links #side_image {background-image: url(/images/backgrounds/side_image-valve.jpg); height: 432px; width: 232px;}

#music_player {margin: 0;}
.home_image {float: left; margin: 0 40px 200px 10px;}

#contact_form {padding-top: 40px;}

ul.photos_list li {margin: 0 0 2em; width: 100%;}
ul.photos_list li img {clear: left; display: block; float: left; margin: 0 10px 5px 0;}



/* @end */

/* @group text and links */
#header h2, #header p {color: #fff; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; margin-left: 100px;}
#header h2 {font-size: 1.7em; letter-spacing: 3px;}
#header p {font-size: 0.8em; letter-spacing: 2px;}

#header ul li a:link, #header ul li a:visited {color: #68655e; display: block; height: 29px; letter-spacing: 1px; padding: 0 20px; text-decoration: none; text-align: center;}
#header ul li a:hover {background: #a2bacd url(/images/buttons/header_button-select.jpg) no-repeat -3px -3px; color: #68655e;} /* background: url(/images/buttons/header_button-over.gif) no-repeat 0 0; */
#header ul li a:active {background: url(/images/buttons/header_button-over.gif) no-repeat 0 0; color: #fff;}

#header h2 a:link, #header h2 a:visited {color: #fff; text-decoration: none;}
#header h2 a:hover {text-decoration: underline;}

#header a span {display: block; padding-top: 7px;}

body#home #header a#tab_home, body#composer #header a#tab_composer, body#producer #header a#tab_producer, body#performer #header a#tab_performer, body#photos #header a#tab_scrapbook, body#links #header a#tab_links, body#contact #header a#tab_contact {background: url(/images/buttons/header_button-over.gif) no-repeat 0 0; color: #fff;}

#content h2 {color: #534844; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.9em; font-style: normal; letter-spacing: 2px; margin: 1em 0 0.5em;}
#content p {margin: 0 0 1em 10px;}
#content  ul.photos_list li p {margin-right: 10px;}

#content a:link, #content a:visited, #footer a:link, #footer a:visited {color: #317b9e; text-decoration: none;}
#content a:hover, #footer a:hover {color: #203944; text-decoration: underline;}

#footer p {padding: 7px 20px;}
#footer a:link, #footer a:visited {color: #68655e;}
#footer p a:link, #footer p a:visited {color: #333;} 


body#links #content ul li span {display: block; margin: 0 0 0 5px;}
body#links #content ul li {margin: 7px 0;}
body#photos #content ul li a {border: none;}
body#photos #content ul li a img {border: 1px solid #cacaca; margin-left: 10px;}

body#photos #content ul.photos_list {float: left; padding-bottom: 3em;}
body#photos #content ul.photos_list li {background: url(/images/backgrounds/scrapbook_item.jpg) repeat 0 0; border: 1px solid #cacaca; color: #4f4f4f; float: left; font-family: Constantia, Rockwell, Serifa, "Lucida Fax", "Bitstream Vera Serif", "Hoefler Text", Hoefler, "Warnock Pro", "Chaparral Pro", Officina, TheSerif, TheMix, Information, "Lucida Grande", Georgia, "Trebuchet MS", serif; min-height: 137px; height: auto !important; height: 140px; margin: 20px; padding: 10px 0 0; width: 350px;}

body#photos #content ul.photos_list li.movie_link {position: relative;}
body#photos #content ul li span.file_size {bottom: 4px; font-size: 0.8em; left: 40px; margin: 0; position: absolute;}
body#photos #content ul.photos_list li.movie_link a img {border: none;}
/* @end */




/* @group Form Stuff */
div.form_row, div.form_row_textarea {padding: 7px 0; width: 480px;}
div.form_row label, div.form_row_textarea label {color: #534844; display: block; float: left; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; text-align: right; padding-right: 4px;} 
div.form_row_button {text-align: right;}
#order_form td input, .form_row input, .form_row_textarea textarea, .form_row textarea {background: #fff; border: 3px solid #cacaca;} 
div.form_row_textarea textarea {height: 180px; width: 220px;}
.date_of_birth_container {visibility: hidden;}
/* @end */


/* @group IE6 hacks */
#header ul li {_height: 29px;}
#header a:link, #header a:visited {_width: 50px;}
body#photos #content ul.photos_list li {_width: 340px;}
/* @end */