@charset "utf-8";

/*---------------------------------------------------
	Title: studio.css
	Description: Griot HP Category -works-

----------------------------------------------------*/

/* container ----------------------------------------------------*/

.crumb {
	margin: 0.5em 0;
}


/* contents area ----------------------------------------------------*/

#contentsbox {
	background: #fff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px; 
	-ms-border-radius: 4px;
	box-shadow: 0px 0px 3px #999; 
	-moz-box-shadow: 0px 0px 3px #999; 
	-webkit-box-shadow: 0px 0px 3px #999;
	padding: 1em 0 3em;
	margin: 0 0 1em 0;
	overflow: hidden;
	min-height: 573px;/* for firefox */
}
.index #contentsbox{ padding:1em 0 5em;}
#contents h2 {
	font-size: 3em;
	width: 29%;
	text-align: center;
	line-height: 100%;
	float: left;
}
#contents h2 a {
	text-decoration: none;
	color: #444;
}
#contents h2 span {
	display: block;
	font-size: 0.333em;
}

/* main box ----------------------------------------------------*/
#mainbox {
	width: 66%;
	float: right;
	padding: 25px 40px 0 0;
}
#mainbox h3 {
	font-size: 1.5em;
	color: #444;
	margin: 0;
	position: absolute;
}
#mainbox p#description {
	color: #444;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.667em;
	margin-top: 35px;
}
#mainbox h4{ font-size:140%; font-weight:bold;}
#mainbox h5{ font-size:120%; font-weight:bold; margin:20px 0 10px;}
#mainbox p{ margin:20px 0 0;}
#mainbox ul{ margin:20px 0 0;}
#mainbox ul li{ margin:0 0 10px;}
#mainbox table{ margin:20px 0 0;}

/* side box ----------------------------------------------------*/
#sidebox {
	width: 28%;
	margin-top: 130px;
	position: absolute;
	max-width: 296px;
}
.sidemenu { overflow: hidden;}
.sidemenu li {
	font-size: 1.333em;
	margin: 20px 0;
	line-height: 1.083em;
	font-weight: bold;
}
.sidemenu .first-child { margin-top:0;}
.sidemenu li a {
	text-decoration: none;
	color: #999;
}
.sidemenu li span {
	display: block;
	font-size: 0.625em;
	font-weight: normal;
}
.sidemenu li:hover { position: relative;}
/* footer ----------------------------------------------------*/
#footermenuwrap { 
	position:relative;
	top: 2em;
}
.footermenu {
	clear: both;
	position: relative;
	left: 50%;
	float: left;
}
.footermenu li {
	float: left;
	padding: 0 10px;
	position: relative;
	left: -56%;
	border-right: 1px solid;
	line-height: 1em;
}
.footermenu .last-child { border:none;}
footer .backtotop { top: -76px;}

/* studio/index.html ----------------------------------------------------*/
#studio{ position:relative;}

#carouselStudio {
margin-top: 25px;
}

#studio .sliderkit-nav-clip ul li {
}
#studio .sliderkit-nav-clip ul li.list01 { background:url(../images/tempphoto-4.jpg) no-repeat left top;}
#studio .sliderkit-nav-clip ul li.list02 { background:url(../images/tempphoto-5.jpg) no-repeat left top;}
#studio .sliderkit-nav-clip ul li.list03 { background:url(../images/tempphoto-6.jpg) no-repeat left top;}
#studio .sliderkit-nav-clip ul li.list04 { background:url(../images/tempphoto-2.jpg) no-repeat left top;}

#hoverText {
position: absolute;
bottom: 0px;
left: 0px;
background-color:rgba(0,0,0,0.5);
padding:0 15px 15px;
color: #fff;
}


/* studio/equipment.html ----------------------------------------------------*/

#equipment { margin-top: 80px;}
#equipment p { margin: 0;}

#tbl-equip {
	width: 100%;
	margin: auto;
	border: 2px solid #ccc;
}
#tbl-equip th {
	border: #ccc 1px solid;
	text-align:center;
	padding:10px;
}
#tbl-equip td {
	border: #ccc 1px solid;
	padding:5px 10px;
}
#tbl-equip .eq-cat {
	background:#efefef;
}
#tbl th {
	color:#000;
	border:#eaeaea 1px solid;
	text-align:center;
	padding:10px;
}
#tbl td {
	border:#eaeaea 1px solid;
	padding:10px;
}