html {
background:url(images/bg.jpg) repeat;

}

body {
background:url(images/bgx.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-size: 11px;
}



/* logo, top */
#top {
background:url(images/bg_top.jpg) no-repeat top left;
width:1094px;
height:121px;
float:left;
}

a#logo {
background:url(images/logo.jpg) no-repeat;
width:607px;
height:64px;
float:left;
text-indent:-9999px;
clear:both;
}

#bottom {
background:url(images/bg_bottom.jpg) no-repeat top left;
width:1094px;
height:103px;
float:left;
margin-bottom:30px;
}


/* slider */

.tab {
background:url(images/contact_bg.jpg) repeat-x bottom;
height:9px;
position:relative;
left:0;
top:0;
z-index:999;
}

.tab a.open, .tab a.close {
height: 39px;
cursor: pointer;
display: block;
width:86px;
position: relative;
top: 7px;
left:85%;
text-indent:-9999px;
}

.tab a.open {background: url(images/contact_slide.jpg) no-repeat left;}
.tab a.close {background: url(images/contact_slide.jpg) no-repeat left;}

#panel {
position: absolute;  
top: 0;
left:0;
width:100%;
z-index: 999;
background: #373737;
}

#contact {
width:860px;
margin-left:100px;
color: #a7a7a7;
overflow: hidden;
position: relative;
z-index: 3;
display: none;
height:84px;
font-size:18px;
}

#contact .white {
color:#fff;
}

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

#contact a:hover {
text-decoration:underline;
}

#contact ul, #contact ul li {
display:block;
list-style:none;
}

#contact ul {
padding:0;
margin-top:34px;
}

#contact ul li {
float:left;
padding:0 15px;
border-left:1px solid #6b6b6b;
margin:0;
}

#contact ul li.first {
border:0;
padding:0;
}

#contact ul li.sec {
margin-left:50px;
border:0;
}


/* menu */
#menu {
width:500px;
height:10px;
margin:40px 0 0 100px;
}

#menu ul, #menu ul li {
display:block;
list-style:none;
padding:0;
margin:0;
}

#menu ul li, #contact ul li {
float: left;
}

#menu ul a:link, #menu ul a:visited {
text-decoration: none;
display: block;
margin-right:25px;
}

#menu a {
text-indent:-99999px;
border:none;
}

#menu a#web {
background:url(images/webdesign.png) no-repeat;
width:54px;
height:10px;
}

#menu a#graph {
background:url(images/graph3d.png) no-repeat;
width:50px;
height:10px;
}

#menu a#digital {
background:url(images/digital.png) no-repeat;
width:52px;
height:10px;
}

#menu a#contact {
background:url(images/contact.png) no-repeat top;
width:40px;
height:10px;
}

#menu a:hover#contact {
background:url(images/contact_hover.png) no-repeat top;
}

#menu a:hover#web {
background:url(images/webdesign_hover.png) no-repeat top;
}

#menu a:hover#digital {
background:url(images/digital_hover.png) no-repeat top;
}

#menu a:hover#graph {
background:url(images/graph3d_hover.png) no-repeat top;
}

/* wrap */

.item {
width:860px;
overflow:hidden;
line-height:17px;
margin:0 0 70px 100px;
clear:both;
color:#766f5e;
}

.line {
width:inherit;
border-bottom:1px dashed #fff;
color:#a01651;
margin-bottom:20px;
font-size:14px;
display:block;
font-weight:bold;
text-transform:uppercase;
clear:both;
padding:0 0 1px 100px;
}

.line img {
vertical-align:middle;
position:relative;
left:80%;
border:0;
}

.left {
width:270px;
float:left;
}

.left a.online  {
background:url(images/online.jpg) no-repeat left;
width:47px;
height:18px;
float:right;
text-indent:-9999px;
margin:16px 3px 0 0;
}

.left .year {
float:right;
margin:16px 3px 0 0;
}

.right img {
border:1px solid #948c76;
}

.right {
width:562px;
float:right;
}

.left .title {
color:#fff;
margin-bottom:10px;
font-size:14px;
display:block;
font-weight:bold;
text-transform:uppercase;
}



/* footer */
#before {
background:url(images/before_footer.jpg) no-repeat left;
width:1094px;
height:88px;
clear:both;
}

#footer {
width:inherit;
background:url(images/footer_bg.jpg) repeat-x;
height:55px;
clear:both;
color:#766f5e;
}

#footer .copyright {
float:left;
width:285px;
margin:20px 0 0 100px;
}

#footer #stick {
width:297px;
background:url(images/footer.jpg) no-repeat;
height:55px;
float:left;
color:#766f5e;
}

#footer .rights {
width:297px;
margin-top:20px;
float:left;
text-align:right;
}

#footer a:link, #footer a:visited {
color:#9f1650;
text-decoration:none;
}

#footer a:hover {
color:#fff;
}

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

a:hover {
color:#fff;
}

/* lightbox */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}