.sm {
	list-style:none;
	width:928px;
	height:355px;
	display:block;
	overflow:hidden;
	margin: 35px 0 0 28px;
}
.sm li {float:left; display:block; overflow:hidden}

/******** Panels ********/

.sm li.video .video-content, .sm li.design .design-content, .sm li.media .media-content, .sm li.promotions .promotions-content, .sm li.barefoot .barefoot-content, .sm li.about .about-content {
width: 370px;
height: 180px;
padding: 0 12px 0 310px;
color: #000;
letter-spacing: .4px;
line-height: 17px;
overflow: auto;
}
/*
.sm li.video .video-content ul, .sm li.design .design-content ul, .sm li.media .media-content ul, .sm li.promotions .promotions-content ul, .sm li.barefoot .barefoot-content ul, .sm li.about .about-content ul {
padding: 5px 0 0 10px;
}
.sm li li {
background: url(../img/square.gif) no-repeat 0 10px;
float: none;
display: table;
padding: 4px 0 0 15px;
}
*/
#container .sm li p.list {
background: url(../img/square.gif) no-repeat 2px 10px;
padding: 5px 0 0 15px;
}
.sm li.video .video-content p, .sm li.design .design-content p, .sm li.media .media-content p, .sm li.promotions .promotions-content p, .sm li.barefoot .barefoot-content p, .sm li.about .about-content p {
padding: 10px 0 0 0;
}
.sm li.video .video-content p a:hover, .sm li.design .design-content p a:hover, .sm li.media .media-content p a:hover, .sm li.promotions .promotions-content p a:hover, .sm li.barefoot .barefoot-content p a:hover, .sm li.about .about-content p a:hover {
text-decoration: none;
}

/******** Video panel ********/

.sm li.video {
	background: url(../img/video_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.video .video-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #b33416;
}
.sm li.video .video-content p a {
color: #b33416;
}

/******** Design panel ********/

.sm li.design {
	background: url(../img/design_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.design .design-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #5d8b0f;
}
.sm li.design .design-content p a {
color: #5d8b0f;
}

/******** Media panel *******/

.sm li.media {
	background: url(../img/media_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.media .media-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #0086ad;
}
.sm li.media .media-content p a {
color: #0086ad;
}

/******** Promotions panel *******/

.sm li.promotions {
	background: url(../img/promotions_logos_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.promotions .promotions-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #c358a1;
}
.sm li.promotions .promotions-content p a {
color: #c358a1;
}

/******** Barefoot panel *******/

.sm li.barefoot {
	background: url(../img/barefoot_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.barefoot .barefoot-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #5c3587;
}
.sm li.barefoot .barefoot-content p a {
color: #5c3587;
}

/******** About panel *******/

.sm li.about {
	background: url(../img/about_bg.jpg) no-repeat;
	width: 713px;
	height: 355px;
	padding: 22px 0 0 0;
}
.sm li.about .about-content h2 {
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
color: #ec5704;
}
.sm li.about .about-content p a {
color: #ec5704;
}

/******** Thumbnails for video and audio ********/

.thumbnails {
margin: 35px 0 0 232px;	
}

.thumbnails .description {
float: left;
text-align: right;
overlay: hidden;	
}
.thumbnails .description h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .4px;
margin: -1px 15px 43px 0;	
}
.thumbnails .thumb-list {
margin: 0 0 0 17px;	
width: 400px;
overlay: hidden;
}
.thumbnails .thumb-list a img {
border: 1px solid #fff;
margin: 0 15px 12px 0;	
}
.thumbnails .thumb-list a:hover img {
border: 1px solid #000;
margin: 0 15px 12px 0;	
}
.thumbnails .thumb-list a {
text-decoration: none;
font-size: 11px;
}

/******** Thumbnails for graphic design ********/

.thumbnails-design {
margin: 35px 0 0 190px;	
}

.thumbnails-design .description {
float: left;
text-align: right;
overlay: hidden;	
}
.thumbnails-design .description h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .4px;
margin: -1px 15px 43px 0;
}
.thumbnails-design .thumb-list {
margin: 0 0 0 17px;	
width: 450px;
overlay: hidden;
}
.thumbnails-design .thumb-list a img {
border: 1px solid #fff;
margin: 0 15px 12px 0;	
}
.thumbnails-design .thumb-list a:hover img {
border: 1px solid #000;
margin: 0 15px 12px 0;	
}
.thumbnails-design .thumb-list a {
text-decoration: none;
font-size: 11px;
}

/******** Thumbnails for video with no audio ********/

.thumbnails-video {
margin: 35px 0 0 234px;	
}

.thumbnails-video .description {
float: left;
text-align: right;
overlay: hidden;	
}
.thumbnails-video .description h3 {
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
letter-spacing: .4px;
margin: -1px 15px 43px 0;
}
.thumbnails-video .thumb-list {
margin: 0 0 0 17px;	
width: 450px;
overlay: hidden;
}
.thumbnails-video .thumb-list a img {
border: 1px solid #fff;
margin: 0 15px 12px 0;	
}
.thumbnails-video .thumb-list a:hover img {
border: 1px solid #000;
margin: 0 15px 12px 0;	
}
.thumbnails-video .thumb-list a {
text-decoration: none;
font-size: 11px;
}


/******** Bullets section ********/

.bullets {
margin: 42px 0 0 310px;	
width: 370px;
color: #fff;
}
.bullets p {
margin-top: 5px;
}


.contact-info {
margin: 37px 0 0 310px;	
width: 370px;
color: #fff;
}
.contact-info h2 {
margin: 0 0 10px 0;
font-weight: normal;
text-transform: uppercase;
font-size: 13px;	
}
.contact-info p {
margin: 5px 0 0 0;	
}
.contact-info p a {
color: #fff;	
}
.contact-info p a:hover {
color: #fff;
text-decoration: none;	
}

/******** Tooltip style ********/

a.lightwindow {
    position:relative;
    z-index: 24; 
    text-decoration:none;
}
a.lightwindow:hover {
	z-index: 25;
}
a.lightwindow span{
	display: none;
}
a.lightwindow:hover span {
    display:block;
    position:absolute;
    top:-90px; left:18px; width:100px;
    padding: 8px;
    border:1px solid #ccc;
    background: url(../img/thumbnails/transparent.png);
    color:#6c6c6c;
}
*+html a.lightwindow:hover span {
    top:-28px; left:19px; width:130px;
}
*+html a.lightwindow {
    position: static;
}