@charset "utf-8";

/* CSS Document */

div, img, h1 { behavior: url(iepngfix.htc) }

/* CURTAIN BACKGROUND LAYOUT */



*{padding:0;
margin:0;

}



body {
	font-size:62%;
	color:#FFFFFF;
	background-color: #000000;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image:url(http://www.btbmedia.co.uk/images/site-background.jpg);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-position: center 51%;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 1.2em;
	
}



a {

	text-decoration:none;

}



a:hover{

	text-decoration:underline;

}



#container{
	margin:0 auto 0 auto;
	height:768px;
	width:980px;	
	
}


#leftCurtain{
	float:left;
	background-image:url(http://www.btbmedia.co.uk/images/left-curtain-new.jpg);
	width:75px;
	height:768px;
	background-repeat:no-repeat;
}


#midSection{

	width:837px;
	float:left;	

}

#seats{
	background-image:url(http://www.btbmedia.co.uk/images/seats.jpg);
	float:left;
	width:837px;
	height:216px;
}

#rightCurtain{
	background-image:url(http://www.btbmedia.co.uk/images/right-curtain-new.jpg);
	float:left;
	width:68px;
	height:768px;
}



/* START OF TOP NAV SECTION */



#navbar{
}



#logo{

	position:relative;
	left:20px;
	float:left;
	padding:20px 0 0 0;
}



#navs{

	position:relative;
	left:50px;
	float:left;	
	list-style-type:none;
	list-style-image:none;

}




#navs li{
	float:left;
}



#navs li p{
	padding-top:35px;	

}



#navs li a{
	font-size:1.3em;
	background-image:url(http://www.btbmedia.co.uk/images/navs-light.png);
	width:80px;
	height:80px;
	float:left;
	color:#FFF;

}



#navs li a:hover{
	text-decoration:none;
	color:#FC0;
}



#portfolioExt{
	border-left:1px solid #3d3d3d;
	padding-left:10px;
}



#aboutExt{
	border-left:1px solid #3d3d3d;
	padding-left:10px;
}



#contactExt{
	border-left:1px solid #3d3d3d;
	border-right:1px solid #3d3d3d;
	padding-left:5px;
	}



#portfolioInt{
	padding-left:15px;
}



#aboutInt{
	padding-left:5px;
}



#contactInt{
	padding-left:2px;
	}

	

	/* START OF CINEMA SCREEN HOME PAGE */

	

#cinemaScreen {
    
	float:left;
	background:#000;
	width:837px;
	height:472px;

}

#mainHomeBlock {
	margin:0 0 0 13px;
	height:463px;
	width: 811px;
	background-image:url(http://www.btbmedia.co.uk/images/cinema-bg.jpg);
}

	/* START OF LEFT CONTENT PANEL */

#leftContent{
	padding:5px 0 0 5px;
	width: 560px;
	height: 449px;
	float:left;
}

#leftContent h1 {
	background-image:url(http://www.btbmedia.co.uk/images/aim-new.png);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:103px;
	margin:5px;	
}

#welcomeBlock{
	width:521px;
	height:118px;
	background-image:url(http://www.btbmedia.co.uk/images/welcome-bg.png);
	background-repeat:no-repeat;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.8em;
}

#welcomeBlock p{
	padding-top:10px;
}

#skillSetContainer{
	margin:30px 0 0 10px;
}

.skillSet{
	float:left;
	margin-right:15px;
	background-image:url(http://www.btbmedia.co.uk/images/skillsets-bg.png);
	background-repeat:no-repeat;
	width:163px;
	height:183px;
}

#webdesign h1{
	height:65px;
	background-image:url(http://www.btbmedia.co.uk/images/skillset-webdesigner.png);
}

#webdesign img{
	margin-left:10px;	
}

#frontEnd h1{
	height:45px;
	margin-left:30px;
	background-image:url(http://www.btbmedia.co.uk/images/front-end.png);
}

#frontEnd img{
	margin-left:3px;	
}

#frontEnd h2{
	background-image:url(http://www.btbmedia.co.uk/images/expression-engine.png);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:19px;
	
}

#designPrint h1{
	height:65px;
	background-image:url(http://www.btbmedia.co.uk/images/design-for-print.png);
}

#designPrint img{
	margin-left:35px;	
}

/* RIGHT CONTENT PANEL */

#rightContent{
	padding:5px;
	width:230px;
	height:449px;
	float:right;
}

#rightContent h1{
	margin:10px 0 10px 0px;
	font-size:1.5em;
	text-align:center;	
}

#featuredWork {
	padding-left:5px;
	overflow:auto;
}

#featuredWorkPic{
	width:142px;
	float:left;	
	height:91px;
	position:relative;
	border:3px solid #FFF;
}

#featuredWorkPic img{
	position:absolute;
	left:0;
	top:0;	
}

#featuredWorkPicContainer{
	
}

#leftArrow{
	padding:35px 0 0 5px;
	margin-right:5px;
	width:25px;
	float:left;
}

#rightArrow{
	padding:35px 0 0 7px;
	width:28px;
	float:left;
}

#testimonials {
	margin-top:20px;
	position:relative;
}

#testimonials p{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:5px;
	line-height:1.5em;
	font-size:1.3em;	
}

.testimonialText{
	
}

#testimonials h2{
	padding-right:10px;
	text-align:right;
	font-style:italic;
	font-weight:normal;
	font-size:1.3em;
}

#testimonials h2 a{
	color:#FC0;
}

/* PORTFOLIO INDEX SECTION */

#mainPortfolioBlock {
	margin:0 0 0 13px;
	height:463px;
	width: 811px;
}

#folioIndexContainer {
list-style-type:none;
list-style-image:none;
width:100%;
padding:2px 0 0 5px;
}

#folioIndexContainer li{
	position:relative;
	float:left;
	width:195px;
	height:150px;
	margin:0 7px 5px 0;
	background:#191919;
	
}

#folioIndexContainer li a{
	color:#FFF;
}

#folioIndexContainer li a:hover{
	text-decoration:none;
}

#folioIndexContainer li img{
	margin:3px 0 0 3px;
	border:1px solid #999;
}

#folioIndexContainer li a:hover img{
	border:1px solid #fff;
}

#folioIndexContainer li h1{
	top:125px;
	left:3px;
	text-align:center;
	position:absolute;
	width:190px;
	height:17px;
	background-image:url(http://www.btbmedia.co.uk/images/title-bg.png);
	padding:5px 0 0 0;
	font-size:1.3em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	
}



#folioIndexContainer li  a:hover h1{
	text-decoration:none;
}

#visitTitle{
	position:absolute;
	left: 217px;
	top: 380px;
}

/* DISPLAY PANELS */

.picPanel {
	padding:5px 0 0 5px;
	height:463px;
	width:811px;		
}

.picPreviews{
	float:left;
	width:465px;
}

.detailPane{
	position:relative;
	width:335px;
	float:left;	
}

.detailPane h2{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	font-size:1.5em;
	color:#ffeb00;
	font-weight:bold;
}

.detailPane p{
	font-family:Tahoma, Geneva, sans-serif;
	line-height:1.5em;
	font-size:1.3em;
	color:#fef095;
		
}

.detailPaneNav{
	width:100%;
	height:50px;
	color:#ffeb00;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:410px;
	font-size:1.3em;
}
.detailPaneNavPic {
	float:right;	
}

.detailPaneNav h4{
	float:left;
	padding:30px 0 0 0;	
}



.detailPane h4 a{
	color:#ffeb00;
}

.detailPane h6{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	padding:5px 0;
	font-size:1.2em;
	
}

.serviceTitle{
	
}

.serviceTitle h1{
        font-family: arial;	
	background-repeat:no-repeat;
	float:left;
	margin: 3px 0 0 0px;	
	font-size:1.7em;
}

.serviceTitle h5{
	float:right;
font-size:1.1em;
	
}

.serviceTitle h5 a{
	color:#ffeb00;	
}

.serviceList {
	padding:10px 0;
	clear:left;
	font-size:1.3em;
	list-style-type:none;
	list-style-image:none;
}

.serviceList li{
	background-image:url(http://www.btbmedia.co.uk/images/star-bullet.png);
	background-repeat:no-repeat;
	padding:5px 0 5px 15px;
	background-position:0 40%;
}

/* About Me */

#aboutMeBlock {
	width:820px;
	height:465px;
	background-image:url(http://www.btbmedia.co.uk/images/backlight-about.png);
	background-repeat:no-repeat;
	border:1px solid #090909;
}

#renPic {
	float:left;
	width:300px;
	
	padding:10px 0 10px 10px;	
}
#renPic p{
	font-size:0.9em;	
}

#renPic img{
	border:1px solid #FFF;	
	
}

#renText{
	
	padding:10px 0 0 5px;
	float:left;
	width:500px;
}

#renText h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.8em;
		color:#fff;
		margin:0px 0 0 5px;
}

#renText p{
        line-height:1.5em;
	font-size:1.3em;
        margin:0 0 10px 0;
	padding:5px 5px 0px 5px;
}


#aboutBottomContainer{
	clear:both;
	padding:10px 0 0 0;
}

#aboutSkillset{
	width:315px;
	float:left;
}

#skillset{
	
	list-style-type:none;
	padding-left:10px;
	
	
}

#skillset h1{
	background-image:url(http://www.btbmedia.co.uk/images/our-skillset.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
	height:31px;
	width:135px;
}

#skillset li{
	background-image:url(http://www.btbmedia.co.uk/images/skillset-bg.jpg);
	font-size:1.2em;
	padding:6px 0 0 25px;
	margin:2px 0;
	background-repeat:no-repeat;
	height:22px;
	width:291px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	
}

#aboutWorkflow{
	width:500px;
	float:left;
}

#aboutWorkflow h1{
	background-image:url(http://www.btbmedia.co.uk/images/our-workflow-process.png);
	background-repeat:no-repeat;
	width:500px;
	height:45px;
	text-indent:-1000em;
}

#workflow{
	list-style-type:none;
	padding:5px 0 0 0;
}

#workflow li{
	float:left;
	padding:0 0 0 2px;
}

#specialties {
	font-weight:bold;
	list-style-type:none;
	list-style-image:none;
	font-size:0.9em;
	color:#FFF;
}

#specialties a{
	color:#FF9;
}

#specialties li{
	background-image:url(http://www.btbmedia.co.uk/images/star-bullet.png);
	background-repeat:no-repeat;
	padding:0px 0 10px 10px;
	background-position:0 30%;
		
}

#specialties li.webConsulting{
	background-position:0 30%;
}

#personalStatement {
	clear:both;
	width:100%;
}

/* COMING SOON PAGE */

#comingSoon {
	width:820px;
	height:465px;
	margin:0 0 0 5px;
	padding-top:10px;
	background-image:url(http://www.btbmedia.co.uk/images/coming-soon-bg.jpg);
	background-repeat:no-repeat;
	border:1px solid #090909;
}

#comingSoon h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px auto 0 auto;
	line-height:2em;
	text-indent:-1000em;
	background-image:url(http://www.btbmedia.co.uk/images/coming-soon-text.png);
	background-repeat:no-repeat;
	width:542px;
	height:81px;
}

#comingSoon a{
	color:#FF9;	
}

#comingSoon h2{
	margin-top:10px;
	font-size:0.9em;
}

#statement {
	text-align:center;
	width:100%;
	height:100%;
}

/* CONTACT PAGE */

#contactBlock{
	overflow:auto;
	padding:15px 0 0 40px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/backlight-about.png);
	background-repeat:no-repeat;
	border:1px solid #090909;
	width:790px;
	height:455px;
	
}

#contactBlock h1{
	padding:12px 0 10px 60px;
	background-image:url(../images/telephone.png);
	background-repeat:no-repeat;
	height:30px;
	float:left;
	margin-right:160px;
}

#contactBlock h2{
	padding:12px 0 10px 40px;
	float:left;
	background-image:url(../images/email-me.png);
	background-repeat:no-repeat;
	height:35px;
}

#contactBlock h2 a{ 
         color:#fff;
}

#contactBlock h2 a img{
	border:1px solid #666;
}

#contactBlock h2 a:hover img{
	border:1px solid #999  ;
}

#formBlockContainer{
	clear:both;
	background-color:transparent;
	position:relative;
	height:395px;
}

.formBlock{
	position:absolute;
	background-color:transparent;
	top:0px;
	left:0px;
	
}

.formBlock label{
	display:block;
	font-size:1.6em;
	font-weight:bold;
	padding:0 0 8px 0;
	
}

.formBlock ul input{
	background-color:#2a2a2a;
	border:1px solid #616161;
	height:25px;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
}

.formBlock textarea{
	background-color:#2a2a2a;
	border:1px solid #616161;
	color:#fff;
	width:540px;
	padding:3px;
	font-weight:bold;
	font-size:1.5em;
}

.leftFields{
	list-style-type:none;
	float:left;
}

.leftFields input{
	width:350px;
}

.leftFields li{
	padding:10px 0 10px 0;
	margin-right:40px;
}

.rightFields{
	list-style-type:none;
	float:left;
}

.rightFields input{
	width:360px;
}

.rightFields li{
	padding:10px 10px 10px 0;	
}

.queryBlock{
	clear:both;
	
	padding-top:5px;
}

.queryBlock textarea{
	width:745px;	
}

.send{
	padding:10px 0 0 0;
}

.send input{
	background-color:#2a2a2a;
	border:1px solid #616161;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	padding:3px;
	
}

/******************************

  PORTFOLIO PANELS

******************************/

@charset "utf-8";

/* CSS Document */

.bigPic{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic img{
	border:1px solid #333;
	position:absolute;
}

.bigPic1{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic1 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic2{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic2 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic3{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic3 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic4{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic4 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic5{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic5 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic6{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic6 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic7{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic7 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic8{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic8 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic9{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic9 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic10{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic10 img{
	border:1px solid #333;
	position:absolute;
}

.bigPic11{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic11 img{
	border:1px solid #333;
	position:absolute;
}
.bigPic12{
	width:450px;
	height:400px;
	position:relative;
	margin-bottom:10px;
}

.bigPic12 img{
	border:1px solid #333;
	position:absolute;
}

.picThumbContainer {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer li img{
	border:1px solid #2a2a2a;
}	

/* SET 1 */


.picThumbContainer1 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer1 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer1 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer1 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer1 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer1 li img{
	border:1px solid #2a2a2a;
}


/* SET 2*/


.picThumbContainer2 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer2 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer2 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer2 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer2 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer2 li img{
	border:1px solid #2a2a2a;
}

/* SET 3*/


.picThumbContainer3 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer3 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer3 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer3 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer3 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer3 li img{
	border:1px solid #2a2a2a;
}

/* SET 4*/


.picThumbContainer4 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer4 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer4 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer4 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer4 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer4 li img{
	border:1px solid #2a2a2a;
}

/* SET 5*/


.picThumbContainer5 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer5 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer5 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer5 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer5 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer5 li img{
	border:1px solid #2a2a2a;
}

/* SET 6*/


.picThumbContainer6 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer6 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer6 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer6 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer6 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer6 li img{
	border:1px solid #2a2a2a;
}

/* SET 7*/


.picThumbContainer7 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer7 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer7 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer7 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer7 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer7 li img{
	border:1px solid #2a2a2a;
}

/* SET 8*/


.picThumbContainer8 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer8 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer8 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer8 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer8 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer8 li img{
	border:1px solid #2a2a2a;
}

/* SET 9*/


.picThumbContainer9 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer9 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer9 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer9 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer9 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer9 li img{
	border:1px solid #2a2a2a;
}

/* SET 10*/


.picThumbContainer10 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer10 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer10 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer10 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer10 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer10 li img{
	border:1px solid #2a2a2a;
}

/* SET 11*/


.picThumbContainer11 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer11 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer11 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer11 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer11 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer11 li img{
	border:1px solid #2a2a2a;
}

/* SET 12*/


.picThumbContainer12 {
	padding:5px 0 0 0;
	list-style-type:none;
	list-style-image:none;
}

.picThumbContainer12 a{
	font-weight:bold;
	margin:5px 15px 0 0;
	font-size:1.5em;
	color:#FFF;
	background:#333;
	padding:5px 10px;
}

.picThumbContainer12 a:hover{
	background:#999;
	text-decoration:none;
}

.picThumbContainer12 li{
	padding:5px 0px 0 24px;
	float:left;	
}

.picThumbContainer12 li.first{
	padding:5px 0px 0 0px;
}

.picThumbContainer12 li img{
	border:1px solid #2a2a2a;
}


/**********************************

       SLIDING PANELS

**********************************/

.SlidingPanels {
	position: relative;
	height:465px;
	width: 811px;
	padding: 0px;
	border: none;
	border:1px solid #090909;
}

.SlidingPanelsContentGroup {
	position: relative;
	width:2000em;
	margin: 0px;
	padding: 0px;
	min-height:0;
	border: none;
}



.SlidingPanelsContent {
	background-image:url(../images/pfolio-bg.png);
	height:465px;
	width: 811px;
	float:left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
}


.SlidingPanelsAnimating * {
	overflow: hidden !important;
}


.SlidingPanelsCurrentPanel {
}


.SlidingPanelsFocused {
}
#p1 {
	background-color: #FFFF99;
}
#p2 {
	background-color: #FF99FF;
}
#p3 {
	background-color: #99FFFF;
}
#p4 {
	background-color: #0066FF;
}
#p5 {
	background-color: #FFCC66;
}
#p6 {
	background-color: #6666CC;
}


/*************************************

 SPRY TEXT FIELD 

************************************/

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	color: #CC3333;
	display: block;
	font-size: 1.1em;
	padding:2px 0;
}


.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/*************************************

 SPRY TEXT AREA

************************************/



.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}


.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	color: #CC3333;
	display: inline;
	font-size: 0.9em;
}


 
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}


.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}