/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 10px/1.5 'Lucida Grande', Calibri, Lucida, Helvetica, Arial, Verdana, sans-serif;
	color: #888;
}

  
a, a:visited {
	text-decoration:none;
	color: #888;
}

a:hover, a:active {
	border-bottom: 0px #CCC solid;
	color: #333;
}

a:focus {
	outline: 0px dotted;
}

hr {
	border: 0 #ccc solid;
	clear: both;
	height: 0px;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font: 17px/20px 'Lucida Grande', Calibri, Lucida, Helvetica, Arial, Verdana, sans-serif;
	color: #888;
	display:inline;
	font-weight:900;
}

h2 {
	font-size: 10px;
	display:block;
	
	color: #888;
	border-bottom:1px #ccc solid;
	padding:5px;
}

h3 {
	font-size: 16px;
	font-weight:900;
	display:block;
	
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 0px;
		
}

h4 {
	font-size: 10px;
	display:block;
	
	color: #888;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
}

h5 {
	font-size: 13px;
	display:inline;
	font-weight:lighter;
	color:#ccc;

}

h6 {
	font-size: 10px;
	text-align:left;
	display:inline;
	font-weight:100;

	}
	
	
p {
	padding:0px;
	margin:0px 0px 0px 0px;
	
	}	

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	padding: 0px;
	display:block;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 0px;
}

/*
	Taylor Valentine ~ http://taylorvalentine.com/
----------------------------------------------------------------------------------------------------
*/

.border-bottom { border-bottom: 1px #ccc solid; }

.left-margin-5 { left: -5px; }
.top-margin-5 {	top: -5px; }
.top-padding-10 { padding:10px 0px 0px 0px; }
.left-5 { margin: 0px 0px 0px -5px; }

.left { float: left; }
.right { float: right; }
	
img.left { float: left; }
img.right { float: right; }
	
.navigation_primary {
	height:46px;
	font-size: 10px;
	font-weight:900;
	text-align:left;
	line-height:45px;
	border-bottom: 0px #ccc solid;
	padding:0px 0px 0px 0px;
}

.navigation_primary a, a:visited {
	text-decoration:none;
	color: #888;
}

.navigation_primary a:hover {
	border-bottom: 1px #ccc solid;
	color: #888;
}

.navigation_secondary {
	height:27px;
	border-bottom: 0px #ccc solid;
	padding:0px 0px 0px 0px;
}

.navigation_secondary a, a:visited {
	text-decoration:none;
	color: #888;
}

.navigation_secondary a:hover {
	border-bottom: 1px #ccc solid;
	color: #888;
}

.content {
	height:100px;
	border-bottom: 0px #ccc solid;
	padding:0px 0px 0px 0px;
}

.portfolio-title {
	padding:5px 0px 5px 5px;
	border-bottom:1px #ccc solid;
	height:20px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

ul.portfolio-info {
	list-style: disc;
	font-size:13px;
	padding:5px 0px 17px 5px;
	line-height:15px
}

p.portfolio-info {
	font-size:14px;
	padding:5px 30px 0px 0px;
	line-height:26px;
}

.portfolio-img {
	margin:0px 0px 0px 0px;
	border-top:0px #ccc solid;
	border-bottom:1px #ccc solid;
	width: 950px;
	height: 600px;
}

.slide {
  position: absolute;
  overflow: hidden;
  width: 580px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #999;
}

.slide .inner {
  position: relative;
  left: 424px;
  bottom: 46px;
  width: 580px;
  height: 0px;
  padding: 0px;
  color: #888;
  margin:0px 0px 0px 580px;
}

.js #slide-control .inner { 
  display: none;
}

.contact {
font-size: 14px;
}

#contact {
font-size: 14px;
left: -650px;
}

#contact p {
height:0px;
font-size: 14px;
}


/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.hg {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
			
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:290px;
		}	
	
		.hg .heading, .hg .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.hg .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:288px;
			top:-290px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
			padding:0px 0px 0px 0px;
		}

		.hg .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.hg .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:93px 0px 150px 0px;
		}
		
		.hg .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}
		
/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.smgm {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
			
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:122px;
		}	
	
		.smgm .heading, .smgm .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.smgm .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:120px;
			top:-122px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.smgm .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.smgm .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:12px 0px 40px 0px;
		}
		
		.smgm .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.cedl {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:158px;
		}	
	
		.cedl .heading, .cedl .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.cedl .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:156px;
			top:-158px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.cedl .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.cedl .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:20px 0px 40px 0px;
		}
		
		.cedl .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}


/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.rs {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:310px;
		height:78px;
		}	
	
		.rs .heading, .rs .caption {
			/* position inside the container */
			position:absolute;
			width:310px;
	}
		
		.rs .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:76px;
			top:-78px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.rs .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.rs .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:12px 0px 40px 0px;
		}
		
		.rs .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.bbb {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:122px;
		}	
	
		.bbb .heading, .bbb .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.bbb .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:120px;
			top:-122px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.bbb .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.bbb .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:20px 0px 40px 0px;
		}
		
		.bbb .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}


/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.thobl {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:186px;
		}	
	
		.thobl .heading, .thobl .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.thobl .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:184px;
			top:-186px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.thobl .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.thobl .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:30px 0px 75px 0px;
		}
		
		.thobl .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.cedl-brochure {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:222px;
		}	
	
		.cedl-brochure .heading, .cedl-brochure .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.cedl-brochure .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:220px;
			top:-222px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.cedl-brochure .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.cedl-brochure .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:35px 0px 100px 0px;
		}
		
		.cedl-brochure .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.rbc {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:382px;
		}	
	
		.rbc .heading, .rbc .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.rbc .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:380px;
			top:-382px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.rbc .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.rbc .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:120px 0px 200px 0px;
		}
		
		.rbc .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.kcf {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:310px;
		height:126px;
		}	
	
		.kcf .heading, .kcf .caption {
			/* position inside the container */
			position:absolute;
			width:310px;
	}
		
		.kcf .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:124px;
			top:-126px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.kcf .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.kcf .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:23px 0px 200px 0px;
		}
		
		.kcf .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.olb-ss {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:192px;
		}	
	
		.olb-ss .heading, .olb-ss .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.olb-ss .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:190px;
			top:-192px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.olb-ss .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.olb-ss .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:37px 0px 200px 0px;
		}
		
		.olb-ss .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.cherry {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:195px;
		}	
	
		.cherry .heading, .cherry .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.cherry .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:193px;
			top:-195px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.cherry .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.cherry .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:38px 0px 200px 0px;
		}
		
		.cherry .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.olb {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:318px;
		}	
	
		.olb .heading, .olb .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.olb .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:316px;
			top:-318px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.olb .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.olb .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:85px 0px 200px 0px;
		}
		
		.olb .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.cga {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:150px;
		}	
	
		.cga .heading, .cga .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.cga .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:148px;
			top:-150px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.cga .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.cga .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:23px 0px 200px 0px;
		}
		
		.cga .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.jbs {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:180px;
		}	
	
		.jbs .heading, .jbs .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.jbs .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:178px;
			top:-180px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.jbs .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.jbs .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:30px 0px 200px 0px;
		}
		
		.jbs .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.tvcom {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:139px;
		}	
	
		.tvcom .heading, .tvcom .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.tvcom .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:137px;
			top:-139px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.tvcom .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.tvcom .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:29px 0px 200px 0px;
		}
		
		.tvcom .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	index navigation hover (jquery.easing.1.3.js)
----------------------------------------------------------------------------------------------------*/

.td {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		margin:10px 0px 0px 0px;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		border:0px solid #000;
		width:150px;
		height:189px;
		}	
	
		.td .heading, .td .caption {
			/* position inside the container */
			position:absolute;
			width:150px;
	}
		
		.td .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			background:#fff;
			height:187px;
			top:-189px;
			border-bottom:1px #CCC solid;
			border-top:1px #CCC solid;
			z-index:0;
			font-size: 17px;
			line-height:20px;
			font-weight:900;
		}

		.td .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			
			height:26px;
			bottom:-400px;
			border-top:1px #CCC solid;
			z-index:0;
	}
		

		/* styling of the classes*/
		.td .heading span {

			color:#888;
			text-align:center;	
			display:block;
			padding:54px 0px 200px 0px;
		}
		
		.td .caption span{
			color:#888;	
			font-size:10px;
			font-weight:900;
			display:block;
			padding:5px 5px 5px 5px;
			
		}

/* 
	portfolio slideshow (jquery.cycle.all.min.js)
----------------------------------------------------------------------------------------------------*/

/*	slideshow	*/
#slideshow-01 { 
	position: relative; 
	}

#controls-01 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-01 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-01 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}
	
/*	slideshow	*/
#slideshow-02 { 
	position: relative; 
	}

#controls-02 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-02 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-02 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-03 { 
	position: relative; 
	}

#controls-03 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-03 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-03 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}
	
/*	slideshow	*/
#slideshow-04 { 
	position: relative; 
	}

#controls-04 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-04 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-04 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-05 { 
	position: relative; 
	}

#controls-05 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-05 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-05 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-06 { 
	position: relative; 
	}

#controls-06 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-06 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-06 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-07 { 
	position: relative; 
	}

#controls-07 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-07 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-07 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-08 { 
	position: relative; 
	}

#controls-08 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-08 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-08 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-09 { 
	position: relative; 
	}

#controls-09 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-09 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-09 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-10 { 
	position: relative; 
	}

#controls-10 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-10 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-10 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-11 { 
	position: relative; 
	}

#controls-11 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-11 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-11 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-12 { 
	position: relative; 
	}

#controls-12 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-12 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-12 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-13 { 
	position: relative; 
	}

#controls-13 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-13 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-13 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-14 { 
	position: relative; 
	}

#controls-14 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-14 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-14 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-15 { 
	position: relative; 
	}

#controls-15 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-15 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-15 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*	slideshow	*/
#slideshow-16 { 
	position: relative; 
	}

#controls-16 { 
	z-index: 1000; 
	position: absolute; 
	display: none;
	border: 0px solid #ddd; 
	margin: 247px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-size:20px; 
	font-weight:900;
	}
	
#prev-16 { 
	position: relative; 
	padding:250px 455px 328px 0px;	
	margin: 0px 0px 0px 5px;
	}

#next-16 { 
	position: relative; 
	padding:250px 0px 328px 464px;	
	margin: 0px 5px 0px 0px;
	}

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
----------------------------------------------------------------------------------------------------	*/

/* Insignificant stuff, for demo purposes */

	noscript div { margin: 5px 0; padding: 0px; color:#888; font-size: 14px;}
	
/* Most common stuff you'll need to change */

	.coda-slider-wrapper { 
		padding: 0px 0; 
		}
	
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 20500px; overflow: auto !important;  }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider { 
		width: 950px;
		} 
	
	.coda-slider .panel { 
		width: 950px;
		height:1000px;
		border: 0px solid #900;
		left:0;
		margin:0px 0px 0px 0px; 
		} 
	
	/* Tab nav */
	.coda-nav { 
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		text-align:left; 
				
		}
	.coda-nav a { 
		margin: 0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		}
	.coda-nav a:hover { 
		border-bottom: 0px solid #ccc;
		padding:0px 0px 0px 0px;
		}
	.coda-nav a.current { 
		border-bottom: 0px solid #ccc; 
		}
		
		
	/* Arrow styling */
	.coda-nav-left a { 
		position:relative;
		color: #888; 
		font-size:20px;
		line-height:0px;
		font-weight:900;
		text-align:left;
		padding: 11px 10px 8px 10px;
		margin: 0px 0px 0px 24px;
		}

	.coda-nav-right a { 
		position:relative;
		color: #888; 
		font-size:20px;
		line-height:0px;
		font-weight:900;
		text-align:right;
		padding: 11px 12px 8px 8px;
		margin: 0px 0px 0px 0px;
		}
	
	.coda-nav-left a:hover { 
		color:#333;
		border-bottom: 0px solid #ccc;
		}
	
	.coda-nav-right a:hover { 
		color:#333;
		border-bottom: 0px solid #ccc;
		}
		
	.coda-nav-close a { 
		position:absolute;
		color: #888; 
		font-size:11px;
		font-weight:900;
		text-align:left;
		padding: 6px 3px 7px 5px;
		margin: 0px 0px 0px 0px;
		z-index:999;
		}
		
	.coda-nav-close a:hover { 
		color:#333;
		border-bottom: 0px solid #ccc;
		}

	
	/* Panel padding */
	.coda-slider { 
		padding: 0px;
		border: 0px solid #900; 
		
		}
	
	.panel-wrapper { 
		padding: 0px;
		
		}
	
	/* Preloader */
	.coda-slider p.loading { 
	padding: 3px 0px 0px 5px; 
	text-align: left; 
	font-size:17px;
	font-weight:900;
		
	}

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { display: block; float: left; margin-right: 0px; padding: 0px 0px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-decoration: none }