@charset "UTF-8";

body {
	background-color:#000000;
}

/* sidecontents */
#sidecontents {
	height: 160px; width: 226px;
	position: fixed;
	left:0px; top:0px;
	z-index: 10;
}
#logo h1  {
	display:block; position:relative;
	width: 206px; height: 23px;
	left: 22px; top: 17px;
}
#logo h1 a{
	display:block; position:absolute;
	width: 206px; height: 23px;
	background-image: url(../img/common-navi-logo.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}

#navi a:hover{
	background-position: 0 -18px;
}
#navi-1{
	display:block; position:absolute;
	width: 45px; height: 18px;
	left: 0px; top: 63px;
}
#navi-1 a{
	display:block; position:absolute;
	width: 45px; height: 18px;
	left: 22px; top: 0px;
	background-image: url(../img/common-navi-works.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}
#navi-2{
	display:block; position:absolute;
	width: 45px; height: 18px;
	left: 0px; top: 86px;
}
#navi-2 a{
	display:block; position:absolute;
	width: 45px; height: 18px;
	left: 22px; top: 0px;
	background-image: url(../img/common-navi-about.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}
#navi-3{
	display:block; position:absolute;
	width: 65px; height: 18px;
	left: 0px; top: 109px;
}
#navi-3 a{
	display:block; position:absolute;
	width: 65px; height: 18px;
	left: 22px; top: 0px;
	background-image: url(../img/common-navi-publicity.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}
#navi-4{
	display:block; position:absolute;
	width: 55px; height: 18px;
	left: 0px; top: 133px;
}
#navi-4 a{
	display:block; position:absolute;
	width: 55px; height: 18px;
	left: 22px; top: 0px;
	background-image: url(../img/common-navi-contact.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}
.page-id-28 #navi-2, .about #navi-2 {
	background: url(../img/common-now.gif) no-repeat 0px 3px;
}
.page-id-26 #navi-1, .works #navi-1 {
	background: url(../img/common-now.gif) no-repeat 0px 3px;
}
.page-id-61 #navi-3, .publicity #navi-3 {
	background: url(../img/common-now.gif) no-repeat 0px 3px;
}
.page-id-63 #navi-4, .contact #navi-4 {
	background: url(../img/common-now.gif) no-repeat 0px 3px;
}



/* wrapper */
#wrapper {
	width: 410px;
	position: absolute;
	display: block;
	left: 50%;
}
#inner {
	padding-bottom: 60px;
}
.page-id-28 #wrapper, .about #wrapper {
	padding-top: 107px;
 	background: url(../img/about-h2.png) no-repeat 0px 62px;
}
.page-id-26 #wrapper, .works #wrapper {
	padding-top: 107px;
 	background: url(../img/works-h2.png) no-repeat 0px 62px;
}
.page-id-61 #wrapper, .publicity #wrapper {
	padding-top: 107px;
 	background: url(../img/publicity-h2.png) no-repeat 0px 62px;
}
.page-id-63 #wrapper, .contact #wrapper {
	padding-top: 107px;
 	background: url(../img/contact-h2.png) no-repeat 0px 62px;
}
#wrapper a:link, #wrapper a:visited  {
	color: #F2F2F2;
}
#wrapper a:active, #wrapper a:hover  {
	color: #999999;
}


/* =utility
-------------------------------------------------------------- */

#utility {
	display:block;
    /*set the div in the top right corner*/
    position:fixed;
    top:20px;
    right:9px;
    width:86px;
    height:187px;
	background: url("../img/common-ut-copy.png") no-repeat right top;
	z-index: 80;
}
#siteby {
	display:block;
    /*set the div in the top right corner*/
    position:absolute;
    top:0px; right:15px;
    width:14px; height:126px;
}
#siteby a {
	display:block;
    position:absolute;
    top:1px; right:0px;
    width:14px; height:126px;
	background: url("../img/common-ut-siteby.png") no-repeat;
	text-indent: -500em;
}
#siteby a:hover {
	opacity: 0.7;-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)"; 
}



/* news */
#news {
	width: 400px; height: 20px;
	position: absolute;
	display: block;
}
#news div {
	background: url(../img/top-newsline.png) no-repeat left top;
	padding-top: 16px;
	font-size: 10px;
}
#news-news {
	position: absolute; left: 0;
}
#news-date {
	position: absolute; left: 80px;
}
#news-title {
	position: absolute; left: 160px;
}




/* news */
.post {
	width:330px;
	float: left;
	margin-left:40px;	
	margin-bottom: 30px;
}
.post-pic {
	width:70px;
	float: left;
	margin-bottom: 20px;
}
.post-rightelements {
	width:250px;
	float: right;
	margin-bottom: 20px;
}
.post-body {
	margin: 10px 0 5px;
	font-size: 0.9em;
	line-height: 1.5;
	min-height: 7em;
}
.post-meta {
	float: left;
	font-size: 0.87em;
	color: #C9AC8A;
}
.post-more {
	float: right;
	display:block; position:relative;
	width: 70px; height: 14px;
}
.post-more a{
	display:block; position:absolute;
	width: 64px; height: 14px;
	left: 0px; top: 0px;
	background-image: url(../img/news-more.png);
	background-repeat: no-repeat;
	text-indent: -500em; outline-style: none;
}

.open1 {
clear: both;
	display:block; position:relative;
	width: 730px; height: 16px;
	background: url(../img/news-moreposts.png) no-repeat right top;
	text-indent: -500em; outline-style: none;
	cursor: pointer;
}
#slideBox1 {
	margin-top: 30px;
}

/* news single */
#pagecontents .post {
	width:100%;
	float: left;
	margin-left:0px;	
	margin-bottom: 50px;
}
#pagecontents h1 {
	color: #003443;
	margin-bottom: 30px;
}
#pagecontents .post_content {
}
#pagecontents .post-meta {
	margin-top: 30px;
	font-size: 0.87em;
	color: #C9AC8A;
}
.nocomments {
	display: none;
}
#pagecontents img {
	margin-bottom: 0.875em;
}

/* PUBLICITY */
.pubitem {
	margin-bottom: 42px;
}
.pubitem:last-child {
	margin-bottom: 0px;
}
.pubimage {
	width: 200px;
	float: left;
	margin-right: 17px;
}
.pubimage img {
	border: 1px #4D4D4D solid;
}
.pubtext {
	width: 280px;
	float: left;
	line-height: 1.6;
}

/* ABOUT */
.page-id-28 p {
	margin-bottom: 0!important;
}

/* WORKS */
.worksitem {

}
.worksitem img {
	width: 70px;
	height: 70px;
	float: left;
	margin: 0 12px 12px 0;
}
.worksitem a:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; 
}

/* WORKS SINGLE PAGE (INLINE) */

/* 
body.works-single {
	background-color: transparent;
}
*/
.works-single #wrapper{
	width: 810px;
	position: relative;
	display: block;
	left: 0;
	margin: 0 auto;
}

.works-single #inner {
	padding-bottom: 0px;	
}
.works-single-img{
	display: block;
	width: 610px;
	float: left;
}
.works-single-img-inner{
}
.works-single-caption{
	float: right;
	position: relative;
	display: block;
	width: 180px;
	font-size: 0.9em;
}
.works-single-caption-inner{
	position: absolute;
	width: 170px;
	bottom:-10px;
}

body.news {
	width: 840px; margin: 0 auto;
}
body.publicity{
	width: 400px; margin: 50px auto;
}
body.works-single {
	width: 840px; margin: 50px auto;
}

.cboxPhoto{float:left; margin:auto; border:0; display:block; text-align: center;width: 610px;}
.cboxPhoto p{margin-bottom:0;} .cboxPhoto pre {display:none;} #cboxTitle p {margin-bottom:1.6em;}
#cboxContent{margin:0 0 55px; overflow:visible; position:relative; width:840px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:transparent; padding:1px;}
        #cboxLoadingGraphic{display: none;}
        #cboxLoadingOverlay{background:transparent;}
        #cboxTitle{font-family: Helvetica; z-index:9999; position:absolute; bottom:-1.9em; right:-110px; width:310px; color:#FFF; font-size: 0.9em; line-height: 1.5;}
        #cboxCurrent{position:absolute; top:0px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; z-index:9999;}
        #cboxPrevious{background:url(../img/works-arrow-l.png) no-repeat 0 0; right:44px;}
        #cboxPrevious.hover{background-position:0px -20px;}
        #cboxNext{background:url(../img/works-arrow-r.png) no-repeat 0 0; right:22px;}
        #cboxNext.hover{background-position:0px -20px;}
        #cboxClose{background:url(../img/works-arrow-close.png) no-repeat 0 0; right:0;}
        #cboxClose.hover{background-position:0 -20px;}