/*
Theme Name: Labyrinth Theme
Theme URI: 
Description: Our theme!
Version: 0.1
Author: stephen
Author URI: 
Tags: none
*/
/*
@font-face {
font-family: "junction";
src: url("fonts/junction.ttf")
}


body {
font-family: "junction", Junction, Arial, sans-serif;
}
*/

.clear
{
	display: block;
	clear: both;
}

html
{
height: 100%;
}

p,h2
{
padding-bottom:15px;
}

p
{
	font-size:0.8em;
}

*
{
	margin:0px;
}

:focus {
	outline: 0;
	}


img
{
	border-style:none;
}

a
{
	text-decoration:none;
	color:#000000;
}

p a
{
    color:#333333;
    border-bottom: 1px dotted #CCCCCC;
}

p a:hover
{
    border-bottom-color: #990000;
}

a:hover
{
	color:#990000 ;
}

.divider
{
	height:2px;
	width:100%;
	background-color:#660000;
	padding:0px;
}
	
h2
{
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	color:#990000;
	/*font-variant:small-caps;*/
}

h3
{
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	color:#990000;
	/*font-variant:small-caps;*/
}

h4
{
	font-size:0.8em;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}

.breadcrumb
{
position:relative;
left:80px;
top:10px;
font-size:0.6em;
display:block;
text-transform:uppercase;
font-weight:bold;
/**/line-height: 20pt;/**/
letter-spacing: 1px;
}

body
{
    font-family: verdana, Arial, sans-serif;
	text-align:center;
    background-color:#EEECDE;
	height: 100%;
}

#pagewrap
{
    /*position: relative;*/
    /*top: 25px;*/
    width: 950px;
    margin: 0 auto -50px; /*background-color:#FFFFCC;*/
    text-align: left;
	height: 100%;
	min-height:100%;
	height:auto !important;
	background-image:url(img/pageslice.png);
}

.error
{
	width:460px;
	height:460px;
	margin:0 200px;
	background:url(img/404.png) no-repeat;
}


#topmenu
{
    width: 100%;
    height: 75px;
	position:absolute;
	top: 25px;
	left:25px;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	
    /*background-color: #CCCCFF;
	background-image:url(img/pageslice.png);*/
	text-align:left;
}

#topmenu li
{
    display: inline;
	background-image:url('img/menu.png');
	background-repeat:no-repeat;
	background-position:center left; 
	padding-left:20px;
	margin-right:-10px;
}

#topmenu li.current_page_item a
{
color:#990000;
}

#page-top
{
	position:relative;
    width: 100%;
    height: 40px;
    background-color:#EEECDE;
    background-image:url(img/top.png);
}

#logo-banner
{
    position:relative;
    width: 100%;
    height: 200px;
    background-color:#EEECDE;
    background-image:url(img/pageslice.png);
}

#logo
{ 
    border-style: none; 
    position: absolute;
    left:80px;
    top:75px;
    z-index:2;
 }


#banner
{
    position: absolute;
    left:25px;
    top:50px;
    z-index:1;
}

#bgwrap
{
    /*background-image: url(img/pageslice.png);*/
    width:100%;
    float:left;
}

#midwrapper
{
    float:left;
    width: 100%;
    /*background-color: #6666FF;*/
    position: relative;
}

#content
{ 
    padding: 20px 45px 20px 45px;
    float: left;
 }
 
 #portfolioImage, #packagesImage, #contactImage
 {
	display:block;
	width:260px;
	height:260px;
	margin:20px 40px 20px 0px;
	background-position:center 260px;
	float:left;
 }
 
 #portfolioImage
 {
	background-image:url('img/portfolio.jpg');
 }
  
 #packagesImage
 {
	background-image:url('img/services.jpg');
 }
 
 #contactImage
 {
	background-image:url('img/contact.jpg');
 }
 
 #portfolioImage:hover, #packagesImage:hover, #contactImage:hover
 {
	background-position:center 0px;
 }
 
 .discounttext
 {
 color: #660000;
 font-size: 0.8em;
 }
 
  .discounttext span
  {
  text-decoration: line-through;
  }
 
.producta
{
position:relative;
left:0px;
width:850px;
height: 280px;
overflow:hidden;
list-style:none;
float:left;
margin:0px;
padding:10px;
padding-right:0px;
font-size:0.9em;
background-color:#EEEEEE;
background-image:url(img/headerbackground.png);
}

.carouselshifter
{
width:250px;
height:280px;
position:absolute;
right:45px;
top:50px;
z-index:10;
line-height:100%;
margin:10px;
}

.carouselshifter:hover
{
background-image:url('img/rightarrow.png');
background-repeat:no-repeat;
background-position:center right;
cursor:pointer; 
}

span.gleft:hover
{
background-image:url('img/leftarrow.png');
background-repeat:no-repeat;
background-position:center left; 
}

.servicesa{width:800px;padding:25px;}

.servicesb {width:350px;padding:25px;float:left;}

.seealso
{
/*list-style:none;*/
display:inline;
padding:0px;
}

.seealso li 
{
font-size:0.8em;
display:inline;
}

.seealso li a
{
color:#d4d3d3;
}

.seealso li.current_page_item a, .seealso li a:hover
{
color:#660000;
text-decoration:underline
}

.seealso li.current_page_item a
{
font-size:1.4em;
}


.divider
{
	height:2px;
	padding:0px;
	width:100%;
	background-color:#660000;
}


.producta a
{
}

.producta  a:hover
{
color:#993333 
}

.portfolioa
{
position:relative;
width:260px;
height:260px;
margin-right:45px;
margin-left:0px;
margin-bottom:40px;
margin-top:20px;
overflow:hidden;
float:left;
}

.slideup
{
position:absolute;
top:0px;
left:0px;
width:100%;
height: 310px;
/*background-color:white;*/
background-image:url('img/50px.png');
background-position:bottom left;
background-repeat: repeat-x;
display:block;
color:#FFFFFF;
}

.galleryspace
{
position:relative;
float:right;
width:200px;
height:500px;
margin-left:40px;
border-left: solid 5px #000000;
}

.gallery 
{
margin:auto;
display:inline-block;
padding:20px;
/*float:right;*/
/*border: 1px solid #660000;
background-color: #EBEBEB;*/
}


.gallery-item {
	float: left;
	margin-top: 0px;
	text-align: center;
	width: 110px;}
			
.gallery-caption {
	margin-left: 0;
	font-size: 0.6em;
	display:none;
}


.pdetails
{
float:right;
border: 1px solid #CCCCCC;
width: 400px;
text-align: left;
/*min-height: 350px;*/
margin-left:20px;
border-bottom: 0;
margin-bottom: 20px;
}

.pdetails table
{
border-spacing:0px;
width:400px;
border-collapse: collapse;
}

.pdetails td, .pdetails th 
{
padding: 4px;
border-bottom: 1px solid #CCCCCC;
font-size:0.8em;
}

.pdetails th 
{
border-right: 2px solid #CCCCCC;
padding-right: 10px;
width: 140px;

}

.pdetails td
{
width:235px;
}

.pdetails h3
{
background-image:url('img/headerstripe.png');
border-bottom: 2px solid #CCCCCC;
padding: 5px;
font-size:1em;
}

.pdetails div
{

}


.slideup:hover
{
top:-50px;
}

.slideup span
{
position:absolute;
top:280px;
right:5px;
width:100%;
text-align:center;
/*line-height:50px;*/
font-weight:bold;
text-transform:uppercase;
font-size:0.8em;
display:block;
}

#navbarwrap
{
    width:230px;
    float:right;
    position:relative;
	
}
.navbar,#box
{
    width: 230px;
    float: right;
    position:relative;
    left:0px;
	background-color:#EEECDE;
	margin-right:50px;
}



.navbartop
{
    width:100%;
    /*background-image:url('img/menutopl.png');
    background-repeat:no-repeat;/**/
    height:45px;
}

/*
.navbartop img
{
    position:relative;
    left:215px;
    top:15px;
}
/**/

.navbarcontent
{
    padding: 0px 50px 20px 40px;
    width: 180px;
    position: relative;
    /*background-image: url(img/menuslicel.png);
    background-repeat: repeat-y;/**/
}

.navbarbottom
{
    width:100%;
    /*background-image:url('img/menubottom.png');
    background-repeat:no-repeat;/**/
    height:75px;
}

#footer
{
    /*background-color: #6699FF;
    position: relative;
    float: left;*/
	font-size:0.8em;
    text-align: center;
	margin:0 auto;
	/*background-image:url(img/pageslice.png);*/
}

#footer, .push
{
	padding: 0px 50px 0px 50px;
    width: 850px;
    height:40px;
	clear: both;
	font-weight:bold;
	
}

.contactForm
{

}

.contactForm tr
{
	height:30px;
}

.contactForm .contactLabel
{
	font-size:0.8em;
	line-height:30px;
	width:150px;
	text-align:right;
	padding-right:25px;
}

.wpcf7-list-item-label
{
	font-size:0.8em;
}

.captchainput
{
	width:100px;
}

.contactForm input, .contactForm textarea
{
border:1px solid #787878;
}


.contactForm input:focus, .contactForm textarea:focus
{
border:2px solid #990000;
}

.contactForm #send
{
border:0px solid #990000;
}

#captchaimage, .captchainput
{
	float:left;
}

button, .button
{
	background-color:#ffffff;
	border:solid 0px;
	color:#990000;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	border: 0px solid #000000;
}

button:focus, .contactForm #send:focus
{
	outline:none;
}

/*------------------flow panes for the package scrollable-----------------*/

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:850px;
	/*cursor:pointer;*/
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	background-color: #FFFFFF;
	/*background-image:url('http://www.labyrinthwebdesign.co.uk/test1/wp-content/themes/mytheme/img/redbanner.jpg');*/
	width:830px;
	height:71px !important;
	margin:0 !important; 
	padding:0;
	padding-left:30px;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	margin-left:0px;
}

/* a- tag inside single tab */
#flowtabs li a {
	/*background: url(img/.jpg) no-repeat;
	background-color: #993333;*/
	display:block;
	height: 50px;   
	width: 145px;	
	padding-left:55px;
	margin:0 4px;
	background-position:0 -50px;
	
	/* font decoration */
	color:#999999;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	text-transform:uppercase;
}

#flowtabs li a:hover {
	background-position:0 0px;
}

/* adjust the background image position on each tab 
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}*/
 
/* mouseover state 
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }*/

 /*currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#990000;}
/*#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }*/


/* panes */
#flowpanes {
	/*background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;	
		background-color:#CCCCCC;*/
	width:854px;
	height:400px;	
	/*border-bottom: solid 3px #660000;
	border-left: solid 3px #660000;
	border-right: solid 3px #660000;*/
	
	position:relative;
	overflow:hidden;
	clear:both;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#0000;	
	margin:15px 20px;
	
	float:left;
	display:block;
	width:800px;
	/*cursor:pointer;*/
	font-size:14px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes a {
	color:#990000;		
	font-size:14px;
}

#flowpanes a {
text-decoration:underline;
}

#flowpanes a.morelink {
	color:#660000;		
	font-size:14px;
}


#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}


/*---------------- end of flow panes for the package scrollable -------------------*/

.glossary
{
/*padding-right: 20px;
background-image:url('http://www.flyingstartonline.com/images/help.png');
background-position: right;
background-repeat:no-repeat;*/
border-bottom:1px dotted #000000;
/*
text-decoration:underline;*/
}

.glossary:hover
{
cursor:help;
border-bottom:1px dotted #660000;
}

.glossaryitem
{
background-color:#fff;
background-image:url('img/help.png');
background-position: top right;
background-repeat:no-repeat;
}

/* post style */

.post
{
padding: 20px 0px;
border-bottom: 1px dashed black;
}

.post h2 a
{
color:#990000;
}
.navigation
{
width:800px;
padding: 20px 0px;
color: #CCCCCC;
}

.navigation .alignleft
{
float:left;
}

.navigation .alignright
{
float:right;
}

.navigation a
{
color: #CCCCCC;
font-size:0.8em;
}

.navigation:hover, .navigation a:hover
{
color: #990000;
}

/* comment style */

#respond
{
padding: 20px 0px;
}

.comment-author, .commentmetadata
{
font-size: 0.8em;
}

small.grey a
{
color:#CCCCCC;
}

#frontpageContent
{
width:850px;
padding: 20px 50px;
    float:left;
}

#frontpagetext
{
    float: left;
    width: 555px;
}

#frontpagetext p
{
    text-align: justify;
}

#postpreview
{
    float:right;
    width: 255px;
}

#postpreview p
{
    padding-bottom: 5px;
}


#portbusinessinfo
{
    width:420px;
    float: left;
    padding-right: 20px;
}

#imageindividual
{
    padding: 5px;
}

#portwebsiteinfo
{
    width:400px;
    float: left;
}

#portfoliogallery
{
    clear: both;
}

/*Portfolio stuff*/

div.portfolioa
{
	position: relative;
	
}

div.portfolioa a.plink
{
	display: block;
	height: 100%;
	width: 100%;
}

div.portfolioa span.ptitle
{
	position: absolute;
	display: none;
	background-image: url('img/50px.png');
	bottom: 0px;
	padding: 10px;
	color: #FFFFFF;
}

div.portfolioa:hover span.ptitle
{
	display: block;
	width: 260px;
}

#content div.question {
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 80px;
    margin: 0 40px 0 0;
    padding: 20px 0 20px 80px;
    width: 180px;
}

#content div.question:hover {
    cursor: pointer;
}

#content div.question h2{
    padding-top: 20px;
	text-align: center;
}

div.answer
{
	display: none;	
	width: 440px;
	float: left;
	position: relative;
}



div.answer h4
{
	padding: 10px;
	background-color: #DDDDDD;
	background-position: 410px center;
	background-repeat: no-repeat;
}

div.padWrap
{
	padding: 10px 0px 0px;
}

div.answer h4:hover, div.answer div span.back:hover, div.answer div span.addWish:hover
{
	cursor: pointer;
}

div.answer div span.back, div.answer h4 span.addWish {
    -moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
    -moz-box-shadow: -1px 1px 2px #888888;
	-webkit-box-shadow: -1px 1px 2px #888888;
	box-shadow: -1px 1px 2px #888888;
    background-color: #CCCCCC;
    border-color: #EEEEEE;
    border-style: solid;
    border-width: 0 0 1px 1px;
    float: right;
    font-size: 0.8em;
    margin-right: -10px;
    margin-top: -10px;
    padding: 5px 10px;
    text-align: center;
	display: none;
	position: absolute;
	right: 10px;
}

div.answer div span.addWish img {
    left: -3px;
    position: relative;
    top: 3px;
}

div.answer div.ansContent
{
	display: none;
	padding: 15px 10px 10px;
	background-color: #EEEEEE;
	-moz-box-shadow: 0 0 5px #888888;
	-webkit-box-shadow: 0 0 5px #888888;
	box-shadow: 0 0 5px #888888;
}

div.answer h4:hover span.addWish
{
	display: inline;
}

div.answer div p
{
	
	padding: 10px 0px;
	
}

div.answer h4 span.ddArrow {
    background-image: url("images/arrow-sprite.png");
    background-position: -10px center;
    background-repeat: no-repeat;
    float: left;
    height: 12px;
    margin-right: 5px;
    margin-top: 3px;
    width: 12px;
}

.wider
{
	
	text-align: left !important;
}

.letterbox
{
	background-position: 0 50px !important;
}

div.everything
{
	display: none;
	
}