body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 10pt 'Trebuchet MS', 'Verdana', 'Arial';}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #6E0300; text-decoration: none;}
a:hover {text-decoration: underline;}

/* LAYOUT */
body {background-color: #005887; color: #000;}
#page {width: 800px; border: 10px solid #B9C7BF; position: absolute; left: 50%; margin-left: -410px; border-top:0;}
h1 {color: #B9C7BF; font-size: 14pt; position: absolute; top: 20px; left: 50px; z-index: 1;}
#header {position:absolute; top: 0px; width: 820px; height: 207px; background: url('img/header.jpg') no-repeat; z-index: 1; margin-left: -10px;}
#header .bottom{position:absolute; top: 207px; left: 53px; width: 431px; height: 16px; background: url('img/header_bottom.gif') no-repeat;}

#flash_head_img {position: absolute; top: 0; left: -10px; border: 0; z-index: 50;}

#authors {position: absolute; margin: 18px 0 0 0; width: 800px; text-align: center; padding-bottom: 20px;}
#authors a {color: #8DADBD; font-size: 9pt; font-style: italic;}
#authors em {color: #8DADBD; font-size: 9pt;}

#pub_logo {display: block; width: 200px; height: 70px; background: url('img/pubrestaurants.gif') no-repeat; position: absolute; top: 200px; right: 29px;}
#pub_logo span {display: none;}

#footer {height: 60px; color: #39686B; background: #B9C7BF; padding-top: 25px; border-top: 10px solid #F2F2E8;}
#footer span {font-size: 9pt;}
#footer span.address {float: left; margin-left: 40px;}
#footer span.contact {float: left; margin-left: 90px;}
#footer span.account {float: left; margin-left: 70px;}
#footer span.spaces {margin-left: 30px;}
#footer span a {color: #004E7E; font-size: 9pt;}

/* MENU */
#menu {position: absolute; top: 250px; left: 13px;}
#menu li {list-style: none; display: block; float: left; margin-left: 12px;}
#menu li a{color: #A6A39C; text-decoration: none;}
#menu li a:hover{color: #005887;}
#menu li a span {font-size: 9pt; font-weight: bold;}

/* REFERENCE */
#reference {float:left; background-color: #E2E0D4; width: 220px; margin-left: 9px; padding: 13px 0 0 13px; border-top: 5px solid #CCC9C0;}
#reference a{display:block; border:5px solid #fff;width:205px; position: relative; right:4px; bottom:4px;}
#reference a:hover {border-width: 4px 5px 5px 4px;}
#reference .picture{margin-bottom: 10px; margin-top: 10px; background-color: #C4C4B3; width:213px; height:144px;}
#reference .picture img{}

/* PLAYGROUND */
#playground {padding-top: 280px; background-color: #F2F2E8;}
#playground h2 {font-size: 16pt; font-weight: bold; color: #0085B8; margin: 0px 12px 0px 12px; display: block; border-bottom: 3px solid #E4E3DE; text-align: center; padding: 15px 30px 8px 30px;}

#playground .content{width: 538px; float: left; background-color: #F4F5F0; padding-bottom: 30px; margin: 0px 0px 0px 10px; border-top: 5px solid #CCC9C0; min-height: 445px;}
#playground .content p {margin: 0 25px 10px 31px;}
#playground .content h3 {margin: 25px 25px 3px 31px; font-size: 12pt; font-weight: bold; color: #004E7E;}
#playground .content ul,ol {margin:5px 0 5px 50px; list-style: square;}
#playground .content table {margin: 0 0 10px 31px;}
#playground .content table td{text-align: right;}
#playground .content table strong{display: block; width: 400px; padding-left: 7px; text-align: left;}
#playground .content table em{font-weight: bold; font-style: normal; color: #6E0300;}

/* GALLERY */
#playground .content .images {margin-left: 20px; margin-bottom: -10px;}
#playground .content .images a img{margin:0 0 5px 11px; border: 3px solid #CCC9C0; float: left;}
#playground .content .images a:hover img{border: 3px solid #005887;}
#playground .content .images span{display: none;}

/* DATAGRID */
div.fps_paging {margin: 30px 25px 0 50px;}
div.fps_paging a, div.fps_paging a span, div.fps_paging strong{font-size: 12pt;}

/* FORM */

form div.row {padding: 0px 0; clear: both; display: block; margin-left: 31px;}
form label {float: left; line-height: 24px;}
form input {border: 1px solid #3E554F; margin:0px 70px 0 0; float: right; padding: 2px; width: 220px; border: 1px solid #c0c0c0;}
form .submit {width: 136px; height: 29px; margin-top: 20px; border: 0;}
form h4 {padding-top: 20px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form p.form_error {color: #f00000; padding:0; float: left; margin-top:5px;}