/*
Theme Name: Panomashup
Theme URI: http://www.vrwebdesign.co.uk
Description: A theme by <a href="http://www.vrwebdesign.co.uk">VR Web Design</a>.
Version: 1
Author: Tom Mills
Author URI: http://www.vrwebdesign.co.uk

*/

html,
body { height:100%;
	
}

body {
	font: 75%/150% "Arial", Tahoma, Trebuchet MS;
	color: #ffffff;
	background: #000000;
	margin: 0px;
	padding: 0px 0px 40px;overflow:hidden;
}
a {
	color: #CC6600;
	text-decoration: none;
	cursor:pointer;
}

a:visited {
	color: #CC6633;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
a:active, a:focus {
outline: 0
}
h1 {
	margin:0 0 0  150px;
	
	
	font: bold 36px/100% "Arial", Tahoma, Arial;
	color: #606060;
}
.header h1 {
	margin:0 0 0  150px;
	
	  text-shadow: 2px 2px 2px #000000;
	font:  36px/100% "Arial", Tahoma, Arial;
	color: #fff;
font-weight:800;
}
.description {
	margin:0 0 0 150px;
	
	width:300px;
	font: bold 16px/100% "Arial", Tahoma, Arial;
	color: #fff;
}
h1 a{
color: #606060;
	text-decoration: none;
}
form {
	margin:0px;
	padding:0px;
}
.header {

	cursor: default;
	height: 87px;
	position: absolute;
	left: 5%;
	z-index: 12;
	
}
.headerContent{
	width:960px; 
	margin:0 auto; 
	height:auto; 
	margin-top:4%;
}
.sf-menu {
	line-height:	0.3; 
	margin-top:     43px;
}
/**************************************************
	MENU
**************************************************/

#content {
	padding: 10px 0px 30px 20px;
	float: left;
	width: 485px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 10px;
}
.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.post-title {
	float: left;
	margin-left: 10px;
	width: 430px;
}

.entry {
	clear: both;
	padding-top: 10px;
}

.post-cat {
	background: url(images/mini-category.gif) no-repeat left center;
	padding-left: 18px;
	float:left;
	font-size: 95%;
	color: #999999;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat left center;
	padding-left: 18px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.post-content {
	clear: both;
	padding-top: 10px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #59770e;
}
.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
	position: relative;
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist .alt {
	background: #f1fedb;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #CC6600;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#f1fedb;
	border: 1px solid #bdd77f;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 29px;
}
#sidebar {
	float: right;
	padding: 0px 10px 20px 0px;
margin: 0px 20px 0px 0px;
	width: 220px;
}
#searchform {
	background: Transparent;
	width: 210px;
	padding: 10px 0px 10px 10px;
	float:right;
margin: 45px 0px 0px 0px;
}
#searchform #s {color: #FFFFFF;
	border:1px solid #203346;
	width: 135px;
	height: 22px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #bed881;
	background: Transparent;
	vertical-align: middle;
}
#searchform #searchsubmit {

	border: none;
	width: 28px;
	height: 24px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
}
#searchform label {
	font-size: 11px;
	color: #41550e;
}
#sidebar h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #fff;
	text-decoration: none;
}
.ul-cat li a:hover{
	color: #FF6600;
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px solid #dceeb7;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 20px;
	border-top: 1px solid #dceeb7;
	background: url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #fff;
	text-decoration: none;
}
.ul-archives li a:hover{
	color: #FF6600;
	text-decoration: none;
}

.recent-comments {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 110%;
}
.recent-comments li{
	background: url(images/mini-footer-comments.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-comments a{
	font-size: 105%;
	line-height: 130%;
	font-weight: bold;
}
.recent-posts {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.recent-posts li{
	background: url(images/mini-footer-post.gif) no-repeat;
	padding: 0px 0px 10px 20px;
}
.recent-posts a{
	font-size: 115%;
	line-height: 130%;
	font-weight: bold;
}
#credits {
	margin: 0px auto;
	width: 760px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;
}
#credits a, #credit a:visited{
	color: #048db4;
}
.rss {
	background: url(images/mini-rss.gif) no-repeat left center;
	padding-left: 18px;
	padding-bottom: 2px;
	margin-left: 10px;
}
.left {
	float: left;
}
img.left, a img.left {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #FFFFFF;



}
a:hover img.left{
	border-color: #FF6600;
	background: #FF6600;
}
.right {
	float: right;
}
img.right, a img.right {
	float:left;
	margin: 4px 10px 5px 0px;
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #FFFFFF;
}
a:hover img.right{
	border-color: #FF6600;
	background: #FF6600;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
img.img_border, a img.img_border {
	border: 1px solid #bdd77f;
	padding: 3px;
	background: #ffffff;
}
a:hover img.img_border{
	border-color: #FF6600;
	background: #FF6600;
}

.gm-map {
	width: 100%; 
height: 100%; 
	
}



/***********************************************************
	Panel left
***********************************************************/


.panel {
	background:url("images/footer_BG.png") repeat;
top: 35em;
height: 100%%; 
overflow: hidden;
padding:10px 0 10px 10px;


}



a.trigger.active {
background:url("images/plus_minus.png") no-repeat scroll right bottom transparent;
}





a.trigger, a.trigger:hover {

background:url("images/plus_minus.png") no-repeat scroll left bottom transparent;
display:block;
height:40px;
top:330px;
width:55px;
}

.panel, a.trigger, a.trigger:hover {
border-color:#fff #fff #fff #fff;
-moz-border-radius:15px 0 0 15px;
border-style:solid solid solid solid;
border-width:1px 0 1px 1px;
right:0;
position:absolute;
}

/***********************************************************
	Panel right
***********************************************************/

#overlay_right {
max-height:550px;
height: 1%; 
overflow: hidden;
top: 50%;
margin-left: auto;
margin-right: auto;
padding: 10px 0px;
width: 850px;
z-index:10;
}
#overlay_right .right {
width: 600px;
padding:20px 0px 0px 19px;
}


#overlay {
margin-top:20px;
position: absolute;
left: 0px;
color: #fff;
padding: 10px 30px 10px 0;
width: auto;
z-index:10;
}
* html #overlay_right {
	position:absolute;
}


.panel_right {
-moz-border-radius:15px 15px 15px 15px;
background:url("images/footer_BG.png") repeat;
border:5px solid #fff;
}







a.trigger_right {
    background:url("images/footer_BG.png") repeat;
    border-color: #ffffff -moz-use-text-color #ffffff #ffffff;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #000000;
    display: block;
    height: 60px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50px;
}
a.trigger_right h1 {
    font-family: 'Lucida Sans';
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -2px;
    margin: 8px 20px 0 30px;
    text-transform: uppercase;
}
a.trigger_right:hover {
   background:url("images/footer_BG.png") repeat;
    border-color: #fff -moz-use-text-color #fff #fff;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px 0 10px;
}

.panel {
-moz-border-radius:15px 0 0 15px;


border-style:solid;
border-width:1px 0 1px medium;

}


	

#close {
	float:right;
margin:-10px -1px 0px 0px;
	width: 30px;
	height: 30px;
	background-image: url('images/close.png');
	cursor: pointer;
	
	display: none;
}

#close:hover {
	border:none;
}



/***********************************************************
	Background
***********************************************************/


#background {
	width: 100%;
	height: 100%;
	font-size: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	text-align: center;
}

	#background img {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
	
	
	
	/***********************************************************
	footer
***********************************************************/
	


#secondary {
    color: #FFF;
    padding: 55px 35px;
    
}

#pageslide-slide-wrap {
background: url('images/pagesBg1.png') repeat;
}

#pageslide-content h2 {
  color: #C60;
}

#pageslide-content ul li a {
  font-size:12px;
  padding:20px;
text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;

	display:block;
	height:100%;
	text-decoration:none;
	color:#fff;
	background: #222;
	letter-spacing: 2px;
	border-bottom:1px solid #B9B9B9;
}

#pageslide-content ul li {
list-style: none;

}



#pageslide-content ul li a:hover {


	display:block;
	height:100%;
	text-decoration: none;
	color:#fff;
	background: #2E2E2E;
	letter-spacing: 2px;
	border-bottom:1px solid #B9B9B9;
}



#pageslide-content a {color: transparent;
	text-decoration: none;}




#pageslide-content .footer a {
color: #CC6600;
}

.pageslide-close-link {background: #fff;
	color: #FF6600;
  font-size: 12px;
  font-weight: bold;
  padding:10px !important;
}


.footer-close {
	color: #FF6600;
  font-size: 12px;
  font-weight: bold;
  padding:50px 0 0 0!important;
}




#pageslide-content .footer a:hover {
color: #FF6600;
}
	



#pageslide-content .footer {
text-align:center;
font-size: 11px;














	padding:200px 0 0 0;
	


}
	


#contactMe .icons {
	padding: 10px 10px 10px 10px;
	float: left;

}

	#contactMe .icons ul.list li {list-style:none;
		float: left;
		margin-right: 5px;
	}
	
		#contactMe .icons ul.list li a {
			width: 16px;
			height: 16px;
			display: block;
			background: #FFFFFF;
		}
		
			#contactMe .icons ul.list li a span {
				display: none;
			}
		
		#contactMe .icons ul.list li.FEED a {
			background: url('images/icon_FEED.gif') no-repeat;
		}
			#contactMe .icons ul.list li.FEED a:hover {
				background: url('images/icon_FEED.gif') 0px -16px no-repeat;
			}
			
	
			
		#contactMe .icons ul.list li.TWITTER a {
			background: url('images/icon_TWITTER.gif') no-repeat;
		}
			#contactMe .icons ul.list li.TWITTER a:hover {
				background: url('images/icon_TWITTER.gif') 0px -16px no-repeat;
			}
			
		#contactMe .icons ul.list li.FACEBOOK a {
			background: url('images/icon_FACEBOOK.gif') no-repeat;
		}
			#contactMe .icons ul.list li.FACEBOOK a:hover {
				background: url('images/icon_FACEBOOK.gif') 0px -16px no-repeat;
			}

#contactMe .icons ul.list li.FACEBOOK-SHARE a {width:70px;height:30px;
			background: url('images/fb-button.png') no-repeat;
		}
			

#contactMe .credits {
	font: 14px Arial;
	color: #FFFFFF;
	line-height: 30px;

	text-align: center;
	text-transform: uppercase;
}

	#footer .credits a {
		color: #FFFFFF;


	}


/****************************************
BEGIN DEMO CSS STYLES
****************************************/

/* BOTTOM FIXED FOOTER STYLES */
#contactMe {
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 35px;
  width: 100%;
  text-align: right;
  margin: 0 auto;
padding:10px 0 0 0;
	<-- background: url('images/pagesBg2.png') repeat; -->
  overflow: hidden;
}

#contactMe h3 {
  font-size: 1.5em;
  line-height: 0px;
  color: #fff;
  margin: -15px 20px 0 0;
}

#contactMe h3 a {
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 25px;
  background: url(../img/toggle-sprite.gif) 0px 0px no-repeat;
}

#contactMe h3 a.active {
  color: #888;
  text-decoration: none;
  background: url(../img/toggle-sprite.gif) 0px -24px no-repeat;
}

/* HIDDEN PANEL STYLES */
#ContactPanel {
  position: fixed;
  bottom: 82px;
  left: 0px;
   width: 61%;
  height: 480px;
	 background: url('images/headerBg1.png') repeat; 
  display: none;
  color: #fff;
  z-index:102;
}

#ContactPanel #inside {
  width: 98%;
  margin: 0 0 0 10px;
  padding: 30px 0 0 0;
}

#ContactPanel button {
  float: right;
  font-size: 0.85em;
  color: #fff;
  margin: -10px 0 0 0;
  padding: 5px 6px;
  background: #004370;
  border: 3px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#ContactPanel button:hover {
  background: #004370;
  border: 3px solid #770000;
}

#ContactPanel h3 {
  font-size: 1.6em;
  color: #fff;
  margin: 0 0 5px 20px;
  padding: 0 0 0px 0;

}

#ContactPanel p {
  font-size: 1.1em;
  line-height: 1.1em;
  margin: 0 0 0px 0;
  color: #fff;
}

#ContactPanel p span {
  color: #fff;
}

#ContactPanel p a {
  color: #fff;
  text-decoration: underline;
}

#ContactPanel p a:hover {
  color: #004370;
  text-decoration: underline;
}

#ContactPanel address {
  margin: 0 0 30px 0;
}

#ContactPanel img.icon {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#ContactPanel img.floatedIcon {
  float: left;  
  margin: -7px 10px 0 0;
}

#ContactPanel ul.social {
  float: right;

  width: 554px;
  height: 196px;  
  margin: 0;
  padding: 17px 0 15px 25px;
  background: url(../img/social-backgr.gif) no-repeat;
  list-style: none;
}

#ContactPanel ul.social li a {
  float: left;
  display: block;
  width: 177px;
  line-height: 32px;
   color: #000;
  text-decoration: none;
  padding: 7px 0;
}

#ContactPanel ul.social li a:hover {
  color: #888;
}

#ContactPanel ul.social li a img {
  margin: 0 8px 0 0;
  vertical-align: middle;
  border: 0;
}





/* HIDDEN PANEL STYLES */
#housePanel {
  position: fixed;
  bottom: 82px;
  left: 0px;
   width: 61%;
  height: 480px;
	 background: url('images/headerBg1.png') repeat; 
  display: none;
  color: #fff;
  z-index:102;
}

#housePanel #inside {
  width: 98%;
  margin: 0 0 0 10px;
  padding: 30px 0 0 0;
}

#housePanel button {
  float: right;
  font-size: 0.85em;
  color: #fff;
  margin: -10px 0 0 0;
  padding: 5px 6px;
  background: #004370;
  border: 3px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#housePanel button:hover {
  background: #004370;
  border: 3px solid #770000;
}

#housePanel h3 {
  font-size: 1.6em;
  color: #fff;
  margin: 0 0 5px 20px;
  padding: 0 0 0px 0;

}

#housePanel p {
  font-size: 1.0em;
  line-height: 1.5em;
  margin: 0 0 16px 0;
  color: #fff;
}

#housePanel p span {
  color: #fff;
}

#housePanel p a {
  color: #fff;
  text-decoration: underline;
}

#housePanel p a:hover {
  color: #004370;
  text-decoration: underline;
}

#housePanel address {
  margin: 0 0 30px 0;
}

#housePanel img.icon {
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#housePanel img.floatedIcon {
  float: left;  
  margin: -7px 10px 0 0;
}

#housePanel ul.social {
  float: right;

  width: 554px;
  height: 196px;  
  margin: 0;
  padding: 17px 0 15px 25px;
  background: url(../img/social-backgr.gif) no-repeat;
  list-style: none;
}

#housePanel ul.social li a {
  float: left;
  display: block;
  width: 177px;
  line-height: 32px;
   color: #000;
  text-decoration: none;
  padding: 7px 0;
}

#housePanel ul.social li a:hover {
  color: #888;
}

#housePanel ul.social li a img {
  margin: 0 8px 0 0;
  vertical-align: middle;
  border: 0;
}




a.trigger-rightmenu.active {
background:url("images/plus_minus.png") no-repeat scroll right bottom transparent;
}


a.trigger-rightmenu, a.trigger-rightmenu:hover {
background:url("images/plus_minus.png") no-repeat;

	margin-right: 12em;
display:block;
height:40px;
width:55px;
z-index:20;
position: absolute;
right: 0;
letter-spacing:-2px;
text-transform:uppercase;
}

 a.trigger-rightmenu, a.trigger-rightmenu:hover {

}









a.trig-rightmenu, a.trig-rightmenu:hover {

-moz-border-radius: 0 15px 15px 0 ;

background:url("images/menu.png") no-repeat transparent;
background-position:right; 
display:block;
height:127px;
top:330px;
width:47px;
left:0px;
position:fixed; 

}

a.trig-rightmenu:hover {

background-image:url("images/menu.png") no-repeat scroll left bottom transparent;
   padding: 0 10px 0 10px;
}

























/* ListItem ul */
ul.listItem{
	list-style-type: none;
	margin :5px;
	padding:0px;
}
ul.listItem li{
	background-image: url("../images/alink_right.png");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px; 
}
/* End ListItem ul*/

/* Align */
.alignLeft {
    float: left;
    margin: 10px 10px 0px 0px;
}
.alignRight {
    float: right;
    margin: 10px 0px 0px 10px;
}
.fl{
	float:left;
}
.fr{
	float:left;
    margin: 2% 0px 0px 1%;
}
/* End Align */

.hiddenLink{
	position:absolute;
	display:block;
	top:-1000px;
}
#btnCloseVideo{
	display:none;
	position:absolute;
	width:30px; height:30px;
	background-image:url(js/fancybox/fancy_close.png);
	z-index:10; left:100%; margin-left:-40px; top:10px;
	cursor:pointer;
}

.web-link {
	width: 168px;
	height: 27px;
	float:left;
	background: url(images/web-link2.png) no-repeat;
}
.txten, .txtfr, .txtde, .txtes, .txtit{display:none;}


@media only screen and (orientation:portrait){
   /* portrait styles here */
   
h1 {
	margin:0 0 0  150px;
	
	
	font: bold 25px/100% "Arial", Tahoma, Arial;
	color: #606060;
}
.header h1 {
	margin:0 0 0  150px;
	
	  text-shadow: 2px 2px 2px #000000;
	font:  25px/100% "Arial", Tahoma, Arial;
	color: #fff;
font-weight:800;
}
h1 a{
color: #606060;
	text-decoration: none;
}
form {
	margin:0px;
	padding:0px;
}
.header {

	cursor: default;
	height: 87px;
	position: absolute;
	left: 5%;
	z-index: 12;
	
}
.headerContent{
	width:660px; 
	margin:0 auto; 
	height:auto; 
	margin-top:4%;
}
.sf-menu {
	line-height:	0.3; 
	margin-top:     43px;
}


/* HIDDEN PANEL STYLES */
#ContactPanel {
  position: fixed;
  bottom: 82px;
  left: 0px;
   width: 91%;
  height: 480px;
	 background: url('images/headerBg1.png') repeat; 
  display: none;
  color: #fff;
  z-index:102;
}


}