/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
* { margin: 0; }

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

hr{
   margin: 10px 0;
   }


/***********************************************/ 
.bookpage {
 	 background: #fff;
border: 1px solid #ccc;
  margin: 26px auto;
  width: 90%; 
  padding: 12px;
  /* border-radius below */
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  /* box shadow below */
  -webkit-box-shadow: #ccc 3px 4px 3px;
  -moz-box-shadow: #ccc 3px 4px 3px;
  box-shadow: #ccc 3px 4px 4px;}
}

.wayne_header
{
	background-image: url(http://www.phoenixcentre.com/images/nothing.jpg);
	background-repeat: no-repeat;
	width: 90%;
	margin-left: auto;
	margin-right:auto;
	border-style:inset;
	padding: 90px 10px 10px 10px;
	border-color: #0099FF;	
}


a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 20px; 0px; 20px; 0px;
	padding: 0px; 
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 110%;
 color: #334d55;
}

h4{
font-family: "Comic Sans MS", cursive;
 font-size: 100%;
 font-weight: 400;
 color: #333333;

}

h5{
 font-size: 100%;
 color: #334d55; 
 margin-bottom: 14px;
  margin-top: 14px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

p {
	font:100% Palatino Linotype, Georgia, Times New Roman, serif;
	text-indent: 12px;
	padding-bottom:1em;
}
p em {
	color: #993300;
}
p em strong {
	color: #000066;
}
p i {
	color: #993300;
}

li {
padding-bottom:1em;
text-indent: 12px;
}

blockquote{
	margin-top: 12px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 12px;
	width: 400px;
	font-family:'Patrick Hand','Comic Sans MS', cursive, fantasy;
	font-size:14px;
	font-style: italic;
	color: black;
	border: 1px solid #cccccc;
	padding:10px 25px 5px 10px;
 /* border-radius below */
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  /* box shadow below */
  -webkit-box-shadow: #ccc 3px 4px 3px;
  -moz-box-shadow: #ccc 3px 4px 3px;
  box-shadow: #ccc 3px 4px 4px;}
	}
	
.pullquote {
  font-family:"Comic Sans MS", cursive, fantasy;
  font-size:125%;
  width:200px;
  float:right;
  height:210px;
  background: transparent url(http://www.phoenixcentre.com/cssfiles/pullquote.png) no-repeat;
  text-align:center;
  padding:30px 25px 20px 35px;
  color:#036
}

.emphasis {
color:#96C;
font-family:"Times New Roman", Times, serif;
font-size:14pt;
font-style:italic;
font-weight:700;
background-color:transparent;

}

.emphasisblctr,p.emphasisblctr {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:100%;
font-style:italic;
font-weight:700;
background-color:transparent;
text-align:center;
padding:10px;
}

.style10 {
font-family:Arial, Helvetica, sans-serif;
font-size:110%;
color:#000;
font-weight:bolder;
margin-left:30px;
}

p.red_boxlink {
border:4px inset;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
text-align:right;
margin-right:auto;
margin-left:auto;
width:85%;
vertical-align:middle;
border-color:#900 #900 #999 #999;
padding:10px 5px;
}

.style10light {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#00C;
font-weight:bolder;
margin-left:30px;
}

.style11 {
color:#300;
font-weight:700;
}

.style12 {
font-size:small;
color:black;
}

.style12c {
font-size:small;
color:#060;
text-align:center;
}
.style13 {
font-size:smaller;
}

.style15 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
line-height:1.3em;
text-align:justify;
}

.style15left {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
line-height:1.1em;
text-align:left;
padding-left:20px;
}
.style17 {
	color: #000000;
	background-color: #CCCCCC;
}
.zen {
font-family:"Times New Roman", Times, serif;
font-weight:700;
font-variant:small-caps;
color:#606;
}
.zen4{
	font-family: "Times New Roman", Times, serif;
        font-size:14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #660066;
}
.zencentre {
font-family:"Times New Roman", Times, serif;
font-weight:700;
font-variant:small-caps;
color:#606;
text-align:center;
}

.zencentresm {
font-family:"Times New Roman", Times, serif;
font-weight:700;
font-variant:small-caps;
color:#606;
text-align:center;
font-size:small;
}

.chakracentre {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#090;
text-align:center;
}

.foreign {
color:#609;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:700;
}

/*************** table tag styles ***************/
.tabletwo {
border-collapse:collapse;
background-color:#FFC;
border-color:purple #DCDCDC #DCDCDC purple;
border-style:ridge;
border-width:2px;
}

.tabletwo td {
border:2px solid silver;
background-color:#FFC;
padding:5px;
}

/***********************************************/
/* Graphics                               */
/***********************************************/
.caption {  margin: 10px; padding: 5px; border: solid thin silver; background: #E5F2FF; font-size:90%; color: black; text-align:center; text-indent:0px; font-style:italic; }

.figure { width: 210px; float:left; clear:left; margin: 0 1em 1.5em 1em; padding: 5px auto 5px auto; border: solid thin silver; background: #E5F2FF; color: black; text-align:center; font-style:italic; }

.figcaption {
	text-align: center;
	font: italic 0.9em Georgia, "Times New Roman", Times, serif;
}


.figuremed {
	width: 300px;
	float:left;
	clear:left;
	margin: 10px;
	padding: 5px;
	border: solid thin silver;
	font-size:90%;
	color: black;
	text-align:center;
	font-style:italic;
	text-indent:0px;
	background-color: #FFFFFF;
	background-image:url(../images/back1.jpg);
}

.clickbank { width: 260px; float:right; margin: 10px; border: solid thin silver; }

img.scaled {
  width: 100%;
}
.figurelg {
 	position: relative;
	width: 90%;
	padding: 10px;
	margin: 0px auto 20px auto;
	background-color: #fff;
	 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	 -moz-border-radius:4px; 
                 border-radius:4px;
  }

.figurelg:before, .figurelg:after
{
	bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                -ms-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
} 

.figurelg:after
{
	right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                -ms-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
} 

.figurelg p {
  text-align: center;
  font-style: italic;
  font-size: 12px;
  text-indent: 0;
}


.figurelg img {
margin-left:auto;
margin-right:auto;
}

.left {
float:left;
margin-right:15px;
}

.leftimage {
float:left;
margin-top:10px;
margin-right:15px;
margin-bottom:15px;
}

.right {
float:right;
margin-left:15px;
margin-bottom:15px;
}

.right-mid {
float:right;
margin-left:15px;
margin-top:1%;
margin-bottom:1%;
}

img.displayed {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
.aligncenter {
	margin:0 auto;
	display:block;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	height: 120px;
	border-bottom: 1px solid #cccccc;
	background-image:url(../images/new_banner.jpg);
background-repeat:no-repeat;
color:white;
margin:0px auto 10px auto;
padding:0;

}

#navBar{
	margin: 0 80% 0 0;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}

/***********************************************/
/*bodywork  Divs                               */
/***********************************************/

#bwmenu {
width:200px;
background-color:#CCC;
border:ridge 2px #000;
margin-left:5px;
text-align:center;
font-size:x-small;
float:left;
padding:5px;
}

#bwmenu content {
border-left:1px solid #ccd2d2;
margin:0 10px 0 200px;
padding:5px;
}

a.bwmenu:link {
color:#069;
font-weight:400;
font-size:x-small;
text-decoration:underline;
}

a.bwmenu:active {
color:#099;
font-weight:400;
font-size:x-small;
}

a.bwmenu:visited {
color:#090;
font-weight:lighter;
text-decoration:none;
font-size:x-small;
}

a.bwmenu:hover {
color:#936;
text-decoration:none;
font-size:x-small;
cursor:default;
font-variant:small-caps;
}

.giver {
font-family:"Comic Sans MS", cursive;
color:#000;
font-weight:700;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 100%;
}

.feature h3{
	padding: 30px 0px 20px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
float:right;
    width:80%;
	clear: both;
	padding: 40px;
	font-size: 100%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: black;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 20px 10px;
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
	width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: auto;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 20px 0px;
}


/************** #advert styles **************/

#advert{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	border-top: 1px solid #cccccc;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/******* sweden text and image tag styles *******/
#sweden {
float:right;
width:550px;
margin-top:10px;
margin-bottom:10px;
border:2px solid #C8CDD2;
background-image:url(../images/salmon_bg.jpg);
padding:10px 0 0 10px;
}

#sweden dl {
float:left;
width:532px;
margin-top:10px;
margin-bottom:10px;
border-bottom-style:dashed;
display:inline;
padding:0;
}

#sweden dt {
float:left;
width:510px;
margin-top:0;
margin-bottom:20px;
font-size:130%;
letter-spacing:1px;
color:#627081;
padding:0;
}

#sweden dd {
font-size:85%;
line-height:1.5em;
color:#666;
margin:0 0 0 208px;
padding:10px;
}

#sweden dd.img img {
float:left;
border:2px solid #D9E0E6;
border-bottom-color:#C8CDD2;
border-right-color:#C8CDD2;
background:#fff;
margin:0 8px 0 0;
padding:4px;
}

/* reverse float */
#sweden .alt dt {
float:left;
}

#sweden .alt dd {
margin:0 398px 0 0;
}

#sweden .alt dd.img img {
float:right;
margin:0 0 0 8px;
}

fieldset {
text-align:justify;
width:95%;
background-color:#E9EDFF;
border:solid 3px black;
padding:10px;
margin-bottom:10px;
}

legend {
font-size:16px;
margin-top: -6px;
font-family:"Comic Sans MS", cursive;
background-color:#CCCCFF;
border:solid 2px red;
padding:5px;
}
#ad101 {
	margin:25px auto 10px auto;
	padding: 0px 10px 5px 10px;
	text-align: justify;
	width: 450px;
	background-color: #FAEBD7;
	border: solid 3px gray;
   }
#adle101 {
	float:left;
	margin-top: -12px;
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
	background-color:#CCCCCC;
	border: solid 2px gray;
	padding:0px 10px 0px 10px;
}
.notice {
	margin:25px auto 10px auto;
	padding: 0px 10px 5px 10px;
	text-align: justify;
	width: 450px;
	background-color: #FAEBD7;
	border: solid 3px gray;
   }
.noticele{
	float:left;
	margin-top: -12px;
	font-size:16px;
	font-family:"Comic Sans MS", cursive;
	background-color:#CCCCCC;
	border: solid 2px gray;
	padding:0px 10px 0px 10px;
}

/************** dynamic tooltips tag styles **************/
div.title {
color:#006;
padding-left:1px;
font-family:monospace;
letter-spacing:2px;
font-size:12px;
line-height:9px;
height:9px;
margin-bottom:1px;
}

div.main {
border:1px solid #006;
}

/* Default DOM Tooltip Style */
div.domTT {
border:1px solid #333;
background-color:#333;
}

div.domTT .caption {
font-family:serif;
font-size:12px;
font-weight:700;
color:#FFF;
padding:1px 2px;
}

div.domTT .contents {
font-size:12px;
font-family:sans-serif;
background-color:#F1F1FF;
padding:3px 2px;
}

/* Classic Style */
div.domTTClassic {
border:1px solid #000;
background-color:InfoBackground;
}

div.domTTClassic .caption {
font-family:serif;
font-size:13px;
_font-size:12px;
font-weight:700;
font-style:italic;
padding:1px 2px;
}

div.domTTClassic .contents {
color:InfoText;
font-size:13px;
_font-size:12px;
font-family:Arial, sans-serif;
_padding-bottom:0;
padding:1px 2px;
}

/* Win9x Style */
div.domTTWin {
border:2px outset #BFBFBF;
background-color:gray;
}

div.domTTWin .caption {
border:0 solid #BFBFBF;
background-color:#00007F;
font-size:12px;
font-weight:700;
font-family:sans-serif;
color:#FFF;
border-width:1px 1px 0;
padding:2px;
}

div.domTTWin .contents {
border:1px solid #BFBFBF;
}

/* Overlib Style */
div.domTTOverlib {
border:1px solid #336;
background-color:#336;
}

div.domTTOverlib .caption {
font-family:Verdana, Helvetica;
font-size:10px;
font-weight:700;
color:#FFF;
}

div.domTTOverlib .contents {
font-size:10px;
font-family:Verdana, Helvetica;
background-color:#F1F1FF;
padding:2px;
}

/* Nicetitle Style */
div.niceTitle {
background-color:#333;
color:#FFF;
font-weight:700;
font-size:13px;
font-family:"Trebuchet MS", sans-serif;
width:250px;
left:0;
top:0;
position:absolute;
text-align:left;
z-index:20;
-moz-border-radius:0 10px 10px;
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=87);
-moz-opacity:.87;
-khtml-opacity:.87;
opacity:.87;
padding:4px;
}

div.niceTitle .contents {
filter:progid: DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1px;
-khtml-opacity:1px;
opacity:1px;
margin:0;
padding:0 3px;
}

div.niceTitle p {
color:#D17E62;
font-size:10px;
text-align:left;
-moz-opacity:1px;
margin:0;
padding:3px 0 0;
}

/* Context Menu Style */
div.domTTMenu {
width:150px;
border:2px outset #E6E6E6;
}

div.domTTMenu .caption {
font-size:12px;
font-family:sans-serif;
background-color:#E6E6E6;
}

div.domTTMenu .contents {
background-color:#E6E6E6;
padding:1px 0;
}

/**************** advert styles *****************/
#advert {
padding:10px;
}

#advert1 {
color:#069;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
font-size:80%;
font-weight:400;
width:150px;
border-color:purple #DCDCDC #DCDCDC purple;
border-style:ridge;
border-width:4px;
margin:5px auto 10px;
padding:5px;
}

/**************** side tab panel styles *****************/


.panel {
position: absolute;
top: 50px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 330px;
height: auto;
padding: 30px 130px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(../images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(../images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 15% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

/**************** dividers styles *****************/

.red_box {
	border:2px inset;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align:left;
	margin-left:10px;
	margin-right:auto;
	border-color:red;
	padding:10px;
	background-color: #FFFFFF;
	float:right;
}
.testimonial {
clear:both;
width:650px;
margin:15px auto 30px auto;
}
.left-quote {
float:left;
background:url(/images/quote-left.jpg) no-repeat top;
width:68px;
height:77px;
}
.testi-text {
float:left;
text-align:justify;
width:490px;
padding-right:65px;
background:url(/images/quote-right.jpg) no-repeat right bottom;
}
.testi-pic {
float:left;
width:77px;
height:104px;
margin-left:70px;
display:inline;
}
.testi-name {
float:left;
padding:30px 0 0 15px;
margin-bottom: 30px;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
/* footer */
.footer
{
	overflow:hidden;
	background:#ddd;
	border-top:3px solid #bbb;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

.footer .links
{
	float:left;
	padding:20px 30px 20px 20px;
	font:normal normal normal 1em/1.2 tahoma,arial,sans-serif;
	border-top:1px solid #4b3b72;
}
.footer .links#links-home 		{ width:90px; }
.footer .links#links-portfolio 	{ width:120px; }
.footer .links#links-resources 	{ width:90px; }
.footer .links#links-personal 	{ width:120px; }
.footer .links#links-zen  	{ width:120px; }
.footer .links#links-contact 	{ width:145px; padding-left:15px; text-align:right; }

.footer .links h3
{
	color:#224;
	margin-bottom:0.3em;
} 
.footer .links p
{
	color:#224;
	font-style:italic;
	font-size:0.85em;
	line-height:1.25;
} 
.footer .links li a, .footer .links li:visited
{
	color:#555;
	text-decoration:none;
}
.footer .links li a:hover
{
	text-decoration:underline;
}

/* structural labels */
.structural
{
	position:absolute;
	left:-10000em;
}
.box
{
	position: relative;
	width: 200px;
	padding: 5px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.box:before, .box:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
} 

.box:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
} 

.feature blockquote {font-family: 'Philosopher', cursive !important;}
#main-content .snap_preview blockquote * {
font-family: 'Philosopher', cursive !important;
}