/*
Theme Name: Xebax
Theme URI: http://themeforest.net/user/webinpixels/portfolio
Description: Designed by <a href="http://themeforest.net/user/webinpixels">WebInPixels</a>.
Version: 1.0
Author: WebInPixels
License: GNU General Public License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
Author URI: http://themeforest.net/user/WebInPixels
Tags: white
*/

/* ==== RESET ==== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{letter-spacing:0px;word-spacing:0px;margin:0;padding:0;border:0;vertical-align:baseline;outline: 0;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}
a, img{outline: none; border: 0;}
a{text-decoration: none;}

/* ==== STYLES (General/Global) ==== */
body { 
	margin: 0px; 
	padding: 0px; 
	position: relative; 
	font-family: 'Helvetica Neue', Arial, Geneva, Clean, Sans-serif;
	font-size: 12px;
	line-height: 1.6;
	background-color: #212121;
	color: #dadada; 
	height: 100%;
	z-index: 0;
	}
h1, h2, h3, h4, h5, h6  { font-weight:normal; line-height: 100%; letter-spacing: 1px;font-family: Tahoma, Geneva, sans-serif;}
h1 { font-size: 4.8em }
h2 { font-size: 3.6em }
h3 { font-size: 2.4em }
h4 { font-size: 2.1em }
h5 { font-size: 1.8em }
h6 { font-size: 1.6em }

h1 strong{font-size: 40px;font-weight: bold;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p {line-height:1.6;}
ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
a img{text-decoration: none; border: none;}

blockquote{margin: 10px 20px 20px; padding-left: 25px; font-size: 12px; color: #aaa; font-style: italic; font-family: Georgia, serif; background: url(images/quote.png) 0px 0px no-repeat; }
blockquote p{padding: 0px;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow-x:auto;overflow-y:hidden;padding:0px;line-height: 20px;font-weight: 400;}
pre{padding:0px 5px; border: 1px solid #212121; border-top: 0;background-image: url(images/pre.gif);background-position: 0px 1px; background-repeat: repeat; text-shadow: none; color: #666;}
pre code{margin: 0; padding: 0;}
pre strong,code strong,
pre b,code b{font-weight: normal; color: #333;}

.wrap{margin: 0 auto; padding: 0px; width: 960px; }
.clear{display: inline-block;}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

.alignright,img.alignright,a img.alignright {float:right; margin:5px 0px 10px 15px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:5px 15px 0px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {border: 1px solid #ddd;margin-bottom:18px;text-align: center;background-color: #fff;padding: 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;color: #111;}
.center{text-align:center;}
.floatleft{float: left; _display: inline;}
.floatright{float: right; _display: inline;}
.relative{position: relative;}
img.post-thumbnail{padding: 3px; border: 1px solid #ccc; margin-top: 2px!important;}
.gallery-caption{font-style: italic; font-family: Georgia, serif;}
.gallery-icon{background-image: url(images/looking.png)!important;background-position: center -1000px;background-repeat: no-repeat;}
.gallery-icon a img{border: 1px solid #333!important; padding: 5px; display: block; margin: 0px auto; text-align: center;background-color: #1b1b1b; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.sticky{}

#adm-contact{margin: 0px 0px 20px; padding: 10px 0px 0px}
fieldset{padding:20px;border:1px solid #e5e5e5;}
legend, label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text], input[type=password], input[type=file], select{padding:5px;width:50%;}
textarea{width:70%;height:140px;padding:5px;}
input, textarea, select {outline-style:none!important;}
input[type="submit"]::-moz-focus-inner{border : 0px!important;} 
input[type="submit"]:focus{outline:none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}
input[type=text], input[type=password], input[type=file], textarea, select{
	background-color:#f9f9f9;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;
	font-size: 12px;
	font-family: 'Droid Sans', Arial, Geneva, Clean, Sans-serif;}
	
	/* table(still need this right? :)) */
	table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;margin-bottom:18px;}
	table,td,th {vertical-align:middle;}
	th{padding:5px;color:#666;border-top:1px solid #000;text-transform:uppercase;}
	td{padding:5px;color:#888;}
	tr{background-color: #1b1b1b;}
	tfoot td{border:0px;}
	th{background-color:#333;}
	tr:hover{background-color:#212121;}
	#wp-calendar td{text-align:center; font-size: 10px;}
	#wp-calendar td#next{text-align:right}
	#wp-calendar td#prev{text-align:left}

/* === TOP LAYOUT === */
#top{
	margin: 0px;
	padding: 0px;
	min-height: 70px;
	width: 100%;
	background: url(images/top.png) scroll 0 0 repeat-x;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
#top #logo{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px;
	top: 0px;
	left: 10px;
	width: 205px;
}
#top #logo .inner-logo{
	display: block;
	margin: 0px;
	padding: 10px 10px 0px;
	text-align:center;
}
#top #logo .inner-logo img{
	display: inline-block;
	margin: 0px;
}

/** SEARCH */
#search{
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0;
	width: 50px;
	height: 70px;
}
#search #search-drop{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 50px;
	height: 70px;
	z-index: 1002;
	position: relative;
}
#search #search-drop li{
	float: left;
	position:relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 50px;
	height: 70px;
}
#search #search-drop li span{
	display: block;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 70px;
	cursor: pointer;
}
#search #search-drop li span:hover,
#search #search-drop li.search-on span{
	background-position: -70px 0px;
}
#search-drop li ul#search-container{
	position:absolute;
	list-style-type: none;
	top:70px;
	right: 0; 
	margin: 0;
	padding: 0px;
	display:none;
	z-index: 1001;
	width: 230px;
	height: 100px!important;
}
ul#search-container li{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 230px!important;
	height: 100px!important;
	float: left;
	list-style-type: none;
}
ul#search-container li #search-form{
	margin: 50px 0px 0px 0px!important;
	padding: 0;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 230px;
	height: 50px;
}
#search-form #searchbox{position: absolute;left: 20px;top: 22px;padding: 2px 0px 2px 0px;width: 175px;  font-size: 11px; line-height: 100%; background: none; border: none;letter-spacing: 1px; color: #333;}
#search-form #search-bt{position: absolute; top: 21px; right: 14px; width: 20px; height: 20px; cursor: pointer; background: none; border: none;}
#search-form #searchbox:focus{color: #111;}

/** SLIDER */
#mask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 6;
	background: url(images/mask.png) scroll 0 0  repeat;
}
#slider{
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(images/bg-loader.gif) center no-repeat;
}
#slider img{
	position: absolute;
	width: 100%;
	height: auto!important;
	display: none;
}

/** MENU */
#menu{
	float: right;
	width: 650px;
	height: 70px;
	margin: 0px 20px 0px 0px;
	padding: 0;
}
#menu ul#wipnav{
	margin: 0; 
	padding: 0px; 
	list-style-type: none;
	z-index: 1002;
	position: relative;
	float: right
	}
#wipnav li{ 
	position:relative;
	list-style-type: none; 
	margin: 0px 7px 0px 0px; 
	padding: 0px; 
	float: left;
	display: inline;
	}
#wipnav li a{
	margin: 0; 
	padding: 0px 8px 0px 8px; 
	display: block; 
	height: 65px; 
	line-height: 65px;
	color: #dadada;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, 'sans-serif';
	text-shadow: #ffffff 0px 0px 0px;
	font-size: 10px;
	letter-spacing: 0.5px;
	}
#wipnav li:first-child a{
	padding-left: 0;
}
#wipnav li a:hover, #wipnav li a.onhov{color: #FFF;}
#wipnav ul {
	position:absolute;
	list-style-type: none;
	top:auto;
	left: 0; 
	margin: 0;
	padding: 0px 0px 15px 0px;
	display:none;
	z-index: 1001;
	width: 200px;
	}
#wipnav ul ul, 
#wipnav ul ul ul, 
#wipnav ul ul ul ul, 
#wipnav ul  li.onhove ul{
	position:absolute;
	top:auto;
	left:185px;
	margin:0px 0px 0px 10px;
	padding: 0px 0px 15px 0px;
	}
#wipnav ul li{
	width : 180px;
	padding: 0px 10px 0px 10px;
	margin: 0 0 0 0;
	border-left: none; 
	border-right: none;
	}
#wipnav ul .onhove, 
#wipnav ul li:hover, 
#wipnav ul .current_page_item{
	padding: 0px 10px 0px 10px;
	margin: 0;
	z-index: 1000;
	}
#wipnav li:hover ul ul, 
#wipnav li:hover ul ul ul, 
#wipnav li:hover ul ul ul ul{display:none;}
#wipnav li:hover ul, 
#wipnav li li:hover ul, 
#wipnav li li li:hover ul, 
#wipnav li li li li:hover ul{
	display:block; 
	z-index: 1001;
	}
#wipnav li ul a, #wipnav li.onhove ul a, 
#wipnav li.onhove li.onhove ul a, 
#wipnav li.onhove li.onhove li.onhove ul a{
	width : 160px; 
	height: auto;
	line-height: 18px;
	font-size: 11px!important;
	padding: 10px 10px;
	margin: 0;
	display: block;
	float: left;
	color: #cacaca;
	letter-spacing: 0px;
	}

/** menu background settings start from here */
#wipnav li a{
	background: url(images/menu-sprite.png) scroll 0px -2000px no-repeat; /** # place the sprite here, when site finish loaded the bg automatically loaded too */
}
#wipnav li a:hover{
	color: #FFF;
}
#wipnav li a:hover span{
	color: #FFF;
}
#wipnav ul a,
#wipnav ul ul a,
#wipnav ul ul ul a{
	background: url(images/menu-line.png) scroll left top repeat-x;
	text-shadow: #1b1b1b 0px 1px 0px;
}
#wipnav ul,
#wipnav ul ul,
#wipnav ul ul ul{
	background: url(images/menu-sprite.png) scroll -200px 100% no-repeat;
}
#wipnav ul li{
	background: url(images/menu-sprite.png) scroll 0px 0px repeat-y;
}
#wipnav ul li:first-child{
	padding-top: 15px; 
	background: url(images/menu-sprite.png) scroll -400px -120px no-repeat;
}
#wipnav ul li:first-child>a, #wipnav ul li:first-child>a:hover, #wipnav ul li:first-child>a.pageactive{
	background: none!important; 
	padding-top: 5px;
}

#wipnav ul a:hover, #wipnav ul a.onhov, #wipnav ul a.pageactive,
#wipnav ul ul a:hover, #wipnav li li ul a.onhov, #wipnav ul ul a.pageactive, #wipnav ul ul ul a.pageactive,
#wipnav ul ul ul a:hover{
	color: #f1f1f1!important;
	background: url(images/menu-line.png) scroll left top repeat-x!important;
}
#wipnav li a.pageactive{
	color: #FFF;
}

/** MAIN */
#main{
	margin: 0px;
	padding-bottom: 50px;
	position: relative;
	z-index: 9;
}
#main-bg{
	margin: 0px 0px 20px;
	padding: 0px 10px;
	background: url(images/main-bg.png) scroll 0px 0px repeat-y;
}
#main-bg #main-area{
	margin: 0px;
	padding: 0px;
	background: url(images/content-divid.png) 0 0 repeat-x;
	
}
#main-bg #main-area .normal-content{
	margin: 0px;
	padding: 20px 20px;
	text-shadow: 0px 1px 0px #000;
	min-height: 300px;
	background: url(images/content-divid.png) left bottom repeat-x;
}
#main-bg #main-area .normal-content.with-sidebar{
	margin: 0px 0px;
	padding: 20px;
}
#main-bg #main-area .normal-content.with-sidebar.single{
	margin: 0px 0px;
	padding: 30px 20px 20px;
}
#the-content{
	margin: 0;
	padding: 0px;
	float: left;
	width: 640px;
}
#sidebar{
	margin: 0;
	padding: 0px;
	float: right;
	width: 240px;	
}
#main-area h1#page-title{
	margin: 0px 0px 0px;
	display: block;
	padding: 30px 20px 20px;
	font-size: 46px;
	letter-spacing: 2px;
	background: url(images/strip.png) 0 0 repeat;
	border-bottom: 1px solid #070707;
}
#main-area h1#page-title span{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 46px;
	letter-spacing: 2px;
}
#page-title h1 span.on-single{
	color: #c1c1c1;
}

ul.three_cols,
ul.four_cols{
	margin: 0px;
	padding: 0px 0px 0px;
	list-style-type: none;
}
ul.three_cols_center{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align:center;
	width: 960px;
	display: block;
}
ul.three_cols:after,
ul.four_cols:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
ul.three_cols li.cols{
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 20px;
	width: 300px;
	list-style-type: none;
}
ul.four_cols li.cols{
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 20px;
	width: 220px;
	list-style-type: none;
}
ul.three_cols_center li.cols{
	margin: 0px 8px 20px;
	padding: 0px 0px 0px;
	width: 300px;
	display: inline-block;
	list-style-type: none;
}

#home-navi{
	margin: 0;
	padding: 0;
}
#home-navi ul{
	visibility: hidden;
}
.home-navi-item{
	margin: 0;
	padding: 0;
	height: 200px;
	background: url(images/trans-white.png) repeat;
}

.home-navi-item a{
	display: inline-block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 300px;
	height: 200px;
}
.home-navi-item a img{
	float: left;
	margin: 10px;
	padding: 0;
	display: block;
	width: 280px;
	height: 140px;
}
.home-navi-item a span{
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 28px;
	text-transform: uppercase;
	text-align:center;
}
.home-navi-item a:hover{
	background-color: #000;
}
.home-navi-item a:hover span{
	color: #FFF;
}
#horizontal-thumb{
	position: absolute;
	z-index: 15;
	left: 0;
	top: -240px;
	width: 100%;
	height: 240px;
	background: url(images/vert.png) scroll 0 0 repeat-x;
	overflow: hidden;
}
#horizontal-thumb-scroll{
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 240px;
	overflow: hidden;
	z-index: 16;
}
#horizontal-thumb #horizontal-thumb-scroll #homenavi{
	position: absolute;
	top: 20px;
	left: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 200px;
	list-style-type: none;
}
#horizontal-thumb #horizontal-thumb-scroll #homenavi li{
	float: left; margin: 0px 10px;
	padding: 0px;
	width: 300px;
	height: 200px;
	list-style-type: none;
}
#horizontal-thumb #horizontal-thumb-scroll #homenavi li .home-navi-item a{
	background-color: #050505;
}
#horizontal-thumb #horizontal-thumb-scroll #homenavi li .home-navi-item a:hover{
	background-color: #1b1b1b;
}
	div.hoverscroll {width: 100%; height: 240px;position:relative;margin:0;}
	/* List container */
	div.hoverscroll div.listcontainer {overflow:hidden;margin:0; width: 100%; height: 240px;}
	/* Actual list containing items */
	div.hoverscroll ul.list {list-style:none;margin:0;}
	/* Items contained in the list */
	div.hoverscroll ul.list li.item {display:block;}
	div.hoverscroll div.arrow {}
	div.hoverscroll div.arrow.left{}
	div.hoverscroll div.arrow.right {}

/** PORTFOLIO */
#portfolio{
	margin : 0;
	padding: 10px;
}
#portfolio ul.portfolio-lists{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#portfolio ul#portfolio-lists{
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 0px;
}
ul.portfolio-lists li.cols{
	list-style-type: none;
	float: left;
	margin: 0px 10px 20px;
	padding: 0px;
	width: 210px;
	height: 280px;
}
ul.portfolio-lists:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
ul.portfolio-lists li.cols .portfoliobox{
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 280px;
	background-color: #151515;
}
ul.portfolio-lists li.cols .portfoliobox:hover{
	background-color: #0a0a0a;
}
.portfoliobox .lists_object{
	margin: 0px;
	padding: 10px;
	height: 190px;
}
.portfoliobox .lists_object.wiploading{
	background: url(images/port_load.gif) scroll center no-repeat;
}
.portfoliobox .lists_object img{
	display: block;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 190px;
}
#portfolio-lists .portfoliobox.featured{
	position: relative;
}
#portfolio-lists-filtered .portfoliobox.featured{
	position: relative;
}
.portfoliobox.featured .featured-ribbon{
	position: absolute;
	display: block;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	top: 43px;
	left: 8px;
	background: url(images/featured-ribbon.png) scroll 0 0 no-repeat;
}
.portfoliobox h3.portfolio-lists-title{
	margin: 0px;
	padding: 0px 0px;
	font-size: 18px;
	letter-spacing: 1px;
	height: 35px;
	line-height: 35px;
	text-align:center;
}
.portfoliobox h3.portfolio-lists-title a{
	display:block;
	margin: 0;
	padding: 0px 10px;
	background-color: #212121;
	color: #aaa;
}
.ob_info{
	display: block;
	margin: 0px;
	padding: 0px 0px;
	height: 35px;
	line-height: 35px;
	color: #eee;
	text-align:center;
	background: url(images/strip.png) 0 0 repeat;
}
.ob_info .ob_info_img{
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 24px;
	display: inline-block;
	background: url(images/camera-small.png) scroll  0px center no-repeat;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	height: 35px;
	line-height: 35px;
}
.ob_info .ob_info_vid{
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 24px;
	display: inline-block;
	background: url(images/film-small.png) scroll  0px center no-repeat;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	height: 35px;
	line-height: 35px;
}
.ob_info .ob_info_rate{
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 18px;
	display: inline-block;
	background: url(images/hand.png) scroll  0px center no-repeat;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	height: 35px;
	line-height: 35px;
}


#sort-portfo{
	padding: 0px 0 10px;
	margin: 0px 20px 10px;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
ul#portfolio-filter{
	margin: 0px;
	padding: 10px 0px 0px;
	list-style-type: none;
	height: 25px;
	text-align:center;
}
ul#portfolio-filter li{
	display: inline;
	margin: 0px 10px 0px 10px;
	height: 25px;
	line-height: 25px;
	list-style-type: none;
}
ul#portfolio-filter li a{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #dadada;
}
ul#portfolio-filter li a:hover{
	position: relative;
	top: 1px;
}
ul#portfolio-filter li a.sorted,
ul#portfolio-filter li a.sorted:hover{
}
ul#portfolio-filter li a.sorted:hover{top: 0px;}

h2#portfolio-single-title{
	margin: 0px 0px 20px;
	padding: 0px 0px 12px;
	background: url(images/line.gif) scroll left bottom repeat-x;
	font-size: 32px;
	letter-spacing: 0;
}
.left-port{
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
}
#portfolio-object-holder{
	float: right;
	margin: 0;
	padding: 0;
	width: 670px;	
}

#portfolio-object-box{
	display: block;
	position: relative;
	margin: 0px 0px 0px;
	padding: 0px 0px 30px;
}
#portfolio-object-box .portfolio-object-begin{
	margin: 0px;
	padding: 10px;
	border: 1px solid #212121;
}
#portfolio-object-box .portfolio-object-begin #pp_start{
	display: block;
	height: 500px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: url(images/p_spin.gif) center no-repeat;
}
#pp_start ul#portfolio-single-play{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 648px;
}
ul#portfolio-single-play li{
	float: left;
	width: 648px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#portfolio-single-play li img{
	display: block;
	max-width: 648px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
ul#portfolio-single-play li object,
ul#portfolio-single-play li  embed{
	display: block;
	margin: 0;
	padding: 0;
}

ul#quote_pp_single{
	list-style-type: none;
	height: 12px;
	width: 670px;
	display: block;
	margin: 10px 0px 20px;
	padding: 0px;
	text-align:center;
}
ul#quote_pp_single li{
	list-style-type: none;
	display: inline;
	margin: 0px 2px;
	padding: 0px;
	height: 12px;
	width: 11px;
}
ul#quote_pp_single li a{
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 12px;
	width: 11px;
	background: url(images/portfolio-box-bullet.png) scroll 0 0 no-repeat;
	outline: none;
}
ul#quote_pp_single li a.pressed{
	background-position: 100% 0%;
}

a.like-this-post{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0px auto 20px;
	padding: 0;
	background: url(images/like.png) scroll  0 0 no-repeat;
	text-align: center;
	color: #FFF;
	text-shadow: 0px 1px 0px #000;
	font-family: Arial, 'sans-serif';
	font-size: 18px;
	line-height: 145px;
	overflow: hidden;
}
a.like-this-post:hover{
	color: #FFF;
	background-position: 100% 100%;
}



#bookmark{
	margin: 0px;
	padding: 0;
}
#bookmark h4{
	letter-spacing: 1px;
	font-size: 17px;
	margin: 0px 0px 5px;
	color: #999;
}
.bookmark-con{margin: 0px 0px 20px; padding: 15px 0px; height: 84px;background: url(images/line.gif) scroll left top repeat-x;}
.blog_lists .bookmark-con{margin: 0px 0px 35px;}
ul.bookmark{ margin: 0px; padding: 0px; list-style-type: none; text-align:center;}
ul.bookmark li{display: inline; width: 42px; height: 42px; margin: 0px 0px 0px 0px; padding: 0px;background: url(images/bmbg.png) 0 0 no-repeat;list-style-type: none;}
ul.bookmark li a{float: left;display: inline-block; margin: 0px 5px 10px 5px; width: 32px; height: 32px;}
ul.bookmark li a.buzz{background: url(images/bookmark.png) scroll 0px -32px no-repeat;}
ul.bookmark li a.buzz:hover{background-position: 0px 0px;}
ul.bookmark li a.delicious{background: url(images/bookmark.png) scroll -32px -32px no-repeat;}
ul.bookmark li a.delicious:hover{background-position: -32px 0px;}
ul.bookmark li a.dfloat{background: url(images/bookmark.png) scroll -64px -32px no-repeat;}
ul.bookmark li a.dfloat:hover{background-position: -64px 0px;}
ul.bookmark li a.digg{background: url(images/bookmark.png) scroll -96px -32px no-repeat;}
ul.bookmark li a.digg:hover{background-position: -96px 0px;}
ul.bookmark li a.facebook{background: url(images/bookmark.png) scroll -128px -32px no-repeat;}
ul.bookmark li a.facebook:hover{background-position: -128px 0px;}
ul.bookmark li a.friendfeed{background: url(images/bookmark.png) scroll -160px -32px no-repeat;}
ul.bookmark li a.friendfeed:hover{background-position: -160px 0px;}
ul.bookmark li a.google{background: url(images/bookmark.png) scroll -192px -32px no-repeat;}
ul.bookmark li a.google:hover{background-position: -192px 0px;}
ul.bookmark li a.reddit{background: url(images/bookmark.png) scroll -224px -32px no-repeat;}
ul.bookmark li a.reddit:hover{background-position: -224px 0px;}
ul.bookmark li a.stumbleupon{background: url(images/bookmark.png) scroll -256px -32px no-repeat;}
ul.bookmark li a.stumbleupon:hover{background-position: -256px 0px;}
ul.bookmark li a.technorati{background: url(images/bookmark.png) scroll -288px -32px no-repeat;}
ul.bookmark li a.technorati:hover{background-position: -288px 0px;}
ul.bookmark li a.twitter{background: url(images/bookmark.png) scroll -320px -32px no-repeat;}
ul.bookmark li a.twitter:hover{background-position: -320px 0px;}

/** BLOG */
.blog-lists{
	margin: 0px 0px 0px;
	padding: 0px 0px 80px;
}
.blog-lists.single{
	margin: 0px 0px 0px;
	padding: 0px 0px 40px;
}
.blog-lists h2.blog-lists-title{
	margin: 0px;
	padding: 0px 0px;
	font-size: 32px;
	letter-spacing: 0;
}
.blog-lists h2.blog-lists-title a{
	display: inline-block;
	padding: 0px 1px;
}
.blog-lists h2.search-lists-title{
	margin: 0px 0px 15px;
	padding: 0px 0px 8px;
	background: url(images/line.gif) scroll left bottom repeat-x;
	font-size: 24px;
	letter-spacing: 0;
}
.blog-lists h2.blog-single-title{
	margin: 0px;
	padding: 0px 0px 0px;
	font-size: 32px;
	letter-spacing: 0;
}
.blog-lists .post-by{
	display: block;
	margin: 0px 0px 15px;
	padding: 4px 0px 6px;
	font-size: 9px;
	line-height: 14px;
	height: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.blog-lists .post-by a{
	display: inline-block;
	margin: 0px;
	padding: 0px 1px;
	text-shadow: none;
}
.blog-thumb{
	display: block;
	margin: 0px 0px 20px;
	padding: 0px;
}
.blog-thumb img{
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 250px;
}
.blog-lists-more{
	margin: 5px 0px;
	padding: 0px;
	height: 30px;
	line-height: 30px;
}
.blog-lists-more .posted-in{
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 9px;
	background-color: #111;
	text-shadow: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.blog-lists-more .single-tag{
	float: right;
	display: inline-block;
	margin: 0;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	font-size: 9px;
	background-color: #111;
	text-shadow: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.blog-lists-more .posted-more{
	float: right;
	display: inline-block;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	font-size: 9px;
	text-shadow: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
}
.blog-lists-more .posted-more a{
	display: block;
	margin: 0px;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	background-color: #111;
	color: #FFF;
}



/** SIDEBAR */
.sidebarbox{
	margin: 0px 0px 20px;
	padding: 10px;
	font-size: 12px;
	background: url(images/strip.png) 0 0 repeat;
}
.sidebarbox h3.sidebar-title{
	margin: -10px -10px 12px -10px;
	padding:10px 10px 8px;
	color: #777;
	font-size: 18px;
	text-transform: uppercase;
}
.sidebarbox ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebarbox ul li{
	margin: 0;
	padding: 2px 0px;
	list-style-type: none;
}

/** pagination */
.wip-pagenavi{padding: 0px 0px; margin-bottom: 20px; margin-top: -50px; text-align: center; font-family: Arial, 'sans-serif'; font-size: 11px; font-weight: bold;}
#portfolio .wip-pagenavi{margin-top: 0px;}
.wip-pagenavi span{display: inline-block; height: 20px; line-height: 20px; padding: 0px 7px;margin: 0px 3px; text-transform: uppercase;}
.wip-pagenavi a{
	background: #1b1b1b;
	border: 1px solid #212121;
	display: inline-block; 
	height: 20px; 
	line-height: 20px; 
	padding: 0px 7px;
	margin: 0px 3px;
	}
.wip-pagenavi a:hover{
	background: #252525;
	border: 1px solid #212121;
}
.wip-pagenavi a:active{
	background: #050505;
	border: 1px solid #000;
	position: relative;
	top: 1px;
}
.wip-pagenavi span.current{
	background: #555;
	border: 1px solid #212121;
	}

/** ===================================================================================================================== 

STYLING WIDGETS 

========================================================================================================================= */


/* recent posts widget */
.sidebarbox.widget_recent_entries ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.sidebarbox.widget_recent_entries ul li{
	margin: 0px;
	padding: 8px 0px 12px 0px;
	list-style-type: none;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.sidebarbox.widget_recent_entries ul li:first-child{
	padding-top: 0;
}
.sidebarbox.widget_recent_entries ul li a{
	display: inline-block;
	background: url(images/w-blog.png) scroll 0px 3px no-repeat;
	padding: 0px 0px 0px 22px;
}

/* archive widget */
.sidebarbox.widget_archive ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.sidebarbox.widget_archive ul li{
	margin: 0px;
	padding: 8px 0px 12px 0px;
	list-style-type: none;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.sidebarbox.widget_archive ul li:first-child{
	padding-top: 0;
}
.sidebarbox.widget_archive ul li a{
	display: inline-block;
	background: url(images/w-archive.png) scroll 0px 3px no-repeat;
	padding: 0px 0px 0px 22px;
}

/* category widget */
.sidebarbox.widget_categories ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.sidebarbox.widget_categories ul li{
	margin: 0px;
	padding: 8px 0px 12px 0px;
	list-style-type: none;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.sidebarbox.widget_categories ul li:first-child{
	padding-top: 0;
}
.sidebarbox.widget_categories ul li a{
	display: inline-block;
	background: url(images/w-cat.png) scroll 0px 5px no-repeat;
	padding: 0px 0px 0px 22px;
}

/* widget nav menu */
.sidebarbox.widget_nav_menu ul,
.sidebarbox.widget_pages ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.sidebarbox.widget_nav_menu ul li,
.sidebarbox.widget_pages ul li{
	margin: 0px;
	padding: 8px 0px 12px 0px;
	list-style-type: none;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.sidebarbox.widget_nav_menu ul li:first-child,
.sidebarbox.widget_pages ul li:first-child{
	padding-top: 0;
}
.sidebarbox.widget_nav_menu ul.sub-menu li:first-child,
.sidebarbox.widget_pages ul.children li:first-child{
	padding-top: 8px;
}
.sidebarbox.widget_nav_menu ul ul,
.sidebarbox.widget_nav_menu ul ul ul,
.sidebarbox.widget_pages ul ul,
.sidebarbox.widget_pages ul ul ul{
	padding-top: 8px;
}
.sidebarbox.widget_nav_menu ul ul li,
.sidebarbox.widget_pages ul ul li{
	margin-left: 15px;
	background: none;
	border-bottom: 1px dotted #ececec;
}
.sidebarbox.widget_nav_menu ul li a,
.sidebarbox.widget_pages ul li a{
	display: inline-block;
	background: url(images/footer-lists.png) scroll 0px 4px no-repeat;
	padding: 0px 0px 0px 22px;
}

/** widget meta */
.sidebarbox.widget_meta ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.sidebarbox.widget_meta ul li{
	margin: 0px;
	padding: 8px 0px 12px 0px;
	list-style-type: none;
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.sidebarbox.widget_meta ul li:first-child{
	padding-top: 0;
}
.sidebarbox.widget_meta ul li a{
	display: inline-block;
	background: url(images/footer-lists.png) scroll 0px 4px no-repeat;
	padding: 0px 0px 0px 22px;
}

/* widget tag clouds */
.widget_tag_cloud .tagcloud{
	margin: 0;
	padding: 2px 0px;
	text-align:center;
}
.widget_tag_cloud a{
	font-size: 11px!important;
	padding: 1px 5px;
	display: inline-block;
	background-color: #212121;
	border-bottom: 1px solid #212121;
	margin: 0px 1px 6px 1px;
	text-shadow: none;
}
.widget_tag_cloud a:hover{
	background-color: #444;
	border-bottom: 1px solid #212121;
}


/* Text widgets */
.sidebarbox .textwidget p{
	margin: 8px 0px 8px;
}

/** custom latest blog */
ul.lastest_blog{
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
ul.lastest_blog li{
	margin: 0; 
	padding: 8px 0px 8px 0px!important; 
	list-style-type: none; 
	min-height: 73px; 
	list-style-type: none; 
	list-style-image: none;
	border: 0!important;
	}
.sidebarbox ul.lastest_blog li{
	background: url(images/line.gif) scroll left bottom repeat-x;
}
ul.lastest_blog li .box_blog_title{
	display: block;
	margin: 0px 0px 4px; 
	padding: 1px 0px 0px;  
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
	letter-spacing: 0px;
	font-family:  Arial,Geneva,Clean,Sans-serif;
	}
ul.lastest_blog li span.box_blog_meta_small{
	display: inline-block; 
	margin: 0px 0px 0px; 
	padding: 0px 0px 0px 0px;  
	font-size: 8px; 
	color: #888;
	line-height: 110%;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
ul.lastest_blog li span.box_blog_meta_small span{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	font-size: 8px;
	line-height: 110%;
}
.small_list_blog{
	margin: 0; 
	padding: 0px 0px 0px 80px; 
	position: relative;
	}
.small_list_blog .small_list_blog_thumbnail{
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 70px; 
	height: 73px; 
	margin: 0px; 
	padding: 0px;
	background: url(images/widget-thumbnail.png) 0 0 no-repeat;
	}
.small_list_blog .small_list_blog_thumbnail img{
	float: left; 
	margin: 0px; 
	padding: 5px; 
	width: 60px; 
	height: 60px;
	}
ul.lastest_blog li a{background: none; padding: 0!important; margin: 0!important;}
ul.lastest_blog li span.box_blog_meta_small a{display: inline;}

/* twitter */
.twitter_widget ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.twitter_widget li {
	list-style-type: none;
	margin: 0px 0px 6px!important;
	padding: 2px 0px 4px!important;
}
.twitter_widget li:first-child{
	padding-top: 0!important;
}
.sidebarbox.twitter_widget ul li{
	background: url(images/line.gif) scroll left bottom repeat-x;
}
.footbarbox.twitter_widget ul li a{
	background: none;
	padding: 0;
	display: inline;
}
.twitter_widget li .twitter-text{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: url(images/tweet.png) 0px 5px no-repeat!important;
}
.twitter_widget li .twitter-date{
	display: block;
	margin: 0px;
	padding: 4px 0px 4px 28px;
	font-size: 10px;
}

/** Flickr */

.flickr{display: block; margin: 0px; padding: 0px;}
.flickr a{display: inline-block; padding: 3px; float: left; margin: 5px 5px 5px; background-color: #212121; border: 1px solid #0a0a0a;}
.flickr a:hover{background-color: #333; border: 1px solid #555;}
.flickr a img{display: block; margin: 0px; padding: 0px; width: 55px; height: 55px;}
.flick{color: #0062DC; letter-spacing: 6px;}
.cr{color: #FF0083; letter-spacing: 6px;}


/** FOOTER */
#footer{
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 100%;
	background: url(images/footer.png) scroll 0 0 repeat-x;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}
#copy-r{
	float: left;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	line-height: 40px;
	height: 40px;
	font-size: 11px;
	color: #e1e1e1;
	letter-spacing: 1px;
}
#footer ul#social-icons{
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 20px 0px 0px;
	list-style-type: none;
}
#social-icons li{
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	list-style-type: none;
}
#social-icons li a,
#social-icons li img{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

/** === CONTACT FORM === */		
.label{
	display: inline-block; 
	width: 80px;
	margin: 0px;
	vertical-align: top;
	padding-top: 3px; 
	}
.req{
	color: #ED3C3C; 
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	padding-top: 3px;
	}
.req small{
	font-weight: normal;
	font-size: 11px;
	vertical-align: top;
	}
.contactload{
	margin: 4px 0px 0px 8px;
	height: 17px; 
	line-height: 16px; 
	padding-left: 22px;
	padding-top: 5px;
	display: inline-block;
	vertical-align:top;
	background:url(images/small_loader.gif) 0 5px no-repeat; 
	font-size: 11px;
	}
#contact_success{
	background: #e9ffa9 url(images/success.gif) 5px 50% no-repeat;
	border: 1px solid #c7e768;
	color: #607426;
	padding: 12px 0px 12px 35px;
	margin: 0px 0px 20px;
	position: relative;
	text-shadow: none;
	}
#contact_success .jq_close{
	display: block;
	cursor: pointer; 
	position: absolute; 
	right: 3px; 
	top: 3px;
	width: 16px; 
	height: 16px; 
	background: url(images/close.png) 0 0 no-repeat;
	}
	
/** ===================================================================================================================== 

COMMENT

========================================================================================================================= */

#comments{
	margin: 0px; 
	padding: 0px 0px 15px;
	}
h3#comments-title{
	padding: 10px 15px 8px;
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ol.commentlist{
	list-style-type: none; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 15px; 
	background:url(images/line.gif) repeat-x scroll center bottom;
}
ol.commentlist ul.children{
	margin-left: 30px;
}
ol.commentlist li{
	list-style-type: none;
	margin: 0; 
	padding: 10px 0px 0px 0px;
}

ol.commentlist li .comment_entries{
	margin:  0px; 
	padding: 10px 105px 10px 10px; 
	position: relative; 
	min-height: 70px;
	background-image: url(images/comment_entry.jpg); 
	background-position: 100% 0%; 
	background-repeat: repeat-y; 
	background-color: #1b1b1b; 
	border: 1px solid #212121;
}
ol.commentlist li.bypostauthor>.comment_entries{
	
}
.comment_entries .comment-author{
	position: absolute; 
	top: 10px; 
	right: 10px; 
	width: 70px; 
	height: 70px; 
	border: 1px solid #666;
}
.comment_entries .comment-author img{
	display: block; 
	margin: 5px; 
	width: 60px; 
	height: 60px;
}
.comment_entries .reply{
	position: absolute; 
	right: 1px; 
	bottom: 1px; 
	display: inline-block;
	line-height: 100%;
}
.comment_entries .reply .comment-reply-link{
	display: inline-block; 
	padding: 3px 5px; 
	line-height: 100%;
	margin: 0; 
	background-color: #555; 
	background-image: url(images/button-fade.png); 
	background-position: 0% 0%; 
	background-repeat:repeat-x;
	color: #FFF; 
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: none;
}
.comment_entries .reply .comment-reply-link:hover{background-position: 0% 100%;}
.comment_entries .commentmetadata{
	font-size: 10px; 
	padding: 5px 10px; 
	margin: 0px 0px 15px;
	background: #111 url(images/strip.png) 0 0 repeat;
	color: #dadada;
}
.comment_entries .commentmetadata strong{
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif; 
	letter-spacing: 1px; 
	color: #888; 
	padding-right: 5px;
}
.comment_entries .comment-body{margin: 0; padding: 0px 10px 10px; font-size: 11px;}
.comment_entries .comment_waiting{
	position: absolute; 
	bottom: 0; 
	left: 0; 
	padding: 1px 5px; 
	background: #fffca1; 
	color: #aaa; 
	font-size: 10px;
}

#before-comment-form{
	padding: 0px; 
	margin: 10px 0px 0px;
	border: 1px solid #000;
}
#respond{
	padding: 0px; 
	margin: 0px; 
	background-color: #1b1b1b;
	border: 1px solid #212121;
}
#respond a{
	color: #aaa;
	border-bottom: 1px dotted #aaa;
}
ol.commentlist #respond{
	padding: 0px; 
	margin: 10px 0px 0px;
	border: 1px solid #212121;
}
#respond label{ 
	display: none; 
}
#respond form{
	margin: 0;
	padding: 15px;
}
#respond .required{
	display: inline-block; 
	margin: 0 0 0 5px; 
	padding: 0;
	font-size: 10px; 
	color: #bb0000; 
}
h3#reply-title {
	display: block; 
	position: relative;
	margin: 0px 0px 10px;
	font-size: 20px;
	text-transform: uppercase;
	padding: 10px 15px 8px;
	letter-spacing: 0px;
}
h3#reply-title a#cancel-comment-reply-link{
	position: absolute; 
	right: 10px; 
	top: 8px;
	display: inline-block; 
	padding: 3px 5px; 
	line-height: 100%; 
	margin: 0; 
	background-color: #555;
	border: 1px solid #555;
	background-image: url(images/button-fade.png); 
	background-position: 0% 0%; 
	background-repeat:repeat-x;
	color: #FFF; 
	font-family:  "Lucida Sans Unicode","Lucida Grande", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 13px;
	text-shadow: none;
}
h3#reply-title a#cancel-comment-reply-link:hover{
	background-position: 0% 100%;
}
.do_com_fix{
	display: inline-block; 
	margin: 0; 
	padding: 0; 
	height: 15px; 
	width: 100%;
}

p.comment-form-emai{padding-top: 0px;}
p.form-allowed-tags, .comment-notes{display: none; height: 0;}
p.form-submit{padding: 0px; margin: 0px;}
.before-comment{display: block; margin: 0; padding: 0; height: 30px;}
	
	.navigation{margin: 0; padding: 0; height: 35px;}
	.navigation .nav-previous{float: left;margin: 0; padding: 0}
	.navigation .nav-next{float: right; margin: 0; padding: 0;}
	
/** ===================================================================================================================== 

SHORTCODES

========================================================================================================================= */


/** === normal columns (by shortcode) */
.normal-fourth-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 4% 0 0;
	width: 22%;
}
.normal-fourth-columns.right{
	margin: 0px 0px 0px 0px!important;
}

.normal-three-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 5% 0 0;
	width: 30%;
}
.normal-three-columns.right{
	margin: 0px 0px 0px 0px!important;
}

.normal-two-columns{
	float: left;
	padding: 10px 0px 20px;
	margin: 0 0 0 0;
	width: 48%;
}
.normal-two-columns.right{
	float: right;
	margin: 0px 0px 0px 0px!important;
}

/** columns mixing */
.one_third{
	float:left; 
	width: 30%; 
	margin: 0 5% 0 0; 
	padding: 10px 0px 20px;
}
.one_third_last{
	float:right;
	width: 30%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.two_third_last{
	float: right; 
	width: 65%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.two_third{
	float: left; 
	width: 65%; 
	margin: 0 5% 0 0; 
	padding: 10px 0px 20px; 
}
.one_fourth{
	float: left;
	width: 22%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px; 
}
.three_fourth_last{
	float: right; 
	width: 74%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.three_fourth{
	float: left; 
	width: 74%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px;
}
.two_fourth{
	float: left; 
	width: 48%; 
	margin: 0 4% 0 0; 
	padding: 10px 0px 20px;
	}
.two_fourth_last{
	float: right; 
	width: 48%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}
.one_fourth_last{
	float: right; 
	width: 22%; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 20px;
}

/* list style */
ul.list_arrow, ul.list_delete, ul.list_document,
ul.list_gear, ul.list_heart, ul.list_help,
ul.list_label, ul.list_pencil, ul.list_plus,
ul.list_tick, ul.list_trash, ul.list_warning{
	list-style-type: none;
	padding: 0px 0px 0px;
	margin-left: 0;
}
ul.list_arrow li, ul.list_delete li, ul.list_document li,
ul.list_gear li, ul.list_heart li, ul.list_help li,
ul.list_label li, ul.list_pencil li, ul.list_plus li,
ul.list_tick li, ul.list_trash li, ul.list_warning li{
	margin-left: 0px;
	padding: 4px 0px 4px 24px;
	list-style-type: none;
}

ul.list_arrow li{
	background: url(images/lists/arrow.png) scroll 0px 6px no-repeat;
}
ul.list_delete li{
	background: url(images/lists/delete.png) scroll 0px 6px no-repeat;
}
ul.list_document li{
	background: url(images/lists/document.png) scroll 0px 6px no-repeat;
}
ul.list_gear li{
	background: url(images/lists/gear.png) scroll 0px 6px no-repeat;
}
ul.list_heart li{
	background: url(images/lists/heart.png) scroll 0px 6px no-repeat;
}
ul.list_help li{
	background: url(images/lists/help.png) scroll 0px 6px no-repeat;
}
ul.list_label li{
	background: url(images/lists/label.png) scroll 0px 6px no-repeat;
}
ul.list_pencil li{
	background: url(images/lists/pencil.png) scroll 0px 6px no-repeat;
}
ul.list_plus li{
	background: url(images/lists/plus.png) scroll 0px 6px no-repeat;
}
ul.list_tick li{
	background: url(images/lists/tick.png) scroll 0px 6px no-repeat;
}
ul.list_trash li{
	background: url(images/lists/trash.png) scroll 0px 6px no-repeat;
}
ul.list_warning li{
	background: url(images/lists/warning.png) scroll 0px 6px no-repeat;
}

/** divider & dropcap & pullquotes */
.divider{
	margin: 0px 0px 20px; 
	height: 2px; 
	display: block; 
	background:url(images/line.gif) repeat-x scroll center bottom;
}
.dropcap{
	float: left; 
	display: inline-block; 
	font-size: 36px; 
	font-weight: bold; 
	line-height: 100%; 
	margin: 0px 12px 0px 0px;
	position: relative; 
	top: 1px;
	color: #f1f1f1;
	font-family: Georgia, 'serif'
}
.quote_left{
	float: left; 
	display: inline-block; 
	width: 40%; 
	margin: 20px 20px 20px 0px; 
	padding: 0px 15px 0px 25px; 
	min-height: 40px; 
	font-size: 12px;
	font-style: italic; 
	font-family:Georgia, serif; 
	background: url(images/quote.png) scroll 0 0 no-repeat; 
	color: #aaa;
	}
.quote_right{
	float: right; 
	display: inline-block; 
	width: 40%; 
	margin: 20px 0px 20px 20px; 
	padding: 0px 15px 0px 25px; 
	min-height: 40px; 
	font-size: 12px; 
	font-style: italic; 
	font-family:Georgia, serif; 
	background: url(images/quote.png) scroll 0 0 no-repeat; 
	color: #aaa;
}


/** tabs */
.breaks_tab{
	margin: 0px 0px 30px;
	padding: 0px;
}
.breaks_tab ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 36px;
	background-color: #1b1b1b;
	background-image: url(images/fade-black.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border: 1px solid #212121;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.breaks_tab ul.tabs li{
	margin: 0px 1px 0px 0px;
	padding: 0;
	list-style-type: none;
	float: left;
	height: 36px;
}
.breaks_tab ul.tabs li a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px ;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, 'sans-serif';
	color: #eee;
	border-right: 1px solid #0a0a0a;
}
.breaks_tab ul.tabs li:first-child a{
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
}
.breaks_tab ul.tabs li a span{
	display: inline-block;
	margin: 0px;
	padding: 0px 18px 0px 20px ;
	height: 36px;
	line-height: 36px;
	color: #888;
	text-shadow: none;
	cursor: pointer;
}
.breaks_tab ul.tabs li a:hover{
	background: #1f1f1f;
}
.breaks_tab ul.tabs li a.active_tab{
	cursor: default;
	line-height: 40px;
	height: 37px;
	background-color: #2f2f2f;
	position: relative;
}
.breaks_tab ul.tabs li a.active_tab span{
	color: #FFF;
	font-weight: bold;
	cursor: default;
	line-height: 40px;
}
.panes{
	margin: 0px;
	padding: 20px;
	background-color: #2f2f2f;
	border: 1px solid #212121;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top: 0;
}
.panes .pane{
	margin: 0;
	padding: 0;
}

/** toggle */
.toggle_container{
	margin: 0px 0px 20px;
	padding: 0px 0px 0px;
	background: #2f2f2f;
	border: 1px solid #212121;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.toggle_container h3.toggle_title{
	display: block;
	position: relative;
	margin: 0px;
	padding: 12px 15px 10px 40px!important;
	font-size: 17px;
	background-color: #1b1b1b;
	color: #eee;
	letter-spacing: 2px;
	background-image: url(images/fade-black.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}
.toggle_container h3.toggle_title:hover{
	color: #777;
}
.toggle_container h3.toggle_title .toggle_indicator{
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 10px;
	top: 9px;
	background: url(images/toggle.png) scroll 0 0 no-repeat;
}
.toggle_container h3.toggle_title.toggle_open{
	color: #777;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.toggle_container h3.toggle_title.toggle_open .toggle_indicator{
	background-position: 0% 100%;
}
.toggle_container .toggle_body{
	margin: 0px;
	padding: 0px 15px 20px;
	display: none;
}

/** button */

.small-button{
	position:relative;
	display: inline-block;
	margin: 0px 12px 10px 12px;
	padding: 0px 5px;
	height: 30px;
	line-height: 30px;
	background-image: url(images/small_button.png) ;
	background-position: 0px -31px;
	background-repeat: repeat-x;
	text-shadow: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, 'sans-serif';
}
.small-button .button_to_left{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: -10px;
	background-image: url(images/small_button.png) ;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.small-button .button_to_right{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 30px;
	position: absolute;
	top: 0px;
	right: -10px;
	background-image: url(images/small_button.png) ;
	background-position: 0px -62px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.small-button:hover{
	background-position: 0px -124px;
}
.small-button:hover .button_to_left{
	background-position: 0px -93px;
}
.small-button:hover .button_to_right{
	background-position: 0px -155px;
}

.medium-button{
	position:relative;
	display: inline-block;
	margin: 0px 12px 10px 12px;
	padding: 0px 5px;
	height: 40px;
	line-height: 40px;
	background-image: url(images/medium_button.png) ;
	background-position: 0px -40px;
	background-repeat: repeat-x;
	text-shadow: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, 'sans-serif';
}
.medium-button .button_to_left{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: -10px;
	background-image: url(images/medium_button.png) ;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.medium-button .button_to_right{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 40px;
	position: absolute;
	top: 0px;
	right: -10px;
	background-image: url(images/medium_button.png) ;
	background-position: 0px -80px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.medium-button:hover{
	background-position: 0px -160px;
}
.medium-button:hover .button_to_left{
	background-position: 0px -120px;
}
.medium-button:hover .button_to_right{
	background-position: 0px -200px;
}

.big-button{
	position:relative;
	display: inline-block;
	margin: 0px 12px 10px 12px;
	padding: 0px 15px;
	height: 45px;
	line-height: 45px;
	background-image: url(images/big_button.png) ;
	background-position: 0px -45px;
	background-repeat: repeat-x;
	text-shadow: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, 'sans-serif';
}
.big-button .button_to_left{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 45px;
	position: absolute;
	top: 0px;
	left: -10px;
	background-image: url(images/big_button.png) ;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.big-button .button_to_right{
	display: block;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 45px;
	position: absolute;
	top: 0px;
	right: -10px;
	background-image: url(images/big_button.png) ;
	background-position: 0px -90px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.big-button:hover{
	background-position: 0px -180px;
}
.big-button:hover .button_to_left{
	background-position: 0px -135px;
}
.big-button:hover .button_to_right{
	background-position: 0px -225px;
}

/** video wraper */
.motion{
	display: inline-block;
	padding: 5px;
	background-color: #1b1b1b;
	border: 1px solid #212121;
}
.quicktime{z-index: -9999!important;}
.motion.alignleft{
	margin-right: 20px;
	margin-top: 5px;
}
.motion.alignright{
	margin-left: 20px;
	margin-top: 5px;
}
.motion.aligncenter{
	display: block;
	margin: 0px auto 15px;
	background: none;
	border: 0;
	text-align:center!important;
}
.motion.aligncenter embed,
.motion.aligncenter object{
	margin: 0px auto;
}
.motion embed,
.motion object{display: block; margin: 0; padding: 0;}