* { margin: 0px; padding: 0px; }

ul { list-style: none; }
img { border: 0px; margin: 0px; padding: 0px;}
strong { font-weight: bold; }
i { font-style: italic; }
input {margin: 0px; padding: 0px;}
h1
{
	font-size:16px;
	margin:0px;
	padding:0px;
}

a
{
	text-decoration:none;
	color: #999;
}
a:hover
{
	text-decoration:none;
}
body
	{
	font-size: 11px;
		font-family: 'Arial', Helvetica, sans-serif;
	text-ali/gn: center;
	color: #999;
	background: url('/images/background.png') repeat-y;
	}
	
#menu
{

	width:234px;
	background:#eaeaea;
	color:#797979;
	float:left;
	font-size: 14px;
	line-height: 22px;
}
#menu a 
{

color:#797979;
}

#menu .heading
{
	color:#606060;

}

#menu .padding
{
	padding-left:30px;
	padding-top: 34px;
}

#menu .links
{
	padding-top:36px;


}
#site
{

	float:left;
}

.logo
{

	width:57px;
	height:90px;
	display: block;
	background: url('/images/logo.png')

}

.logo span
{
	display: none;

}
.home
{


	line-height:18px;

}
.home .left
{
	float:left;
	width:385px;

}


.home h1
{
	margin-bottom: 20px;

}

.home .right
{

	float:left;
	width:385px;

}
.home .right a
{


font-size: 14px;
color:#999;
}

.home .right .dotty
{

	border-bottom:dotted 1px #999; 
}


#container
{
	width: 1200px;
	overflow-x: hidden;

}
.hidden
{
	display: none;
}
.home .image
{
clear:both;
float:left;

}

#home,#about{

	
		background: url('/images/background.png') #000 repeat-y;
}
.portfolio 
{
	padding-top: 76px;
	padding-left: 16px;
	

}

.portfolio .image
{

	margin-bottom:20px!important;
	clear:both;
	float:left;
}

.portfolio .title
{

font-size:16px;
float:left;
padding-right: 18px;
}


.portfolio .subtitle
{

font-size:11px;
padding-top: 4px;
float:left;
}

.portfolio .top
{
	width: 740px;

	float:left;
	clear:both
}

.portfolio .readmore
{
	font-size:11px;
	float:right;
	padding-top: 4px;


}
#more
{
	padding-top: 18px;
	width:740px;
	height:225px;
	line-height: 22px;
}
	.scroll-pane {
				width: 200px;
				overflow: auto;
				background: #ccc;
				float: left;
			}


#more .text
{

	height:215px;
	float:left;
	width: 415px;
	line-height: 22px;
}

.portfoliologo
{

	float:left;
}

#readmore
{
	position: relative;
}

#closelink
{
	position:absolute;
	top:0px;
	left:0px;
	padding-top: 4px;
	background: white;
	width: 100%;
}

#readmorelink
{
	top:0px;
	left:0px;
}
.images
{
		margin-top: 35px;
}

.showcaseLink
{
	font-size: 11px;
	padding-right: 25px;

}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	float:left;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eee;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}