* {
  font-family: Arial;
	color: #fff;
}

body, html {
  background: url(bg.gif) center top repeat-y fixed;
}

#header {
  display: inline;
  margin:0;
  padding: 0;
	background: url(bg.gif) center top repeat-y;
  height: 110px;
}

#header .logo-cycle{
  float: left;
}

#header .logo-cycle img{
  padding: 8px 0 0 16px;
}

.header_box{
 float: right;
 width: 280px;
 height: 2px;
 padding: 0;
 margin: 105px 0 0 0;
 background: #585858;
}

.header_box p{
  color: #ffd240;
  margin-top: -20px;
	margin-left: 0px;
}

#content {
  
}

.outer {
  background: url(docko-logo-bottom.gif)  center bottom fixed no-repeat!important;

	
}

#left ul{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}



a.menu_active{
	color: #ffd240!important;
}


/* Font styles */
#left ul li a, 
#left ul li a.menu, 
#left ul li a.menu_active, 
h2{
  font-family: Arial;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 31px;
  }

  h2{
    color: #ffd240;
  	padding-bottom: 15px;
  }
	


h3{  
	padding-left: 15px;
	font-family: arial;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-weight: bold;
	letter-spacing: 1px;
  }

  .workitem a h3{
	  float: left;
  	background: url(h3.gif) bottom left no-repeat;
  }
	
	.workitem a:hover h3{
	  color: #ffd240;
  	background-position: 0 5px;
  }
	
	.workitem a{
	  text-decoration: none;
  }
	
	
#upToDate, #upToDate h4 {
  padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}

.twtr-widget{
  padding-left: 5px;
}


.workitem .textarea p{
  float: left;
	clear: left;
	width: 90%;
}



#content p{
  padding-left: 15px;
	padding-bottom: 15px;
	font-family: arial;
	font-size: 12px;
	letter-spacing: 1px;
}

.emptyblock{
  display: block;
	width: 200px;
	height: 219px;
}

.page{
  display: none;
	float: left;
	width: 100%;
}

.pagework{
	display: block;
}

.workitem{
	width: 535px;
	min-height: 140px;
	padding-bottom: 20px;
}

.workitem .textarea{
  display: block;
	float: left;
	width: 283px;
}
.workitem .imagearea{
  display: block;
	float: left;
	width: 252px;
}

.workitem .imagearea img{
  float: left;
  padding-right: 15px;
}



.workitem p, .thickDesc p{
	padding-left: 15px;

}

strong{
  color: #ffd240;
}
#to_links p{
  padding-left: 0;
}

#to_links a{
  padding-left: 15px;
	padding-bottom: 2px;
	text-decoration: none;
}

#to_links a:hover{
  background: url(h3.gif) bottom left no-repeat;
}

.hidden{
  display: none;
}

.thickDesc{
  float: left;
	width: 260px;
  text-align: right;
}


.thickDesc p{
	margin: 0;
}

.thickImages{
  float: left;
	margin-left: 10px;
}

.slideshow, .no_slideshow{
  position: relative;
  float: left;
  width: 450px;
	height: 475px;
  float: left;
	background: #000!important;

}
.slideshow img{

}

.nav{
  position: relative;
	float: left;
	clear: left;
}

.nav a { 
  text-decoration: none; 
  margin: 0 2px; 
  padding: 3px 2px;
	font-weight: bold;
	color: #fff!important;
}
.nav a.activeSlide { 
  color: #ffd240!important;
}


.logo-cycle{
  width: 284px;
	height: 103px;
}