* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
html {
font-size:100%;
}
body {
font-family:Arial,Helvetica,sans-serif;
font-size:62.5%;
}
#centeredcontent {
height:350px;
left:50%;
margin-left:-440px;
margin-top:-300px;
position:absolute;
top:50%;
width:880px;
}
h1 {
background-image:url(../images/layout/logo.png);
height:40px;
position:absolute;
right:0;
text-indent:-3000px;
width:300px;
}
#flameholder {
background-image:url(../images/layout/flames/right.jpg);
background-position:right top;
background-repeat:no-repeat;
height:270px;
position:absolute;
right:-40px;
top:50px;
width:40px;
}
#head_menu {
position:absolute;
top:30px;
width:50%;
}
#head_menu h3 {
display:none;
}
#head_menu ul li, #footer_menu ul li {
border-right:1px solid #999999;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:5px;
padding-right:4px;
}
#head_menu ul li.last, #footer_menu ul li.last {
border-right:medium none;
}
#head_menu ul li a {
color:#999999;
font-size:12px;
text-decoration:none;
text-transform:lowercase;
}
#head_menu ul li a:hover {
text-decoration:underline;
}
#context {
overflow:hidden;
position:relative;
top:50px;
}
#footer_menu {
border-bottom:1px solid #2F2F2F;
border-top:1px solid #2F2F2F;
height:15px;
overflow:hidden;
padding:3px 0;
position:relative;
top:60px;
}
#footer_menu ul {
left:0;
position:absolute;
width:50%;
}
#footer_menu p {
color:#2F2F2F;
font-size:14px;
left:50%;
letter-spacing:2px;
position:absolute;
text-align:right;
width:48.5%;
}
#footer_menu ul li a {
color:#999999;
font-size:10px;
padding-right:2px;
text-decoration:none;
text-transform:lowercase;
}
#imageholder {
background-color:#CCCCCC;
float:left;
height:270px;
width:580px;
}
#image {
float:right;
height:270px;
width:580px;
}
#departmental_menu {
background-color:#513F35;
background-image:url(../images/layout/flames/purple.jpg);
background-position:right center;
background-repeat:no-repeat;
float:right;
height:270px;
width:300px;
}
#departmental_menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#fullspan {
float:left;
width:100%;
}
#departmental_menu ul li {
background-image:url(../images/layout/flames/purple_line.jpg);
background-position:left bottom;
background-repeat:no-repeat;
height:35px;
padding-left:14px;
padding-top:10px;
}
#departmental_menu ul li a {
color:#FFFFFF;
font-size:18.25px;
font-weight:normal;
text-decoration:none;
}
#departmental_menu ul.category_menu li {
background-image:url(../images/layout/flames/purple_small_line.jpg);
background-position:0 60%;
height:20px;
padding-left:30px;
padding-top:10px;
}
#departmental_menu ul.category_menu li a {
color:#FFFFFF;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-transform:capitalize;
}
#departmental_menu h2.category_menu {
color:#FFFFFF;
font-size:18.25px;
font-weight:normal;
margin-top:10px;
margin-left:12px;
text-decoration:none;
}
#departmental_menu h2.category_menu a {
color:#FFFFFF;
text-decoration:none;
text-transform:capitalize;
}
#container {
float:left;
width:100%;
}
#swapper {
padding-top:15px;
}
#content {
float:left;
margin:15px 10px;
width:560px;
}
#gallery {
float:right;
width:300px;
}
#gallery ul li {
background-color:#CCCCCC;
display:inline-block;
height:44px;
margin-bottom:15px;
margin-left:15px;
width:59px;
}
#gallery ul li a {
display:block;
height:44px;
opacity:0.4;
text-indent:-3000px;
width:59px;
}
#gallery ul li a:hover {
opacity:1;
}
#gallery ul li a.selected {
opacity:1;
}
#departmental_menu p {
color:#FFFFFF;
font-size:12px;
padding-left:12px;
padding-top:10px;
}
#departmental_menu p a {
color:#0066FF;
}
#helpbox {
background-color:#AE998E;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:10px;
width:88%;
}
.fieldbox, .submitbox {
font-size:12px;
margin-top:8px;
overflow:auto;
}
.submitbox {
border-top:1px solid #000000;
}
.submitbox input {
background-color:#AE998E;
border:1px solid #8C5B4D;
float:right;
font-size:12px;
font-weight:bold;
margin-right:1%;
margin-top:8px;
width:120px;
}
.fieldbox label {
display:block;
float:left;
margin-left:1%;
padding-top:2px;
width:24%;
}
.fieldbox input {
border:1px solid #999999;
float:right;
font-size:12px;
height:18px;
margin-right:1%;
width:73%;
}
.fieldbox select {
border:1px solid #999999;
float:right;
font-size:12px;
height:18px;
margin-right:1%;
width:73%;
}
#container h3 {
border-bottom:1px solid #000000;
font-size:14px !important;
margin-bottom:5px;
padding-bottom:5px;
}
.field_desc {
display:none;
}
.fieldbox input.half {
float:right;
width:34%;
}
.fieldbox span.half {
display:block;
float:right;
padding-left:1%;
width:2.7%;
}

.artworkinfo
{
	margin-top:8px;
	border-top:#000000 1px dotted;
}

label input
{
	border:none !important;
	width:60% !important;
	display:inline-block;
}

button
{
	background-color:#AE998E;
	border:1px solid #8C5B4D;
	font-size:12px;
	font-weight:bold;
	width:120px;
}

.buttonholder
{
	padding:1px 1% 5px;
}

#uploadfiles
{
	border-top:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	padding:5px 1%;
	font-size:12px;
}

.current-text
{
	font-weight:bold;
}

li.validation-error {
	padding-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	color: #8a1f11;
	cursor: pointer;
	border-bottom: 1px solid #fbc2c4;
	background: #fbe3e4 url(../assets/failed.png) no-repeat 4px 4px;
}

li.file {
	border-bottom: 1px solid #eee;
	background: url(../assets/file.png) no-repeat 4px 4px;
	overflow: auto;
}
li.file.file-uploading {
	background-image: url(../assets/uploading.png);
	background-color: #D9DDE9;
}
li.file.file-success {
	background-image: url(../assets/success.png);
}
li.file.file-failed {
	background-image: url(../assets/failed.png);
}

li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}
li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}
li.file .file-info {
	display: block;
	margin-left: 44px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}
li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
}	

.progress {
	background: url(../assets/progress-bar/progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
	vertical-align: middle;
}