/******************
  CSS Reset
******************/
* { margin:0; padding:0; }
body { background:#333; margin:0; padding:0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
p { margin-bottom:.8em; line-height:1.4em; }
a { color:#ec008c; text-decoration: none; }
a:hover { color:#fff; text-decoration:none; }
a img { border:0; }
li { list-style:none; }
th { padding:0; text-align:left; vertical-align:top; }
td { padding:0; vertical-align:top; }
q:before, q:after { content:''; }

/* Headings */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Sizes */
small { font-size:.9em; }
big { font-size:1.1em; }
.bold { font-weight:bold; }

/* Product Details */
.price{
	display:none;
}

/******************
 Site Style
******************/
#site { width:840px; margin:0 auto; padding:0 20px; background:#4D4D4D;}


/******************
  Header
******************/
#header { padding:0 0 0 0px; margin:15px 0 25px 0; float:left; width:100%; }
#header h1 a { position:absolute; top:10px; text-decoration:none; color:#ec008c; font-weight:bold; font-size:28px; }
#header .tagline { position:absolute; top:35px; font-size:16px; color:#fff; font-style:italic; padding-left:10px; }
#logo { height:75px; float:left; }


/******************
  Navigation
******************/
#nav { list-style:none; text-align:left; border-bottom:#FFF 1px dotted; margin:10px 0 0 0; height:30px; }
#nav li {
	float:left;
	clear:none;
	font-size: 14px;
	z-index:99;
}
#nav li a {
	display:block;
	padding:2px 5px 2px 15px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#nav span { display:block; color:#ec008c; font-size:10px; }

/* Active Menu Items */
#nav li.active  a{ color:#fff;; }

/* Sub-Navigation */
#nav li ul{
	clear: left;
	position: absolute;
	left: -999em;
	z-index: 999;
	width: 161px;
	margin-left: -1px;
	_margin-top: 0; /* IE6 Hack */
	list-style: none;
	line-height: 1;
	padding:0;
	background:#4d4d4d;
	font-size: 10px;
}
*+html #nav li ul{ margin-top: 0;}
#nav li li{
	display: inline;
	_display: block;
	float: none;
	_float: left;
	margin: 0;
	font-size: 10px;
	text-transform: none;
}
#nav li ul ul{ margin: -31px 0 0 161px;}
#nav li:hover ul ul, #nav li.sfhover ul ul{ left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul{ left: auto;}
#nav li li li{
	font-size: 10px;
}
#nav li:hover li a, #nav li.sfhover li a{
	float: none;
	width: 133px;
	height: auto;
	padding: 9px 14px;
	border-bottom: 1px solid #333;
	border:#222 1px solid;
	border-top:0;
	background: #333;
	color: #ec008c;
}
#nav li:hover li a:hover, #nav li.sfhover li a:hover{
	background: #222;
	color:#fff;
}

/* Breadcrumbs */
#breadcrumb { clear:both; list-style:none; }
#breadcrumb li { padding:2px; float:left; margin:0 0 3px 0; }


/****************
  Main Content
*****************/
#mainContent { clear:both; }
#mainContent #content { float:left; }
#mainContent #content h2 { padding:0 0 10px 0; margin:0; }

#banner{ margin:0 0 10px 0; }
#banner #banner-text{width:200px; margin:0 17px 0 0; float:left;}
#banner #banner-text h2{ border-bottom:#FFFFFF 1px dotted; padding:0; margin:0 0 10px 0;}

#mainContent .contentInside { padding:20px 0 0 0; }
#mainContent .contentInside h2 { padding:0px 0 20px 0; font-size:22px; margin:0; }
.contentInside { width:650px; float:left; color:#f1dce1; }


/****************
  Thumbnail Boxes
*****************/
ul.thumbnails { list-style:none; overflow:hidden;}
ul.thumbnails li.item { float:left; width:200px; height:175px; margin:0 8px 8px 0; padding:0; position:relative; overflow:hidden; border:#333 1px solid;}
ul.thumbnails li.item img {position:absolute;}
#home-page ul.thumbnails li.item h3, #services-page ul.thumbnails li.item h3 {position:relative; top:175px;}
#home-page ul.thumbnails li.item p, #services-page ul.thumbnails li.item p {position:relative; top:185px;}
ul.thumbnails li:hover { border:#ec008c 1px solid;}
ul.thumbnails li.item span{
	background: url(http://www.skk.net/_images/structure/item-detailsBg.png);
	position:absolute;
	bottom:0px;
	left:0px;
	padding: 4px 0 0 5px;
	height:22px;
	width:200px;
}
ul.thumbnails li ul.item-details { 
	left:0px;
	position:absolute;
	bottom:-72px;
	background: url(http://www.skk.net/_images/structure/item-detailsBg.png);
	margin:0px;
	padding:2px 0 0 5px;
	display:block;
	cursor:pointer;
	width:200px;
	height:90px;
	overflow:hidden;
	cursor:default;
	}
ul.thumbnails li ul.item-details li{
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	font-size:10px;
	color:#CCC;
	border:none;
	width:200px;
}
ul.thumbnails li ul.item-details li:hover{
	border:none;
	cursor:default;
}
ul.thumbnails li ul.item-details li strong{
	font-weight:bold;
	color:#fff;
	font-size:11px;
}
ul.thumbnails li ul.item-details li h3{
	font-size:12px;
	color:#EC008C;
	margin:0;
	padding:0;
}

/****************
  Footer
*****************/
#footer { padding:60px 0 20px 0; clear:both; text-align:center; color:#fff; }


/****************
  Global Classes
*****************/
.floatLeft { float:left; }
.floatRight { float:right; }
.clearfix { clear:both; }
.alignleft { text-align:left; }
.alignright { text-align:right; }

/****************
  Typography
*****************/

#banner p {
	text-align: justify;
	
}
#products-page h2{
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
}
.PDF{
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	background:url(http://www.skk.net/_images/structure/pdf_icon.gif) no-repeat;
	padding:0 0 0 17px;
	margin:0 0 0 20px;
	height:15px;
}
/****************
  Homepage Specific
*****************/
#home-page ul.thumbnails { overflow:visible; position:relative; z-index:0;}
#home-page ul.thumbnails li.item {overflow:visible; z-index:0; }
#home-page ul.thumbnails li.item p{	bottom:-85px; height:80px; font-size:11px; }

#services-page ul.thumbnails { overflow:visible; height:410px;}
#services-page ul.thumbnails h3 {margin:0; padding:0; font-size:14px;}
#services-page ul.thumbnails li.item {position:relative; overflow:visible; }


/****************
  Clients
*****************/
#clients{ 
	list-style:none;
	margin:20px auto 0 auto;
	width:440px;
}
#clients li {
	display:block;
	float:left;
	width:100px;
	height:100px;
	padding: 0;
	margin: 0px 8px 10px 0;
	border:1px #444 solid;

}
#clients li p{
	padding:10px 0 0 0;
	color:#EC008C;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#clients li:hover {
	background:#333;
}

.subtitle{
	font-weight:bold;
	color:#EC008C !important;
	border-bottom:1px dotted #fff;
}
.news-thumb{
	float:left;
	clear:left;
	margin:5px 20px 20px 5px;
}
.news-content{
	float:left;
	width:600px;
}

#terms-page ul.terms li{

	list-style:decimal;
	margin:5px 20px;
}
#terms-page ul.terms li ul li{
	font-weight: normal;
	font-size: 11px;
	list-style-type: lower-alpha;
}
#terms-page ul.terms li li li{
	list-style-type: lower-roman;
}
#terms-page ul.terms h4{
	font-weight:bold;
	font-size:14px;
}