html * {padding: 0; border-width: 0; outline: none; margin: 0}
body {position: relative}
hr {display: block; float: none; height: 0; padding: 0; margin: 0; clear: both; visibility: hidden}
h1, h2, h3, h4, h5, h6, p {padding: .75em 0 .25em 0}
p {padding: 1em 0 .5em 0}
table {border-collapse: collapse}
th, td {padding: 5px; border-width: 1px; border-style: solid}
#header {height: 56px; padding: 0 30px; border-width: 1px 0; border-style: solid; position: relative}
#logo_print {display: none}
#logo_screen, #slogan {padding: 0; position: absolute; bottom: 10px; left: 30px}
#slogan {bottom: 5px}
#header ul {position: absolute; right: 200px; bottom: 0}
#header li {display: inline}
#header li a {display: block; float: left; height: 21px; padding: 35px 15px 0 15px}
#main_content h5 {padding: 0; margin: -1.75em 0 2.5em}
#thumbnails cite, #thumbnails cite a {display: block; width: 20px; height: 22px}
#thumbnails cite {position: absolute; right: 110px; bottom: -12px; overflow: hidden}
#gallery #thumbnails cite, #search #thumbnails cite {bottom: -30px}
#thumbnails cite a {padding: 6px 0 0 20px; margin: 0 !important}
#big_picture #view_on_flickr, #big_picture cite a {position: static}
#main_content #big_picture cite {display: inline-block; width: 60px; border-width: 1px; border-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin: 0; position: absolute; bottom: 45px; right: 470px}
#main_content #big_picture cite a {display: inline}
#main_content {padding: 30px}
#picture #main_content, #video #main_content {padding: 30px 0}
#thumbnails {text-align: center}
#thumbnails li {display: inline-block; vertical-align: middle; width: 240px; height: 240px; margin: 0 2% 47px; position: relative; -webkit-box-reflect: below 3px -webkit-gradient(linear, left top, left 200%, from(transparent), color-stop(0.4, transparent), to(white))}
#thumbnails li.empty {display: none}
#thumbnails h3 {padding: 0}
#thumbnails h2, #thumbnails h3 a, #thumbnails label {width: 160px; padding: 0 40px; position: absolute}
#thumbnails h2 {top: 225px; left: 0; z-index: 1}
#thumbnails h3 a {display: block; padding: 210px 40px 20px 40px; top: 0}
#thumbnails div a {display: table-cell; width: 240px; height: 240px; vertical-align: middle; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; text-decoration: none}
#thumbnails img {vertical-align: middle}
#thumbnails label {width: 240px; padding: 0; margin: auto; right: 0; bottom: -13px; left: 0}
.pictures#index #thumbnails li, .videos#index #thumbnails li {margin-right: 0; margin-left: 0; -webkit-box-reflect: below -35px -webkit-gradient(linear, left top, left 170%, from(transparent), color-stop(0.42, transparent), to(white))}
.videos #thumbnails li {width: 288px}
.videos #thumbnails div a {width: 288px}
.videos #thumbnails h2, .videos #thumbnails h3 a {width: 213px}
.videos #thumbnails img {max-width: 288px; height: 165px; position: relative; top: 3px; z-index: -1}
#subnavigation {padding: 0; margin: -1.85em 0 .1em 0}
#subnavigation a, #see_data_sheet, #go_to_selection, #facebox a, .go_to_checkout a {padding: 2px 10px; border-width: 1px; border-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; margin: 0 2em}
#summary, .pages, #tags, #picture_description {width: 600px; margin: auto}
#summary {padding: 0 40px 15px 40px; border-width: 1px; border-style: solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; margin: 20px auto}
#summary {}
#summary #see_data_sheet, #go_to_selection {margin: 0}
body#gallery #summary {position: relative}
body#gallery #see_data_sheet, body#gallery #go_to_selection {position: absolute; bottom: 15px}
body#gallery #see_data_sheet {left: 40px}
body#gallery #go_to_selection {right: 40px}
.pages {width: 630px; padding: 0 85px; border-width: 0 0 1px; border-style: solid; margin: 2em auto .5em; clear: both; position: relative}
.pages a, .pages strong {padding: 3px 5px; margin: 0 -1px}
.pages .previous, .pages .next {width: 70px; position: absolute; top: 0}
.pages .previous {padding-left: 0; left: 0}
.pages .next {padding-right: 0; right: 0}
.pages .previous span, .pages .next span {width: 15px; height: 15px; vertical-align: text-top}
.pages .previous span {float: left; margin-left: 3px}
.pages .next span {float: right; margin-right: 3px}
.second {top: -50px; border-width: 1px 0 0; border-style: solid; border-bottom: none}
#data_sheet {width: 680px; padding: 20px 60px; border-width: 1px; border-style: solid; margin: auto}
#data_sheet h2 {display: block; padding-bottom: 1em}
#data_sheet dl {padding: 10px 0; border-width: 1px 0 0; border-style: solid}
#data_sheet dd {margin: 0 0 .5em 42%}
#data_sheet dt {float: left; width: 40%}
#big_picture, #big_video {width: 800px; width: 1000px; min-height: 140px; height: auto !important; height: 140px; margin: auto; position: relative}
#previous, #next {width: 60px; position: absolute; top: 70px; top: -10px; z-index: 1}
#previous {left: -60px; left: 60px}
#next {right: -60px; right: 60px}
#previous span, #next span {display: block; width: 60px; width: 74px; height: 60px; height: 77px; margin-bottom: -40px; position: relative}
#big_picture label, #big_video label, #big_video label span {display: block}
#big_picture label {margin-top: -.3em}
#big_picture img {max-width: 1000px; -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left 150%, from(transparent), color-stop(0.55, transparent), to(white))}
#big_video object {max-width: 1000px; max-height: 563px; margin-bottom: 20px}
#tags {padding: 10px 0 30px 60px}
#tags h3 {float:left; margin: 3px 20px 0 -60px}
#tags h3, #tags p {}
#tags a {padding: 2px 10px}
#picture_description {padding: 0 30px 7px 30px; border-width: 1px; border-style: solid; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; margin: 0 auto -21px auto}
#all_pictures, #cart_items {width: 395px; padding:0; margin:0}
#all_pictures {float:left}
#selected_pictures {}
#cart_items {min-height: 480px; height: auto !important; height: 480px; padding-left:59px; margin-left: 446px; margin-right:-4px; border-width: 0 0 0 1px; border-style: solid; border-color: #222}
html > body #cart_items {margin-left: 449px}
#selection .instructions {background: url(../images/selection_instructions.jpg) no-repeat left top; border: none; margin-left: 406px}
html > body#selection .instructions {margin-left: 409px}
#all_pictures li, #cart_items li, #selected_pictures li {float:left; position:relative; margin:0 4px 4px 0}
#all_pictures li.emtpy, #cart_items li.empty, #selected_pictures li.empty {float:none; clear:both}
#all_pictures img, #cart_items img {display:block}
#all_pictures label, #all_pictures a, #cart_items label, #cart_items a, #selected_pictures label, #selected_pictures a {display: block; position: absolute; bottom: 1px; right: 1px; text-shadow: 1px 1px #000}
#selected_pictures a.remove_picture {display:inline; position:static}
#all_pictures a, #cart_items a, #selected_pictures a {right: auto; left: 1px; background: #000; width: 14px; height: 14px; line-height: 10px; text-align:center; opacity: .7; -webkit-border-radius: 7px; -moz-border-radius: 7px}
#selection #selection_size {font-size: 1px; font-family: Arial, sans-serif; text-align: center; width: 86px; height: 85px; padding: 0; margin-top: 23px; position: absolute; right: 436px; z-index: 2; color: #000}
#selection #selection_size label {font-size: 30px; line-height: 85px; text-align: center; display: block; width: 84px; height: 85px; margin: -4px 0; background:transparent url(../images/selection_size_label.png) no-repeat center}
#facebox {}
.go_to_checkout {padding:0; text-align:right; clear:both}
.go_to_checkout a {margin:0}
#first.go_to_checkout {margin: -2em 0 2.5em 0}
#back_to_gallery {text-align: center}
#back_to_gallery a {text-decoration: underline}
#back_to_gallery img {display: block; border: 1px solid #222; margin: 20px auto}
#facebox {position: absolute; top: 62px; right: 0; left: 0; text-align: center; display:block; z-index: 1000}
#facebox div {display:block; margin: auto; border: 1px solid #333; padding: 2px 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #060606}
#facebox p {padding:0}
#facebox a {font-size: 70%; margin:0}
#facebox img {display: block; margin-top: 5px}
.text #main_content h2, .text #main_content h3 {padding: 1.2em 0 1em}
.text #main_content img {float:left; margin: 0 20px 10px 0; border-width: 1px; border-style: solid; border-color: #222}
.text #main_content ul, .text #main_content ol, .text #main_content dl, .text #main_content dd {margin: 10px 40px 30px}
.text #main_content li {margin-bottom: .5em}
.text #main_content li p {padding-top: 0em; padding-bottom: .5em}
code {padding: 0 2px; -webkit-border-radius: 3px; font-family: "Monaco", "Courier", monospace}
#main_content cite, #main_content cite a {display: block; margin: -5px 0 30px}
form {width: 800px; margin: auto}
form label {display: block; float: left; width: 8%; margin: 5px 1em 0 1em}
input, textarea {-webkit-border-radius: 9px; -moz-border-radius: 9px; -khtml-border-radius: 9px}
input {float: left; width: 33%; height: 18px; padding: 0 10px; margin: 5px 0 30px 0}
input.rsvp_confirmation {float: left; width: auto; height: auto; background: none}
input#message_confirmation_yes {clear: both; margin-left: 30%}
input#message_confirmation_no {margin-left: 30px}
label#confirmation_yes, label#confirmation_no {width: auto}
label#message, label#names_of_guests {float: none; clear: both; width: auto; margin: 1em 0 .75em 0}
textarea {width: 780px; padding: 10px}
button {display: block; clear: both; height: 28px; padding: 0 30px; border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; margin: 1em auto 0 auto}
#submit_result {margin-bottom: 1em}
#global_search {width: 140px; position: absolute; right: 30px; bottom: 18px}
#global_search input {width: 86%; margin: 0}
#footer {padding-bottom: 2em}
#footer h2, #footer h3 {display: block}
#footer p {margin-bottom: .5em}
#beonthenet img {width: 95px; height: 22px; margin: 0 -4px -3px 0}
#footer h5 {margin: 2em 0 .5em 0}
#selection #main_content, #checkout #main_content, #pictures_sent #main_content {width: 900px; margin:auto; position:relative}
body.text #main_content {width:640px; margin:auto}
/* /Section specificities */

html * {color: #BFBFBF}
html {background: #000}
a:hover {color: #E0E0E0}
h1 {color: #607995; text-shadow: #000 0 -1px 1px}
#gallery h1, #search h1, h2 {text-shadow: #000 0 -1px 1px}
#gallery h1 em, #search h1 em {color: #FFF; text-shadow: #000 0 -1px 1px}
h4 {text-shadow: #000 0 0 2px}
h4 a:hover {color: #70B0FF}
#main_content img, #picture_description * {background: #060606 ; color: #777; text-shadow: #000 0 1px 0}
th, td {border-color: #222}
em {color: #bfa169}
#header {background: url(../images/header_shading.png) repeat-x center bottom; border-top-color: #616161; border-bottom-color: #1F1F1F}
#logo_screen {text-shadow: #000 0px -2px 0px}
#logo_screen a, #logo_screen img {color: #FFF; background: none}
#slogan {color: #444}
#header li a:link {color: #7C7C7C; text-shadow: #000 0 -1px 1px}
#header li a:hover {color: #E0E0E0}
#main_content h5, #main_content #big_picture cite {color: #BFBFBF}
#main_content #big_picture cite {background: #000; border-color: #252525; border-top-color: #333; border-bottom-color:#1F1F1F; opacity: .7}
#main_content h5 a, #big_picture cite a {color: #E0E0E0}
#main_content h5 a:hover, #big_picture cite a:hover {color: #70B0FF; text-shadow: #70B0FF 0 0 4px}
#thumbnails cite a {background: transparent url(../images/flickr.png) no-repeat 3px 12px}
#thumbnails cite a:hover {background-image: url(../images/flickr_hover.png)}
body #footer h6 {color: #777}
body #footer h6 em {color: #555}
#thumbnails h2 {text-shadow: none}
#thumbnails h3 a {background: url(../images/thumbnail_mask_picture.png) repeat top center}
#thumbnails h3 a:hover {color: #70B0FF; background-image: url(../images/thumbnail_mask_picture_hover.png)}
.videos #thumbnails h3 a {background-image: url(../images/thumbnail_mask_video.png)}
.videos #thumbnails h3 a:hover {background-image: url(../images/thumbnail_mask_video_hover.png)}
#thumbnails div a:hover {background: #1A1A1A}
#subnavigation a, #see_data_sheet, #go_to_selection, #facebox a, .go_to_checkout a {background: url(../images/button_small.gif) repeat-x center top; border-color: #252525; border-top-color: #1F1F1F; border-bottom-color: #333}
#subnavigation a:active, #summary a:active {color: #939393; background-image: url(../images/button_small_active.gif)}
#summary {border-color: #222; background: #060606}
.pages {border-color: #222}
.pages a, .pages strong {color: #B4B4B4}
.pages a:visited {color: #444}
.pages .previous:visited, .pages .next:visited {color: #B4B4B4}
.pages a:hover, .pages .previous:hover, .pages .next:hover {color: #FFF; background: url(../images/button_small.gif) repeat-x center center; text-shadow: #222 0 -1px 1px}
.pages a:active, .pages .previous:active, .pages .next:active {color: #BFBFBF; background-image: url(../images/button_small_active.gif)}
.pages strong {color: #70B0FF; text-shadow: #607995 0 -1px 1px}
.pages .previous span, .pages .next span {background: transparent url(../images/arrow_left.gif) no-repeat center center}
.pages .next span {background-image: url(../images/arrow_right.gif)}
.pages .previous:hover span {background-image: url(../images/arrow_left_hover.gif)}
.pages .next:hover span {background-image: url(../images/arrow_right_hover.gif)}
.pages .previous:active span {background-image: url(../images/arrow_left_active.gif)}
.pages .next:active span {background-image: url(../images/arrow_right_active.gif)}
.second {}
#data_sheet {background: #E0E0E0; border-color: #999}
#data_sheet h2 {color: #000; text-shadow: #FFF 0 1px 0}
#data_sheet dl {border-color: #ACACAC}
#data_sheet dt {color: #434343}
#data_sheet dd {color: #404040}
#data_sheet a {color: #607995}
#data_sheet a:visited {color: #ACACAC}
#data_sheet a:hover {color: #1720A0; color: #50469D}
#data_sheet a:active, #data_sheet li {color: #000}
#big_video a {color: #FFF}
#big_video a:hover {color: #70B0FF}
#previous span, #next span {background: transparent url(../images/arrow_previous.png?1) no-repeat center center}
#next span {background-image: url(../images/arrow_next.png?1)}
#previous:hover span {background-image: url(../images/arrow_previous_hover.png?2)}
#previous:active span {background-image: url(../images/arrow_previous_active.png?2)}
#next:hover span {background-image: url(../images/arrow_next_hover.png?1)}
#next:active span {background-image: url(../images/arrow_next_active.png?1)}
#big_video object {-webkit-mask-box-image: url(../images/big_video_mask.png) 0 stretch}
#big_picture label, #big_video label {opacity: .5}
#tags a:hover {color: #70B0FF; text-shadow: #70B0FF 0 0 4px}
#picture_description {background: #060606; border-color: #222}
#picture_description * {color: #777; text-shadow: #000 0 1px 0}
#selection_size label, #search_result_count label {color: #70B0FF; text-shadow: #000 0 -1px 1px, #70B0FF 0 0 4px}
.text #main_content a {color: #FFF}
.text #main_content h3, .text #main_content p a:hover {color: #70B0FF}
.text #main_content dt {color: #DCAE35}
code {color: #FFF; background: #222}
#main_content cite, .text #main_content cite a {color: #BFA169}
input, textarea {color: #607995; background: #EEE; -webkit-box-shadow: #000 0 -1px 2px, #FFF 0 1px 1px; -moz-box-shadow: #000 0 -1px 2px, #FFF 0 1px 0}
button {background: #111 url(../images/button.gif) repeat-x center bottom; border-color: #252525; border-top-color: #1F1F1F; border-bottom-color: #333; text-shadow: #000 0 -1px 0}
button:hover {color: #FFF}
button:active {color: #939393; background-image: url(../images/button_active.gif)}
.submitting {background: #222 url(../images/spinner_form.gif) no-repeat 96% center}
#submit_error {color: #C40000}
.email_field_with_errors {color: #000; background-color: #E5A1AA}
#submit_success {color: #70B0FF; text-shadow: #70B0FF 0 0 4px}
#footer * {color: #464646}
#footer a:hover {color: #E0E0E0}
#footer h2, #footer h2 a, #footer h2 a:hover {color: #464646}
#footer h3 {text-shadow: #000 0 -1px 1px}
#footer #beonthenet:hover img, #footer #improveit:hover {color: #E0E0E0}
/* /Footer */