/*
Theme Name: Elegant vCard
Theme URI: http://themes.iki-bir.com/vcard
Author: elemis
Author URI: http://iki-bir.com
Version: 3.0.1
*/

/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

input, textarea {
  -webkit-appearance: none;
}

html, body {
	height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

body {
	background:url(style/images/tan.jpg) repeat;
	font-size:62.5%;
	font-weight: normal;
	color:#4a4a4a;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	overflow: hidden;
}

h1 {
	text-align: left;
	font-size: 1.8em;
	margin-bottom:10px;
	color:#080808;
}

h2 {
	text-align: left;
	font-size: 1.6em;
	margin-bottom:10px;
	color:#080808;
}

h3 {
	text-align: left;
	font-size: 1.4em;
	color:#080808;
}

h4 {
	text-align: left;
	font-size: 1.3em;
	margin-bottom:8px;
	color:#080808;
}

h5 {
	text-align: left;
	font-size: 1.2em;
	margin-bottom:6px;
	color:#080808;
}

h6 {
	text-align: left;
	font-size: 1.0em;
	margin-bottom:6px;
	color:#080808;
}

p {
	font-size: 1.1em;
	line-height:1.6em;
	padding:0;
	margin-top:-4px;
}

a {
	color:#a3a3a3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

#wrapper {
	width:840px;
	height:340px;
	margin:0 auto;
	margin-top:120px;
}
#paper {
	background:transparent url(style/images/paper.png) no-repeat;
	width:840px;
	height:340px;
	margin:0 auto;
	position:relative;
	z-index:50;
	padding-top:23px;
	font-size:1.2em;
	overflow: hidden;
}

#header {
	width:700px;
	overflow: hidden;
	margin:0 auto;
	position: relative;
	margin-bottom: -1px;
}

.logo {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

.logo a {
	text-decoration: none;
	color:#717171;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #fff;
}

#footer {
	width:840px;
	height:20px;
	margin:0 auto;
	text-align: center;
	color:#555555;
	text-shadow: 1px 1px 0px #f0f0f0;
	position: relative;
	z-index:60;
}

.bgchanger {
	width:205px;
	margin:0 auto;
	margin-top:10px;
}

#footer a {
	color:#555555;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

ul.bg-switcher {
	text-align: center;
	margin-top: 10px;
}

ul.bg-switcher li {
	display: inline-block;
	margin: 0 3px;
}

ul.bg-switcher li img {
	height: 20px;
	width: 20px;
	border: 1px solid #b4b0af;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/

#menu {
	text-align: center;
}

#menu li {
	margin: 0 20px; 
	padding: 0; 
	list-style: none;  
	display: inline-block;  
}

#menu li a {
	text-decoration: none;
	border:0;
	color:#000;
	text-shadow: 0px 1px 1px #fff;
	font-size: 14px;
	height:30px;
	display: block; 
	position:relative; 
	z-index: 52; 
}

#menu li a:hover {
	color:#313131;
}

#menu li a.current {
	background: transparent url(style/images/pointer.png) center bottom no-repeat; 
	padding-bottom: 1px;
}

/*-----------------------------------------------------------------------------------*/
/*	CODA
/*-----------------------------------------------------------------------------------*/

.coda-slider-no-js .coda-slider { 
	height: 280px; 
	overflow: hidden !important;
}

.coda-slider-wrapper {
	padding: 0;
	width: 700px;
	margin:0 auto;
}
.coda-slider {
	background: transparent;
}
.coda-slider, .coda-slider .panel {
	width: 700px;
	margin:0 auto;
}
.coda-slider .panel-wrapper {
	padding: 0px;
	padding-top: 0;
}
.coda-slider p.loading {
	padding: 0px;
	text-align: center;
}
.coda-slider-wrapper {
	clear: both;
	overflow: auto;
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}
.coda-slider .panel {
	display: block;
	float: left;
}
.coda-slider .panel-container {
	position: relative;
}
.coda-nav-left, .coda-nav-right {
	float: left;
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*	SECTIONS
/*-----------------------------------------------------------------------------------*/
.about-content, .social-content, .contact-content {
	width:580px;
	margin:0 auto;
	padding-top:38px;
}

.portfolio-content {
	width:602px;
	margin:0 auto;
	padding-top:25px;
}

#portfolio {
	clear:both;
}

/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/

.about-content-left {
	float:left;
	display: block;
	height:250px;
	width:160px;
}
.about-content-right {
	float:right;
	display: block;
	height:250px;
	width:400px;
}

.about-content ul {
	margin-top:13px;
	padding-left:15px;
}

.about-content ul li {
	background: transparent url(style/images/check.jpg) no-repeat 0 0;
	padding-left:25px;
	margin-right:20px;
	margin-bottom:10px;
	height:13px;
	display:block;
	font-size: 1.1em;
}

.about-content .slides img {
	background: transparent url(style/images/imgbg.jpg) no-repeat;
	width:134px;
	height:134px;
	padding:10px 11px 44px 11px;
	margin:0;
}
.about-content ul.pagination {
	display: block;
	width:170px;
	height:37px;
	padding:0;
	margin:0;
}
.about-content ul.pagination li {
	padding:0;
	margin:0;
	background: none;
	float:left;
	display:block;
	width:40px;
	height:29px;
	margin-right:6px;
	background: transparent url(style/images/thbg.jpg) no-repeat;
	padding:4px;
	padding-top:3px;
	padding-bottom:6px;
}
.about-content .container {
	width:170px;
	height:188px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin-bottom:5px;
}

div.slides {
	position:absolute;
	top:0;
	left:0;
	cursor:default;
}

div.slides > div {
	position:absolute;
	top:0;
	width:170px;
	display:none;
	padding:0;
	margin:0;
}

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

#slideshow {
	overflow: hidden;
}
#slideshow ul li {
	display: block;
	width:132px;
	height:109px;
	background: none;
	margin: 9px;
	float: left;
	background: transparent url(style/images/pthbg.jpg) no-repeat;
}
#slideshow ul li img {
	background:transparent !important;
}
#slideshow ul {
	margin-right: -20px;
	width: 620px;
	background: none;
}
#slideshow ul li img {
	padding-top:5px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:9px;
	width:120px;
	height:95px;
	display: block;
}
#portfolio-nav {
	text-align: center;
	margin-top: 10px;
}
#portfolio-nav a {
	width:11px;
	height:11px;
	display:inline-block;
	background: url(style/images/pagi.jpg) 0 0;
	background-repeat: no-repeat;
	text-indent: -99999px;
	margin-right:2px;
	margin-left:2px;
}

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

.social-content-left {
	float:left;
	width:290px;
	height:260px;
	float:left;
}
.social-content-right {
	width:290px;
	height:260px;
	float:right;
}

.social-content ul {
	list-style:none;
	padding:0;
	margin:0;
}

.social-content ul li {
	padding-left:50px;
	padding-top:0;
	margin-bottom:18px;
	height:32px;
	width:260px;
}

.social-content ul li.social1 {
	background: transparent url(style/images/s1.png) no-repeat left;
}

.social-content ul li.social2 {
	background: transparent url(style/images/s2.png) no-repeat left;
}

.social-content ul li.social3 {
	background: transparent url(style/images/s3.png) no-repeat left;
}

.social-content ul li.social4 {
	background: transparent url(style/images/s4.png) no-repeat left;
}

.social-content ul li.social5 {
	background: transparent url(style/images/s5.png) no-repeat left;
}

.social-content ul li.social6 {
	background: transparent url(style/images/s6.png) no-repeat left;
}

.social-content ul li.social7 {
	background: transparent url(style/images/s7.png) no-repeat left;
}

.social-content ul li.social8 {
	background: transparent url(style/images/s8.png) no-repeat left;
}

.social-content ul li.social9 {
	background: transparent url(style/images/s9.png) no-repeat left;
}

.social-content ul li.social10 {
	background: transparent url(style/images/s10.png) no-repeat left;
}

.social-content ul li a {
	padding-bottom:0;
	font-size:0.9em;
	padding-top:0;
	color: #4f7da0;
	text-decoration: none;
}
.social-content ul li a:hover {
	border-bottom: 0.1em solid #4f7da0;
}
.social-content ul li h3 {
	font-size:12px;
	color:#5e5e5e;
	padding-top:3px;
	margin-bottom:3px;
}

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

.contact-content-left {
	float:left;
	width:300px;
	height:290px;
	margin-right:20px;
}
.contact-content-right {
	width:260px;
	height:240px;
	float:right;
}

.contact-content ul {
	margin-top:21px;
}

.contact-content ul li {
	padding-left:27px;
	background: transparent;
	height:19px;
	font-size: 1.1em;
	line-height:1.5em;
	margin-bottom:11px;
	color: #363737;
}
.contact-content ul li.vcard {
	background: url(style/images/icn-cv.jpg) 0 0;
	background-repeat: no-repeat;
}
.contact-content ul li.address {
	background: url(style/images/icn-ad.jpg) 0 0;
	background-repeat: no-repeat;
}
.contact-content ul li.tel {
	background: url(style/images/icn-tel.jpg) 0 0;
	background-repeat: no-repeat;
}
.contact-content ul li.email {
	background: url(style/images/icn-mail.jpg) 0 0;
	background-repeat: no-repeat;
}
.contact-content ul li.web {
	background: url(style/images/icn-web.jpg) 0 0;
	background-repeat: no-repeat;
}
.contact-content a {
	padding-bottom:0;
	color: #363737;
	text-decoration: none;
}
.contact-content a:hover {
	border-bottom: 0.1em solid #363737;
}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/

.form-container {
	position: relative;
	width: 275px;
	overflow: hidden;
}
.sidebox .form-container {
	width: 300px;
}
.form-container .loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 300px;
}
.form-container .loading span {
}
.form-container .response {
	display: none;
	margin: 0 0 15px 0;
	color:#4d8c74;
	clear:both;
	text-shadow: none;
	line-height: 17px;
	width: 275px;
	font-size: 12px;
}
.sidebox .form-container .response {
	width: 300px;
}
.forms {
}
.forms fieldset {
	font-family: 'BrawlerRegular';
}
.forms ol {
	list-style: none;
}
/* form rows */
.forms li.form-row {
	margin-bottom: 0px;
}
.forms li.text-input-row {
}
.forms li.text-area-row {
}
.forms li.checkbox-row {
}
.forms li.radio-row {
}
.forms li.select-row {
}
.forms li.button-row {
	clear: both;
}
.forms li.hidden-row {
	display: none;
}
/* form input fields */

.forms fieldset .text-input {
	background-color: #fefefe; padding: 0px; width: 188px; height:14px; float:right; border: 1px solid #dedede; color: #333333; padding:3px;  margin-bottom:15px; font-size: 12px; font-family:"Trebuchet MS", Verdana, sans-serif;
}

.sidebox .forms fieldset .text-input {
	width: 278px;
}

.forms fieldset .text-area {
	background-color: #fefefe; width: 188px; height:115px; padding: 0px; float:right; margin: 5 5 5 0; border: 1px solid #dedede; color: #333333; padding:3px;margin-bottom:15px; font-size: 12px; font-family:"Trebuchet MS", Verdana, sans-serif;
}

.sidebox .forms fieldset .text-area {
	width: 278px;
	height: 120px;
}

.searchform input {
	background: #e2e2e2 url(style/images/icon-search.png) no-repeat 252px center;
	width: 258px;
	padding: 6px 10px 4px;
	height: 21px;
	line-height: 21px;
	border: 1px solid #e2e2e2;
	font-size: 13px;
	font-family: 'BrawlerRegular';
	color:#686868;
}

.forms fieldset .text-input:focus, 
.forms fieldset .text-area:focus, 
.searchform input:focus {
	border: 1px solid #c9c9c9;
}

.forms fieldset .radio {
}
.forms fieldset .checkbox {
}
.forms fieldset .select {
}

.forms li.error input, .forms li.error textarea {
	border: 1px #b85555 solid;
}


.forms span.error {
	display: none;
}
.forms .button-row span.error {
	padding: 0;
	display: none;
}
.forms li.focus {
}
.forms label {
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	clear: both;
	float: left;
	color: #7b7b7b;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
.form-container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.forms fieldset .btn-submit  {
	background: #717171 url(style/images/button-bg.png) repeat-x;
	width:auto;
	padding: 0 9px;
	font-size: 10px;
	height:21px;
	border:0;
	cursor:pointer;
	clear: both;
	margin-left: 79px;
	float: none;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*	ZOOMBOX
/*-----------------------------------------------------------------------------------*/

#zoombox_aplat {
	position:fixed;
	top: 0;
	left: 0;
	z-index: 190;
	width: 100%;
	height:100%;
	background: #0d0d0d;
	background-image: url(style/images/pp-bg.png);
	background-repeat: repeat;
	cursor:pointer;
}
#zoombox_loader {
	background:url(style/js/zoombox/default/loader.png) left top no-repeat;
	position:absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	overflow: hidden;
	z-index: 210;
}

#zoombox_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(style/js/zoombox/default/close.png) ;
	z-index: 200;
}
.zoombox_close{
	cursor: pointer;
}
#zoombox_contener {
	position:absolute;
	padding:0;
	margin:0;
	overflow: visible;
	padding:18px 18px 56px 18px;
	z-index: 190;
}
#zoombox_relative{
	position:relative;
	width:100%;
	height:100%;
}
#zoombox_content {
	width:100%;
	height:100%;
	overflow:hidden;
	background:#000;
}	
#zoombox_content iframe{
	border:none;
}
#zoombox_nav{
	bottom:-36px;
	height:26px;
	left:0px;
	position:absolute;
	width:100%;
	z-index:200;
	text-align:center;
	line-height:16px;
}
#zoombox_nav table{
	border:medium none;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 auto;
	padding:0;
}
#zoombox_title{
	background: none;
	margin-right:13px;
}
#zoombox_title span{
	display:block;
	background-color: #ececec;
	padding: 5px 13px;
	color:#3a3a3a;
	font-family:Arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:17px;
	text-align:center;
}	
#zoombox_next {
	background:transparent url(style/js/zoombox/default/zoombox-arrow.jpg) no-repeat top right;
	display:block;
	height:25px;
	width:25px;
	cursor:pointer;
}	
#zoombox_prev{
	background:transparent url(style/js/zoombox/default/zoombox-arrow.jpg) no-repeat top left;
	height:25px;
	width:25px;
	display:block;
	cursor:pointer;
}	
#zoombox_next:hover,#zoombox_prev:hover{
	
}	
.clear{clear:both;}

#zoombox_bg {
}
div.zoombox_bg_h {
	position:absolute;
	top: -18px;
	left:0;
	width: 100%;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_h.png) repeat-x;
}

div.zoombox_bg_hd {
	position:absolute;
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_hd.png) no-repeat;
}

div.zoombox_bg_d {
	position:absolute;
	top:0;
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(style/js/zoombox/default/ombre_d.png) repeat-y;
}

div.zoombox_bg_bd {
	position:absolute;
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_bd.png) no-repeat;
}

div.zoombox_bg_b {
	position:absolute;
	bottom: -18px;
	left:0;
	width: 100%;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_b.png) repeat-x;
}

div.zoombox_bg_bg {
	position:absolute;
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_bg.png) no-repeat;
}

div.zoombox_bg_g {
	left: -13px;
	top:0;
	position:absolute;
	height: 100%;
	width: 13px;
	background: transparent url(style/js/zoombox/default/ombre_g.png) repeat-y;
}

div.zoombox_bg_hg {
	position:absolute;
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(style/js/zoombox/default/ombre_hg.png) no-repeat;
}

#zoombox table {
	background-color: transparent;
	border: none;
	width: auto;
}
#zoombox td, #zoombox tr {
	background-color: transparent;
	border: none;
	padding:0;
}

#zoombox tr:hover {
	background-color: transparent;
}