﻿body {
	margin:0;
	background:url(../images/bg.png) 0 0;
	font-size:62.5%;
	line-height:16px;
	font-family:Arial, Verdana, helevtica;

}

h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, p, blockquote { padding:0; margin:0; }

h1 { font-size:2.6em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

h2 { font-size:2.4em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

h3 { font-size:2em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

h4 { font-size:1.8em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

h5 { font-size:1.6em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

h6 { font-size:1.4em; color:#210121; background:url(../images/header-border.png) 0 bottom repeat-x; padding:15px 0 13px 0; margin:0 0 5px 0; }

p { font-size:1.2em; color:#666666; line-height:22px; padding:10px 0; }

img { border:none; }

a img, a:hover img, a { position:relative; z-index:2; }

a { color:#210121; text-decoration:none; outline:none; }

#wrap {
	background:url(../images/header-bg.jpg) center 0 repeat-x;
}

#header-top {
	background:url(../images/top-bg.png) 0 0 repeat-x;
	position:relative;
	z-index:2;
}

#header {
	width:960px;
	margin:0 auto;
	position:relative;
}

#logo { padding:22px 0 15px 0; width:173px; clear:both; display:block; }

.contactdetails {
	height:33px;
	color:#fff;
	float:left;
}

.contactdetails li {
	list-style:none;
	float:left;
	height:33px;
	line-height:32px;
	padding-right:30px;
}

.contactdetails a { color:#fff; }

.socialicons {
	float:right;
}

.socialicons li {
	float:left;
	list-style:none;
	margin:4px 0 0 5px;
	position:relative;
}

.socialicons li em {
	display:block;
	position:absolute;
	background:url(../images/hovertip.png) 0 0 no-repeat;
	width:49px;
	height:23px;
	top:35px;
	left:-12px;
	display:none;
	color:#fff;
	font-style:normal;
	text-align:center;
	line-height:26px;
}

.socialicons li a {
	text-indent:-9999px;
	background:url(../images/socialicons.png) 0 0 no-repeat;
	height:24px;
	width:24px;
	display:block;
}

.socialicons li a.rss { background-position:-24px 0; }
.socialicons li a.facebook { background-position:-48px 0; }
.socialicons li a.twitter { background-position:-72px 0; }


/* == Search Form == */
#searchfrm {
	position:absolute;
	width:210px;
	height:30px;
	background:url(../images/search.png) 0 0 no-repeat;
	right:7px;
	bottom:9px;
}

#searchfrm .go {
	background:none;
	border:none;
	display:block;
	text-indent:-9999px;
	width:30px;
	height:30px;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
}

#searchfrm .searchfield {
	border:none;
	background:none;
	height:24px;
	width:170px;
	line-height:24px;
	margin:3px 0;
	padding:0 5px;
}


/* == Menu == */
#menu {
	height:47px;
	background:url(../images/nav-bg.png) 0 3px no-repeat;
	width:100%;
}

#menu li {
	list-style:none;
	float:left;
	background:url(../images/nav-div.png) 0 0 no-repeat;
	height:38px;
	margin:5px 0 0 0;
	padding:0 0 0 2px;
	position:relative;
}

#menu li a {
	color:#fff;
	display:block;
	float:left;
	font-size:1.6em;
	text-decoration:none;
	height:38px;
	padding:0 25px;
	line-height:34px;
}
#menu li a:hover { background:url(../images/nav-hover.png) 0 0 repeat-x; }

#menu li.home {
	background:none;
	padding:0;
	height:47px;
	width:45px;
}
#menu li.home a {
	height:47px;
	width:47px;
	padding:0;
	background:url(../images/home-button.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:-5px;
	z-index:999;
}

#menu li ul {
	position:absolute;
	background:#000;
	font-size:.8em;
	top:38px;
	left:0;
	z-index:9;
	width:160px;
	padding:0;
	display:none;
}


#menu li ul li {
	float:none;
	margin:0;
	padding:0;
	height:auto;
	background:none;
	position:relative;
}

#menu li ul li a {
	line-height:18px;
	padding:5px 25px;
	height:auto;
	margin:0;
	float:none;
	background:url(../images/footer-li-bg.png) 0 bottom repeat-x;
}

#menu li ul li a:hover {
	background:url(../images/footer-li-bg.png) 0 bottom repeat-x #111111;
}


/* == Background theme == */
#headerwrap {
	background:url(../images/breadcrumb-bg.png) 0 0;
	position:relative;
	z-index:1;
}

#backgroundtheme {
	background:url(../images/purple-space-bg.jpg) center 0 no-repeat;
	padding:20px 0 0 0;
	margin:9px 0 0 0;
	position:relative;
}

#backgroundtheme.sub {
	background:url(../images/purple-space-bg-sml.jpg) center 0 no-repeat;
	height:76px;
	padding:17px 0;
}

#backgroundtheme.sub h1 {
	color:#202020;
	padding:0;
	line-height:36px;
	color:#fff;
	width:940px;
	margin:0 auto;
	background:none;
}

#nivowrap {
	background:#212121;
	border:9px solid #000;
	padding:1px;
}

#slider-wrap {
	background:url(../images/slider-shadow.png) 0 bottom no-repeat;
	padding-bottom:30px;
	width:960px;
	margin:0 auto;
}

#slider {
	position:relative;
	width:940px;
	height:370px;
	z-index:8;
}

#slider img { position:absolute; top:1px; left:1px; }

#slider ul {
	width:940px;
	list-style:none;
}

.homeheader {
	height:101px;
	background:url(../images/breadcrumb-border.png) 0 bottom repeat-x;
}

.breadcrumb {
	height:31px;
	background:url(../images/breadcrumb-border.png) 0 bottom repeat-x;
}

.breadcrumb ul {
	list-style:none;
	height:31px;
}

.breadcrumb ul li {
	float:left;
	line-height:31px;
	color:#353535;
	padding:0 0 0 12px;
	background:url(../images/breadcrumb-arrow.png) 0 center no-repeat;
	font-weight:bold;
}

.breadcrumb ul li a {
	color:#353535;
	text-decoration:none;
	display:block;
	float:left;
	height:31px;
	padding:0 7px 0 0;
}

.breadcrumb ul li.home { background:none; padding:0; }

.breadcrumb ul li.home a {
	background:url(../images/breadcrumb-home.png) 0 center no-repeat;
	width:16px;
	height:31px;
	text-indent:-9999px;
}

/* == Portfolio Sorting == */
.portfolio { overflow:hidden; padding-bottom:15px; }

.oneportfolio { float:left; padding:0 10px 0 0; }

.oneportfoliotxt { float:left; width:330px; padding:0 0 0 10px; }

.hidden { display:none; }

.entry {
	clear:both;
	float:left;
	overflow:hidden;
	position:relative;
	width:100%;
}

.portfolio_entry { position:static; }

a.lightboxlink {
	display:block;
	background:#fff;
	overflow:hidden;
	float:left;
	margin-bottom:15px;
}

a.lightboxlink img { float:left; margin:0; }

.sortbytype, .sortbyfilter {
	color:#fff;
	float:left;
	font-size:1.2em;
	margin:25px 0;
	margin-right:20px;
}

.sortbyfilter { float:right; margin-right:0; }

.sortbytype span, .sortbyfilter span {
	float:left;
	margin:0 10px 0 0;
	line-height:26px;
}

.sortbytype a, .sortbyfilter a {
	float:left;
	margin:0 10px 0 0;
	line-height:26px;
	background:#fff;
	opacity:.8;
	filter: alpha(opacity = 80);
	display:block;
	float:left;
	text-decoration:none;
	color:#210121;
	padding:0 15px;
	height:26px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.sortbytype a:hover, .sortbytype a.active_sort,
.sortbyfilter a:hover, .sortbyfilter a.active_sort {
	opacity:1;
	filter: alpha(opacity = 100);
}

.inner {
	width:940px;
	margin:0 auto;
}

.homeheader h1 {
	color:#202020;
	padding:10px 0 0 0;
	line-height:36px;
	background:none;
	margin:0;
}

a.bigbutton {
	background:url(../images/button.png) right -47px no-repeat;
	display:block;
	font-size:1.8em;
	color:#fff;
	height:47px;
	float:right;
	line-height:47px;
	text-decoration:none;
	margin:16px 0 0 0;
}
a.bigbutton span {
	padding:0 14px;
	height:47px;
	display:block;
	background:url(../images/button.png) 0 0 no-repeat;
}
a.bigbutton span strong {
	background:url(../images/arrow.png) right 0 no-repeat;
	padding:0 30px 0 0;
}


/* == Main Content Stuff == */
#maincontentwrap{
	background:url(../images/fade.png) 0 0 repeat-x;
	overflow:hidden;
}

#contentinner {
	width:960px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.content {
	float:left;
	width:625px;
	padding:15px 25px 0 10px;
	overflow:hidden;
}

.content.fullwidth { width:1000px; }

 .half, .third, .fourth, .twothird {
	width:300px;
	padding:0 25px 15px 0;
	float:left;
	overflow:hidden;
	position:relative;
}
.third { width:190px; }
.fourth { width:223px; padding:15px 8px 0; }
.twothird { width:410px; }

.content.fullwidth .half { width:465px; }
.content.fullwidth .third { width:300px; }
.content.fullwidth .fourth { width:223px; padding:15px 8px 0; }
.content.fullwidth .twothird { width:625px; }

.last { padding-right:0; }

.alignleft, .alignright {
	padding:4px;
	border:1px solid #d0d0d0;
	background:#fff;
	float:left;
	margin:5px 20px 0 0;
}
.alignright { float:right; margin:5px 0 0 20px; }

.imgborder {
	padding:4px;
	border:1px solid #d0d0d0;
	background:#fff;
	margin:0 0 15px 0;
}

.content ul, .content ol {
	padding:10px 0;
}

.content ul li, .content ol li {
	font-size:1.2em;
	color:#666666;
	list-style:none;
	padding:7px 0;
}

.content ul li {
	background:url(../images/purple-bullet.png) 0 center no-repeat;
	padding-left:15px;
}

.content ol li {
	list-style-position:inside;
	list-style-type:decimal;
}

.content ol.commentlist li { list-style:none; }

.content.blog .postdetails {
	background:url(../images/header-border.png) 0 bottom repeat-x;
	padding:0;
	height:34px;
	line-height:28px;
	font-size:1.1em;
	color:#666666;
}

.content.blog .postdetails a.commentbubble {
	background:url(../images/comment-window.png) 0 0 no-repeat;
	padding:0 0 9px 3px;
	height:20px;
	width:28px;
	float:right;
	display:block;
	text-align:center;
	line-height:20px;
	color:#5b5b5b;
	text-shadow: 0px 1px 0px #fff;
}

.blogpostimg img {
	border:1px solid #D0D0D0;
	padding:4px;
	background:#fff;
	margin-top:20px;
}

.relatedposts {
	width:700px;
	padding-top:15px;
}

.content .relatedposts li {
	float:left;
	padding:0;
	list-style:none;
}

.relatedposts a { float:left; padding-right:5px; }

.relatedposts a .imgborder { margin-bottom:5px; }

.content .inputbox {
	display:block;
	border:1px solid #d5d5d5;
	background:#fff;
	height:15px;
	width:258px;
	color:#333;
	margin-bottom:20px;
	padding:8px 10px 5px 10px;
}

.inputbox { outline:none; }

.content p { text-shadow: 0px 1px 0px #fff; }

.content.fullwidth p { padding-right:60px; }

.content textarea.inputbox {
	width:400px;
	height:200px;
	font-size:1.3em;
	padding:10px;
	overflow:hidden;
	line-height:18px;
	font-family:Arial, Verdana, helevtica;
}

#commentfrm {
	padding:20px 0 0 0;
	overflow:hidden;
}

#contentinner #commentfrm a.button { float:left; }


#contentinner a.button {
	background:url(../images/anchor-button-green
	.png) 0 bottom repeat-x;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
	height:29px;
	line-height:29px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:0 15px;
	margin:0 0 20px 0;
	float:right;
	font-size:1.1em;
	text-shadow: 0px 1px 0px #000;
}

#contentinner a.button:hover { background-position:0 0; }

span.lightbox_video {
	background:url(../images/video-icon.png) center center no-repeat;
	display:block;
	position:absolute;
}

span.lightbox_image {
	background:url(../images/mag-icon.png) center center no-repeat;
	display:block;
	position:absolute;
}

span.top {
	display:block;
	background:url(../images/header-border.png) 0 center repeat-x;
	height:13px;
	clear:both;
	padding:10px 0 10px 10px;
	line-height:13px;
	margin-bottom:15px;
}
.fullwidth span.top { width:940px; }

span.top a {
	display:block;
	background:url(../images/top.png) 0 center no-repeat;
	height:13px;
	float:right;
	width:15px;
	padding-left:15px;
	color:#454545;
	text-decoration:none;
}


/* == Blog styling == */
#contentinner a.plus {
 float:right;
 margin:10px 0 0 0;
}

#contentinner a.plus span {
	background:url(../images/plus.gif) 0 0 no-repeat;
	padding:0 0 0 20px;
}

.content ol li.comment {
	clear:both;
	margin:0 0 20px 0;
	padding:20px 20px 0 20px;
	overflow:hidden;
}

ul.children { clear:both; overflow:hidden; }

ul.children li { 
	clear:both;
	list-style:none;
	background:none;
	position:relative;
	width:495px;
	font-size:1em;
	float:right;
}

.comment p { font-size:1em; }

.comment.alt { background:url(../images/comment-alt-bg.png); }

.gravatar { float:left; }

.gravatar img.imgborder { width:60px; }

ul.children .gravatar img.imgborder { width:30px; }

.comment_content {
	float:right;
	width:495px;
	text-shadow: 0px 1px 0px #fff;
}

ul.children .comment_content { width:440px; }

.comment_content .author {
	font-size:1.4em;
	color:#000;
}

.comment_content .author i { font-size:.8em; }


/* == Sidebar styling == */
.sidebar {
	background:url(../images/sidebar-divider.png) 0 0 repeat-y;
	padding:0 0 0 29px;
	margin-top:30px;
	position:relative;
	width:260px;
	float:left;
	overflow:hidden;
}
.sidebar.leftsidebar {
	float:left;
	padding:0 29px 0 0;
	background-position:right 0;
	margin-right:10px;
}

span.sidebar-top, span.sidebar-bottom {
	background:url(../images/sidebar-divider-top.png) 0 0 no-repeat;
	display:block;
	width:5px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
}
span.sidebar-bottom {
	background:url(../images/sidebar-divider-bottom.png) 0 0 no-repeat;
	position:absolute;
	top:auto;
	bottom:0;
}

.leftsidebar span.sidebar-top, .leftsidebar span.sidebar-bottom { right:0; left:auto; }

.sidebar h3 {
	color:#fff;
	background:url(../images/sidebar-header.png) 0 0 no-repeat;
	height:44px;
	line-height:44px;
	padding:0 0 0 15px;
	margin-bottom:15px;
}

.sidebar ul { margin-bottom:5px; overflow:hidden; }

.sidebar ul li {
	list-style:none;
	clear:both;
	overflow:hidden;
	margin:0 0 10px 0;
}

.sidebar ul li .tweet-text {
	font-size:1.2em;
	color:#333;
}

.sidebar ul li a {
	font-size:1.2em;
	color:#210121;
}

.sidebar ul li {
	margin:0 14px 12px;
	padding:0 0 14px 0;
	background:url(../images/header-border.png) 0 bottom repeat-x;
}

.jta-clear { display:none; }

.sidebar ul li .jta-tweet-attributes a {
	color:#5b5b5b;
	display:block;
	text-decoration:none;
	font-size:1em;
}

a.thumb img {
	border:1px solid #D0D0D0;
	background:#fff;
	padding:1px;
	float:left;
	margin-right:8px;
}

.sidebar ul.latestposts li {
	background:none;
	padding:0;
	margin:0 0 10px;
}

.sidebar ul.latestposts li a {
	text-decoration:none;
	color:#210121;
	font-size:1.2em;
}

.sidebar ul.latestposts li a:hover { text-decoration:underline; }

.sidebar ul.latestposts li a em {
	font-style:normal;
	display:block;
	color:#5b5b5b;
	font-size:.8em;
}

.sidebar ul.adverts { width:300px; }

.sidebar ul.adverts li {
	float:left;
	clear:none;
	margin:0 10px 10px 0;
	background:none;
	padding:0;
}


/* == Footer styling ==*/
#footerwrap {
	background:url(../images/footer-bg.png) 0 0;
	position:relative;
	overflow:hidden;
	clear:both;
}

.footerbdr {
	background:url(../images/footer-border-top.png) 0 0;
	position:absolute;
	height:2px;
	width:100%;
	top:0;
	left:0;
}

.footerbdr.bottom { top:auto; bottom:0; background:url(../images/footer-border.png) 0 0; }

#footermap {
	height:208px;
	border:1px solid #585858;
}

#footerwrap h2 {
	background:none;
	color:#fff;
	margin:0;
	padding:10px 0 20px 0;
}

.footer-inner { width:940px; margin:0 auto; padding:20px 0; overflow:hidden; }

.footer-inner li { float:left; list-style:none; }

.footer-inner .first { padding:0 90px 0 0; }
.footer-inner .second { padding:0 74px 0 0; }

.footer-inner .latestnews {
	width:200px;
	float:left;
}

.footer-inner .latestnews li {
	width:200px;
	background:url(../images/footer-li-bg.png) 0 bottom repeat-x;
}

.footer-inner .latestnews li a {
	color:#ccc;
	text-decoration:none;
	background:url(../images/bullet.png) 0 center no-repeat;
	line-height:14px;
	padding:10px 5px 10px 15px;
	display:block;
	font-size:1.2em;
}
.footer-inner .latestnews li a:hover { color:#fff; }

.footer-inner .latestflickr {
	width:276px;
	float:left;
}

.footer-inner .latestflickr li img { float:left; width:75px; height:75px; }

.footer-inner .latestflickr li {
	margin:0 15px 15px 0;
}

.footer-inner .latestflickr li a {
	float:left;
	border:1px solid #585858;
}

.footer-inner .latestflickr li a:hover { border-color:#ccc; }

.footer-inner .quickcontact {
	width:300px;
	float:left;
}

.footer-inner .quickcontact .inputbox {
	display:block;
	border:1px solid #303030;
	border-top:1px solid #111111;
	border-left:1px solid #111111;
	background:#191919;
	height:12px;
	width:178px;
	color:#ccc;
	margin-bottom:20px;
	padding:8px 10px;
}

.footer-inner .quickcontact textarea.inputbox {
	width:278px;
	height:88px;
	padding:10px;
	overflow:hidden;
	font-size:1.2em;
	line-height:18px;
	font-family:Arial, Verdana, helevtica;
}

.footer-inner .quickcontact input.inputbox.error,
.footer-inner .quickcontact textarea.inputbox.error { border:1px solid #660000; }

.content .inputbox.error,
.content textarea.inputbox.error { border:1px solid #ff0000; }

.success {
	display:none;
	color:#009900;
	float:right;
	margin-right:200px;
	width:200px;
	font-size:1.1em;
}

.footer-inner .success { float:left; margin-right:0; }

#footerwrap a.button {
	display:block;
	height:30px;
	background:url(../images/purple-button.png) 0 bottom repeat-x;
	border-top:1px solid #8403a2;
	border-right:1px solid #8403a2;
	float:right;
	padding:0 12px;
	color:#fff;
	font-size:1.4em;
	line-height:28px;
	text-decoration:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#footerwrap a.button:hover { background-position:0 top; }

#footercopyright {
	background:#000;
	height:50px;
}

#footercopyright .footer-inner { padding:0; height:50px; line-height:50px; color:#969595; font-size:1.1em; }


	
	
	
	
	
	
	
	
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
	padding:20px 0;
}
.nivo-caption p {
	padding:5px 20px;
	margin:0;
	color:#fff;
	font-size:1.8em;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:relative;
	top:390px;
	text-align:center;
	margin:0 auto;
}
.nivo-controlNav a {
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(../images/slider-nav.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 5px;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a:hover { opacity:0.5; }
.nivo-controlNav a.active {
	background-position:0 -16px;
}



.coin-slider { zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; top:10px; }

.cs-buttons a {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/slider-nav.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0 5px;
	z-index:99;
	cursor:pointer;
}
a.cs-active { background:url(../images/slider-nav.png) 0 -16px no-repeat; }


.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

.piecemakerslider { padding:30px 0 0 0; }


/* == Jquery Tip == */
.tipsy { 
	padding: 5px; 
	font-size: 13px;
	background-repeat: no-repeat;  
	background-image: url(../images/tipsy.gif);
	width: 120px;
}
 
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: white; 
	opacity:0.8;
	max-width: 200px; 
	text-align: center;
}
  .tipsy-inner { 
  	border-radius: 3px;
  	-moz-border-radius:3px; 
  	-webkit-border-radius:3px; 
}
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }





/* == Control Panel == */
#controlpanel {
	position:fixed;
	background:url(../images/footer-bg.png) 0 0;
	width:100px;
	padding:10px;
	left:20px;
	top:20px;
	color:#fff;
	z-index:3;
	border:1px solid #585858;
}

#controlpanel ul {
	list-style:none;
}

#controlpanel strong { clear:both; display:block; padding-top:10px; }

#controlpanel ul li ul li {
	float:left;
	margin:5px 5px 0 0;
}

#controlpanel ul li ul li a {
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	border:1px solid #585858;
	float:left;
}
#controlpanel ul li ul li a:hover { border-color:#fff; }

#controlpanel a.white { background:#fff; }
#controlpanel a.black { background:#000; }
#controlpanel a.blue-header { background:#000033; }
#controlpanel a.lava-header { background:#ff3333; }
#controlpanel a.purple-header { background:#660066; }
#controlpanel a.yellow-buttons { background:#ffcc33; }
#controlpanel a.green-buttons { background:#336600; }
#controlpanel a.orange-buttons { background:#f67f00; }
#controlpanel a.pink-buttons { background:#ff0099; }


