/*
Phazed Creative Portfolio Template
*/


/* ------------------------------------------------------ */
/* BASE */
/* ------------------------------------------------------ */


* { 
	margin: 0; 
	padding: 0; 
	outline: 0;
}

html, body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 20px;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #999; 
}

html {
	overflow: scroll;
}

body {
	background: #141414;
}

img {
	border: 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #ffffff; 
}
/*
a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #555;
}
*/
a:focus { 
    outline: none; 
}

button:focus { 
    outline: none; 
}

#contentcontainer { 
	float: left;
	position: absolute;
	top: 150px;
	left: 50%;
	width: 730px; 
	margin-left: -245px;
}

#contentcolumn {
	position: relative;
	width: 480px;
	float: left;
	margin-left: 0px;
	margin-bottom: 50px;
}

#contentcolumn.full {
	width: 730px;
}

.portfoliocolumn {
	float: left;
	width: 480px;
}

.portfoliofull {
	float: left;
	width: 745px;
}

#bodywrapper {
	width: 100%;
	min-height: 100%; 
	list-style-type: none;
	position: relative;
	z-index: 1;
}

.rounded {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}


/* ------------------------------------------------------ */
/* FOOTER SOCIAL */
/* ------------------------------------------------------ */


#footersocial {
	float: left;
	position: relative;
	list-style-type: none;
	width: 200px;
}

#footersocial li {
	display: inline;
	float: left;
	padding-right: 10px;
	height: 32px;
	width: 32px;
	overflow: hidden;
}


/* ------------------------------------------------------ */
/* LOGO */
/* ------------------------------------------------------ */


#logo{
	float: left;
    position: relative;
    z-index: 89;
	background: url(../images/logo.png) no-repeat 50% 50%;
	overflow: hidden;
	text-indent:-9999px;
	width:240px;
	height:150px;
}

#logo:hover{
	cursor:pointer;
}


/* ------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------ */


#headercontainer {
	position: fixed;
	z-index: 60;
	left: 0;
	top: 0;
	width: 240px;
	background: #141414;
	padding-bottom: 10px;
}

#headerbg {
	position: fixed;
	z-index: 40;
	left: 0;
	top: 0;
	width: 240px;
	height: 100%;
	background: #141414;
}

#sidebarshadow {
	position: fixed;
	z-index: 2;
	left: 240px;
	top: 0;
	width: 3px;
	height: 100%;
	background: url('../images/tiles/shadowgradient.png') transparent repeat-y;
}

#menuwrap {
	float: left;
	width: 240px;
}

.ddsmoothmenu{
	position: relative;
	float: left;
    font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 	16px;
	line-height: 20px;
	z-index: 99;
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background: #c2c2c2;
}

.ddsmoothmenu ul ul{
	border: 1px solid #dadada;
	margin-left: -1px;
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

/*Top level list items*/
.ddsmoothmenu ul li{
	width: 220px;
	text-align: right;
	position: relative;
	display: inline;
	float: left;
    line-height: 20px;
}

.ddsmoothmenu ul ul ul{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	background: url('../images/tiles/menubg_dark.png') transparent repeat-x 0% top; /*background of menu items (default state)*/
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 20px;
	color: #fff;
	text-decoration: none;
	-webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:0px 5px 5px 0px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
	border: 1px solid #1e1e1e;
	border-top: 1px solid #0e0e0e;
	text-shadow: 1px 1px 0px #000;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
    color: #fff;
}

.ddsmoothmenu ul li a:hover{
    background: url('../images/tiles/menubg_light.png') transparent repeat-x 0% top; 
	border: 1px solid #dadada;
    color: #000;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:0px 5px 5px 0px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    text-shadow: 1px 1px 0px #eee;
	font-weight: bold;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: url('../images/tiles/menubg_light.png') transparent repeat-x 0% top; 
	border: 1px solid #dadada;
    color: #000;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:0px 5px 5px 0px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
    text-shadow: 1px 1px 0px #eee;
	font-weight: bold;
}

.ddsmoothmenu ul li ul li a.selected{ 
	font-weight: normal;
}
.ddsmoothmenu ul li ul li a:hover{ 
	font-weight: normal;
}

.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
	background: transparent;
	color: #000;
    text-shadow: 1px 1px 0px #eee;
	border: 0;
	padding-bottom: 7px;
	padding-top: 7px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ddsmoothmenu ul li ul li ul li a:link, .ddsmoothmenu ul li ul li ul li a:visited{
	padding-bottom: 7px;
	padding-top: 7px;
}

.ddsmoothmenu ul li ul li a:hover{
    background: #c2c2c2;
	color: #555;
	text-shadow: 1px 1px 0px #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border: 0;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	margin: 0;
	padding: 0;
	margin-left: -1px;
	/*margin-left: 6px;*/
	/*text-shadow: 1px 1px 0px #fff;*/
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #dadada;
	margin-right: -2px;
}

.ddsmoothmenu ul li ul > li:last-child{ 
	border-bottom: 0;
}

.ddsmoothmenu ul li ul > li:first-child{ 
	border-top: 0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;
	margin-left: 0px;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	width: 200px; /*width of sub menus*/
	padding-bottom: 8px;
	padding-top: 7px;
	margin: 0;
	border-top-width: 0;
	text-align: left;
	border: 0;
}

.ddsmoothmenu li li ul,
.ddsmoothmenu li li li ul { 
	margin: -1px 0 0 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* CSS classes applied to down and right arrow images */
.downarrowclass{
	position: absolute;
	top: 8px;
	right: 10px;
    visibility: hidden;
}

.rightarrowclass{
	position: absolute;
	top: 11px;
	right: 10px;
    visibility: hidden;
}

/* CSS for shadow added to sub menus */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
	opacity: 0.8;
}


/* ------------------------------------------------------ */
/* HOME PAGE PIECEMAKER 3D SLIDER
/* ------------------------------------------------------ */

.piecemakerholder {
	float: left;
	width: 690px;
	height: 300px;
	position: relative;
	margin-bottom: 70px;
	padding: 20px;
	padding-left: 0;
	padding-right: 0;
}
	
.piecemakerholder #piecemaker {
	margin-top: -8px;
}

/* ------------------------------------------------------ */
/* HOME PAGE NIVO SLIDER
/* ------------------------------------------------------ */


/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
/* The Nivo Slider styles */

.banner {
	position: relative;
	float: left;
	width: 713px;
	height: 427px;
	overflow: hidden;
	padding: 20px;
	padding-bottom: 0;
	margin-bottom: 40px;
}

.bannerbg {
	position: absolute;
	z-index:-1;
	width: 730px;
	height: 340px;
	left: 0;
	top: 0;
	background: #0e0e0e;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
    -moz-border-radius:5px 5px 5px 0px;
	border-top-left-radius:5px;
    border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.piecemakerbannerbg {
	position: absolute;
	z-index:-1;
	width: 730px;
	height: 360px;
	left: 0;
	top: 0;
	background: #0e0e0e;
   	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.bannernavbg {
	position: absolute;
	z-index:-1;
	width: 108px;
	height: 42px;
	left: 0;
	top: 340px;
	background: #0e0e0e;
    -webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
    -moz-border-radius:0px 0px 5px 5px;
	border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

#nivoSlider {
	position:relative;
}

#nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}

/* If an image is wrapped in a link */
#nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:2;
	display:none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:1;
	height:100%;
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:1;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	width: 579px;
	left:91px;
	top:323px;
	background: transparent url('../images/tiles/black75.png') repeat center top;
	color:#999;
	z-index:2;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
    -moz-border-radius:0px 5px 5px 5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	text-shadow: 1px 1px 0px #000;
}

.nivo-caption a {
	display:inline !important;
}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:318px;
	z-index:9;
	cursor:pointer;
	color: #fff;
	width: 36px;
	height: 36px;
}

.nivo-prevNav {
	left:-2px;
	background: url('../img/back_dull.png') transparent no-repeat center top;
}

.nivo-nextNav {
	left:34px;
	background: url('../img/forward_dull.png') transparent no-repeat center top;
}

.nivo-nextNav:hover { 
	background: url('../img/forward.png') no-repeat center top;
}
.nivo-nextNav:active 	{ 
	background: url('../img/forward.png') no-repeat center top;
} 

.nivo-prevNav:hover { 
	background: url('../img/back.png') no-repeat center top;
}
.nivo-prevNav:active 	{ 
	background: url('../img/back.png') no-repeat center top;
} 




/* ------------------------------------------------------ */
/* WIDGET FROM PORTFOLIO
/* ------------------------------------------------------ */

.fromportfolio {
	float: left;
	position: relative;
	list-style-type: none;
	width: 210px;
}

.fromportfolio ul {
	float: left;
	position: relative;
	list-style-type: none;
	width: 210px;
}

.fromportfolio li {
	float: left;
	display: inline;
	width: 58px;
	height: 58px;
	border: 1px solid #333;
	margin-right: 10px;
}

.fromportfolio li img{
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}

.fromportfolio a span {
	display: none;
}

#screenshot {
	position:absolute;
	display:none;
    background: #000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
    padding: 20px;
	padding-bottom: 15px;
    z-index: 999;
    border: none;
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

#screenshot img {
    border: 1px solid #333;
	padding: 1px;
	background: #000;
}

.tooltip {
	display:none;
	position: relative;
	margin-left: 0px;
	z-index: 80;
	font-size: 12px;
	background: #000;
	color:#ddd;	
	padding:10px;
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}


/* ------------------------------------------------------ */
/* PAGE CONTENT ELEMENTS */
/* ------------------------------------------------------ */

.textdivider {  
	margin-top: 0px;
	margin-bottom: 20px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
	height: 0px;
	width: 440px;
	float: left;
}

#contentcolumn.full .textdivider {  
	width: 690px;
}

.full_text {
	float: left; 
	width: 440px;
}

#contentcolumn.full .full_text {
	float: left; 
	width: 690px;
}

.onehalf_text {
	float: left; 
	width: 210px;
	margin-right: 20px;
}

.onehalf_text_last {
	float: left; 
	width: 210px;
}

#contentcolumn.full .onehalf_text {
	float: left; 
	width: 335px;
	margin-right: 20px;
}

#contentcolumn.full .onehalf_text_last {
	float: left; 
	width: 335px;
}

.onethird_text {
	float: left; 
	width: 140px;
	margin-right: 10px;
}

.onethird_text_last {
	float: left; 
	width: 140px;
}

#contentcolumn.full .onethird_text {
	float: left; 
	width: 210px;
	margin-right: 30px;
}

#contentcolumn.full .onethird_text_last {
	float: left; 
	width: 210px;
}

.onefourth_text {
	float: left; 
	width: 95px;
	margin-right: 20px;
}

.onefourth_text_last {
	float: left; 
	width: 95px;
}

#contentcolumn.full .onefourth_text {
	float: left; 
	width: 150px;
	margin-right: 30px;
}

#contentcolumn.full .onefourth_text_last {
	float: left; 
	width: 150px;
}



.onehalf_quote {
	float: left;
	width: 350px;
	min-height: 64px;
	color: #777;
	font-style: italic;
	padding-left: 110px;
	background: url("../images/quote.gif") top left no-repeat;
	margin-right: 40px;
}

.onehalf_quote_last {
	float: left;
	width: 350px;
	min-height: 64px;
	color: #777;
	font-style: italic;
	padding-left: 110px;
	background: url("../images/quote.gif") top left no-repeat;
}

.blogdate {
	color: #777;
	font-weight: bold;
}

.light {
	background-color: #eee;
	border: 1px solid #ccc;
}

.verylight {
	background-color: #f9f9f9;
	border: 1px solid #ccc;
}

.dark {
	color: #ddd;
	background-color: #444;
	border: 1px solid #333;
}

.small_button { 
    outline: 0; 
	line-height: 30px;
	background-color: #ccc;
    padding: 5px 20px 5px 20px;
    height: 30px;
    text-decoration: none !important; 
    cursor: pointer; 
    position: relative;
    text-align: center; 
	border: 1px solid #333;
}

.small_button:hover {  
	background-color: #333;
}

.right {
	float: right;
}

.left {
	float: left;
}

.bold {
	font-weight: bold;
}

p b {
	font-weight: bold;
}


/* ------------------------------------------------------ */
/* CHECKBOX LIST */
/* ------------------------------------------------------ */


ul.checklist {
	float: left;
	margin: 0;
	padding: 0;
}

ul.checklist li {
	list-style-type: none;
	background: url('../images/check.png') no-repeat left center;
	padding-left: 30px;
	margin-bottom: 5px;
	margin-left: -20px;
}


/* ------------------------------------------------------ */
/* BULLET LIST */
/* ------------------------------------------------------ */


ul.bulletlist {
	float: left;
	margin: 0;
	padding: 0;
}

ul.bulletlist li {
	list-style-type: none;
	background: url('../images/arrow.png') no-repeat left center;
	padding-left: 30px;
	margin-bottom: 5px;
	margin-left: -20px;
}


/* ------------------------------------------------------ */
/* CONTENT TABS */
/* ------------------------------------------------------ */


.contenttabs {
	float: left;
}

ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #ddd;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #ddd;	
	border-bottom:0px;
	height:18px;
	background: #f5f5f5;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:5px 5px 0 0;	
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	background:#f5f5f5;
	border-bottom:1px solid #f5f5f5;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.panes div {
	display:none;
	border:1px solid #ddd;
	border-width:0 1px 1px 1px;
	min-height:100px;
	padding:15px 20px;
	background-color:#f5f5f5;	
	-moz-border-radius:0 5px 5px 5px;	
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-box-shadow: 0px 1px 0px #bbb;
	-webkit-box-shadow: 0px 1px 0px #bbb;
	box-shadow: 0px 1px 0px #bbb;
}


/* ------------------------------------------------------ */
/* SUB HEADER BAR */
/* ------------------------------------------------------ */


.pagination {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-transform: none;
	background: url('../images/tiles/black50.png') transparent repeat center top;
    -moz-border-radius:0 0 5px 5px;	
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	text-shadow: 1px 1px 0px #111;
}

.pagination p{
	float: left; 
	color: #aaa;
	margin-top: -5px;
}

.pagination p span {
	color: #aaa;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
}

.pagination a:link, .pagination a:visited {
	text-decoration: none;
	color: #fff; 
}
/*
#pagination a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
*/

/* ------------------------------------------------------ */
/* SUBHEADER  */
/* ------------------------------------------------------ */

#subheadercontainer {
	position: absolute;
	top: 39px;
	left: 50%;
	width: 730px;
	margin-left: -245px;
	z-index: 35;
}

#subheadercontainer.nopagination {
	top: 65px;
}

.subheaderline, .subheaderdivider {
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Lobster', cursive;
	font-weight: normal;
	font-size: 35px;
	line-height: 35px;
	text-transform: normal;
	background: url('../images/tiles/black50.png') transparent repeat center top;
	color: #fff;
	text-shadow: 1px 1px 1px #111;
}

.subheaderline.left {
    -moz-border-radius: 5px 5px 5px 0;	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}

.subheaderline.right {
    -moz-border-radius: 5px 5px 0 5px;	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
    border-bottom-left-radius:5px;
}

.subheaderdivider.left, .subheaderdivider.right {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	margin-bottom: 10px;
}

#subheadercontainer.nopagination .subheaderline.left, #subheadercontainer.nopagination .subheaderline.right {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.subheaderlinewrap {
	float: left;
	width: 730px;
}

/* ------------------------------------------------------ */
/* 4-COLUMN PORTFOLIO */
/* ------------------------------------------------------ */

.portfolioitem4 {
	float: left;
	width: 135px;
	padding: 20px;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	margin-right: 10px;
	margin-bottom: 10px;
}

.portfolioitem4 h6 {
	float: left;
	width: 135px;
	height: 38px;
	overflow: hidden;
	margin-top: 10px;
	font-weight: normal;
}

.portfolioitem4 h6 a {
	color: #fff;
	text-decoration: none;
}

.portfolioitem4 .editorarea {
	float: left;
	width: 135px;
	height: 60px;
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolioitem4 .blogimage {
	float: left;
	width: 135px;
	height: 100px;
}

.portfolioitem4 .blogbutton {
	float: right;
	height: 30px;
}

/* ------------------------------------------------------ */
/* 3-COLUMN PORTFOLIO */
/* ------------------------------------------------------ */

.portfolioitem3 {
	float: left;
	width: 196px;
	padding: 20px;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	margin-right: 11px;
	margin-bottom: 11px;
}

.portfolioitem3 h6 {
	float: left;
	width: 196px;
	height: 38px;
	overflow: hidden;
	margin-top: 10px;
	font-weight: normal;
}

.portfolioitem3 h6 a {
	color: #fff;
	text-decoration: none;
}

.portfolioitem3 .editorarea {
	float: left;
	width: 196px;
	height: 60px;
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolioitem3 .blogimage {
	float: left;
	width: 196px;
	height: 145px;
}

.portfolioitem3 .blogbutton {
	float: right;
	height: 30px;
}

/* ------------------------------------------------------ */
/* 2-COLUMN PORTFOLIO */
/* ------------------------------------------------------ */

.portfolioitem2 {
	float: left;
	width: 320px;
	padding: 20px;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	margin-right: 10px;
	margin-bottom: 10px;
}

.portfolioitem2 h6 {
	float: left;
	width: 320px;
	height: 38px;
	overflow: hidden;
	margin-top: 10px;
	font-weight: normal;
}

.portfolioitem2 h6 a {
	color: #fff;
	text-decoration: none;
}

.portfolioitem2 .editorarea {
	float: left;
	width: 320px;
	height: 60px;
	margin-bottom: 10px;
	overflow: hidden;
}

.portfolioitem2 .blogimage {
	float: left;
	width: 320px;
	height: 237px;
}

.portfolioitem2 .blogbutton {
	float: right;
	height: 30px;
}

.portfolioitem4 h6, .portfolioitem3 h6, .portfolioitem2 h6 {
	font-size: 14px;
	line-height: 18px;
}

/* ------------------------------------------------------ */
/* FULL GALLERY SLIDER */
/* ------------------------------------------------------ */

#fullslidercaptionwrap {
	position: absolute;
	top: 50%;
	left: 280px;
	z-index: 1;
	margin-top: -290px;
}

.fullslidercaption {
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Lobster', cursive;
	font-weight: normal;
	font-size: 35px;
	line-height: 35px;
	text-transform: normal;
	background: url('../images/tiles/black50.png') transparent repeat center top;
	color: #fff;
	text-shadow: 1px 1px 1px #111;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

#fullslidercontainer { 
	float: left;
	position: fixed;
	top: 50%;
	left: 280px;
	padding-left: 20px;
	width: 100%; 
	overflow: hidden;
	height: 430px;
	margin-top: -205px;
	-webkit-border-top-left-radius:5px;
    -moz-border-radius: 5px 0px 0px 0px;
    border-top-left-radius:5px;
}

#fullslidernav {
	float:left; 
	position: fixed;
	left: 280px;
	top: 50%;
	margin-top: 217px;
	background: #0e0e0e;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 18px;
	padding-right: 18px;
	-webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.scrollablebg {
	float: left;
	position:absolute;
	width: 20px;
	height: 430px;
	background: #0e0e0e;
	left: 0;
	top: 0;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 100%;
	height:430px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
}

.scrollable .items div {
	float:left;
	width: 640px;
	padding-right: 20px;
	padding-top: 20px;
	background: #0e0e0e;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.scrollable .items div iframe {
	margin-bottom: -6px;
}

.scrollable .items div.last {
	-webkit-border-bottom-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}

.scrollable .items div img {
	float:left;
	width: 640px;
}

.scrollable .items div h6 {
	float:left;
	width: 640px;
	overflow: hidden;
	margin-top: 10px;
}

#fullslidernav a.browse {
	display:block;
	width:36px;
	height:36px;
	float:left;
	cursor:pointer;
	font-size:1px;
	margin-top:-2px;
}

#fullslidernav a.next { 
	background: url('../img/forward_dull.png') no-repeat center top;
}
#fullslidernav a.next:hover { 
	background: url('../img/forward.png') no-repeat center top;
}
#fullslidernav a.disabled.next:hover { 
	background: url('../img/forward_dull.png') no-repeat center top;
}
#fullslidernav a.next:active 	{ 
	background: url('../img/forward_dull.png') no-repeat center top;
} 

#fullslidernav a.prev { 
	background: url('../img/back_dull.png') no-repeat center top;
}
#fullslidernav a.prev:hover { 
	background: url('../img/back.png') no-repeat center top;
}
#fullslidernav a.disabled.prev:hover { 
	background: url('../img/back_dull.png') no-repeat center top;
}
#fullslidernav a.prev:active 	{ 
	background: url('../img/back_dull.png') no-repeat center top;
} 
#fullslidernav a.disabled {
	opacity: 0.5;
	cursor:auto;
} 	

/* ------------------------------------------------------ */
/* TEXT STYLES */
/* ------------------------------------------------------ */


.marginbottom0 {
	margin-bottom: 0px;
}

.marginbottom10 {
	margin-bottom: 10px;
}

.marginbottom20 {
	margin-bottom: 20px;
}

.marginbottom30 {
	margin-bottom: 30px;
}

.marginbottom40 {
	margin-bottom: 40px;
}

.marginbottom50 {
	margin-bottom: 50px;
}

.marginbottom60 {
	margin-bottom: 60px;
}

.margintop0 {
	margin-top: 0px;
}

.margintop10 {
	margin-top: 10px;
}

.margintop20 {
	margin-top: 20px;
}

.margintop30 {
	margin-top: 30px;
}

.margintop40 {
	margin-top: 40px;
}

.margintop50 {
	margin-top: 50px;
}

.margintop60 {
	margin-top: 60px;
}

.marginleft {
	margin-left: 20px;
}

.marginleft10 {
	margin-left: 10px;
}

.marginleft40 {
	margin-left: 40px;
}

.marginright {
	margin-right: 20px;
}

.marginright10 {
	margin-right: 10px;
}

.marginright30 {
	margin-right: 30px;
}

.marginright40 {
	margin-right: 40px;
}

.paddingright15 {
	padding-right: 15px;
}

.paddingright100 {
	padding-right: 100px;
}

.sideimage {
	width: 270px;
	padding: 4px;
	border: 1px solid #ccc;
}

.bordered {
	padding: 1px;
	border: 1px solid #444;
}

.comment-reply-link {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.buttonlight, .buttondark, .comment-reply-link {
	float: left;
	height: 30px;
	line-height: 30px;
}

.buttondark:link, .buttondark:visited, .comment-reply-link:link, .comment-reply-link:visited {
	color: #eee;
	padding: 0 20px 0 20px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	border: 1px solid #1e1e1e;
	text-decoration: none;
}

.buttondark:hover {
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}

img.buttonicon {
	float: left;
	padding-top: 7px;
	padding-right: 8px;
}

.buttonlight:link, .buttonlight:visited {
	padding: 0 20px 0 20px;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}

.buttonlight:hover, .comment-reply-link:hover {
	color: #eee;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	border: 1px solid #1e1e1e;
	text-decoration: none;
}

.caption_color, .caption_white, .caption_grey{
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-left: 15px;
	text-shadow: 1px 1px 1px #000;
}

.caption_white{
	color: #fff;
}

.caption_grey{
	color: #888;
}

.caption_color{
	margin-top: 15px;
	color: #68c3ff;
}

.navfont {
	font-size: 25px;
	line-height: 25px;
}

.footertitle_white, .footertitle_blue {
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 30px;
	line-height: 30px;
	padding-top: 10px;
	margin-bottom: 11px;
	text-shadow: 1px 1px 1px #000;
}

.content p {
	/*padding-bottom: 40px;*/
}

h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000;
}

#nivoSlider h1, #nivoSlider h2, #nivoSlider h3, #nivoSlider h4, #nivoSlider h5, #nivoSlider h6 {
	color: #ffffff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px 0px #000;
}

h1 {
	text-align: left;
	font-size: 46px;
	line-height: 46px;
	margin-bottom:10px;
}

h2 {
	text-align: left;
	font-size: 42px;
	line-height: 42px;
	margin-bottom:10px;
}

h3 {
	text-align: left;
	font-size: 38px;
	line-height: 38px;
	margin-bottom:10px;
}

h4 {
	text-align: left;
	font-size: 34px;
	line-height: 34px;
	margin-bottom:10px;
}

h5 {
	text-align: left;
	font-size: 24px;
	line-height: 24px;
	margin-bottom:10px;
}

h6 {
	text-align: left;
	font-size: 20px;
	line-height: 22px;
	margin-bottom:10px;
}

.blue {
	color: #ffffff;
}

.grey {
	color: #ccc;
}

.black {
	color: #000;
}

.lightgrey {
	color: #ccc;
}

.lightblue {
	color: #68c3ff;
}

.footertitle_white {
	color: #fff;
}

.footertitle_blue {
	color: #68c3ff;
}

.navfont {
	color: #333;
}

.clear {
	clear:both;
}

.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}


/* ------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------ */


#footerwrap {
	position: fixed;
	z-index: 50;
	margin-top: -250px;
	width: 240px;
	height: 250px;
	left: 0;
	bottom: 0;
	clear:both;
	background: #141414;
	text-shadow: 1px 1px 0px #000;
	color: #bbb;
}

#footertext { 
	float:left;
	width: 200px;
	color: #777;
	font-size: 10px;
	line-height: 10px;
	margin-left: 20px;
}

.tweets {
	float: left;
	width: 200px;
}

#contacttags, #contactinfo {
	float: left;
	margin-right: 15px;
}

#contacttags li {
	list-style: none;
}

#contactinfo li {
	list-style: none;
	color: #ccc;
}

#popularposts {
	float: left;
	width: 280px;
	height: 240px;
	padding-left: 30px;
}

.popularbloglist {
	float: left;
	width: 200px;
}

.popularbloglist li {
	vertical-align:top;
	list-style: none;
	float: left;
	margin-bottom: 10px;
	color: #555;
	width: 200px;
	overflow: hidden;
}

.popularbloglist li.last {
	margin-bottom: 0px;
}

.popularbloglist li p {
	float: left;
	border: 1px solid #444;
	margin-right: 10px;
	height: 58px;
	width: 58px;
}

.popularbloglist li img{
	cursor: pointer;
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}

#newsletter h5 {
	margin-top: 0;
	margin-bottom: 30px;
	color: #fff;
	font-weight: normal;
}

.tweetlist {
	float: left;
}

.tweetlist li {
	width: 160px;
	vertical-align:top;
	list-style: none;
	padding-bottom: 10px;
	padding-left: 40px;
	background: url('../images/icons/tweet.png') top left no-repeat;
	overflow: hidden;
}

.tweetlist li p {
	font-weight: normal;
	color: #555;
}


/* ------------------------------------------------------ */
/* PAGE SIDEBAR  */
/* ------------------------------------------------------ */


.sidebar {
	width: 200px;
	padding: 20px;
	background: #000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	margin-bottom: 50px;
}

.sidebar.left {
	float: left;
	margin-right: 10px;
}

.sidebar.right {
	float: right;
	margin-left: 10px;
}

.widget {
	float: left;
}

.widgetdivider {  
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
	height: 0px;
	width: 200px;
	float: left;
}

#footerwrap .widget {
	margin-left: 20px;
	width: 200px;
	overflow: hidden;
}

.widget .headline {
	float: left;
	width: 200px;
	color: #999;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 20px;
    text-shadow: 1px 1px 0px #000;
}

#footerwrap .widget .headline {
	color: #999;
	width: 200px;
	margin-bottom: 20px;
    text-shadow: 1px 1px 0px #000;
}

.sidebar_box_text {
	float: left;
	padding: 20px;
	width: 218px;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}


/* ------------------------------------------------------ */
/* SIDEBAR SEARCH */
/* ------------------------------------------------------ */


#search {
	float: left;
	height: 30px;
}

#search .searchform {
	height: 28px;
}

#search .searchform input{
	float: left;
	color: #ddd;
	width: 152px;
	font-size: 12px;
	line-height: 16px;
	padding: 6px;
	padding-left: 10px; 
	border: 1px solid #1e1e1e;
	height: 16px;
	margin-right: 0px;
	-moz-box-shadow: inset 5px 5px 8px #080808;
	-webkit-box-shadow: inset 5px 5px 8px #080808;
	box-shadow: inset 5px 5px 8px #080808;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: url('../images/tiles/menubg_dark.png') transparent repeat-x 0% top;
	text-shadow: 1px 1px 0px #000;
}

#search .searchbutton { 
	float: left;
	cursor: pointer;
	width: 30px;
	height: 30px;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	border:0;
	margin:0;
	padding:0;
	outline: none;
	background: url("../images/search1.png") transparent 0 50% no-repeat;
}

#search .searchbutton:hover { 
	background: url("../images/search2.png") transparent 0 50% no-repeat;
}


/* ------------------------------------------------------ */
/* SIDEBAR SMOOTH TABS */
/* ------------------------------------------------------ */


#sidebartabs{
    width: 250px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0px 3px 5px #ddd;
	-webkit-box-shadow: 0px 3px 5px #ddd;
	box-shadow: 0px 3px 5px #ddd;
}

.smoothTabs ul{
    width: 250px;
    height: 30px;
    list-style: none;
    padding: 0;
	border-bottom: 1px solid #ccc; 
}
.smoothTabs li{
    float: left;
    display: inline;
    padding: 5px 10px 5px 10px;
    color: #444;
    cursor: pointer;
    text-align: center;
}
.smoothTabs li:hover{
    background-color: #ffffff;
    color: #ffffff;
	border-bottom: 1px solid #ffffff; 
}
.smoothTabs div{
    width: 230px;
    padding: 10px;
}
li.smoothTabsLiCurrent{
    background-color:  #ccc; 
    color: #ffffff;
}
.smoothTabsDivHidden {
    display: none;
}
.smoothTabsDivVisible{
    
}


/* ------------------------------------------------------ */
/* SIDEBAR BLOG CATEGORIES */
/* ------------------------------------------------------ */


.blogcategories {
	float: left;
	width: 200px;
}

.blogcategories li{
	padding-bottom: 5px;
	color: #555;
}

.blogcategories li span{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-top: 3px;
	background: url('../images/arrow.png') no-repeat left center;
}


/* ------------------------------------------------------ */
/* SIDEBAR BLOG ARCHIVES */
/* ------------------------------------------------------ */


.blogarchives {
	float: left;
	width: 280px;
}

.blogarchives li{
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 1px solid #d3d3d3;
}

.blogarchives ul{
	border-bottom: 1px solid #d3d3d3;
}

.blogarchives li span{
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-top: 3px;
	background: url('../images/arrow.png') no-repeat left center;
}


/* ------------------------------------------------------ */
/* SIDEBAR MINIGALLERY */
/* ------------------------------------------------------ */


#minigal {
	float: left;
	margin-right: -12px;
	margin-bottom: -10px;
}

#minigal li {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	border: 1px solid #ddd;
	background: #fff repeat center top;
	margin-right: 10px;
	margin-bottom: 10px;
}

#minigal img {
	margin-left: 9px;
	margin-top: 9px;
}


/* ------------------------------------------------------ */
/* BLOG */
/* ------------------------------------------------------ */


.blogpost {
	float: left;
	width: 440px;
	padding: 20px;
	padding-bottom: 0;
	margin-bottom: 10px;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.contentpage {
	float: left;
	width: 440px;
	padding: 20px;
	padding-bottom: 0;
	margin-bottom: 0;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.contentpage.full {
	width: 690px;
}


.blogpost.full {
	width: 690px;
}

.blogimage {
	float: left;
	position: relative;
	width: 440px;
}

.blogpost.full .blogimage {
	width: 690px;
}

.blogpost h5 {
	float: left;
	width: 440px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-transform: none;
}

.blogpost h5 a {
	color: #fff;
	text-decoration: none;
}

.blogpost.full h5 {
	width: 690px;
}

.blogpost .blogbutton {
	float: right;
	height: 30px;
	margin-bottom: 20px;
}

.blogpost .postinfo {
	float: left;
	width: 448px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
    line-height: 25px;
	position: relative;
	background: #141414;
	margin-left: -20px;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 16px;
	padding-right: 16px;
	border-top: 1px solid #1e1e1e;
	-moz-border-radius:0 0 5px 5px;	
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	overflow: hidden;
}

.blogpost.full .postinfo {
	width: 698px;
}

.blogpostdetail .postinfo {
	float: left;
	width: 610px;
	color: #999;
	font-weight: normal;
	margin-bottom: 20px;
    line-height: 24px;
}

.iconauthor, .iconcategory, .icontags, .icontime, .iconcomments {
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

.iconauthor {
	background: url('../images/icons/author.png') transparent no-repeat center center; 
}

.iconcategory {
	background: url('../images/icons/category.png') transparent no-repeat center center; 
	margin-left: 7px;
}

.icontags {
	background: url('../images/icons/tags.png') transparent no-repeat center center; 
}

.icontime {
	background: url('../images/icons/time.png') transparent no-repeat center center; 
}

.iconcomments {
	background: url('../images/icons/comments.png') transparent no-repeat center center; 
}

.row {
	width: 460px;
	float: left;
	height: 25px;
	margin-bottom: 1px;
	overflow: hidden;
}

.framed {
	float: left;
	margin-right: 5px;
}

.framed a:link, .framed a:visited {
	color: #777;
    line-height: 20px;
	padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
	text-align: center;
	background: #222222;
	text-shadow: 1px 1px 0px #000;
	text-decoration: none;
    border: 1px solid #282828;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.framed a:hover {
	text-decoration: none;
	background: url('../images/tiles/menubg_light.png') transparent repeat-x 0% top; 
	border: 1px solid #dadada;
    color: #000;
	text-shadow: 1px 1px 0px #fff;
}

.blogpost .editorarea {
	float: left;
	width: 440px;
}

.blogpost.full .editorarea {
	width: 690px;
}

.blogpostdetail .editorarea {
	float: left;
	width: 610px;
}

.blogpost.noimage h5 {
	margin-left: 0px;
	width: 610px;
}

.blogpost.noimage div.postinfo {
	margin-left: 0px;
	width: 610px;
}

.blogpost.noimage div.editorarea {
	margin-left: 0px;
	width: 610px;
}

.blogpost .buttondark, .blogpost .buttonlight {
	margin-top: 0px;
}

.blogpostrelated {
	float: left;
	width: 270px;
	margin-top: 40px;
	margin-bottom: 10px;
}

.blogpostrelated h4, .aboutauthor h4{
	margin:0;
	padding-bottom: 10px;
}

.aboutauthor {
	float: right;
	width: 270px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.aboutauthor img {
	float: left;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-right: 20px;
}


.blogpost p{
	float:left;
	margin: 0;
	padding: 0;
}

.blogpages {
	float:right;
	background: #141414;
	padding: 10px;
	padding-left: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

.blogpages p{
	float:left;
	padding: 6px 10px 5px 0px;
}

.blogpages ul{
    float: left;
}

.blogpages li {
	display: inline;
	float: left;
	padding-right: 5px;
}

.blogpages li a{
	cursor: pointer;
    float: left;
    display: inline;
	padding: 5px 10px 5px 10px;
	color: #eee;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	border: 1px solid #1e1e1e;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.blogpages li a:hover{
    color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}

.blogpages li .selected {
    color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}


/* ------------------------------------------------------ */
/* POST SHARING */
/* ------------------------------------------------------ */


#socialsharing {
	float: left;
	width: 196px;
	height: 62px;
}

#facebooklike {
	float: left; 
	padding-bottom: 1px;
	padding-left: 0px;
}

#twittertweet { 
	float: left; 
	padding-left: 1px;
}

#googleplusone {
	float: left; 
	padding-left: 10px;
}


/* ------------------------------------------------------ */
/* COMMENTS */
/* ------------------------------------------------------ */


.timestamp {
	float: left;
	color: #555;
	font-style:italic;
	text-shadow: 1px 1px 0px #000;
	margin-bottom: 10px;
}

#comments {
	width: 480px;
	float: left;
	background: #141414;
	margin-bottom: 10px;
	padding-bottom: 20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

#comments.full {
	width: 730px;
}

#comments ol, #comments ul {
	position: relative;
    list-style: none;
    margin:0;
    padding:0;
	zoom: 1.0;
}

#comments .postauthor{
	float: left;
	color: #fff;
	text-shadow: 1px 1px 0px #000;
	margin-right: 10px;
	width: 100%;
}

#comments h5{
	margin:0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#comments .bypostauthor .commentwrap {
	color: #fff;
}

#comments .bypostauthor .commentwrap .posterpic{
	border: 1px solid #999;
}

#comments .commentwrap {
	float: left;
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	width: 440px;
    margin-left: 0;
	background: transparent;
}

#comments.full .commentwrap {
	width: 690px;
}

.commentsdivider {  
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000;
	height: 0px;
	float: left;
}

#comments .commentwrap .posterpic{
	float: left;
	width: 82px;
	height: 82px;
	border: 1px solid #444;
	background: #000;
	margin-right: 20px;
	clear: left;
}

#comments .commentwrap .posterpic img{
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}

#comments .commentwrap .postertext{
	min-height: 70px;
    display: inline-block;
}

#comments .depth-1 .commentwrap{
	width: 440px;
}

#comments.full .depth-1 .commentwrap{
	width: 690px;
}

#comments .depth-1 .commentsdivider{
}

#comments .depth-2 .commentwrap{
	width: 420px;
	margin-left: 20px;
}

#comments.full .depth-2 .commentwrap{
	width: 670px;
}

#comments .depth-2 .commentsdivider{
	width: 420px;
	margin-left: 40px;
}

#comments.full .depth-2 .commentsdivider{
	width: 670px;
	margin-left: 40px;
}

#comments .depth-3 .commentwrap{
	width: 400px;
	margin-left: 40px;
}

#comments.full .depth-3 .commentwrap{
	width: 650px;
}

#comments .depth-3 .commentsdivider{
	width: 400px;
	margin-left: 60px;
}

#comments.full .depth-3 .commentsdivider{
	width: 650px;
}

#comments .depth-4 .commentwrap{
	width: 380px;
	margin-left: 60px;
}

#comments.full .depth-4 .commentwrap{
	width: 630px;
}

#comments .depth-4 .commentsdivider{
	width: 380px;
	margin-left: 80px;
}

#comments.full .depth-4 .commentsdivider{
	width: 630px;
}

#comments .depth-5 .commentwrap{
	width: 360px;
	margin-left: 80px;
}

#comments.full .depth-5 .commentwrap{
	width: 610px;
}

#comments .depth-5 .commentsdivider{
	width: 360px;
	margin-left: 100px;
}

#comments.full .depth-5 .commentsdivider{
	width: 610px;
}

#comments .depth-1 .commentwrap .postertext{
	width: 335px;
}

#comments.full .depth-1 .commentwrap .postertext{
	width: 585px;
}

#comments .depth-2 .commentwrap .postertext{
	width: 315px;
}

#comments.full .depth-2 .commentwrap .postertext{
	width: 565px;
}

#comments .depth-3 .commentwrap .postertext{
	width: 295px;
}

#comments.full .depth-3 .commentwrap .postertext{
	width: 545px;
}

#comments .depth-4 .commentwrap .postertext{
	width: 275px;
}

#comments.full .depth-4 .commentwrap .postertext{
	width: 525px;
}

#comments .depth-5 .commentwrap .postertext{
	width: 255px;
}

#comments.full .depth-5 .commentwrap .postertext{
	width: 505px;
}


#comments .replylink{
	float: right;
	margin-top: -10px;
}


/* ------------------------------------------------------ */
/* CONTACT, NEWSLETTER, BLOG REPLY FORMS */
/* ------------------------------------------------------ */


.contactdividerline {
	width: 610px;
	float: left;
	height: 1px;
	margin-bottom: 20px;
	border-top: 1px solid #d3d3d3;
}

#newsletter {
	float: left;
	width: 200px;
	overflow: hidden;
}

#respond, #contactus {
	float: left;
	width: 480px;
	overflow: hidden;
	background: #141414;
	padding-bottom: 13px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

#respond.full {
	width: 730px;
}

#contactus.full {
	width: 730px;
}

#respond h5, #contactus h5{
	margin:0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#respond .formpart {
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
}

#respond .formpart.end {
	float: left;
	margin-bottom: 7px;
	margin-right: 0px;
}

#respond .formpart.right {
	float: right;
	margin-right: 20px;
}

#contactus .formpart {
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
}

#contactus .formpart.right {
	float: right;
	margin-right: 20px;
}

#contactus .formpart.end {
	float: left;
	margin-bottom: 7px;
	margin-right: 0px;
}

#newsletter .formpart {
	float: left;
	margin-bottom: 7px;
}

#respond .formpart input {
	float: left;
	color: #ddd;
	width: 122px;
	font-size: 12px;
	line-height: 16px;
	padding: 6px;
	padding-left: 10px; 
	border: 1px solid #1e1e1e;
	height: 16px;
	margin-right: 0px;
	-moz-box-shadow: inset 5px 5px 8px #080808;
	-webkit-box-shadow: inset 5px 5px 8px #080808;
	box-shadow: inset 5px 5px 8px #080808;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: #111;
	text-shadow: 1px 1px 0px #000;
}

#respond.full .formpart input {
	width: 205px;
}

#contactus .formpart input {
	float: left;
	color: #ddd;
	width: 197px;
	font-size: 12px;
	line-height: 16px;
	padding: 6px;
	padding-left: 10px; 
	border: 1px solid #1e1e1e;
	height: 16px;
	margin-right: 0px;
	-moz-box-shadow: inset 5px 5px 8px #080808;
	-webkit-box-shadow: inset 5px 5px 8px #080808;
	box-shadow: inset 5px 5px 8px #080808;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: #111;
	text-shadow: 1px 1px 0px #000;
}

#contactus.full .formpart input {
	width: 147px;
}

#newsletter .formpart input {
	float: left;
	color: #ddd;
	width: 182px;
	font-size: 12px;
	line-height: 16px;
	padding: 6px;
	padding-left: 10px; 
	border: 1px solid #151515;
	height: 16px;
	margin-right: 0px;
	-moz-box-shadow: inset 5px 5px 8px #000;
	-webkit-box-shadow: inset 5px 5px 8px #000;
	box-shadow: inset 5px 5px 8px #000;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: #050505;
	text-shadow: 1px 1px 0px #000;
}
	
#respond .formpart textarea, #contactus .formpart textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #ddd;
	overflow: auto;
	width: 418px;
	max-width:418px;
	min-width:418px;
	height: 200px;
	padding: 10px;
	border: 1px solid #1e1e1e;
	-moz-box-shadow: inset 5px 5px 8px #080808;
	-webkit-box-shadow: inset 5px 5px 8px #080808;
	box-shadow: inset 5px 5px 8px #080808;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: #111;
	text-shadow: 1px 1px 0px #000;
}

#respond.full .formpart textarea {
	width: 667px;
	max-width:667px;
	min-width:667px;
}

#contactus.full .formpart textarea {
	width: 667px;
	max-width:667px;
	min-width:667px;
}

#respond #replyform {
	padding-left: 20px;
}

#contactus #contactform {
	padding-left: 20px;
}

.formpart .errormessage {
	float: left;
	color: #db0000;
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	display: none;
	padding-top: 3px;
	margin-bottom: -1px;
	text-shadow: 1px 1px 0px #000;
}

.formpart .sendingmessage {
	float: left;
	color: #555;
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	display: none;
	padding-top: 3px;
	margin-bottom: -1px;
	text-shadow: 1px 1px 0px #000;
}

.formpart .successmessage {
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	text-decoration: none;
	display: none;
	padding-top: 3px;
	margin-bottom: -1px;
	text-shadow: 1px 1px 0px #000;
}

#contactus input.formerror, #respond input.formerror{ 
	border: 1px solid #7e0000;
	background-color: #3c0000;
}

#newsletter input.formerror{ 
	border: 1px solid #7e0000;
	background-color: #3c0000;
}

#contactus .formpart textarea.formerror, #respond .formpart textarea.formerror{ 
	border: 1px solid #7e0000;
	background-color: #3c0000;
}

#respond .formpart label span, #contactus .formpart label span, #newsletter .formpart label span {
	font-weight: normal;
	font-style: italic;
	color: #555;
	text-shadow: 1px 1px 0px #000;
}

#respond p, #contactus p { 
	margin-top: 3px;
	padding-bottom: 0;
}

#newsletter p {
	margin-top: 3px;
	padding-bottom: 0;
}

#respond label, #contactus label, #newsletter label { 
	color: #999;
	font-weight: normal;
	font-size: 12px;
}

#newsletter label {
	width: 200px;
	float: left;
	margin-bottom: 3px;
}

.addreply, .sendmessage{ 
	display: inline-block;
	color: #eee;
	width: 200px;
	height: 30px;
	font-size: 12px;
	line-height: 26px;
	padding: 0px 0px 2px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border:0;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	text-decoration: none;
	border: 1px solid #1e1e1e;
}

#respond.full .addreply{
	margin-right: 1px;
}

#contactus.full .sendmessage{
	margin-right: 1px;
}
	
.addreply:hover, .sendmessage:hover, .sendnews:hover { 
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.addreply:focus, .sendmessage:focus, .sendnews:focus { 
	outline: none;   
}

.sendnews { 
	display: inline-block;
	color: #eee;
	width: 200px;
	height: 30px;
	font-size: 12px;
	line-height: 26px;
	padding: 0px 0px 2px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border:0;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	text-decoration: none;
	border: 1px solid #1e1e1e;
	margin-top: 3px;
}

.sendnews:hover {
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* ------------------------------------------------------ */
/* PORTFOLIO FILTER */
/* ------------------------------------------------------ */


#contentcolumn .portfoliofilter {
	float: left;  
	width: 460px;
	padding: 10px;
	padding-bottom: 0;
	list-style-type: none; 
	margin-bottom: 10px;
	background: #0e0e0e;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.4);
}

#contentcolumn.full .portfoliofilter {
	width: 710px;
}

.portfoliofilter li { 
	float: left; 
	margin-right: 10px; 
	padding-bottom: 10px;
}

.portfoliobutton {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 20px 0 20px;
}

.portfoliobutton:link, .portfoliobutton:visited {
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}

.portfoliobutton:hover {
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}

.portfoliobutton_noselect {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 20px 0 20px;
}

.portfoliobutton_noselect:link, .portfoliobutton_noselect:visited {
	color: #eee;
	padding: 0 20px 0 20px;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
	background: url('../images/tiles/menubg_dark.png') repeat-x;
	border: 1px solid #1e1e1e;
	text-decoration: none;
}

.portfoliobutton_noselect:hover {
	color: #000;
	text-shadow: 1px 1px 0px #fff;
	background: url('../images/tiles/menubg_light.png') repeat-x;
	border: 1px solid #dadada;
	text-decoration: none;
}


/* ------------------------------------------------------ */
/* CONTACT PAGE */
/* ------------------------------------------------------ */


.blogpost.full #googlemap {
	float: left;
	position: relative;
	width: 690px;
	height: 300px;
	margin-bottom: 20px;
}

.blogpost #googlemap {
	float: left;
	position: relative;
	width: 440px;
	height: 300px;
	margin-bottom: 20px;
}

table.contacttable th {
	text-align: left;
	padding-right: 20px;
	color: #555;
}


/* ------------------------------------------------------ */
/* EDITOR STYLES */
/* ------------------------------------------------------ */


.editorarea img {
	margin: 0;
}
.editorarea img.size-auto,
.editorarea img.size-large,
.editorarea img.size-full,
.editorarea img.size-medium {
	max-width: 100%;
	height: auto;
}
.editorarea .alignleft,
.editorarea img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}
.editorarea .alignright,
.editorarea img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 0px;
}
.editorarea .aligncenter,
.editorarea img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.editorarea img.alignleft,
.editorarea img.alignright,
.editorarea img.aligncenter {
	margin-bottom: 15px;
}
.editorarea cite,
.editorarea em,
.editorarea i {
	border: none;
	font-style: italic;
}

.editorarea ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
.editorarea ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
.editorarea ol ol {
	list-style: upper-alpha;
}
.editorarea ol ol ol {
	list-style: lower-roman;
}
.editorarea ol ol ol ol {
	list-style: lower-alpha;
}
.editorarea ul ul,
.editorarea ol ol,
.editorarea ul ol,
.editorarea ol ul {
	margin-bottom: 0;
}
.editorarea p {
	margin-bottom: 20px;
	margin-top: 0;
}
.editorarea div {
	margin-bottom: 20px;
}
.editorarea div div {
	margin-bottom: 0px;
}
.editorarea div div div {
	margin-bottom: 0px;
}
.editorarea div .checklist {
	margin-bottom: 0px;
}
.editorarea div .bulletlist {
	margin-bottom: 0px;
}
.editorarea .contenttabs div {
	margin-bottom: 0px;
}
.editorarea h1, .editorarea h2, .editorarea h3, .editorarea h4, .editorarea h5, .editorarea h6 {
	margin-bottom: 15px;
	margin-top: 0;
}
.editorarea strong {
	font-weight: bold;
}
/*.editorarea br {display:none;}

/* EDITOR STYLES END */

#wp-calendar{
float: left;
width: 200px;
}

#wp-calendar caption{
font-size:12px;
padding-bottom: 5px;
color: #ccc;
}

#wp-calendar th, #wp-calendar td{
text-align:center;
}

#wp-calendar td a{
}
#wp-calendar td{
background:transparent;
}
#wp-calendar td, table#wp-calendar th{
} 
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}





/* ------------------------------------------------------ */
/* SKYPE STYLE REMOVAL */
/* ------------------------------------------------------ */

span.skype_pnh_container {display:none !important;} 
span.skype_pnh_print_container {display:inline !important;} 




/* ------------------------------------------------------ 
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
------------------------------------------------------ */

* { margin:0; padding:0; }
body { background:#141414; }
img{ border:none; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:99; width:60px; height:60px; margin:-30px 0 0 90px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

#supersized { position:fixed; left:240px; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

/*Controls Section*/
#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
#navigation { float:right; margin:0; z-index: 999; right:0; background: #141414;
padding: 8px;
padding-bottom: 2px;
}
#navigation.top {
top: 0;
-moz-border-radius:0 0 0 5px;	
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
position: fixed;
}
#navigation.bottom {
bottom: 0;
-moz-border-radius: 5px 0 0 0;	
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
position: fixed;
}
/*Thumbnail Navigation*/	
#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:10px; }
#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }





/* ------------------------------------------------------------------------
	Class: prettyPhoto
	Use: Lightbox clone for jQuery
	Author: Stephane Caron (http://www.no-margin-for-errors.com)
	Version: 3.1
------------------------------------------------------------------------- */

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0 0 5px}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}