html, body {
margin:0;
padding:0;
overflow:hidden;
}

body {
background:#6eb43f;
height:100%;
}

#content {
position: absolute;
top: 50%;
margin-top:-220px;
width: 27400px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
color:#dadada;
z-index:3;
}

#header {
background:url(../images/bg.png) repeat-x top;
height:100px;
position:absolute;
width:27520px;
top:0;
left:0;
z-index:1;
}

#footer {
background:url(../images/bgfooter.png) no-repeat;
height:720px;
position: relative;
width:712px;
bottom: 300px;
left: 450px;
z-index:0;
}


/* welcome */




#home {
padding-left:120px;
float:left;
width:900px;
}

a#logo {
background:url(../images/12days.png) no-repeat;
width:476px;
height:127px;
text-indent:-9999px;
float:left;
}

#entry {
width:1024px;
float:left;
margin:0px 0;
clear:both;
}

#home span.title {
display:block;
text-indent:-9999px;
float:left;
background:url(../images/topic.png) no-repeat left;
width:692px;
height:248px;
}




/* menu */




.menu {
width:700px;
height:57px;
float:left;
clear:both;
}

.menu ul, .menu ul li, ul#items, ul#items li, ul#filter, ul#filter li, ul.submenu, ul.submenu li {
display:block;
list-style:none;
padding:0;
margin-top:5px;
}

.menu ul li, ul#items li, ul#filter li, ul.submenu li {
float:left;
}

.menu ul li a:link, .menu ul li a:visited {
text-decoration:none;
display:block;
margin-right:16px;
}

.menu ul li a:hover {
color:#fa1363;
}

.menu ul li a.contact, .menu ul li a.tunein, .menu ul li a.about {
text-indent:-9999px;
height:57px;
width:152px;
float:left;
outline:none;
}

.menu ul li a.contact {
background:url(../images/twitter.png) no-repeat;
}

.menu ul li a.contact:hover {
background:url(../images/twitter.png) no-repeat 0 -57px;
}

.menu ul li a.tunein {
background:url(../images/tunein.png) no-repeat;
}

.menu ul li a.tunein:hover {
background:url(../images/tunein.png) no-repeat 0 -57px;
}

.menu ul li a.about {
background:url(../images/schedule.png) no-repeat;
}

.menu ul li a.about:hover {
background:url(../images/schedule.png) no-repeat  0 -57px;
}




ul#items {
width:864px;
float:left;
margin:0px 0;
clear:both;
}

ul#items li {
margin:0 4px 4px 0;
width:140px;
height:120px;
overflow:hidden;
position:relative;
}

ul#items li a:link, ul#items li a:visited {
display:block;
position:relative;
overflow:hidden;
height:104px;
width:130px;
color:#fff;
background:url(../images/opacity.png) repeat !important;
background:none;
padding:8px 5px;
text-decoration:none;
}

ul#items li a:hover {
text-decoration:underline;
}

ul#items li img {
position:absolute;
top:0;
left:0;
border:none;
}




/* portfolio filter */



ul#filter {
width:243px;
float:right;
margin-top:12px;
}

ul#filter li a:link, ul#filter li a:visited, ul.submenu li a:link, ul.submenu li a:visited {
text-decoration: none;
display: block;
}

ul#filter li a.web, ul#filter li a.prints, ul#filter li a.all, ul.submenu li a.prev, ul.submenu li a.next, ul.submenu li a.home, ul.submenu li a.cont, ul.submenu li a.portf, ul.submenu li a.aboutme {
text-indent:-9999px;
float:left;
height:39px;
margin-left:8px;
outline:none;
}

ul#filter li a.web {
width:104px;
background:url(../images/buttonweb.png) no-repeat;
}

ul#filter li a.prints {
width:67px;
background:url(../images/buttonprint.png) no-repeat;
}

ul#filter li a.all {
width:48px;
background:url(../images/buttonall.png) no-repeat;
}

ul#filter li a.web:hover {
background:url(../images/buttonweb.png) no-repeat 0 -39px;
}

ul#filter li a.prints:hover {
background:url(../images/buttonprint.png) no-repeat 0 -39px;
}

ul#filter li a.all:hover {
background:url(../images/buttonall.png) no-repeat 0 -39px;
}

ul#filter li a.current {
background-position:0 -39px;
}



/* submenu */
div.sub {
	display:block;
	width:864px;
	clear:both;
	float:left;
	height:78px;
}

ul.submenu {
float:right;
}

ul.submenu li a.prev {
width:151px;
background:url(../images/previous.png) no-repeat;
}

ul.submenu li a.prev:hover {
background:url(../images/previous.png) no-repeat 0 -39px;
}

ul.submenu li a.home {
width:103px;
background:url(../images/home.png) no-repeat;
}

ul.submenu li a.home:hover {
background:url(../images/home.png) no-repeat 0 -39px;
}

ul.submenu li a.cont {
width:115px;
background:url(../images/tunein_sub.png) no-repeat;
}

ul.submenu li a.cont:hover {
background:url(../images/tunein_sub.png) no-repeat 0 -39px;
}

ul.submenu li a.next {
width:88px;
background:url(../images/next.png) no-repeat;
}

ul.submenu li a.next:hover {
background:url(../images/next.png) no-repeat 0 -39px;
}

ul.submenu li a.portf {
width:108px;
background:url(../images/buttonportfolio2.png) no-repeat;
}

ul.submenu li a.portf:hover {
background:url(../images/buttonportfolio2.png) no-repeat 0 -39px;
}

ul.submenu li a.aboutme {
width:119px;
background:url(../images/buttonabout2.png) no-repeat;
}

ul.submenu li a.aboutme:hover {
background:url(../images/buttonabout2.png) no-repeat 0 -39px;
}

ul.submenu li a.tunein {
width:115px;
background:url(../images/tunein.png) no-repeat;
}

ul.submenu li a.tunein:hover {
background:url(../images/tunein.png) no-repeat 0 -39px;
}



/* item */



.item {
	display:block;
	float:left;
	margin-left:870px;
	padding-left:50px;
	width:1200px;
	overflow:hidden;
	z-index:100;
}

.item .imagetitle {
height:25px;
width:900px;
float:left;
margin-bottom:25px;
}

.item .image {
background:url(../images/opacity.png) repeat;
float:left;
width:530px;
height:279px;
margin-bottom:23px;
overflow:hidden;
}

.item .image img {
margin:5px 0 0 5px;
}

.item .entry {
padding:0px !important;
padding:0px 0px 0px;
float:right;
width:280px;
}

.item .entry ul, .item .entry ul li {
display:block;
list-style:none;
}

.item .entry ul li {
margin-bottom:6px;
padding-left:24px;
color:#fff;
background:url(../images/accept2.png) no-repeat bottom left;
}

.item .entry ul li.none {
background:none;
}

.item .entry ul li a.online {
text-indent:-9999px;
float:left;
height:39px;
margin-top:0px;
width:163px;
background:url(../images/buttononline.png) no-repeat;
}

.item .entry ul li a.online:hover {
background:url(../images/buttononline.png) no-repeat 0 -39px;
}



#about .entry {
width:1024px;
margin-bottom:30px;
}

#aboutme {
background:url(../images/dec14.png) no-repeat;
width:1024px;
height:768px;
margin:0px 0 0px 0;
float:left;
}

#aboutme2 {
background:url(../images/dec14.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
z-index:2;
}

#aboutme3 {
background:url(../images/dec15.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme4 {
background:url(../images/dec16.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme5 {
background:url(../images/dec17.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme6 {
background:url(../images/dec18.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme7 {
background:url(../images/dec21.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme8 {
background:url(../images/dec22.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme9 {
background:url(../images/dec23.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme10 {
background:url(../images/dec28.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme11 {
background:url(../images/dec29.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme12 {
background:url(../images/dec30.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#aboutme13 {
background:url(../images/dec31.png) no-repeat;
width:864px;
height:279px;
margin:0px 0 10px 0;
float:left;
}

#ustream {
width:800px;
height:400px;
margin:0px 0 10px 0;
float:left;
}





a:link, a:visited {
color:#fa1363;
text-decoration: none;
}

a:hover {
color:#fff;
text-decoration:underline;
}