body {
	background-image: url('../images/bottom-bg-lblue.jpg');
	background-repeat: repeat-x;
	background-position: bottom center;
	background-color: #f4f4f4;
}
body ul {
	background-image: url('../images/top-bg-lblue.png');
	background-repeat: repeat-x;
	background-position: left top;
}

body ul li.top {
	background-image: url('../images/top-bg-lblue.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.top h1 {
	color: #444;
}
body ul li.top ul li a.on {
	background-image: url('../images/button-active-portfolio.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}
body ul li.content div.left h3 {
	color: #221f16;
}
body ul li.content div.left div.large {
	background-color: #f4f4f4;
}

body ul li.content div.left div#projects h4 {
	clear: both;
	cursor: pointer;
	padding: 2px;
	background-color: #eee;
	color: #999;
}
body ul li.content div.left div#projects h4 a {
	color: #777;
}
/*
body ul li.content div.left div#projects ul li {
	padding-top: 10px;
	padding-bottom: 10px;
}
body ul li.content div.left div#projects ul li img {
	margin-right: 10px;
	border-width: 4px;
	border-color: #fff;
	border-style: solid;
	outline-color: #d2d2d2;
	outline-width: 1px;
	outline-style: solid;
}
body ul li.content div.left div#projects ul li a {
	color: #888;
}

*/
body ul li.content div.left div#projects, body ul li.content div.left div#projects div, body ul li.content div.left div#projects div p {
	padding: 0;
}

 
.svwp {width: 100px; height: 57px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 2%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}