body {
	background: #1b1b1b url('../images/bg.png') repeat;
	margin: 0px;
	padding: 0px;
	font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
}
img {
	border: 0;
}
.grey {
	color: #999;
}

a, a:link, a:visited {
	color: #ee3258;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFFFFF;
	text-decoration: none;
}


/* OUTER BOX */
#container {
	margin: 30px auto;
	width: 990px;
	height: 750px;
}

/* LEFT */
#left {
	float: left;
}

/* HEADER IMAGE */
#header {
	margin-bottom: 2px;
}

/* TOP RIGHT NAVIGATION */
#menu {
	padding-bottom: 2px;
	height: 20px;
}
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active  {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	border: 0;
}
#menu  a#photos {
	padding: 10px 50px 0 0;
	background: url('../images/nav_photos.png') 0 -20px no-repeat;
}
#menu  a:hover#photos, #menu  a:active#photos, #menu #photos.active {
	background-position: 0 0;
}
#menu  a#contact {
	padding: 10px 59px 0 0;
	background: url('../images/nav_contact.png') 0 -20px no-repeat;
}
#menu  a:hover#contact, #menu  a:active#contact, #menu #contact.active {
	background-position: 0 0;
}
#menu  a#categories {
	padding: 10px 79px 0 0;
	background: url('../images/nav_categories.png') 0 -20px no-repeat;
}
#menu  a:hover#categories, #menu  a:active#categories, #menu #categories.active {
	background-position: 0 0;
}
#menu  a#upload {
	padding: 10px 51px 0 0;
	background: url('../images/nav_upload.png') 0 -20px no-repeat;
}
#menu  a:hover#upload, #menu  a:active#upload, #menu #upload.active {
	background-position: 0 0;
}
#menu  a#logout {
	padding: 10px 52px 0 0;
	background: url('../images/nav_logout.png') 0 -20px no-repeat;
}
#menu  a:hover#logout, #menu  a:active#logout {
	background-position: 0 0;
}

/* RIGHT SOCIAL BOOKMARKS */
#social {
	float: right;
}

/* NOSCRIPT BAR */
.noscript {
	float: left;
	color: #ee3258;
	width: 972px;
	border-bottom: 2px solid #ee3258;
	padding: 8px 0 7px 20px;
	font-size: 15px;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* HINT BAR */
.hint {
	float: left;
	color: #FFFFFF;
	background-color: #ee3258;
	width: 972px;
	padding: 8px 0 7px 20px;
	font-size: 15px;
	font-weight: bold;
}

/* MAIN FRAME */
#main {
	float: left;
	min-width: 950px;
	min-height: 634px;
	padding: 17px 20px 16px 20px;
	background-color: #FFFFFF;
}
#main a, #main a:link, #main a:visited {
	color: #000000;
	text-decoration: none;
}
#main a:hover, #main a:active {
	color: #ee3258;
	text-decoration: none;
}
#main h1 {
	color: #1b1b1b;
	font-size: 30px;
	text-transform: uppercase;
}
#main h2 {
	font-size: 22px;
	text-transform: uppercase;
}
#main h3 {
	color: #000000;
	font-size: 16px;
	margin: 0 0 12px 0;
}
#main .error {
	font-size: 15px;
	color: #FF0000;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #FF0000;
	font-variant: small-caps
}
#main .loading {
	display: none;
	background: url('../images/loading1.gif') no-repeat;
	height: 50px;
}

/* CATEGORIES - MAIN */
#categories {
	letter-spacing: 6px;
}
#categories .image {
	position: relative;
}
#categories .image img {
	width: 950px;
	height: 400px;
}
#categories .image a img, #categories .image a:link img, #categories .image a:visited img, .box .image a img, .box .image a:link img, .box .image a:visited img {
	border: 1px solid #FFFFFF;
}
#categories .image a:hover img, #categories .image a:active img, .box .image a:hover img, .box .image a:active img {
	border: 1px solid #ee3258;
}
/* Description overlay */
#categories .image .title-overlay {
	display: none;
	position: absolute;
	top: 361px;
	left: 1px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0;
	width: 912px;
	height: 28px;
	padding: 2px 10px 10px 28px;
	background-color: #000000;
	opacity: 0.70;
	filter: alpha(opacity = 70);
	line-height: 16px;
}
#categories .image .title-overlay a {
	color: #FFFFFF;
}
#categories .image .title-overlay .del {
	background: transparent url('../images/delete.png') no-repeat;
	padding: 0 0 0 16px;
}
#categories .image .title-overlay .edit {
	background: transparent url('../images/image_edit.png') no-repeat;
	padding: 0 0 0 16px;
}

/* PAGING */
.paging {
	text-align: center;
}
.paging .middle {
	margin: 0 20px 0 20px;
}

/* FORM */
#main form {margin: 30px 0 0 20px;}
#main .box  { 
	float:left;
	border: 1px dashed #666;
	padding: 20px;
	min-width: 550px;
	text-align: left;
	background-color: #EEE;
	margin-bottom: 10px;
}
#main .box #preview {
	position: relative;
	margin-top: 10px;
}
#main .box #preview #draggable {
	position: absolute;
	text-align: right;
	font-size: 20px;
	border-style: solid;
	border-color: #000000;
}
#main .box #preview #draggable a {
	background-color: #000000;
	color: #FFFFFF;
}
#main .box .addLink, #main .box .delLink {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 1px 0 3px 20px;
}
#main .box .addLink {
	background: transparent url('../images/photo_add.png') no-repeat;
	margin: 20px 0 0 14px;
}
#main .box .delLink {
	background: transparent url('../images/photo_delete.png') no-repeat;
	margin: 20px 0 0 14px;
}
#main .box .image {
	width: 500px;
}
#main .box .splitter {
	border-left: 2px dotted #666;
	min-height: 211px;
	margin: 0 50px 0 50px;
}
#main .box .text {
	width: 299px;
	float: right;
	padding-top: 5px;
}
#main .box .text ul  {
	list-style-type: square;
	margin: 20px 0 0 30px;
}
#main .box .text li  {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
#main .label {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding: 5px 10px 7px 0;
}
#main input, #main textarea, #main select {
	border: 1px solid #ee3258;
	padding-left: 2px;
	margin-bottom: 2px;
}
#main input.button {
	padding: 3px 5px 2px 5px;
	margin-top: 5px;
	font-weight: bold;
}

/* CATEGORY TITLE BAR */
#title {padding-top: 19px;}

/* SMALL IMAGES */
#mini-images {
	margin-top: 20px;
	letter-spacing: 6px;
}
#mini-images .image {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}
#mini-images .image img {
	width: 308px;
	height: 179px;
}
#mini-images .image a img, #mini-images .image a:link img, #mini-images .image a:visited img, .box .image a img, .box .image a:link img, .box .image a:visited img {
	border: 1px solid #FFFFFF;
}
#mini-images .image a:hover img, #mini-images .image a:active img, .box .image a:hover img, .box .image a:active img {
	border: 1px solid #ee3258;
}
/* Description overlay */
#mini-images .image .title-overlay {
	display: none;
	position: absolute;
	top: 140px;
	left: 1px;
	color: #FFFFFF;
	letter-spacing: 0;
	width: 270px;
	height: 28px;
	padding: 2px 10px 10px 28px;
	background-color: #000000;
	opacity: 0.90;
	filter: alpha(opacity = 90);
	line-height: 16px;
}
#mini-images .image .title-overlay a {
	color: #FFFFFF;
}
#mini-images .image .title-overlay .del {
	background: transparent url('../images/delete.png') no-repeat;
	padding: 0 0 0 16px;
}
#mini-images .image .title-overlay .edit {
	background: transparent url('../images/image_edit.png') no-repeat;
	padding: 0 0 0 16px;
}

/* ICONS */
/*
.icons.first { background-image: url('http://coc.adtech-web.com/images/icons/resultset_first.png'); }
.icons.last { background-image: url('http://coc.adtech-web.com/images/icons/resultset_last.png'); }
.icons.prev { background-image: url('http://coc.adtech-web.com/images/icons/resultset_previous.png'); }
.icons.next { background-image: url('http://coc.adtech-web.com/images/icons/resultset_next.png'); }
*/
.icons.first { background-image: url('../images/paging_first.png'); }
.icons.last { background-image: url('../images/paging_last.png'); }
.icons.prev { background-image: url('../images/paging_prev.png'); }
.icons.next { background-image: url('../images/paging_next.png'); }
.icons {
	font-size: 13px;
	padding: 0 0 0 16px;
	background-repeat: no-repeat;
}

/* FOOTER */
#footer {
	clear: both;
	padding: 10px 0 30px 0;
	text-align: right;
	color: #555;
}