/*
Theme Name: RETRO TOUCH LIGHT - Version:  1
Description:  Designed by <a href="http://themeforest.net/user/josweb">josweb</a>.
Author:  <a href="http://www.spiralpixel.com">Jo</a>
 
	Reset & Font Face
01. General Styling
	a) general
	b) links
	c) dividers
	d) lists
	e) drop caps, quotes
	f) image styles
	g) typography
	h) columns
	i) logo
	j) main navigation
	k) nivo slider settings
02. SECTIONS
	1. Drop Down Panel
	2.  Index3.html Slider
03. About Me - skills chart
04. Featured Projects
	a) sidebar menu
	b) back to top link
	c) projects pagination
	d) project 1
	e) project 2
05. Portfolio
06. Services
	a) sevice panels
	b) accordian
	c) testimonials slider
07. Contact
	a) map
	b) social icons
	c) contact form
	d) twitter
08. Blog
	a) meta & general
	b) tags
	c) categories
	d) pagination
	e) comments
	f) comments form
09. Footer & Tool Tips
10. Extra Styling
	a) buttons
	b) dividers
	c) table
	d) info boxes
	e) tabs
 */
/* RESET */
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #000;
}
	
/***************************************************
FONT
 ***************************************************/
@font-face {
    font-family: 'OswaldLight';
    src: url('style/font/oswaldlight-webfont.eot');
    src: url('style/font/oswaldlight-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('style/font/oswaldlight-webfont.woff') format('woff'),
         url('style/font/oswaldlight-webfont.ttf') format('truetype'),
         url('style/font/oswaldlight-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'OswaldBook';
    src: url('style/font/oswaldbook-webfont.eot');
    src: url('style/font/oswaldbook-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('style/font/oswaldbook-webfont.woff') format('woff'),
         url('style/font/oswaldbook-webfont.ttf') format('truetype'),
         url('style/font/oswaldbook-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal; }

/*************************************************************
	01. GENERAL STYLING
 *************************************************************/

/* A) GENERAL ++++++++++++++++++++++++++++++++++++++++++++ */

* { margin: 0; padding: 0; }
 
body {
	background: #eee url(style/images/strip.png) repeat;
	margin: 0 auto;
	height: 110px;
	text-shadow: 0 1px 0 #FFF;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #555;
	border-bottom: 3px solid #ccc; }
 
html {
	background: url(style/images/bodybg.png);
	display: block; }
	
.strip {
	height: 10px;
	margin: 0 auto 0px;
}
.strip1 {
	height: 10px;
	margin: 0 auto 0px;
}
 
#wrapper {
	margin: 0 auto;
	width: 960px; }
 
#content {
	margin: 30px auto;
	width: 950px;
	text-align: left;
}
 
p {
	margin: 0;
	padding: 0 0 15px;
	text-align: justify;
	font-size: 14px;
	color: #000;
}
 
.clear { clear: both; }
 
.highlight {
	padding: 1px 2px;
	background-color: #e25d33;
	color: #fff;
	text-shadow: none; }
	
.highlight_dark{
	padding: 1px 2px;
	background-color: #555;
	color: #fff;
	text-shadow: none; }
	
pre,code {
	background-color: #fefefe;
	border: 1px solid #ccc;
	color: #555;
	display: block;
	font-family: monospace;
	font-size: 11px;
	margin: 10px 0;
	padding: 5px 10px;
	text-shadow: none; }
 
/* B) LINKS ++++++++++++++++++++++++++++++++++++++++++++ */
a,a.pirobox {
	-moz-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-webkit-transition: background-color .2s linear, color .2s linear;
	color: #000;
	outline: 0;
	text-decoration: none;
	transition: background-color .2s linear, color .2s linear; }
 
a:hover {
	color: #000;
	font-weight: bold;
}


 
.back { margin-right: 15px; float: right; }
.back :before{
	content: "\2190";
	margin-right: 5px;
	color: #333;
	float: left; }
	
/* C) DIVIDERS ++++++++++++++++++++++++++++++++++++++++++++ */
.divider {
	background: url(style/images/dividers/divider1.png) 1% 0;
	height: 5px;
	margin: 10px 0 20px; }
 
.divider2 {
	background: url(style/images/dividers/divider3.png) repeat;
	height: 8px;
	margin: 0 0 25px; }
 
.divider-work {
	background: url(style/images/dividers/divider7.png) repeat;
	height: 5px;
	margin: 8px 0 10px; }

.divider_index {
	background: url(style/images/dividers/divider1.png) 1% 0;
	height: 5px;
	margin:20px 0 0px 0;}
	
.divider-portfolio {
	background: url(style/images/dividers/divider3.png) 1% 0;
	height: 8px;
	margin:0px 0 15px;}
	
.divider-blog{
	background: url(style/images/dividers/divider3.png) 1% 0;
	height: 8px;
	margin:0px 0 45px;}
 
/* D) LISTS ++++++++++++++++++++++++++++++++++++++++++++ */
ul.bullet,ul.pointer {
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 0; }
 
/* Bullet List */
ul.bullet li {
	background: transparent url(style/images/bullet.jpg) no-repeat;
	background-position: 0 8px;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 10px 24px; }
 
/* Disc List */
ul.disc li {
	background: transparent url(style/images/bullet2.png) no-repeat;
	background-position: -5px -1px;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 10px 21px; }
 
/* Pointer List */
ul.pointer li {
	background: transparent url(style/images/list-arrow.png) no-repeat;
	background-position: -4px 2px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 10px 21px; }
 
/* Star List */
ul.star li {
	background: transparent url(style/images/star.png) no-repeat;
	background-position: -2px 1px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 10px 24px;
	text-align: left; }
	
/* Black Star List */
ul.black_star li {
	background: transparent url(style/images/black_star.png) no-repeat;
	background-position: -2px 1px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	padding: 0 0 10px 24px;
	text-align: left;
	color: #000;
}
 
/* Briefcase List */
ul.briefcase li {
	background: transparent url(style/images/briefcase.png) no-repeat;
	background-position: 0 3px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	margin-left: -3px;
	padding: 0 0 10px 25px;
	text-align: left; }
 
/* Ribbon List */
ul.ribbon li {
	background: transparent url(style/images/ribbon.png) no-repeat;
	background-position: -1px 3px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	margin-left: -2px;
	padding: 0 0 10px 24px;
	text-align: left; }
	
/* Cup List */
ul.cup li {
	background: transparent url(style/images/cup.png) no-repeat;
	background-position: 0 1px;
	display: block;
	line-height: 1.5em;
	list-style: none;
	margin-left: -3px;
	padding: 0 0 10px 25px;
	text-align: left; }
 
.list { margin: 4px 0 0; }
 
/* Ordered List */
ol {
	font: 13px Arial, Helvetica, sans-serif;
	color: #e25d33;
	padding: 4px 0 0 20px; }
 
ol p { color: #555; font: 12px Arial, Helvetica, sans-serif; }
 
/* E) DROP CAPS - QUOTES ++++++++++++++++++++++++++++++++++++++++++++ */
.dropcap {
	color: #444;
	display: block;
	float: left;
	font-family: OswaldBook, Arial, sans-serif;
	font-size: 52px;
	line-height: 1;
	margin: 5px 10px 0 0; }
 
/* Square Dropcap */
.dropcap2 {
	font-family: OswaldBook, Arial, sans-serif;
	font-size: 36px;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	background: #444;
	border-radius: 3px;
	color: #eee;
	float: left;
	text-shadow:none;
	margin: 4px 10px 0 0 ;
	padding: 15px 6px 10px;
	text-align:center; }
 
/* Pull Quote */
.pullleft,.pullright {
	float: right;
	font-size: 18px;
	line-height: 20px;
	font-style: italic;
	color: #555;
	width: 33%;
	padding: 0 0 5px 20px;
	background: url(style/images/dividers/divider8.png) repeat-y;
	margin: 5px 0 10px; 
	font-family: "times new roman", times, serif; }
 
.pullleft { float: left; margin-left: 0; margin-right: 20px; }
.pullright { margin-left: 20px; margin-right: 10px; }
 
/* Rotating Quotes */
blockquote {
	text-shadow: 0 1px 0 #fff;
	font: 18px/20px "times new roman", times, serif;
	color: #555;
	margin: 10px 0 0 40px;
	font-style: italic; }
 
#quote_wrap {
	background: url(style/images/quote-mark.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 20px; }
 
cite {
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	color: #888; }
 
/* F) IMAGE STYLES ++++++++++++++++++++++++++++++++++++++++++++ */
img.left, .left {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #eee;
	float: left;
	margin: 4px 15px 5px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
 
img.right, .right {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #eee;
	float: right;
	margin: 4px 0 5px 15px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
 
img.icon_left { padding: 0; float: left; margin: 0 10px 0 0; }
	
img.index_left, .index_left {
	border: 1px solid #fff;
	padding: 5px;
	background-color: #eee;
	float: left;
	margin: 0 0 15px 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }

/* featured image borders */
.featured_image,.work_image, .blog_image,.index_media, .gv_galleryWrap, .showcase {
	border: 1px solid #fff;
	padding:6px;
	background:#eee;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5); }
 
.featured_image { margin-bottom: 10px; }
.index_media { margin-top: 30px; }

/* G) TYPOGRAPHY ++++++++++++++++++++++++++++++++++++++++++++ */
h1,h2,h3,h4,h5,h6 {
	font-family: OswaldLight, Arial, sans-serif;
	font-weight:200;
	text-transform: uppercase;
	letter-spacing: .035em;
	color: #444;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.6);
	margin-bottom: 1em;
	text-align: left; }
 
h1 {
	font-size: 30px;
	color: #444;
	text-align: left;
	font-family: OswaldBook, Arial, sans-serif;
	letter-spacing: .02em;
	padding-top: 10px;
	margin-bottom: .9em; }
 
h2 {
	font-size: 18px;
	line-height: 20px;
	text-align: left;
}
h3 { font-size: 16px; line-height: 20px; }
h4 {
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
h5 { font-size: 14px; line-height: 20px; }
h6 { font-size: 13px; line-height: 20px; }
 
.intro{
	font-size: 18px;
	line-height: 25px;
	text-align: left;
}
h5 b, h5 strong{ font-family: OswaldBook, Arial, sans-serif;}

/* H) COLUMNS ++++++++++++++++++++++++++++++++++++++++++++ */
.col1 {
	float: left;
	position: relative;
	width: 950px;
	margin-top: 0;
	margin-right: 40px;
	margin-left: 0;
	text-align: center;
}


/* Two Columns */
.col2 {
	float: left;
	position: relative;
	width: 455px;
	margin: 0 40px 25px 0;
	color: #000;
}
.col2Copy {
	float: left;
	position: relative;
	width: 455px;
	margin: 0 40px 25px 0;
	background-image: url(style/images/strip.png);
	background-repeat: repeat;
}
 
/* Three Columns */
.col3 {
	float: left;
	position: relative;
	width: 290px;
	margin: 0 40px 25px 0; }
 
/* Four Columns */
.col4 {
	float: left;
	position: relative;
	width: 207px;
	margin: 0 40px 25px 0; }
 
.last { margin-right: 0; }
.lastCopy {
	margin-right: 0;
	background-image: url(style/images/strip.png);
	background-repeat: repeat;
	float: right;
	width: 455px;
}
.texto {
	margin-right: 0;
	float: right;
	width: 455px;
	padding-top: 40px;
}

/* Full Width */
.full {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 25px 0; }
	
/* Projects & Blog Columns */	
.featured_col,.blog_col {
	width: 720px;
	float: none;
	margin: auto;
}
.copyfeatured_col,.blog_col {
	width: 960px;
	float: none;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
	
.small_col {
	float: left;
	position: relative;
	width: 170px;
	padding-top:15px;
	margin: 0 10px 0 0; }
 
.small_col2 {
	float: left;
	position: relative;
	width: 525px;
	padding-top:15px;
	margin: 4px 0 15px; }
 
/* Sidebar */
.sidebar {
	margin-left: 50px;
	float: right;
	width: 180px; }
 
/* I) LOGO ++++++++++++++++++++++++++++++++++++++++++++ */
#logo {
	position: relative;
	top: -4px;
	left: 3px;
	width: 180px;
	height: 180px;
	text-align: left;
	text-indent: -5000px;
}
 
.logo {
	display: block;
	text-align: left;
	height: 180px;width:180px; }
	
.logoCopy {
	display: block;
	text-align: left;
	height: 200px;
	width:200px;
	margin: auto;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
}
 
/* J) MAIN MENU NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++ */
#main {
	float:left;
	padding: 0;
	white-space: nowrap;
	margin-top: -150px;
	margin-bottom: 0px;
	margin-left: 280px;
}
 
#nav ul {
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	background: url(style/images/texture.png);
	border: solid 1px #555;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-shadow: 0 1px 0 #222;
	top: 35px;
	white-space: nowrap;
	width: 150px;
	z-index: 9000; }
 
#nav .first {background:none;  }
#nav .current a { color: #eee; }
#nav .sub_colour a { color: #eee; }
#nav li {float:left;
	background: url(style/images/menuline.png) repeat-y;
	height: 35px;
	margin: 0;
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	-ms-transition: color .3s ease-in;
	transition: color .3s ease-in;
	position: relative;
	list-style: none; }
 
/* main level link */
#nav a {
	font-family: OswaldLight, Arial, sans-serif;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 10px 20px 0px;
	margin: 0;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color: #000;
}
 
#nav a:hover {
	color: #FFF;
}

/* main level link hover */
#nav li:hover > a {
	color: #FFF;
}

/* sub levels link hover */
#nav ul a:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,.1); }
	


/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 150px;
	position: absolute;
	top: 35px;
	left: 0;
	background: url(style/images/strip.png);
	border: solid 1px #555;
	text-shadow: 0 1px 0 #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3); }
 
#nav ul li {
	float: none;
	margin: 0;
	background-image: none;
	padding: 0;
	border-bottom: 1px solid #444; }
 
#nav ul a {
	font-size: 13px;
	line-height: 14px;
	font-weight: 300;
	background-image: none;
	text-shadow: 0 1px 0 #222; }
 
/* level 3+ list */
#nav ul ul { left: 150px; top: -3px; }

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }
 
#nav { display: inline-block; }
html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }
 
/* K) NIVO SLIDER SETTINGS ++++++++++++++++++++++++++++++++++++++++++++ */
/* General Nivo Slider styles */
.nivoSlider { position: relative; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
 
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
		z-index: 6;
		display: none; }
 
/* The slices and boxes in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 5;
	height: 100%; }
 
.nivo-box { display: block; position: absolute; z-index: 5; }
 
/* Caption styles */
.nivo-caption {
	color: #bbb;
	text-shadow: none;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	height:20px;
	top: 10px; left: 10px; right: 10px;
	display: none;z-index: 8;
	background-image: url(style/images/opacity.png); }
 
.nivo-caption p { padding: 0px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
 
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer; }
 
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position: relative; z-index: 9; cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
 
/**********************
 * NIVO - FULL WIDTH *
 **********************/
.full_width .slider-wrapper {
	height: 400px;
	margin: 0 auto;
	position: relative;
	width: 936px; }
 
.full_width .nivoSlider {
	background: #fff url(style/images/ajax-loader.gif) no-repeat 50% 50%;
	height: 400px;
	position: relative;
	width: 936px; }
 
.full_width .nivoSlider img {
	display: none;
	height: 400px;
	left: 0;
	position: absolute;
	top: 0;
	width: 936px; }
 
.full_width .nivoSlider a { border: 0; display: block; }
 
.full_width .nivo-controlNav {
	bottom: 5px;
	left: 1%;
	margin-left: 0;
	position: absolute; }
 
.full_width .nivo-controlNav a {
	background: url(style/images/bullets.png) no-repeat;
	border: 0;
	display: block;
	float: left;
	height: 22px;
	margin-right: 3px;
	text-indent: -9999px;
	width: 22px; }
 
.full_width .nivo-controlNav a.active { background-position: 0 -22px; }
 
.full_width .nivo-directionNav a {
	background: url(style/images/arrows.png) no-repeat;
	border: 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px; }
 
.full_width a.nivo-nextNav { background-position: -30px 0; right: 15px; }
.full_width a.nivo-prevNav { left: 15px; }
.full_width .nivo-caption a { border-bottom: 1px dotted #fff; color: #fff; }
.full_width .nivo-caption a:hover { color: #fff; }
 
/***********************
 * NIVO - MEDIUM WIDTH *
 ***********************/
.medium .slider-wrapper {
	height: 300px;
	margin: 0 auto;
	position: relative;
	width: 706px; }
 
.medium .nivoSlider {
	background: #fff url(style/images/ajax-loader.gif) no-repeat 50% 50%;
	height: 471px;
	position: relative;
	width: 706px;
	background-image: url(style/images/ajax-loader.gif);
}
 
.medium .nivoSlider img {
	display: none;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 706px; }
 
.medium .nivoSlider a { border: 0; display: block; }
.medium .nivo-controlNav { display: none; }
 
.medium .nivo-directionNav a {
	background: url(style/images/arrows.png) no-repeat;
	border: 0;
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px; }
 
.medium a.nivo-nextNav { background-position: -30px 0; right: 15px; }
.medium a.nivo-prevNav { left: 15px; }
 
/**********************
 * NIVO - THUMB *
 **********************/
.small .slider-wrapper {
	height: 133px;
	margin: 0 auto;
	position: relative;
	width: 200px; }
	
.small .nivoSlider {
	background: #fff url(style/images/ajax-loader.gif) no-repeat 50% 50%;
	height: 133px;
	position: relative;
	width: 200px; }
 
.small .nivoSlider img {
	display: none;
	height: 133px;
	left: 0;
	position: absolute;
	top: 0;
	width: 200px; }
 
.small .nivoSlider a { border: 0; display: block; }
.small .nivo-controlNav { display: none; }
.small .nivo-directionNav a { display: none; }

/**********************
 * NIVO - VERY SMALL *
 **********************/
.vsmall .slider-wrapper {
	height: 90px;
	margin: 0 auto;
	position: relative;
	width: 197px; }
	
.vsmall .nivoSlider {
	background: #fff url(style/images/ajax-loader.gif) no-repeat 50% 50%;
	height: 90px;
	position: relative;
	width: 197px; }
 
.vsmall .nivoSlider img {
	display: none;
	height: 90px;
	left: 0;
	position: absolute;
	top: 0;
	width: 197px; }
 
.vsmall .nivoSlider a { border: 0; display: block; }
.vsmall .nivo-controlNav { display: none; }
.vsmall .nivo-directionNav a { display: none; }
 
/* =============================================================================
   02: SECTIONS
   ========================================================================== */

/* 1. DROP DOWN PANEL ++++++++++++++++++++++++++++++++++++++++++++ */

#dropdownpanel {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0;
	z-index: 9000;
}
	
 


/* 2. MAIN SLIDER - INDEX3.HTML  ++++++++++++++++++++++++++++++++++++++++++++ */
#awOnePageButton .view-slide { display: none;}
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load { height: 400px; /* Same as showcase javascript option */ overflow: hidden; }
/* Container when content is shown as one page */
.showcase-onepage { /**/ }
/* Container when content is shown in slider */
.showcase { position: relative; margin: auto; margin-bottom:40px; }
.showcase-content-container { }

/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-previous:hover {
	position: absolute;
	background: url('style/images/prev_dark.png')no-repeat;
	left: 5px; margin-top:407px;
	height:16px;width:16px;}

.showcase-arrow-next {
	position: absolute;
	background: url('style/images/forward_dark.png') no-repeat;
	left: 925px; top:413px;
	height:16px;width:16px; }

.showcase-arrow-next:hover {
	position: absolute;
	background: url('style/images/forward.png') no-repeat; }

.showcase-arrow-previous:hover {
	background: url('style/images/prev.png') no-repeat; }

.showcase-content { background: #fff; text-align: center; }

.showcase-content-wrapper {
	text-align: center;
	height: 400px; width:938px;
	display: table-cell; vertical-align: middle; }

.showcase-content   {
	font-family: 'OswaldLight', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #bbb;
    text-shadow: 1px 1px 1px #222;
	margin-bottom: 1.0em;
	text-align: center;
	background: #222 url(style/images/strip.png) repeat; text-align: center; }

.showcase-content  h1 {
	font-size: 30px;
	color: #e25d33;
	text-align: center;
	padding: 0;
	line-height:40px;
	margin-bottom: 0.9em; }

/* Styling the caption */
.showcase-caption {
	color: #bbb; text-shadow: none;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	height:20px;
	top: 10px; left: 10px; right: 10px;
	display: none;
	background-image: url(style/images/opacity.png); }

.showcase-caption a { color: #fff; }
.showcase-caption a:hover { color: #eee; }
.showcase-onepage .showcase-content { margin-bottom: 0px; }
	
/* Button Wrapper */
.showcase-button-wrapper { clear: both; text-align: center; padding-top:6px; }
.showcase-button-wrapper span {
	padding: 0 5px 0 3px;
	cursor: pointer;
	font-size: 12px;
	color: #555;
	text-shadow:0 1px 0 #fff;}
	
.showcase-button-wrapper span.active { color: #888; }
	
.showcase-content_soundcloud   {
	padding: 5px;
	border: 1px solid #ccc;
	padding: 15px;
	background: #fff; 
	margin-bottom:42px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	width: 750px;
	margin: 100px auto;
	text-align: center; }
 
/* =============================================================================
   03: ABOUT ME - SKILLS CHART
   ========================================================================== */
/* container  */
.holder {
	display: block;
	width: 453px;
	height: 25px;
	margin: 10px 0; }
 
/* grey background bar  */
.box {
	margin-top: 0;
	width: 10px;
	height: 25px;
	position: relative;
	background: #555 url(style/images/light_lines.png) repeat; }
 
/* grey background transition bar  */
.bar {
	background: #999 url(style/images/light_lines.png) repeat;
	width: 370px;
	height: 25px;
	float: right;
	display: block;
	margin: 0;
	border: 1px solid #777; }
 
/* skill  */
.skill {
	margin-top: 3px;
	font-weight: 700;
	height: 25px;
	float: left; }
 
/* =============================================================================
   04: FEATURED PROJECTS
   ========================================================================== */

/* A) SIDEBAR MENU ++++++++++++++++++++++++++++++++++++++++++++ */
#menu_nav { }
#menu_nav ul li { display: block; border-bottom: 1px dashed #555; }
 
#menu_nav ul li a {
	display: block;
	padding: 7px 0 8px 40px;
	font-size: 14px;
	text-align: left;
	text-shadow: none;
	background: url(style/images/arrow-right.png)  no-repeat;
	background-position: 0px 7px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; }
 
#menu_nav ul li.last { border-bottom: 0 solid #444; padding-bottom:10px; }

#menu_nav ul li a:hover{
	padding: 7px 0 8px 45px; 
	-moz-opacity: 0.85;
	-ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=85);
	filter: alpha(opacity=85);
	opacity: 0.85;
	-khtml-opacity: 0.85;
	text-decoration: none; }

/* B) BACK TO TOP LINK ++++++++++++++++++++++++++++++++++++++++++++ */
.back_to_top {
	display: block;
	clear: both;
	text-align: right;
	margin: 0 0 70px;
	padding: 0;
	text-transform: lowercase;
	line-height: 30px;
	background: url(style/images/dividers/divider1.png) ;
	height: 6px; }
	
/* C) PROJECTS PAGINATION ++++++++++++++++++++++++++++++++++++++++++++ */
ol#pagination_work {
	float: left;
	list-style: none;
	cursor: pointer;
	margin: 0 auto;
	font-family: OswaldLight, Arial, serif;
	color: #444;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	line-height: 1em;
	margin-left: -32px;
	font-size: 20px; }
 
ol#pagination_work li {
	float: left;
	list-style: none;
	cursor: pointer;
	padding: 0 10px;
	border-right: 2px dotted #999; }
 
ol#pagination_work.current  { color: #e25d33; }
ol#pagination_work li.next  { border-right: 0 dotted #ccc; text-indent: -9000px; }
 
/* D) PROJECT 1 ++++++++++++++++++++++++++++++++++++++++++++ */

/* gallery left text column */
.small_col_gal {
	padding-top:25px;
	float: left;
	position: relative;
	width: 170px;
	margin: 1px 25px 0 0; }
	
/* gallery right text column */	
.small_col2_gal {
	padding-top:25px;
	float: left;
	position: relative;
	width: 525px;
	margin: 4px 0 15px;}
	
#featured1 { display: none; }
 
.gv_galleryWrap { position: relative; }
.gv_gallery { background: #222; overflow: hidden; position: relative; }
.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }
.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }
.gv_panel-loading { background: url(style/images/img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url(style/images/img-loader.gif) 50% 50% no-repeat #aaa; }
/* panels */
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
.gv_panel img { position: absolute; }
 .gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
 
.gv_showOverlay {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(style/images/project_slider/info.png) #222;
	cursor: pointer;
	z-index: 200; }
 
.gv_overlay h4 {
	color: white;
	margin: 10px 30px;
	text-shadow: none;
	text-transform: none;
	font: 12px/18px Arial, Helvetica, sans-serif; }
 
.gv_overlay p { color: white; margin: 0px 30px; }
 
.gv_infobar {
	background: #222;text-shadow:none;
	padding: 0 0.5em;
	line-height: 1.5em;
	height: 1.5em;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	position: absolute;
	bottom: 0;
	right: 0;
	display: none;
	vertical-align: middle;
	z-index: 2000; }
 
.gv_filmstripWrap { overflow: hidden; position: absolute; }
/* filmstrip */
.gv_filmstrip {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0; }
 /* film strip frames (contains both images and captions) */
.gv_frame {
	cursor: pointer;
	float: left;
	position: relative;
	margin: 0;
	padding: 0; }
 
.gv_frame .gv_thumbnail { position: relative; overflow: hidden !important; }
.gv_frame img { border: none; position: absolute; }
* caption */
.gv_frame .gv_caption {
		height: 14px;
		line-height: 14px;
		font-size: 10px;
		text-align: center;
		color: white; }
 
.gv_pointer { border-color: black; }
.gv_navWrap { text-align: center; position: absolute; }
 
.gv_navPlay,.gv_navPause,.gv_navNext,.gv_navPrev {
	-ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle; }
 
.gv_navPlay:hover,.gv_navPause:hover,.gv_navNext:hover,.gv_navPrev:hover {
	-ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8; }
 
.gv_panelNavPrev,.gv_panelNavNext {
	position: absolute;
	display: none;
	-ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	z-index: 200; }
 
.gv_panelNavPrev:hover,.gv_panelNavNext:hover {
	-ms-filter: \"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9; }
 
.gv_navPlay {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(style/images/project_slider/play-big.png) top left no-repeat; }
 
.gv_navPause {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(style/images/project_slider/pause-big.png) top left no-repeat; }
 
.gv_navNext {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(style/images/project_slider/next.png) top left no-repeat; }
 
.gv_navPrev {
	height: 20px;
	width: 20px;
	cursor: pointer;
	background: url(style/images/project_slider/prev.png) top right no-repeat; }
 
.gv_panelNavNext {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(style/images_/panel-next.png) top left no-repeat; }
 
.gv_panelNavPrev {
	height: 42px;
	width: 42px;
	cursor: pointer;
	background: url(style/images/panel-prev.png) top right no-repeat; }
 
/* E) PROJECT2 ++++++++++++++++++++++++++++++++++++++++++++ */
#slide .bx-wrapper { margin: 0 auto 0px 0; }
 
#slide .bx-prev {
	position: relative;
	top: -27px;
	left: -18px;
	float: right;
	background:#222 url(style/images/prev_light.png) no-repeat 2px 3px;
	text-indent: -9000px;
	width: 18px;
	height: 22px;margin-bottom:-10px; }

#slide .bx-prev:hover {
	background:#444 url(style/images/prev_light2.png) no-repeat 2px 3px;
	text-decoration: none; }
 
#slide .bx-next {
	position: relative;
	top: -27px;
	right: -18px;
	float: right;
	background: #222 url(style/images/forward_light.png) no-repeat 2px 3px;
	text-indent: -9000px;
	width: 18px;
	height: 22px; margin-bottom:-10px;}
 
#slide .bx-next:hover{
	background:#444 url(style/images/forward_light2.png) no-repeat 2px 3px;
	text-decoration: none; }

/* =============================================================================
   05: PORTFOLIO
   ========================================================================== */
.mosaic-block {
	width: 200px;
	height: 180px;
	margin: -2px 25px 25px 2px;
	float: left;
	border: 8px solid #fff;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	background:#eee url(style/images/ajax-loader.gif) no-repeat center center;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	background-image: url(style/images/ajax-loader.gif);
}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111; }
	
.mosaic-overlay {
	display:none;
	cursor:pointer;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111; }
	
.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(style/images/bg-black.png); }
		
.details { text-align: center; text-shadow: none; }

.details h2 {
	text-shadow: none;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 14px;
	padding: 5px 8px 0px;
	margin: 18px 0 14px; }
 
.details p {
	color: #fff;
	font-size: 11px;
	text-align: center;
	text-shadow: none;margin-bottom: 5px; }
 
.details a.info {
	text-align:center;
	text-decoration: none;
	padding: 5px 10px 6px;
	background: #000;
	font-size: 10px;
	color: #fff;
	font-weight:normal;
	margin-right: 5px;
	text-transform: uppercase;
	height: 14px;
	text-shadow: none; }
 
.details a.pirobox_gall1 {
	height: 180px;
	text-decoration: none;
	background: #000;
	font-size: 10px;
	font-weight: normal;
	text-align:center;
	text-transform: uppercase;
	text-shadow: none;
	color: #E8E8E8;
	width: 200px;
	cursor: auto;
}
 
/* gallery pagination */
.gallery {
	text-align: center;
	width: 975px;
	height: 655px;
	position: relative;
	padding: 4px 0;
	display: block; }
 
#pagination { text-align: center; width: 940px; padding: 4px 0; }
 
ol#pagination {
	float: none;
	list-style: none;
	cursor: pointer;
	margin: 0 auto;
	font-family: OswaldLight, Arial, serif;
	color: #444;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	line-height: 1em;
	margin-left: -5px;
	font-size: 20px;
}
 
ol#pagination li {
	float: left;
	list-style: none;
	cursor: pointer;
	padding: 0 10px;
	border-right: 2px dotted #999; }
 
ol#pagination li.current { color: #000; }
ol#pagination li.next { border-right: 0 dotted #ccc; text-indent: -9000px; }


/***************************************************
		    PORTFOLIO FILTER
***************************************************/
#portfolio { float: left; width: 975px; margin-bottom: 55px; }
#portfolio ul { margin-top: 20px; }
#portfolio ul li { margin: 0; list-style-type: none; position: relative; float: left; }
#portfolio ul li, #portfolio ul img:focus { margin-right: 0; }
#portfolio-filter { text-align: left; margin-left: 0; margin-top:15px; padding: 0!important; }
 
#portfolio-filter li {
	background: none;
	margin: 0 4px 30px 0;
	display: inline-block;
	font-family: Arial, sans-serif; }
 
#portfolio-filter li a {
	margin: 0 10px 0 0;
	float: left;
	width: 100px;
	height: 20px;
	padding: 10px 0;
	border: 2px solid #ccc;
	background: #444 url(style/images/light_lines.png) repeat;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
 
#portfolio-filter a:hover { background: #6a6a6a url(style/images/light_lines.png) repeat; color: #fff; }
#portfolio-filter li a.current { background: #000 url(style/images/light_lines.png) repeat; }
 
/* =============================================================================
   06: SERVICES
   ========================================================================== */

/* A) SERVICE PANELS ++++++++++++++++++++++++++++++++++++++++++++ */
@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('style/websymbols/websymbols-regular-webfont.eot');
	src: url('style/websymbols/websymbols-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
	url('style/websymbols/websymbols-regular-webfont.woff') format('woff'),
	url('style/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
	url('style/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight: normal;
	font-style: normal; }
 
#animation {
	width: 950px;
	height: 510px;
	position: relative;
	display: block;
	padding:2px 0px 20px 0px;
}
.ca-menu { padding: 0; margin: 20px auto; width: 950px; }
 
.ca-menu li {
	margin-right: 50px;
	width: 200px;
	height: 260px;
	overflow: hidden;
	position: relative;
	float: left; 
	background: url(style/images/strip.png) repeat;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear; }
 
.ca-menu li.last { margin-right: 0; }
.ca-menu li a {
	text-align: left;
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	position: relative; }
 
.ca-icon {
	font-family: WebSymbolsRegular, cursive;
	font-size: 60px;
	color: #eee;
	text-shadow: 0 0 1px #333;
	line-height: 120px;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
	text-align: center;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear; }
 
.ca-content { position: absolute; left: 0; width: 100%; height: 50%; top: 45%; }
.ca-main {text-shadow:none;
	font-size: 23px;
	line-height: 1.2em;
	opacity: 0.8;
	color: #e25d33;
	text-align: center;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear; }
 
.ca-sub {
	text-align: center;
	font-size: 14px;color: #fff;
	background-color: #666;
	text-shadow:none;
	line-height: 30px;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear; }
 
.ca-menu li:hover { background-color: #000; }
 
.ca-menu li:hover .ca-icon {
	color: #e25d33;
	-webkit-animation: moveFromBottom 300ms ease;
	-moz-animation: moveFromBottom 300ms ease;
	-ms-animation: moveFromBottom 300ms ease; }
 
.ca-menu li:hover .ca-main {
	color: #fff;
	-webkit-animation: smallToBig 300ms ease;
	-moz-animation: smallToBig 300ms ease;
	-ms-animation: smallToBig 300ms ease; }
 
.ca-menu li:hover .ca-sub {
	color: #333;
	background-color: #bbb;
	text-shadow: none;
	-webkit-animation: moveFromBottom 500ms ease;
	-moz-animation: moveFromBottom 500ms ease;
	-ms-animation: moveFromBottom 500ms ease; }
 
@-webkit-keyframes smallToBig { from-webkit-transform: scale(0.1); }
to { -webkit-transform: scale(1); }
{  }
@-moz-keyframes smallToBig { from-moz-transform: scale(0.1); }
to { -moz-transform: scale(1); }
 {  }
@-ms-keyframes smallToBig { from-ms-transform: scale(0.1); }
to { -ms-transform: scale(1); }
{  }
@-webkit-keyframes moveFromBottom { from-webkit-transform: translateY(100%); }
to { -webkit-transform: translateY(0%); }
{  }
@-moz-keyframes moveFromBottom { from-moz-transform: translateY(100%); }
to { -moz-transform: translateY(0%); }
{  }
@-ms-keyframes moveFromBottom { from-ms-transform: translateY(100%); }
to { -ms-transform: translateY(0%); }
{  }

/* B) ACCORDIAN ++++++++++++++++++++++++++++++++++++++++++++ */
#accordion {
	border: 1px solid #bbb;
	background: #666;
	margin: 0 auto 25px auto;
	background: #555 url(style/images/texture.png) repeat;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
 
/* accordion header */
#accordion h2 {
	background: #555 url(style/images/strip.png) repeat;
	line-height: 14px;
	margin: 0;
	padding: 6px 15px 4px;
	font-size: 13px;
	font-weight: 400;
	text-shadow: 0 1px 0 #222;
	border: 1px solid #fff;
	color: #999;
	border-bottom: 1px solid #999;
	cursor: pointer; }
 
/* currently active header */
#accordion h2.current { cursor: default; color: #eee; }
 
/* accordion pane */
#accordion .pane {
	border: 1px solid #fff;
	border-width: 0 2px;
	display: none;
	height: 100px;
	padding: 15px;
	color: #555;
	font-size: 12px;
}

/* C) BX BOTTOM SLIDER ++++++++++++++++++++++++++++++++++++++++++++ */
#services_slider .bx-prev {
	position: relative;
	top: 20px;
	left: -5px;
	float: right;
	background: url(style/images/prev_dark.png) repeat;
	text-indent: -9000px;
	width: 16px;
	height: 16px; }
 
#services_slider .bx-next {
	position: relative;
	top: 20px;
	right: -25px;
	float: right;
	background: url(style/images/forward_dark.png) repeat;
	text-indent: -9000px;
	width: 16px;
	height: 16px; }

#services_slider .bx-next:hover{
	position: relative;
	top: 20px;
	right: -25px;
	float: right;
	background: url(style/images/forward.png) repeat;
	text-indent: -9000px;
	width: 16px;
	height: 16px;  }

#services_slider  .bx-prev:hover {
	position: relative;
	top: 20px;
	left: -5px;
	float: right;
	background: url(style/images/prev.png) repeat;
	text-indent: -9000px;
	width: 16px;
	height: 16px; }
 
#services_slider {
	float: left;
	width: 928px; margin-top:20px;
	height: 180px;
	background: url(style/images/texture.png)repeat;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 50px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15); }

#services_slider .inner { float: left; width: 928px; height: 180px; display: block; }
 
#services_slider h5 {
	padding-top: 20px;
	font-size: 14px;
	text-align: left;
	text-shadow: 0 1px 0 #FFF; }
 
#services_slider p {
	text-align: justify;
	font-size: 12px;
	line-height: 170%;
	padding: 0 20px 10px;
	color: #555; }
 
#services_slider .alignleft {
	text-align: left;
	height: 100px;
	padding: 10px 0 0;
	color: #555; }
 
#index_slider .leftimage {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
	margin: 15px 20px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15); }
 
.thumb {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
	margin: 20px 20px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	text-decoration: none; }
 
.thumb_no_hover {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
	margin: 20px 20px 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	text-decoration: none; }
 
.thumb:hover {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
	box-shadow: 0 1px 6px rgba(0,0,0,.45); }
 
.pirobox:hover {
	filter: 0;
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	-ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	opacity: 0.80;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear; }
	
/* =============================================================================
   07: CONTACT
   ========================================================================== */

img.vcard{ float: right; margin: -24px 0 0 10px; }

img.vcard:hover {
	-khtml-opacity: 0.80;
	-moz-opacity: 0.80;
	-moz-transition: all .3s linear;
	-ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	filter: alpha(opacity=80);
	opacity: 0.80;
	transition: all .3s linear; }

/* A) GOOGLE MAP ++++++++++++++++++++++++++++++++++++++++++++ */
#map {
	float: left;
	margin: 5px 0 18px;
	background-color: #FEFFFF;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	border: 1px solid #ccc;
	padding: 5px; }

/* B) SOCIAL ICONS ++++++++++++++++++++++++++++++++++++++++++++ */
#social {
	margin: 0 0 20px;
	width: 450px;
	padding: 0;
	list-style-type: none;
	float: left; }
 
#social ul { display: inline; padding: 0; overflow: hidden; }
#social li { display: inline; list-style-type: none; padding-right: 0; }
 
#social a {
	filter: 0;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	-ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
	filter: alpha(opacity=60);
	opacity: 0.6;
	text-decoration: none; }

#social a:hover {
	border-style: none;
	filter: 90;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity=90);
	opacity: 0.9; }
 
#social a:active {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
	-o-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px); }
 
/* C) CONTACT FORM ++++++++++++++++++++++++++++++++++++++++++++ */
#contact_form {
	margin-top: 0;
	float: left;
	padding: 0 0 10px;
	width: 440px; }
 
.success {
	font: 14px/22px  Arial, sans-serif;
	font-weight:300;
	text-shadow: 0 1px 0 #fff;
	margin-bottom:40px;
	padding: 20px 30px 25px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	border: 1px solid #ccc;
	color: #666;
	background: url(style/images/texture.png) repeat; }
 
.error { color: #999; float: right; font-size: 12px; position: relative; }
#contact_form ul { margin: 0; }
 
#contact_form li {
	float: left;
	margin-left: 0;
	margin-bottom: 10px;
	position: relative;
	height: 55px;
	color: #666;
	font-size: 12px;
	list-style-type: none;
	text-shadow: 0 1px 0 #FFF; }
 
#contact_form label {
	display: block;
	height: 23px;
	width: 454px; }
 
#contact_form li.textarea { height: 185px; }
 
#contact_form li.button_form {
	float: left;
	margin-bottom: 8px;
	position: relative;
	height: 35px;
	list-style-type: none; }
 
#contact_form input,textarea {
	width: 440px;
	margin-bottom: 4px;
	background: url(style/images/texture.png) repeat;
	color: #666;
	border: 1px solid #FFF;
	padding: 10px 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); }
 
#contact_form textarea {
	height: 130px;
	width: 438px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	margin-bottom: 15px;
	border: 1px solid #fff; }
 
#contact_form input.submit {
	margin: 0 10px 0 0;
	float: left;
	width: 100px;
	height: 34px;
	padding: 4px 0 6px;
	border: 2px solid #ccc;
	background: #000 url(style/images/light_lines.png) repeat;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 1px #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
 
#contact_form input.submit:hover {
	text-shadow: 0 1px 1px #555;
	color: #fff;
	background: #666 url(style/images/light_lines.png) repeat;
}
 
#contact_form .required { color: #e25d33; font-size: 1.2em; }
 
/* D) TWITTER ++++++++++++++++++++++++++++++++++++++++++++ */
.twitter {
	width: 948px;
	margin: 0 auto;
	float: left;
	text-shadow: 0 1px 0 #FFF; }
 
.tickercontainer {
	background: url(style/images/texture.png) repeat;
	border: 1px solid #ccc;
	width: 948px;
	height: 35px;
	margin: 0 auto;
	padding: 20px 0 0;
	margin-bottom: 40px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15); }
 
.tickercontainer .mask {
	position: relative;
	left: 10px;
	top: 0;
	width: 925px;
	overflow: hidden; }
 
ul.newsticker {
	position: relative;
	left: 950px;
	font: normal 14px Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0; }
 
ul.newsticker li {
	float: left;
	margin: 0;
	font-size: 14px;
	padding: 10px;
	background: none; }
 
ul.newsticker a { padding: 0;  font: normal 14px Arial, Helvetica, sans-serif; }
 
ul#tweet li#tweets {
	list-style-type: none;
	height: 20px;
	width: 4000px;
	padding: 0; }
 
ul#tweet li#tweets ul { list-style-type: none; margin: 0; padding: 0 0 30px; }
 
ul#tweet li#tweets ul li {
	float: left;
	height: 20px;
	margin: 0 50px 0 0;
	padding: 0; }
 
ul#tweet li#tweets ul li p,ul#tweet li#tweets ul li a,ul#tweet li#tweets ul li span { margin-left: 4px; padding: 0; }

/* =============================================================================
   08: BLOG
   ========================================================================== */

.blog_image { margin: 3px 0 10px; }
.big_ad { float: right; margin: 8px 0 0px 15px; }
 
/* A) META & GENERAL ++++++++++++++++++++++++++++++++++++++++++++ */
.meta-side {
	text-transform: uppercase;
	margin-top: 0px;
	font-size: 11px;
	line-height:18px; }

.meta {
	height: 15px;
	text-transform: uppercase;
	margin-top: -14px;
	font-size: 11px; }
 
.posted { float: left; padding-right: 40px; }
.by { float: left; padding-right: 40px; }
.comments { float: left; }
.rss { float: right; padding-left: 10px; margin-top: 1px; }
.date{margin-top:1px;line-height:15px; }

.post-divider {
	background: url(style/images/dividers/divider9.png) repeat;
	height: 5px;
	margin: 0px 0 40px; }
		
.back_to_top_post {
	display: block;
	clear: both;
	text-align: right;
	margin: 0 0 40px;
	padding: 0;
	text-transform: lowercase;
	line-height: 30px;
	background: url(style/images/dividers/divider1.png) 0 0;
	height: 6px; }

/* B) TAGS ++++++++++++++++++++++++++++++++++++++++++++ */
.arrow {
	width: 15px;
	height: 25px;
	float: left;
	margin-bottom: 8px;
	background: url(style/images/arrow.png) no-repeat; }
 
.text {
	height: 25px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	background: url(style/images/text.png) repeat-x;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: .75em;
	font-weight: 700;
	color: #fff;
	line-height: 23px;
	text-shadow: none; }
 
.end {
	margin-bottom: 8px;
	width: 4px;
	height: 25px;
	float: left;
	margin-right: 1px;
	background: url(style/images/end.png) no-repeat; }
 
.tag:hover .arrow { background-image: url(style/images/arrow_hover.png); }
.tag:hover .text { background-image: url(style/images/text_hover.png); }
.tag:hover .end { background-image: url(style/images/end_hover.png); }
 
/* C) CATEGORIES ++++++++++++++++++++++++++++++++++++++++++++ */
#categ { margin: 0px auto; width: 180px; }
#categ ul { padding-bottom: 10px; list-style: none; display: inline-block; }
#categ ul li { padding: 0px 0 0px 0; }
 
#categ ul li a {
	padding: 0 0 5px 15px;
	text-decoration: none;
	list-style: none;
	display: block;color: #444;
	background: transparent url(style/images/bullet.jpg) no-repeat;
	background-position: 2px 6px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; }

#categ ul li a:hover { padding: 0 0 5px 20px; }
 
/* D) PAGINATION ++++++++++++++++++++++++++++++++++++++++++++ */
.pagination {
	text-shadow: none;
	clear: both;
	padding: 0 0 50px;
	position: relative;
	font-size: 12px;
	line-height: 16px; }
 
.pagination span,.pagination a {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
	text-decoration: none;
	width: auto;
	color: #444;
	border: 1px solid #aaa;
	background: silver;
	padding: 5px 7px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }
 
.pagination a:hover { background: #e25d33; border: 1px solid #888; color: #eee; }
.pagination .current { background: #333; border: 1px solid #666; color: #fff; }
 
/* E) COMMENTS ++++++++++++++++++++++++++++++++++++++++++++ */
.commentlist { list-style-type: none; margin: -20px 0 0; }
.comment { margin-top: 20px; position: relative; }
.bodycomment p { color: #555; line-height: 18px; }
.commentwrapper { margin: 0 0 0 50px; padding: 0 20px; }
 
.avatar {
	left: -20px;
	position: absolute;
	top: 3px;
	border: 1px solid #fff;
	padding: 5px;
	background-color: #fefefe;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
 
.metacomment { color: #888; margin-bottom: 10px; }
ul.innercomment { list-style-type: none; margin-left: 90px; }
 
/* F) COMMENTS FORM ++++++++++++++++++++++++++++++++++++++++++++ */
.formcol {
	border: 0 solid;
	float: left;
	position: relative;
	width: 200px;
	margin: 0 40px 25px 0; }
 
#blog_form label {
	display: block;
	height: 23px;
	width: 200px; }
 
#blog_form input {
	width: 222px;
	margin-bottom: 0;
	background: url(style/images/texture.png) repeat;
	color: #666;
	border: 1px solid #FFF;
	padding: 10px 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); }
 
#blog_form textarea {
	height: 130px;
	width: 702px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px;
	margin-bottom: 15px;
	border: 1px solid #fff; }
 
#blog_form input.submit {
	margin: 10px 10px 0 0;
	float: left;
	width: 100px;
	height: 34px;
	padding: 4px 0 6px;
	border: 2px solid #ccc;
	background: #444 url(style/images/light_lines.png) repeat;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-shadow: 0 1px 1px #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; }
 
#blog_form input.submit:hover {
	text-shadow: 0 1px 1px #555;
	color: #fff;
	background: #333 url(style/images/light_lines.png) repeat; }
 
#blog_form .required { color: #e25d33; font-size: 1.2em; }
.form { float: left; width: 730px; }
.ad { width: 180px; float: right; margin-top: -37px; }
img.imgad { margin: 0px 0px 10px 0px; float: left; }
.adcenter { text-align: center; }
 
/*************************************************************
	09. FOOTER
 *************************************************************/
.footer {
	background: url(style/images/strip.png) repeat;
	height: 70px;
	margin: 70px auto 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	border-top: 3px solid #ccc;
	color: #eceae2; }
 
.footer_inner { width: 960px; height: 70px; margin: 0 auto; }
.footer ul { float: left; margin: 28px 0 0; }
.footer ul li { list-style-type: none; float: left; margin-left: 10px; }
 
.footer ul li:after{
	content: "\203A";
	margin-left: 10px;
	color: #666;
	text-shadow: 0 1px 1px #000; }
 
.footer ul li a { text-shadow: 0 1px 1px #000; color: #bbb; }
.footer ul li a:hover { color: #fff; }
.footer .last:after{ content: ""; }

.copyright {
	float: right;
	color: #9d9d9d;
	text-shadow: 0 1px 1px #000;
	margin: 18px 5px 0 0;
	font-size: 11px;
	line-height: 16px;
	text-align: right; }
 
.copyright a { color: #eee; }
.copyright a:hover { color: #777; }

 
/********************
 * TOOL TIPS *
 ********************/
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
 
#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #191919;
	background-color: rgba(25,25,25,0.92);
	background-image: 0 to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; }
 
#tiptip_arrow,#tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0; }
 
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
 
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: #191919;
	border-top-color: rgba(25,25,25,0.92); }
 
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: #191919;
	border-bottom-color: rgba(25,25,25,0.92); }
 
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: #191919;
	border-right-color: rgba(25,25,25,0.92); }
 
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: #191919;
	border-left-color: rgba(25,25,25,0.92); }
 
/* Webkit Hacks  */
@media screen and -webkit-min-device-pixel-ratio0 { #tiptip_content }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); }
 

/*************************************************************
	10. EXTRAS
 *************************************************************/

/* A) BUTTONS ++++++++++++++++++++++++++++++++++++++++++++ */
.button {
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px 0 #bfbfbf;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px 0 #bfbfbf;
	background: #222 url(style/images/overlay-button.html) repeat-x 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;
	box-shadow: 0 1px 1px 0 #bfbfbf;
	color: #fff!important;
	cursor: pointer;
	display: inline-block;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1;
	overflow: visible;
	padding: 8px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	width: auto; }
 
.button_small {
	-moz-border-radius: 3px;
	-moz-box-shadow: 0 1px 1px 0  #bfbfbf;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px 0  #bfbfbf;
	background: #222 url(style/images/overlay-button.html) repeat-x 0 0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
	color: #fff!important;
	cursor: pointer;
	display: inline-block;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1;
	overflow: visible;
	padding: 6px 8px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	width: auto; }
 
.button_big, .button_big2 {
	background: url(style/images/light_lines.png) repeat;
	border: 2px solid #ccc;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	margin-right:4px;/* demo */
	padding: 15px;
	text-align: center;
	text-shadow: 0 1px 1px #555;  }

/* index page buttons */
.button_big2 { width:95px;/* demo */ margin:0px 8px 35px 0px;  }
.button_left {
	margin: -25px 0px 0px 343px;
	color: #E8E8E8;
}

button::-moz-focus-inner { border: 0; padding: 0; }
.button:hover, .button_small:hover, .button_big:hover, .button_big2:hover { background-color: #111; color: #fff; }

.button:active,.button_small:active, .button_big:active {
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	transform: translateY(1px); }
 
/* Colours for buttons */
.green.button, .green.button_small, .green.button_big, .green.button_big2  { background-color: #9dbb40; }
.green.button:hover, .green.button_small:hover, .green.button_big:hover, .green.button_big2:hover  { background-color: #749a02; }
 
.blue.button, .blue.button_small, .blue.button_big,  .blue.button_big2   { background-color: #86b8b1; }
.blue.button:hover, .blue.button_small:hover, .blue.button_big:hover, .blue.button_big2:hover  { background-color: #007d9a; }
 
.red.button, .red.button_small, .red.button_big,  .red.button_big2 { background-color: #db2c2c; }
.red.button:hover, .red.button_small:hover, .red.button_big:hover, .red.button_big2:hover  { background-color: #872300; }
 
.pink.button, .pink.button_small,  .pink.button_big, .pink.button_big2 { background-color: #cc2277; }
.pink.button:hover, .pink.button_small:hover, .pink.button_big:hover, .pink.button_big2:hover { background-color: #a6125c; }
 
.orange.button, .orange.button_small, .orange.button_big, .orange.button_big2  { background-color: #e25d33; }
.orange.button:hover, .orange.button_small:hover, .orange.button_big:hover, .orange.button_big2:hover  { background-color: #d45500; }
 
.yellow.button, .yellow.button_small, .yellow.button_big, .yellow.button_big2 { background-color: #cfba58; }
.yellow.button:hover, .yellow.button_small:hover , .yellow.button_big:hover, .yellow.button_big2:hover{ background-color: #b19b32; }
 
.olive.button, .olive.button_small, .olive.button_big, .olive.button_big2  { background-color: #898a75; }
.olive.button:hover, .olive.button_small:hover , .olive.button_big:hover, .olive.button_big:hover { background-color: #6c6e48; }
 
.black.button, .black.button_small { background-color: #222; }
.black.button:hover, .black.button_small:hover { background-color: #444; }
 
.black.button_big,  .black.button_big2 { background-color: #444; }
.black.button_big:hover, .black.button_big2:hover  { background-color: #333; }

.grey.button, .grey.button_small, .grey.button_big, .grey.button_big2 { background-color: #666; }
.grey.button:hover, .grey.button_small:hover, .grey.button_big:hover, .grey.button_big2:hover { background-color: #555; }
 
/* button icons */
.button:before {
	float: left;
	text-align: center;
	font-size: 1.7em;
	margin: -2px 0.7em 0 0;
	padding:0 0.4em 0 0;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.8);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.8);
	box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.8);
	pointer-events: none;
	height: 18px; }
 
button.button { cursor: pointer; overflow: visible;}
 
/* Hexadecimal entities for the icons */
.edit:before { content: "\270E"; }
.spark:before {  content: "\2737";}
.delete:before { content: "\2718";}
.save:before { content: "\2714";}
.email:before { content: "\2709" }
.like:before { content: "\2764";}
.next:before { content: "\279C";}
.cross:before { content: "\2716"; }   
.add:before {	content: "\271A"; }
.play:before {  content: "\25B6";}

/*Arrows*/
.right_arrow:before { content: "\2192";}
.left_arrow:before { content: "\2190";}
.up_arrow:before { content: "\2191";}
.down_arrow:before { content: "\2193";}

/*Currency*/
.dollar:before{ content:"\0024"; }
.euro:before{ content:"\20AC"; }
.pound:before{	content: "\00A3";}
.cent:before { content: "\20B5"; }

/*Symbols*/
.snow:before { content: "\2042"; }
.blacksun:before { content: "\2600"; }
.pen:before { content: "\2712"; }
.umbrella:before { content: "\2602"; }
.whitestar:before { content: "\2606"; }
.phone:before { content: "\260E"; }
.saltire:before { content: "\2613"; }
.skull:before { content: "\2620"; }
.radioactive:before { content: "\2622"; }
.music_note:before { content: "\266C"; }
.point:before { content: "\261b"; }
.airplane:before { content: "\2708"; }
 
/* B) DIVIDERS ++++++++++++++++++++++++++++++++++++++++++++ */
.dividerdemo {
	background: url(style/images/dividers/divider1.png) 1% 0;
	height: 5px;
	margin: 10px 0; }
 
.divider2demo {
	background: url(style/images/dividers/divider2.png) repeat;
	height: 8px;
	margin: 0 0 10px; }
 
.divider3 {
	background: url(style/images/dividers/divider3.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider4 {
	background: url(style/images/dividers/divider4.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider5 {
	background: url(style/images/dividers/divider5.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider6 {
	background: url(style/images/dividers/divider6.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider7 {
	background: url(style/images/dividers/divider7.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider8 {
	background: url(style/images/dividers/divider8.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider9 {
	background: url(style/images/dividers/divider9.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
.divider10 {
	background: url(style/images/dividers/divider10.png) repeat;
	height: 5px;
	margin: 0 0 10px; }
 
/* C) TABLE ++++++++++++++++++++++++++++++++++++++++++++ */
table { max-width: 100%; border-collapse: collapse; border-spacing: 0;  }
.table { width: 100%; margin-bottom:15px}
.table th, .table td { padding: 8px; line-height: 19px; text-align: left; border-top: 1px solid #bbb; }
.table th { font-weight: bold; }
.table td { color: #555;}
.table thead:first-child tr th { border-top: 0; color: #333;}
.table tr:nth-child(odd) td{ background: #eee url("style/images/texture.png") repeat; }

/* D) INFO BOXES ++++++++++++++++++++++++++++++++++++++++++++ */
.error-box,.notice-box,.success-box,.info-box {
	border: 1px solid #efefef;
	margin-bottom: 10px;
	padding: 10px;
	border-color: #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	font-weight: 700;
	color: #eee;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
 
.error-box { background: #e25d33; }
.notice-box { background: #898a75; }
.info-box { background: #666; }
.success-box { background: #86b8b1; }
 
/* E) TABS ++++++++++++++++++++++++++++++++++++++++++++ */
/* root element for tabs  */
ul.tabs {
	list-style: none;
	margin: 0!important;
	padding: 0;
	height: 30px; }
 
/* single tab */
ul.tabs li {
		float: left;
		text-indent: 0;
		padding: 0;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		margin: 0 0 0 10px;
		list-style-image: none!important; }
 
/* link inside the tab. uses a background image */
ul.tabs a {
		background: #555 url(style/images/strip.png) repeat;
		font-size: 11px;
		display: block;
		height: 30px;
		line-height: 30px;
		width: 100px;
		text-align: center;
		text-decoration: none;
		text-shadow: 0 1px 0 #222;
		padding: 0;
		margin: 0;
		position: relative;
		top: 1px; }
 
ul.tabs a:active { outline: none; color: #eee; }
ul.tabs a:hover { color: #eee; }
ul.tabs a.current,ul.tabs a.current:hover,ul.tabs li.current a { color: #fff; }
 .panes .pane { display: none; }
 
/* tab pane styling */
.panes div {
	display: none;
	padding: 15px 20px;
	border: 1px solid #bbb;
	background: #555 url(style/images/texture.png) repeat;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
	
	


	
.justificado {
	text-align: center;
	color: #000;
	line-height: 25px;
	font-size: xx-large;
}
.GRIS {
	color: #000;
}
.p2 {
	line-height: 2;
	font-size: 14px;
}
.izq {
	text-align: left;
}
.centrado {
}
#wrapper #content .col1 .centrado {
	text-align: center;
}