.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #fffd73; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 860px;}

#header {background: url(images/header-bg.jpg) repeat-x 0 0;}
#header .shell {background: url(images/header.jpg) no-repeat 0 0; height: 403px; padding-top: 50px; padding-left: 52px; width: 862px !important; padding-right: 50px;}

#slider {padding-top: 0px; padding-left: 40px; width: 800px; position: relative;}

ul#mycarousel {position: relative;}
ul#mycarousel li {float: left; display: inline; height: 184px; width: 270px;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden; position:relative;}
.jcarousel-prev ,
.jcarousel-next {background: url(images/next.gif) no-repeat 0 0; width: 28px; height: 30px; display: block; float: left; position:absolute; top:80px; left: 870px; cursor: pointer; }
.jcarousel-prev { background: url(images/prev.gif) no-repeat 0 0; left: -39px;}




.portfolio-item {float: left; padding-right: 20px; padding-bottom: 35px;}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {padding-right: 0 !important;}


.img-cnt {background: url(images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}