* {
margin:0;
padding:0;
}

img {
display:block;
border:0;
}

a, a:active {
outline:none;
}

body {
background:#fff;
font-family: Helvetica, Arial, sans-serif;
font-size:62.5%;
color:#000;
}

p {
font-size:1.2em;
line-height:1.5em;
padding:0 0 1.5em 0;
}

a {
color:#000;
text-decoration:none;
font-weight:bold;
}

table {
font-size:1.2em;
}

#wrapper {
width:975px;
margin:0 auto;
background:#FFFFFF;
padding:30px;
overflow:auto;
}

#left {
width:215px;
background:url(../img/bg.gif) no-repeat;
height:600px;
float:left;
margin:0 10px 0 0;
padding:0;
}

#left > div {
background:url(../img/bg_right.gif) right no-repeat;
width:215px;
height:600px;
position:relative;
}

#left #header h1 {
font-size:1.4em;
padding:12px 20px 8px 20px;
border-bottom:1px solid #ccc;
font-weight:bolder;
text-transform:uppercase;
text-align:center;
}

#left #header h1 a {
color:#000;
text-decoration:none;
}

#left #header img {
width:213px;
height:178px;
margin:1px;
}

#left ul#nav {
padding:20px;
list-style:none;
text-transform:uppercase;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#left ul#sub {
padding:15px 0 25px 10px;
font-size:0.9em;
list-style:none;
}

#left ul#nav {
font-size:1em;
}

#left ul#nav > li {
font-size:14px;
}

#left ul#sub > li {
font-size:14px;
}

#left ul#nav li a {
color:#000;
font-weight:bold;
text-decoration:none;
}

#left ul#sub li a {
font-weight:normal;
}

#left ul#nav li a:hover {
color:#999;
}

#left ul#nav li.active a, #left ul#nav li a:active {
color:#33CCCC;
}

#left #footer {
height:26px;
position:absolute;
width:175px;
border-top:1px solid #ccc;
padding:9px 20px 0 20px;
bottom:0;
}

#left #footer p {
padding:0;
font-size:0.9em;
line-height:1em;
}

#main {
width:750px;
height:600px;
overflow:auto;
padding:0;
float:left;
}

#center {
width:650px;
height:600px;
background:url(../img/bg.gif) no-repeat;
margin:0 10px 0 0;
position:relative;
float:left;
}

#center > div:first-child {
width:610px;
height:550px;
padding:30px 20px 20px 20px;
overflow:auto;
background:url(../img/bg_right.gif) right no-repeat;
}

#center.medium {
width:620px;
}

#center.medium > div:first-child {
width:580px;
}

#center.wide {
width:640px;
margin:0;
}

#center.wide > div:first-child {
width:610px;
padding:30px 10px 20px 20px;
}

#center.slideshow {
width:750px;
margin:0;
}

#center.slideshow > div:first-child {
width:720px;
padding:30px 10px 20px 20px;
}

#center.narrow {
width:285px;
margin:0;
}

#center.narrow > div:first-child {
width:285px;
height:600px;
overflow:hidden;
padding:0;
}

#center.narrow > div:first-child > div {
overflow:auto;
padding:10px;
width:265px;
height:550px;
}

#center.narrow h2 {
font-size:1.4em;
padding:10px 20px 5px 20px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin:0 0 10px 0;
width:245px;
}

#center.narrow img {
display:inline;
margin:0 5px 0 0;
}

#center .info {
padding:5px 5px 0 0;
height:29px;
/*width:215px;*/
position:absolute;
border-top:1px solid #ccc;
bottom:0;
right:0;
}

#center .info p {
padding:0 0 5px 0;
font-size:1.1em;
}

#center .info h4 {
color:#666;
font-weight:normal;
text-transform:uppercase;
font-size:1.2em;
margin:0 0 5px;
}

#center.medium .info, #center.wide .info {
padding:10px 0 0 0;
width:460px;
height:auto;
position:static;
border:none;
margin:0 auto;
overflow:hidden;
}

#center.medium .info div.title, #center.wide .info div.title {
float:left;
width:160px;
margin:0 10px 0 0;
}

#center.medium .info div.desc, #center.wide .info div.desc {
float:left;
width:270px;
height:150px;
overflow:auto;
padding:0 20px 0 0;
}

#center.medium .info h4, #center.wide .info h4 {
text-transform:none;
font-size:1.3em;
font-weight:bold;
color:#000;
margin:0 10px 0 0;
}

#center.medium .info h4.client, #center.wide .info h4.client {
color:#999;
margin:0 0 5px;
}

#center.medium .info h4.time, #center.wide .info h4.time {
font-weight:normal;
font-size:1.1em;
}

#center .movie {
width:460px;
height:355px;
margin:10px auto;
border:1px solid #ccc;
}

#center .copy {
width:610px;
overflow:hidden;
}

#center .copy h4 {
font-size:1.3em;
}

#center .copy img {
float:left;
margin:0 20px 100px 0;
}

#center .copy div {
padding:0 5px 0 0;
height:450px;
overflow:auto;
}

#center.slideshow img {
position:absolute;
top:20px;
left:20px;
}

#right {
width:90px;
height:520px;
padding:40px 0 40px 0;
position:relative;
font-size:1em;
float:left;
}

#right h4 {
font-weight:normal;
}

#right.medium {
width:120px;
}

#right.wide {
width:465px;
height:600px;
padding:0;
background:url(../img/bg.gif) no-repeat;
}

#right.wide h2 {
font-size:1.4em;
padding:10px 20px 5px 20px;
border-bottom:1px solid #ccc;
text-transform:uppercase;
margin:0 0 10px 0;
width:445px;
}

#right.wide .link {
border-top:1px solid #ccc;
margin:0 0 20px 0;
padding:10px 0 0 0;
overflow:hidden;
}

#right.wide .link img {
margin:0 20px 0 0;
float:left;
}

#right.wide .link div {
float:left;
width:305px;
}

#right.wide .link h4 {
font-size:1.2em;
text-transform:uppercase;
padding:0 0 0.7em 0;
}

#right.wide .link h4 a {
color:#000;
text-decoration:none;
}

#right.wide > div:first-child {
background:url(../img/bg_right.gif) right no-repeat;
width:465px;
height:600px;
}

#right.wide > div:first-child > div {
overflow:auto;
padding:10px 20px 10px 20px;
height:550px;
}

#right > div {
height:520px;
overflow:hidden;
}

#right div.thumb {
background:url(../img/bg_thumb.gif) no-repeat;
height:70px;
width:80px;
margin:0 0 5px 0;
padding:4px 6px 6px 4px;
font-size:1em;
}

#right div.thumb img {
border-top:1px outset #fefefe;
border-left:1px outset #fefefe;
border-bottom:1px inset #ccc;
border-right:1px inset #ccc;
}

#right.medium div.thumb {
background:url(../img/bg_thumb_big.gif) no-repeat;
width:110px;
height:115px;
}

#right.medium div.thumb img {
margin:0 0 10px 0;
}

#right.medium div.thumb h4 {
font-size:1.1em;
line-height:1em;
}

#right.medium div.thumb h4.client {
color:#999;
height:11px;
overflow:hidden;
}

#right a.up, #right a.down {
outline:none;
display:block;
height:35px;
width:90px;
}

#right.medium a.up, #right.medium a.down {
width:120px;
}

#right a.up span, #right a.down span {
display:none;
}

#right a.up {
position:absolute;
top:0;
background:url(../img/bg_up.gif) no-repeat;
}

#right a.down {
position:absolute;
bottom:0;
background:url(../img/bg_down.gif) no-repeat;
}

#right.medium a.up {
position:absolute;
top:0;
background:url(../img/bg_up_big.gif) no-repeat;
}

#right.medium a.down {
position:absolute;
bottom:0;
background:url(../img/bg_down_big.gif) no-repeat;
}

#message {
padding:10px;
background:#FF3300;
font-size:2em;
margin:0 0 10px 0;
color:#FFFF00;
}

table {
border-collapse:collapse;
position:relative;
}

table th {
color:#333333;
font-size:1em;
text-align:left;
}

table td {
padding:5px;
font-size:1em;
border:1px solid #CCCCCC;
}

table tr.sub td {
background:#f6f6f6;
}

table tr.sub td:first-child {
padding:5px 5px 5px 20px;
}

.input {
width:100%;
overflow:auto;
}

input.small {
width:30px;
}

.input label {
width:90px;
display:block;
height:100%;
float:left;
padding:5px 0 0 0;
}

.input input, .input textarea {
margin:0 0 5px 0;
}

span.radios .input label, span.radios img {
display:inline;
}

.addform {
border:1px solid #ccc;
height:450px;
width:320px;
padding:10px;
margin:0 5px 10px 0;
float:left;
}