@charset "utf-8";

/*#slidingPanel{
	border: 1px solid #00FFCC;
}

.slidingTabPanelWrapper {
	height:20px;
	display: none;
	width:936px;
}
.slidingTabPanel {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:500px;
	height:20px;
	border: 1px #fff solid;
}

.slidingTabPanel a {
	color:#FFFFFF;
	text-decoration: none;
	font-size: 18px;
}
.slidingTabPanel a:hover {
	text-decoration:none;
	border-bottom: 1px #fff solid;
}




.slidingTabPanel LI {
	list-style:none;
	float:left;
	margin:0 2px;
	padding: 0px 20px;
}
.tabActive {
	position:relative;
	top:1px;
	display:block;
	height:20px;
	cursor:default;
	outline:none;
	
}
.tab {
	position:relative;
	top:1px;
	display:block;
	height:20px;
	background-position:-100px;
	cursor:pointer;
	outline:none;
	
}
.tab:hover {
	background-position:-50px;
}
*/
/* CSS Document */
.SlidingPanels {
	float: left;
	position: relative;
	width: 882px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #ccc;*/
}
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
/*	sborder: none;*/
}

.SlidingPanelsContent {
	float: left;
	width: 890px;
	overflow: hidden;
	margin:0px;
	height: 450px;
	padding: 0px 6px;
	/*border: 1px solid #0066cc;*/
	/*border: 1px solid #00FF00;*/
}


.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:4px;
	font-size: 1px;
	line-height: 0px;
}

/*-------PORTFOLIO CSS----------*/

#nutshell {

}
#widgets {
}
#data {
}
#effects {
}

ul{
	margin-left:10px;
}

ul li{
	margin-left:10px;
	font-size:12px;
	color:#CCCCCC;

	
}
h2 {
	font-size:16px;
	color:#444;
	color: #fff;
}
.SlidingPanelsContent h2 {
	padding: 16px 0 0 0;
}
/*Core Nav*/
#example1.SlidingPanels {
	float: left;
	color: #fff;
}
#example1.SlidingPanelsContent   {
	float: left;
	width: 10000px;
}
#example1  .SlidingPanelsContent {
	float: left;
}


/*------------Gallery Categories Controls Height of the visible area----------*/


#example2.SlidingPanels {
	float: left;
	color: #fff;
	height: 360px;
}
#example2.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example2  .SlidingPanelsContent {
	float: left;
}
/*Gallery Sub Nav galleries*/
#example3.SlidingPanels {
	float: left;
	color: #fff;
	height: 260px;
}
/*.p1 {
	background-color: #CCCC66;
}
.p2 {
	background-color: #FFFFCC;
}
.p3 {
	background-color: #6699FF;
}
.p4 {
	background-color: #99CCCC;
}
.p5 {
	background-color: #FF99CC;
}
.p6 {
	background-color: #339933;
}
.p7 {
	background-color: #9933FF;
}
.p8 {
	background-color: #669966;
}
.p9 {
	background-color: #00FFCC;
}*/
/*Web Design*/
#example3.SlidingPanelsContent p {
	float: left;
	color: #fff;
	font-size: 12px;
}
#example3.SlidingPanelsContent a {
	
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example3.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example3  .SlidingPanelsContent {
	float: left;
}

/*Flash*/
#example4.SlidingPanels {
	
	float: left;
	color: #fff;
	height: 260px;
}
#example4.SlidingPanelsContent p {
	
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example4.SlidingPanelsContent a {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example4.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example4  .SlidingPanelsContent {
	float: left;
}
/*3D*/
#example5.SlidingPanels {
	
	float: left;
	color: #fff;
	height: 260px;
}
#example5.SlidingPanelsContent p {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
	padding-left: 20px;
}
#example5.SlidingPanelsContent a {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example5.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example5  .SlidingPanelsContent {
	float: left;
}
/*Design*/
#example6.SlidingPanels {
	
	float: left;
	color: #fff;
	height: 260px;
}
#example6.SlidingPanelsContent p {
	
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example6.SlidingPanelsContent a {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example6.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example6  .SlidingPanelsContent {
	float: left;
}
/*Illustration*/
#example7.SlidingPanels {
	float: left;
	color: #fff;
	height: 260px;
}
#example7.SlidingPanelsContent p {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example7.SlidingPanelsContent a {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example7.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example7  .SlidingPanelsContent {
	float: left;
}
/*Broadcast*/
#example8.SlidingPanels {
	float: left;
	color: #fff;
	height: 260px;
}
#example8.SlidingPanelsContent p {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example8.SlidingPanelsContent a {
	float: left;
	color: #fff;
	height: 200px;
	font-size: 12px;
}
#example8.SlidingPanelsContent   {
	float: left;
	width: 10000px;
	color: #fff;
}
#example8  .SlidingPanelsContent {
	float: left;
}