﻿/*
	TRENDIS Theme

	License: GNU General Public License
	License URI: licensing/README_License.txt
*/
@import url('reset.css');
/* -------------------- tag styles --------------------*/
body,td,div {font-family: verdana; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

/*h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}*/

h1 {
	font-size: 23px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;	
}

/*
h1 {
	color: #ffffff;
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
	display:inline-block;
	text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222;
}*/

h2 {
	font-size: 21px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;	
}

h3 {
	font-size: 19px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;	
}

h4 {
	font-size: 17px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;	
}

h5 {
	font-size: 15px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;	
}
h6 {
	font-size: 13px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	color: #2c2c2e;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}

::selection {
	background: #59ADDA; /* Safari */
    color:#ffffff;
}
::-moz-selection {
    background: #59ADDA; /* Firefox */
    color:#ffffff;
}

p, .list li  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #aeadad;
	font-size:12px;
	line-height:1.9;
}

a { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #aeadad;
	font-size:12px;
	
	text-decoration:none;
}

a:hover { color:#59ADDA;}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #505050;} /*gray*/

.ls25 {letter-spacing: 0.025em;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}


hr { 
	background-color: #e0e0e0;
	height: 1px;
	border: none;
}

/*  BASIC WP STYLES start  */

.entry-content img { margin: 0 0 20px 0; }
.alignleft, img.alignleft { float: left; margin: 10px 20px 10px 0; }
.alignright, img.alignright { display: block; float: right; margin: 10px 0 10px 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin: 10px auto 10px auto; }
.wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b1b1b; 	line-height: 1.9; font-size: 12px; }
.wp-smiley { max-height: 12px; margin: 0 !important; }
.gallery img, .gallery dl { margin: 0; }
.gallery-caption { margin: -20px 0 0 0; }
.sticky { }

/*  BASIC WP STYLES end  */


/* --------------------- START PANEL 3 ---------------------*/
#panel3 {
	/* background: #272727 url(http://trendis.si/wp-themes/trendis-theme/wp-content/uploads/2012/04/bg-footer.jpg) repeat; */
	padding: 20px 30px 30px 0;
	/* margin-top: -40px; */
	border-top: 5px solid #222222;
	border-bottom: 5px solid #222222;
}

#panel3 .secondStatement { width: 740px;}
#panel3 h1 { 
	text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222;
	color: #fff;
	
	font-size:28px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px;
	line-height:1.5;
}
#panel3 h1 span { color: #c9c9c9; }
#panel3 p { 
	color: #fff; 
	text-shadow: 0.5px 0.5px 0.5px #000000;
}

#panel3 blockquote p {
	text-shadow: 0.5px 0.5px 0.5px #000000;
}

#panel3 h2.testimonial-author {
	color: #fff; 
	text-shadow: 0.5px 0.5px 0.5px #000000;
}

#panel3 .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
#panel3 .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
#panel3 .flex-control-nav li:first-child {margin: 0;}
#panel3 .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav-panel3.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
#panel3 .flex-control-nav li a:hover {background-position: 0 -13px;}
#panel3 .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

#panel3 .btn-dark { margin-top: -37px;     }
#panel3 a.btn-dark {
	text-decoration: none;
	color: #ffffff;
	background-color: #1d1d1d;
	font-size: 18px;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
	
	padding: 7px 20px 10px;
	width: 150px;
	height: 40px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	text-shadow: 0.5px 0.5px 0.5px #000000;
}
#panel3 a.btn-dark:hover { color: #59ADD9; text-decoration: none;  text-shadow: 0.5px 0.5px 0.5px #000000;}

#panel3 a { color: #E01D25; }
#panel3 a:hover { color: #59ADD9; text-decoration: none;  text-shadow: 0.5px 0.5px 0.5px #000000;}


/* panel 3 css styling for titles */
#panel3 .heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
#panel3 .heading-after {
	display:block;
	background:url(images/h1-stripes.png) repeat-x 0 0;
	height:12px;
	position:absolute;
	right:0;
	top:15px;
}
/* --------------------- END PANEL 3 ---------------------*/

/* toogle animate effect */
.heading-test {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
}
.content-test {
	color: #fff;
	width: 920px;
	line-height: 1.9;
	padding-top:30px;
}






/* -------------------------------------------------------------------------------------------*/

/* -------------------- HEAD start --------------------*/
#header {
	margin: 0 0 0px 0;
	
}
#head { width: 980px; background: #fff; margin: 0 auto;  position:relative;  }
#top-line { 
	width: 100%;
	padding-top: 5px;
	background-color: #59adda;
}
.logo {
	margin-top: 30px; margin-left: 30px; float:left;
}
.logo-text {
	margin-top: 45px; margin-left: 30px;
}

p.logoText {
	font-family: 'Microsoft Yahei',Georgia, "Times New Roman", Times, serif;
	color: #063d51;
	font-style: bolder;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 
.clearfix { display: block; } /* End hide from IE Mac */ 
.none { display: none; } /* End Clearfix */


#socials {
	position: relative;
	float: right;
	top: 44px;
	margin-right: 30px;
}
.social-links { margin: 0; }

.social-links li {
	display: inline-block;
	list-style: none;
	margin: 0 0 10px 15px;
	text-indent: -9999px;
}

.ie7 .social-links li {
	display: inline;
	font-size: 0;
	text-indent: 0;
}
			
.social-links li:nth-child(6n+1) { margin-left: 0; }
.social-links li:nth-child(6n) { margin-right: 15px; }
.social-links li:last-child { margin-right: 0; }
.social-links a {
	background-repeat: no-repeat;
	background-position: 0 -16px;
	display: block;
	height: 16px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	width: 16px;
}

.social-links li.facebook a { 
	background-image: url("images/icon-facebook.png"); 
}
.social-links li.linkedin a { 
	background-image: url("images/icon-linkedin.png");	
}
.social-links li.googleplus a { 
	background-image: url("images/icon-googleplus.png");	
}
.social-links li.skype a { 
	background-image: url("images/icon-skype.png"); 
}
.social-links li.twitter a {
	background-image: url("images/icon-twitter.png");
	background-position: 0 -15px;
	height: 15px;
	width: 21px;
}
.social-links li a:hover { background-position: 0 0; }












/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
body { background: url(images/bg2.jpg) repeat; }

#main {
	width: 980px; 
	margin: 0 auto;
	background-color: #fff;
	
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	
	
	height:auto;

}

.main-content{
	width:920px;
	margin-left:30px;
	height:auto;
	padding-bottom: 30px;
	margin-top:30px; 
}

/* --------------------- MAIN end ---------------------*/


/* --------------------- MENU start ---------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

@import url("css-family=Open+Sans-400,300,700,600,800.css");

#nav{
	width:980px;
	border-bottom:1px solid #d5d5d5;
	position: relative;
	margin-top:30px;
}

#nav select {
    display: none;
    z-index: 3000;
    position: relative;
    width: 420px;    
    background: transparent;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
	
}

#nav ul {
	border-top:1px solid #d5d5d5;

	
}

.select-menu{
	display:none;
}

#nav ul li{
	position: relative;
	display:block;
	float:left;
	background: url(../images/nav-divider.png) no-repeat center right;
	padding-right:1px;
}
#nav ul li a{
	display: block;
	float: left;
	padding:9px 30px 10px 30px;
	text-decoration: none;
	color:#666666;
	font-weight:700;
	font-size:14px;
	text-transform: uppercase;
	border-top:1px solid #d5d5d5;
	margin-top:-1px;
	font-family:"Microsoft Yahei", "Open Sans","Helvetica Neue",Helvetica,Arial;
    font-size: 14px;
    font-weight: 700;
	line-height:1.5;
}
#nav ul li a:hover{
	color:#59ADDA;
	border-color:#59ADDA;
	margin-top:-1px;
}

/* Active */
#nav ul li.current-menu-item a, 
#nav ul li.current-page-ancestor a,
#nav ul li.current-menu-ancestor a{
	border-top:1px solid #59ADDA;
	
	margin-top:-1px;

	color:#59ADDA;
}

#nav ul li.current-menu-item ul li a, 
#nav ul li.current-page-ancestor ul li a,
#nav ul li.current-menu-ancestor ul li a{
	color:#666666 !important;
}
#nav ul li.current-menu-item ul li a:hover, 
#nav ul li.current-page-ancestor ul li a:hover,
#nav ul li.current-menu-ancestor ul li a:hover{
	color:#59ADDA !important;
}

#nav ul.sub-menu{
	display: none;
	position: absolute;
	top:32px;
	left:0;
	width:200px;
	z-index: 6000;
	background: #ffffff !important;
	border-top:2px solid #59ADDA;
	padding:10px 20px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 
}

#wrap li.current_page_item ul li a, 
#wrap li.current_page_ancestor ul li a, 
#wrap li.current-menu-ancestor ul li a{
	background-color: #ffffff;
}

#nav ul.sub-menu li, #nav ul.sub-menu li a{
	background: none;
	border:none !important;
	padding:0;
	margin:0;
}

 #nav ul.sub-menu li a{
	display:block !important;
	padding:8px 10px 7px 10px;
	width:180px;
	font-weight:400;
	border-bottom:1px solid #efefef !important;
}

#nav ul.sub-menu li:last-child a,
 #nav ul.sub-menu li:last-child ul li:last-child a{
	border-bottom: none !important;
}

 #nav ul.sub-menu li:last-child ul li a{
	border-bottom:1px solid #efefef !important;
}

#nav ul li ul li ul{
	margin-left:200px;
	margin-top:-35px;
}

#nav ul li ul li ul li{
	padding:0;
	border-bottom:1px solid #efefef;
}

.sf-sub-indicator{
	display:none;
}

#nav ul.sub-menu li.current-menu-item a, 
#nav ul.sub-menu li.current-page-ancestor a,
#nav ul.sub-menu li.current-menu-ancestor a{
	color:#59ADDA !important;
}

/* --------------------- MENU end ---------------------*/

/* --------------------- SLIDER starts ---------------------*/

.ei-slider{
	height: auto;
}
.ei-slider-thumbs{
	display: none;
}
.ei-slider-large li{
	position: relative;
}

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 400px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 1.5;
	font-family: 'Playfair Display', serif;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 40px;
	line-height: 1.5;
	font-family: Georgia;
	color: #000;
	margin-top: -20px;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 60%;
	z-index: 10;
	text-indent: -9000px;
	background: #59ADDA;
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #f0f0f0;
	width: 100%;
	height: 60%;
	cursor: pointer;
	/*
	
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);*/
		
		
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
	
	border-bottom: #D5D5D5 1px solid;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 767px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}
/* --------------------- SLIDER ends ---------------------*/

/* ----------------------- MAIN QUOTE START ---------------------- */
.quote-main {
	
	padding: 20px 30px;
	margin-top: -4px;
	/* margin-bottom: 40px; */
	width: 920px;
	height: 85px;
}
.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0px auto 0 auto;
	font-family: 'Bree Serif';
}
.rw-sentence{
	margin: 0;
	text-align: center;
	margin-left: -30px;
	margin-top: 12px;
}
.rw-sentence span{
	color: #fff;
	/* white-space: nowrap; */
	font-size: 24px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	
	line-height: 28px;
	letter-spacing: -1px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.rw-sentence span.dark-color{
	color: #f314ac;
	white-space: nowrap;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	
	line-height: 28px;
	letter-spacing: -1px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.rw-words{
	display: inline;
	text-indent: 10px;
}

.rw-words span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	/* width: 100%; */
	color: #323232;
	text-align: left;
	margin-left: -12%;
	margin-top: 10px;
	width:70%;   /* was 100% */
	
	/*
	-bracket-:hack[;
        margin-left: -12%;
    ];*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .rw-words span{
		position: absolute;
		opacity: 0;
		overflow: hidden;
		/* width: 100%; */
		color: #323232;
		text-align: left;
		margin-left: 39.5%;
		margin-top: 10px;
		width:70%;   /* was 100% */
	}
}

noindex:-o-prefocus, .rw-words span {
  margin: 0 auto; width: 100%; text-align: center; margin-top: 10px;
}



@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsFirst {
    0% { opacity: 1; -moz-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsFirst {
    0% { opacity: 1; -o-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 1; -ms-animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 1; animation-timing-function: ease-in; height: 0px; }
    8% { opacity: 1; height: 60px; }
    19% { opacity: 1; height: 60px; }
	25% { opacity: 0; height: 60px; }
    100% { opacity: 0; }
}

@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 1; -webkit-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 70%; }  /* was 100% */
    27% { opacity: 0; width: 70%; }  /* was 100% */
    100% { opacity: 0; }
}
@-moz-keyframes rotateWordsSecond {
    0% { opacity: 1; -moz-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 70%; }  /* was 100% */
    27% { opacity: 0; width: 70%; }  /* was 100% */
    100% { opacity: 0; }
}
@-o-keyframes rotateWordsSecond {
    0% { opacity: 1; -o-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 70%; }  /* was 100% */
    27% { opacity: 0; width: 70%; }  /* was 100% */
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 1; -ms-animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 70%; }  /* was 100% */
    27% { opacity: 0; width: 70%; }  /* was 100% */
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 70%; }  /* was 100% */
    27% { opacity: 0; width: 70%; }  /* was 100% */
    100% { opacity: 0; }
}
.rw-sentence-IE{
	display: none;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 10px;
	
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;	
	line-height: 28px;
	letter-spacing: -1px;	
	text-align: center;	
	
}
.rw-sentence-IE span {
	color: #323232;
	white-space: nowrap;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	
	line-height: 28px;
	letter-spacing: -1px;
}
.rw-sentence-IE span.ie-top {
	display: block;
	margin-top: 10px;
}
/* ----------------------- MAIN QUOTE ENDS ---------------------- */

/* --------------------- SHORTCODES starts ---------------------*/


.one-half{ 
	width: 48.5%;
}

.one-third {
	width:31.3%;	
}

.one-fourth {
	width:22.8%;	
}

.one-fifth {
	width:17.65%;
}
.one-sixth {
	width:14.2%;
}
.two-third {  
	width:65%;
}

.two-third1 {  
	width:32.0%;
}
.two-third-last {  
	width:32.0%;
}
.two-third-last1 {  
	width:65%;
}
.three-fourth {  
	width:73.0%;
}
.three-fourth-last {  
	width:24.1%;
}
.one-third-search {
	margin-right: 20px;
	width: 208px;
}
.two-third-search {  
	width: 380px;
}
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.two-third,
.two-third1,
.three-fourth,
.two-third-last,
.two-third-last1,
.three-fourth-last {
	float: left;
	margin-right: 2.9%;
	margin-bottom: 30px;
}

.last-column {
	margin-right: 0px;
}

.hl{
	background-color: #3b3b3b;
	color:#FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.dottedUnderline{
	border-bottom: 1px dotted #3b3b3b; 	
}

.single-quote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: left;
	font-size: 18px;
	display: block; 
	font-style: italic; 
	padding-top: 7px; 
	margin-top: -20px;
	margin-left: 10px;
	line-height: 1.5;
}


.list { 
	margin: 0; 
	padding: 0; 
	list-style-position: inside; 
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
}

.list-arrow {list-style-image: url(images/li-arrow.png);}
.list-minus {list-style-image: url(images/li-minus.png);}

/*
.list li { 
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
	line-height: 1.9;
	text-decoration:none;
}
*/

.list li a:hover {
	color:#59ADDA
}

/* progress bar */
.pbar .ui-progressbar-value {display:block !important;}
.pbar {overflow: hidden; margin-bottom: -14px;}



.percent {
	position:absolute; 
	color: #949393;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 20px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
}
.percent span {
	color: #fff;
	margin-right: 10px;
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
}
.elapsed {position:relative;text-align: right;}

/************** START BUTTONS *****************************/	
.a_button, .a_button span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.a_button {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.a_button.full, .a_button.full span {
	display: block;
}
.a_button:hover, .a_button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.a_button:active, .a_button.active {
	top:1px;
}
.a_button span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;

}

.a_button.small span { font-size:12px; }
.a_button.medium span { font-size:14px; }
.a_button.large span { font-size:18px; }

.a_button.black { background-color: #333333; }
.a_button.green { background-color: #B9D972; }
.a_button.yellow{ background-color: #FECD61; }
.a_button.purple { background-color: #DFAFDA; }
.a_button.blue { background-color: #92DBF6; }

/************** END BUTTONS *****************************/

code, pre {
	display: block;
	font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; 
	
	border: 1px solid #ccc;
	padding: 18px 20px 18px 20px;
	margin: 0px;
	line-height: 19.2px;
	overflow: auto;
	overflow-Y: hidden;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.testimonials {}
ul.testimonials-txt {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
}
ul.testimonials-txt p {
	margin-bottom: 20px;
}
ul.testimonials-txt h2.testimonial-author {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #333333;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	
	width: 100%; position: absolute; bottom: -10px; text-align: center;
}

/* --------------------- SHORTCODES end ---------------------*/













	
/* start for portfolio list on home */
.jcarousel-container {
	margin: 30px -20px 20px 0;   /*org margin: 30px -20px 80px 0; */
	max-width: 100%;
	padding: 0px 0 0;
}

.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}

.jcarousel-item {
	margin: 0 20px 0 0;
	/* width: 220px; */
}
.jcarousel-next, .jcarousel-prev {
	background: #59ADDA url(images/button-arrows.png) no-repeat 0 0;
	cursor: pointer;
	height: 19px;
	position: absolute;
	right: 0;
	top: -62px;
	width: 19px;
}

.jcarousel-prev {
	background-position: 0 -19px;
	right: 20px;
}

.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
	background-color: #59ADDA;
}

.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
	background-color: #eee;
	cursor: auto;
}


#portfolio-list, .portfolio-items {
	width:920px;
}
#portfolio-list a, .portfolio-items a  {
	text-decoration: none;
}
#portfolio-list li, .portfolio-items li {
	float:left;
	margin-right:20px;
	text-align:center;
	background-color:#f8f8f8;
	border-bottom:1px solid #e5e5e5;
	height:185px;
	margin-bottom:30px;
	width:215px;
}
#portfolio-list li:hover, .portfolio-items li:hover {
	border-bottom:1px solid #59ADDA;
	height:185px;
}
#portfolio-list img , .portfolio-items img{
	background-color:#FFF;
	height:127px; 
	width:215px;
}
#portfolio-list li:hover .title, .portfolio-items  li:hover .title{
	color:#59ADDA;
}	
#portfolio-list li .category, .portfolio-items li.category {
	font-size:11px;
	line-height:22px;
	color:#999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}	
#portfolio-list li .title, .portfolio-items li.title {
	font-size:13px;
	margin-top:13px;
	font-weight: bold;
	color: #3A3A3A;
	font-family: 'Droid Sans', sans-serif;
	text-decoration: none;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}



.adipoli-wrapper {
	margin:auto;
	position:relative;
	display: inline-block;
}
.adipoli-wrapper>img {
	position: absolute;
	z-index: 1;
}
.adipoli-before {
	position: absolute;
	z-index: 5;
}
.adipoli-after {
	position: absolute;
	z-index: 10;
}
.adipoli-slice {
	display:block;
	position:absolute;
	z-index:15;
	height:100%;
}
.adipoli-box {
	display:block;
	position:absolute;
	z-index:15;
}
/* end for portfolio list on home */
/* end for portfolio list on home */








.title-stripes{
	border-left:33px solid #59ADDA;
	height:3px;
	background:url("images/title-stripes.gif") repeat-x;
	margin-top:12px;
	margin-bottom: 30px;
}


/* start portfolio template */
ul.portfolio-filter { color: #5c5c5c; list-style: none; position: relative; left: -13px; margin-top:0px; }
ul.portfolio-filter li  {
	display: block;
	text-decoration: none;
	float: left;
	margin-left: 15px;
	margin-bottom:0px;
	font-size: 14px;
}

ul.portfolio-filter li a{
	display: block;
	text-decoration: none;
	letter-spacing: 0;
	color: #333333;
	font-size: 14px;
	outline: none;
	
	font-family: 'Droid Sans', sans-serif;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}



ul.portfolio-filter li a:hover,
ul.portfolio-filter li.active a {
	color: #59ADDA;
}

/*
.portfolio-items, #portfolio-list {
	width:940px;
	margin-left:-20px;
	
}
.portfolio-items  a, #portfolio-list a {
	text-decoration: none;
}
.portfolio-items  li, #portfolio-list li {
	float:left;
	margin-right:0px;
	margin-left:20px;
	text-align:center;
	background-color:#f8f8f8;
	border-bottom:1px solid #e5e5e5;
	height:185px;
	margin-bottom:30px;
	width:215px;
}
.portfolio-items  li:hover, #portfolio-list li:hover {
	border-bottom:1px solid #59ADDA;
	height:185px;
}
.portfolio-items  img, #portfolio-list img  {
	background-color:#FFF;
	height:127px; 
	width:215px;
}
*/


/* start single portfolio slider*/

.col620 #slides {
	max-width:620px; 
	margin: 0 auto; 
	position:relative; 
}

.col620 .slides_container {
	max-width:620px;

   z-index: 1;
}
.col620 .slides_container div.slide {
	max-width:620px;
	z-index: 10000;
	display:block;
}
.col620 .slides_container div.slide img { 
	max-width:100%; 
	height: auto;
	z-index: 1;
}


.col620 .next, .col620 .prev { 
	display:block; 
	width:30px; 
	height:30px; 
	position:absolute; 
	top:5px; 
	line-height:0; 
	font-size:0; 
	z-index:99;
	margin-left: -23px;
	text-indent: -99999px;
}

.col620 a.next, .col620 a.prev { 
	display:block; 
	text-indent: -99999px;
}

.col620 .next { 
	background:url(images/button-next.png) 0 0 no-repeat; 
	left:55px;
}
.col620 .prev { 
	background:url(images/button-prev.png) 0 0 no-repeat; 
	left:30px;
	z-index: 10000;
}
.col620 .next:hover, .col620 .prev:hover { background-position:0 -30px; }

/* end single portfolio slider*/

/* end portfolio template */


/* start lightbox */

.lightbox-image {position:relative;display:inline-block;}
.lightbox-image img {position:relative;}
.lightbox-image span {position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url("images/magnify.png") 50% 50% no-repeat;}

.lightbox-video {position:relative;display:inline-block;}
.lightbox-video img {position:relative;}
.lightbox-video span {position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url("images/magnify.png") 50% 50% no-repeat;}
/* end lightbox */




.col540 { width: 540px; }
.col590 { width: 590px; }
.mr30 { margin-right: 30px; }
.mr0 { margin-right: 0; }
.col300 { width: 300px; }
.col270 { width: 270px; }
.col870 { width: 870px; }

.colContactForm { width: 540px; }
.colContactAddress  { width: 300px; margin-right:80px; }
.colPortfRight { width:270px; float:right;}

/*
#client-list {
	width:920px;
}


#client-list li {
	float:left;
	margin-bottom:30px;
	margin: 0;
	margin-right: 50px;
}
#client-list img {
	width: 100%;
	height: 100%;
}	*/

.post-carousel {
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.post-carousel li {
			float: left;
			list-style: none;
			margin: 0 20px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.post-carousel li { width: 220px; }
		
		.no-js .post-carousel li {
			display: inline-block;
			float: none;
		}

		/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }

		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}
	
	.post-carousel .entry-body {
		float: right;
		margin: 0;
		width: 175px;
	}

	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 10px;
		max-width: 100%;
	}














h1.heading {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Droid Sans',sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222;
	text-transform:uppercase;
}




#footer {
	position:relative;
	margin:0 auto;
	
	
	clear:left;
	width: 920px;
	border-top: 5px solid #222222;
	padding: 20px 30px;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	line-height: 1.7;
	
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
			box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);
	
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#underfooter, #onHeader {
	position:relative;	
	margin:0 auto; 
	width:980px; 
	height:50px;
}

#footer p {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	color: #ffffff;
}

#footer span {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	color: #59ADDA;
	text-decoration: none;
} 

#footer a {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	color: #59ADDA;
	text-decoration: none;
} 
#footer a:hover {
	color: #8dcaff;
} 


#footer h1 {
	text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222;
	color: #fff;
	
	font-size:14px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px;
}

#footer .col1, #footer .col2, #footer .col3, #footer .col4 {
	width: 215px;
	float: left;
}
#footer .col1, #footer .col2, #footer .col3 {
	margin-right: 20px;
}



a, a > * {
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.margin30 { margin: 30px; }
.text {
	font-family: 'Droid Sans', sans-serif;
	color: #3f4040;
	font-size: 12px;
}

.subpage-title {
	background: #3f4040;	
	padding: 25px 30px;
	margin: 0px 0 30px;
}



.heading-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.heading-after {
	display:block;
	background:url(images/stripes-main-title.png) repeat-x 0 0;
	height:7px;
	position:absolute;
	right:0;
	top: 6px;
}



/* START SHORTCODES */

/* === TOGGLE === */
.shortcode-toggle { 
	margin-bottom: 5px; 
	
}
.shortcode-toggle h4 { margin: 0;  }
.shortcode-toggle h4 a {
    display: block;
    font-size: 12px;
	padding: 10px 15px;
	text-decoration: none;
	text-shadow: none;
    color: #fff;
    background: #3d9cbe url("images/toggle-close.png") no-repeat 99% center;
	font-family: 'Droid Sans', sans-serif;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	font-weight: normal;
}
.shortcode-toggle.closed h4 a { 
	background-image: url("images/toggle-open.png");
}
.shortcode-toggle .toggle-content {
    padding: 15px 15px;
    background: #F8F8F8;
	border-bottom:1px solid #e5e5e5;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	line-height: 1.7;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.shortcode-toggle.closed .toggle-content { display: none }


/* === TABS === */

ul.tabs {
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: solid 2px #ddd;
}
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0;
	padding-bottom: 2px;
	border-right: 1px #ddd dotted;
}
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px 3px 20px;
	line-height: 30px;
	margin: 0;
	color: #666;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

ul.tabs li a:hover { border: 0px }
ul.tabs li a.selected {
	border-bottom: 2px #59ADDA solid;
	color: #000;
}
.tab-content { 
	padding: 12px 10px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	line-height: 1.7;
}
#tab_block {
	position: relative;
	top: -15px;
}
.qcBlogEntry #tab_block {
	position: relative;
	top: -10px;
}     



/* BLOCKQUOTE */
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	padding-left: 10px;
	border-left: 1px #ddd solid;
}    

/* PRICING TABLES */


.pricing-tables4  .single-col { width: 228px; float: left;}
.pricing-tables3  .single-col  {width: 304px; float: left;}
.pricing-tables2  .single-col { width: 458px; float: left;}
.pricing-tables5  .single-col { width: 182px; float: left;}
.pricing-tables6  .single-col { width: 151px; float: left;}

/* EXAMPLE 1 */

.pricing-header {
	text-align: center;
}

.pricing-column {
	border: 1px solid #2a2a2a;
}

.pricing-header h3 {
	color: #fff;
	font-size: 26px;
	margin-bottom: 0;
	padding: 15px 0 14px;
	border-bottom: 1px solid #2a2a2a;
	text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222;
	font-family: 'Droid Sans', sans-serif;
}

p.price {
	color: #59ADDA;
	font-size: 24px;
	margin-bottom: 0;
	font-family: 'Droid Sans', sans-serif;
	padding: 10px 0 11px;
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
	
	text-shadow: 0.5px 0.5px 0.5px #000000;	 
	vertical-align: middle;
}

p.price span {
	font-size: 14px;
}

.pricing-column ul {
	clear: both;
	list-style: none;
	text-align: center;
	border-top: 1px solid #2a2a2a;
	padding-top: 10px;
	font-size: 10px;
	text-transform: uppercase;
}

.pricing-column ul li {
	padding: 5px 0;
	color: #fff;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	font-family: 'Droid Sans', sans-serif;
	font-size: 11px;
}

.pricing-column {
	background: #3f4040 url(images/bg-footer.jpg) repeat-x;	
}

.pricing-column ul li.price-button {
	padding: 20px 0; 
	margin-bottom: 10px;
}

.price-button a {
	text-transform: uppercase;
	color: #ffffff;
	padding: 8px 18px 7px;
	background: #59ADDA;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;	
	font-weight: bold;
}


.price-button a:hover {
	background: #323232;
	text-decoration: none;
}

/* EXAMPLE 2 */

.pricing1-tables4  .grouped { width: 223px; float: left;}
.pricing1-tables4  .best-offer { width: 239px; float: left;}
.pricing1-tables3  .grouped  {width: 298px; float: left;}
.pricing1-tables3  .best-offer  {width: 314px; float: left;}
.pricing1-tables2  .grouped { width: 448px; float: left;}
.pricing1-tables2  .best-offer { width: 464px; float: left;}
.pricing1-tables5  .grouped { width: 178px; float: left;}
.pricing1-tables5  .best-offer { width: 194px; float: left;}
.pricing1-tables6  .grouped { width: 148px; float: left;}
.pricing1-tables6   .best-seller { width: 164px; float: left;}

.grouped {
	width: 178px;
	float: left;
	border-right: none;
	margin-top: 15px;
	margin-bottom: 25px;
}

.grouped .price {
	color: #dcdddd;
}

.grouped .price-button a {
	background: #414242;
	box-shadow: 0.5px 0.5px 5.5px #000000;	
	-webkit-box-shadow: 0.5px 0.5px 5.5px #000000;
	-moz-box-shadow: 0.5px 0.5px 5.5px #000000;
	
}

.grouped .price-button a:hover {
	background: #579dcf;
	text-decoration: none;
}

.border {
	border-right: 1px solid #e0e0e0;
}

.best-offer .pricing-header h3, .best-offer .price {
	padding: 20px 0;
}

.best-offer {
	margin-top: 0px;
	/* width: 194px; */
	border: 3px solid #579dcf;
}

.best-offer .price {
	color: #579dcf;
}

.best-offer .price-button a {
	background: #579dcf;
}

.best-offer .price-button a:hover {
	background: #b5b5b5;
	text-decoration: none;
}


/* END SHORTCODES */

/* START FLICKR  */ 

.flickr_badge_image img{
	border: 2px solid #333333;
	width: 50px;
	height: 50px;
}


.flickr_badge_image img:hover{
	border: 2px solid #434343;
	width: 50px;
	height: 50px;
}


.flickr_badge_image {
	float: left;
	margin: 0 13px 13px 0;
   width: 50px;
	height: 50px;
}

/* END FLICKR */

/* START CONTACT PAGE */

#contact-form1 { margin-top: -10px; }  
#map {
	background-color: #ffffff;
	height: 250px;
	margin-top: -30px;
}
.contact-address p {
	color: #292a2a;	
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.contact-address a{
	color: #3082ae;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.contact-address a:hover{
	color: #393a3a;	
}

p.big-number {
	margin-top: 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;	
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
p.big-number span {
	font-family: 'Droid Sans', sans-serif;
	font-size: 20px;	
	font-weight: bold;
	color: #59ADDA;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
/* END CONTACT PAGE */

/* START CONTACT PAGE */
#map {
	background-color: #bababa;
	height: 250px;
	margin-top: -30px;
}
.contact-address p {
	color: #292a2a;	
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.contact-address a{
	color: #3082ae;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.contact-address a:hover{
	color: #393a3a;	
}

p.big-number {
	margin-top: 20px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;	
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
p.big-number span {
	font-family: 'Droid Sans', sans-serif;
	font-size: 20px;	
	font-weight: bold;
	color: #59ADDA;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
/* END CONTACT PAGE */

/* START BLOG */
#blog, #page-template { width: 610px; margin-right: 60px; }
.blog-type-icon {
	background-color: #59adda; width: 50px; height: 26px;
}
.blog-type-icon img {
	margin-left: 16px; margin-top: 5px;
}
.blog-post {
	margin-top: 25px;
}
.blog-title-content {
	margin-left: 30px;
	width: 530px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 18px;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	color: #363636;
	letter-spacing: -1px;
}
.blog-title-content a{
	width: 530px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 18px;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	color: #363636;
	letter-spacing: -1px;
}
.blog-title-content a:hover{
	color: #656363;
}
.blog-title-content span {
	display: block;
	font-size: 12px;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	color: #3b88b1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 0px;
}

.blog-details {
	background: url(images/bg-post-details.png) no-repeat;
	height: 79px;
	float:left;
	width:100%;
	overflow:hidden;
	position:relative;
	
}

.blog-details ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
	margin-top: 33px;
}
.blog-details ul li {	
	margin-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
	font-size: 14px;
	display:block;
	float:left;
	list-style:none;	
	padding:0;
	position:relative;
	right:50%;
	text-shadow: 0.5px 0.5px 0.5px #000000;
}
.blog-details ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #91a4ac;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 0.5px 0.5px 0.5px #000000;
}
.blog-details ul li a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #686868;
	font-size: 14px;
	text-decoration: none;
}

.blog-line { 
	border-top: 3px solid #59ADDA; 
	margin: -3px 0 5px 0;
	width: 610px;
}


/*.blog-line { 
	border-top: 1px solid #d5d1d1; 
	margin: 10px 0 5px 0;
	width: 610px;
}
.blog-details ul {
	margin-left: 20px;
	width: 610px;
}
.blog-details ul li {
	float: left;
	margin-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #363636;
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.blog-details ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #3b88b1;
	font-size: 12px;
	text-decoration: none;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.blog-details ul li a:hover{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #59adda;
	font-size: 12px;
	text-decoration: none;
}*/
.blog-post-content {
	width:610px;	
}
.blog-post-content p { 
	font-family: 'Droid Sans', sans-serif; 
	line-height: 2;
	color: #363636;
	font-size: 13px;  
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	text-indent: 2em;
}
.line-separator {
	border-bottom: 1px dashed #CECECC;
	margin: 30px 0;
}

#blog .post .blog-post #slides .slides_container a img, #blog .post .blog-post .blogImg { 
	max-width:610px; 
	height:auto; 
}

/* start single blog slider*/

#blog .post .blog-post #slides {
	max-width:620px; 
	margin: 0 auto; 
	position:relative; 
}

#blog .post .blog-post .slides_container {
	max-width:620px;

   z-index: 1;
}
#blog .post .blog-post .slides_container div.slide {
	max-width:620px;
	z-index: 10000;
	display:block;
}
#blog .post .blog-post .slides_container div.slide img { 
	max-width:100%; 
	height: auto;
	z-index: 1;
}


#blog .post .blog-post .next, #blog .post .blog-post .prev { 
	display:block; 
	width:30px; 
	height:30px; 
	position:absolute; 
	top:5px; 
	line-height:0; 
	font-size:0; 
	z-index:99;
	margin-left: -23px;
	text-indent: -99999px;
}

#blog .post .blog-post a.next, #blog .post .blog-post a.prev { 
	display:block; 
	text-indent: -99999px;
}

#blog .post .blog-post .next { 
	background:url(images/button-next.png) 0 0 no-repeat; 
	left:55px;
}
#blog .post .blog-post .prev { 
	background:url(images/button-prev.png) 0 0 no-repeat; 
	left:30px;
	z-index: 10000;
}
#blog .post .blog-post .next:hover, #blog .post .blog-post .prev:hover { background-position:0 -30px; }

/* end single blog slider*/




#sidebar { width: 250px; }

#sidebar ul {
	list-style-type: circle; 
	list-style-position: inside; 
	padding: 0;
	margin-left: 2px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;	
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	line-height: 1.7;
}
#sidebar ul li {
	color: #363636;
}
#sidebar ul li a {
	color: #3b88b1;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}
#sidebar ul li a:hover {
	color: #656363;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}

#blog .pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:12px;
	line-height:13px;
	float:left;
	margin-bottom:30px;
}

#blog  .pagination {
	padding: 0;	
}

 #blog  .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #363535; 
	text-shadow: 0.5px 0.5px 0.5px #000000;
	font-family: 'Droid Sans', sans-serif;
}

#blog .pagination span{
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #363535; 
	text-shadow: 0.5px 0.5px 0.5px #000000;
	font-family: 'Droid Sans', sans-serif;
}

#blog .pagination a:hover{
	background-color: #59ADDA;
}

/* COMMENTS */
#comments { width: 610px; }

h3#comments {  /* to je za oni text One thought on “This is standard image post”  pod naslovom comments */
	font-family: 'Droid Sans', sans-serif;	
	color: #59ADDA;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 30px;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}

span.date-and-time a { 
	display: block; 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 24px; 
	color:#59ADDA; 
	text-decoration: none; 
	font-weight: normal; 
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
	margin-top: 2px;
}
span.date-and-time a:hover {
	color: #333333;
}
.reply a{ 
	color: #59ADDA; 
	font-size:12px; 
	font-family: 'Droid Sans', sans-serif;
	margin-bottom: 20px; 
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}
.reply a:hover  { 
	color: #333333; 
}
label.screen-reader-text { display: none; }
input#s { 
	color: #333333; 
	font-family: 'Droid Sans', sans-serif;
	line-height: 1.9;
	font-size: 12px;
	width: 228px;
	height: 30px;
	margin-bottom: 15px;
	border: 1px solid #d5d1d1;
	padding: 0 10px;
} 
input#s:focus {
	color: #8a8888;
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
}
input#searchsubmit {
	cursor: pointer;
	border: none;
	background-color: #59ADDA;
	color: #fff;
	padding: 6px 9px 6px 9px;
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	/*margin-left: 205px;*/
	float: right;
	margin-top: -10px;
	width: auto;
	text-shadow: 0.5px 0.5px 0.5px #33799f;
}
input#searchsubmit:hover {

	background-color: #58bef4;


}



.comment-content p{ width: 610px; font-family: 'Droid Sans', sans-serif;  font-size: 13px; }
p.comment-notes { font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #333333; }




ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { /*border-bottom:1px dotted #666;*/ color:#333333; }
ol.commentlist li div.comment-author { margin-top: 5px; }

ol.commentlist li div.vcard { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }

ol.commentlist li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }
ol.commentlist li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0;   }

#panel-single-blog-post ul li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0;   }
#panel-single-blog-post ul li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif;  font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0;   }

ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:3px solid #ccc; float:left; margin-right: 30px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta {  } 
ol.commentlist li div.comment-meta a { color:#91a4ac; text-decoration: none; }
ol.commentlist li { list-style: none; }
/* tu se nastavi velikost pisave za komentare */
ol.commentlist li p { font-size:12px; margin:0 0 1em; }
ol.commentlist li ul { font-size:11px; list-style:none; margin:0 0 1em 2em; }
ol.commentlist li div.reply { margin: 20px 0 35px 0;}


ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; width: 600px; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}

ol.commentlist li ul.children li.comment.depth-2 p{width: 600px;}
ol.commentlist li ul.children li.comment.depth-3 p{width: 570px;}
ol.commentlist li ul.children li.comment.depth-4 p{width: 550px;}
ol.commentlist li ul.children li.comment.depth-5 p{width: 520px;}

ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin: 0 0 30px 30px;  }
ol.commentlist li ul.children li.depth-3 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.depth-4 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.depth-5 { margin: 0 0 30px 30px; }
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd {  }
ol.commentlist li.parent { /*border-left:5px solid #111;*/ }
ol.commentlist li.pingback { /*border-bottom:1px dotted #666;*/  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

#blog-post-form-allow { 
	font-family: 'Droid Sans', sans-serif;
	color: #333333;
	font-size: 11px; 
	width: 610px;
	letter-spacing: 1px;
	line-height: 2.2;
}
#blog-post-form-allow span.required {
	color: #59ADDA;
} 

#blog-post-form-allow span.dashed {
	border-bottom: 1px dashed #333333;
} 


/* za gumb ***************************************************** */
input#submit {
	float: right;
	cursor: pointer;
	border: none;
	background-color: #59ADDA;
	color: #fff;
	padding: 6px 9px 6px 9px;
	font-family: 'Droid Sans', sans-serif;
	margin: 12px 4px 30px 0;
	font-size: 12px;
	width: auto;
	text-shadow: 0.5px 0.5px 0.5px #33799f;
}
input#submit:hover {
	background-color: #58bef4;
}
/* za polja ***************************************************** */
#commentform input#author,
#commentform input#email,
#commentform input#url {
	font-size: 12px; 
	font-family: 'Droid Sans', sans-serif;
	line-height: 22px;
	width: 280px;
	height: 30px;
	color: #727474;
	margin-bottom: 15px;
	margin-right: 15px;
	border: 1px solid #d5d1d1;
	padding: 0 10px;
}

#commentform input#Author: MafiaShare.net
#commentform input#email:focus,
#commentform input#url:focus {
	color: #8a8888;
	
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
}
#commentform p a {
	font-size: 12px; 
	font-family: 'Droid Sans', sans-serif;
	color: #59ADDA;
}

/* za textarea ***************************************************** */
textarea#comment {
	color: #727474; 
	font-size: 12px; 
	font-family: 'Droid Sans', sans-serif;
	line-height: 22px;
	width: 588px;
	resize: none;
	border: 1px solid #d5d1d1;
	padding: 10px 10px;
}
textarea#comment:focus {
	color: #727474; 
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#col640 label { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }

/* za napisane tage ***************************************************** */
.blog-post-tags {
	font-family: 'Droid Sans', sans-serif;	
	font-size: 13px;
	
	color: #2c2c2c;
	margin-top: 30px;
}

/* za napisane tage ***************************************************** */
.blog-post-tags a {
	font-family: 'Droid Sans', sans-serif;	
	font-size: 13px;
	color: #59ADDC;
	text-decoration: none;
}
.blog-post-tags a:hover {
	border-bottom: 1px dashed #59ADDC;
}

.share-socials { margin-top: 63px; margin-right: 0px;}
/* za napis Share ***************************************************** */
.share-socials p {
	font-family: 'Droid Sans', sans-serif;	
	font-size: 13px;
	color: #2c2c2c;
	position: relative;
	top: -3px;
	margin-right: 5px;
}
.share-socials ul{ width: 130px; margin-top: 0px; list-style: none; }
.share-socials ul li { float: left; margin-right: 5px;margin-top: 0px; list-style: none; }


/* END BLOG */


/************** START CONTACT FORM *****************************/
#contact-form {
	width:540px;
	position:relative;
	margin: 0px 30px 10px 0;
}


.contact-col-300 {
	width: 300px;
	margin:0;
}


#contact-form input, 
#contact-form select, 
#contact-form textarea {
	font-family: 'Droid Sans', sans-serif;	
	font-style: italic;
	font-size: 12px;
	background-color: #1195c3;

}
#contact-form label {
	margin-bottom:4px;
	font-family: 'Droid Sans', sans-serif;	
	font-size: 12px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	color:#2D2F2E;
}

#contact-form input, 
#contact-form select{
	width:230px;
	border: none;
	height: 40px;
	color: #fff;
	padding: 0 10px;	
}

#contact-form input#rezNum{
	width: 20px;
	border: none;
	height: 40px;
	color: #fff;
	padding: 0 10px;	
}

#contact-form textarea {
	width:520px;
	border: none;
	color: #fff;
	padding: 10px 10px 10px 10px;
	height:150px;
	resize: none;
	z-index: -1;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	background-color: #303030;
	color: #fff;
	-moz-box-shadow: 1px 1px 1px #d5d1d1;
	-webkit-box-shadow: 1px 1px1px #d5d1d1;
	box-shadow:1px 1px 1px #d5d1d1;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#59ADDA;	
}

#contact-form .a_button {
	width: 170px;
	border:none;
	float:right;
	color:#FFF;
	position: relative;
	font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif;
    font-style: normal;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
	margin-top: 20px;
	padding: 6px 10px 10px 10px;
}

#contact-form .a_button:hover {
	color: #fff;background-color: #303030;
}

#contact-form .a_button:active {
	position:relative;
	top:1px;
	color: #fff;
}
#contact-form .a_button:focus {
	position:relative;
	top:1px;
	color: #fff;
}
#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(images/loading.gif);
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

p.error {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: red;
	font-style:italic;
}
p.tick {
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #1B1B1B;
	font-style:italic;
}
p.tick span {
	font:300 20px 'BebasNeueRegular', Arial, sans-serif; 
	color: #91A4AC;
	text-align:center;
}


#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}


p.contact-paragraph {
	margin-top: 28px; font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
}
p.contact-paragraph span{
	font-family: 'Droid Sans', sans-serif; 
	font-size: 14px;
	text-transform: uppercase;
	color: #1b1b1b;
}
p.contact-paragraph  a{
	font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
	text-decoration: none;
	margin: 0;
}
p.contact-paragraph  a:hover{
	font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1;
	text-decoration: none;
}
p.contact-paragraph-call{
	font-family: 'Droid Sans', sans-serif;  color: #1b1b1b;
}
p.contact-paragraph-call span{
	font-family: 'Droid Sans', sans-serif;  color: #91a4ac;
	margin-left: 5px;
}
/************** END CONTACT FORM *****************************/


a.readmore  {
    font-size: 11px;
    color: #59ADDC;
    text-decoration: none;
    font-style: italic;
}
a:hover.readmore  {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-style: italic;
}





.col620 {
	width:620px; 
	float:left; 
	margin-right:30px;
}

.col620 #slides .slides_container a img, .col620 .portfImg { 
	width:100%;
	max-width:620px; 
	height:auto; 
}



.box {
	background: url(images/404.png) no-repeat 0 0;	
	height: 343px;
	margin-bottom: -398px;
 	padding-bottom: 50px;
	position: relative;
	z-index: 2;
	margin-top: -30px;
}

.cover_pan{
	background: #fff url(images/covers.jpg) repeat 1055px bottom;
	height: 343px;
	margin-left:0px; 
	position: relative;
	width:100%;
	z-index: 1;
	margin-top: 5px;
	
	-moz-animation-name: pan;
	-moz-animation-duration:40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-webkit-animation-name: pan;
	-webkit-animation-duration:40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}


.box-a {
	background: url(images/404-a.png) no-repeat 0 0;	
	height: 269px;
	margin-bottom: -324px;
 	padding-bottom: 50px;
	position: relative;
	z-index: 2;
	margin-top: -30px;
	
}

.cover_pan-a{
	background: #fff url(images/covers.jpg) repeat 1055px bottom;
	height: 269px;
	margin-left:0px; 
	position: relative;
	width:100%;
	z-index: 1;
	margin-top: 5px;
	
	-moz-animation-name: pan;
	-moz-animation-duration:40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-webkit-animation-name: pan;
	-webkit-animation-duration:40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
}

.box-b {
	background: url(images/404-b.png) no-repeat 0 0;	
	height: 168px;
	margin-bottom: -223px;
 	padding-bottom: 50px;
	position: relative;
	z-index: 2;
	margin-top: -30px;
	
}

.cover_pan-b{
	background: #fff url(images/covers.jpg) repeat 1055px bottom;
	height: 168px;
	margin-left:0px; 
	position: relative;
	width:100%;
	z-index: 1;
	margin-top: 5px;
	
	-moz-animation-name: pan;
	-moz-animation-duration:40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-webkit-animation-name: pan;
	-webkit-animation-duration:40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
}

.box-c {
	background: url(images/404-c.png) no-repeat 0 0;	
	height: 112px;
	margin-bottom: -167px;
 	padding-bottom: 50px;
	position: relative;
	z-index: 2;
	margin-top: -30px;
	
}

.cover_pan-c{
	background: #fff url(images/covers.jpg) repeat 1055px bottom;
	height: 112px;
	margin-left:0px; 
	position: relative;
	width:100%;
	z-index: 1;
	margin-top: 5px;
	
	-moz-animation-name: pan;
	-moz-animation-duration:40s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	-webkit-animation-name: pan;
	-webkit-animation-duration:40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
}

.two404, .three404, .four404 { 
	display:none; 
	margin-top:20px;
}
.one404 { 
	margin-top:20px;
}
.text404{ 
	width: 920px; 
	text-align: center; 
}


@-moz-keyframes pan {
	0% {
		background-position: 1338px bottom;
	}
	100% {
		background-position: left bottom;
	}
}

@-webkit-keyframes pan {
	0% {
		background-position: 1338px bottom;
	}
	100% {
		background-position: left bottom;
	}
}

/*responsive video start*/

.video-container {
	position: relative;
	padding-bottom: 46.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}

.video-wrapper {
	max-width: 100%;
}

/*responsive video end*/



/* Info Boxes start*/
#info-box { 
	position: relative; 
	display: block; 
	margin-bottom: 20px; 
	height: auto; 
	min-height: 20px;  
}
#info-box .info-box { 
	position: relative; 
	display: block; 
	height: auto; 
	min-height: 20px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
}		
#info-box .info-box p { 
	display: block; 
	margin: 10px 50px 10px 10px; 
	min-height: 100%; 
	padding:0 15px; 
}	
.tip .info-icon, .error .info-icon, .note .info-icon, .inform .info-icon, .setting .info-icon { 
	line-height: 1em; 
	display: block; 
	position: absolute; 
}
.tip  .info-close-icon, .error  .info-close-icon, .note  .info-close-icon, .inform  .info-close-icon, .setting  .info-close-icon { 
	width: 14px; 
	height: 14px; 
	font-size: 26px; 
	line-height: 1em; 
	display: block; 
	position: absolute; 
	top: 15px; 
	right: 18px; 
}	
.tip .info-icon { 
	width: 23px; 
	height: 22px; 
	font-size: 22px; 
	top: 1em; 
	left: 0.5em; 
}
.note .info-icon { 
	width: 21px; 
	height: 21px; 
	font-size: 21px; 
	top: 1em; 
	left: 0.7em; 
}		
.inform .info-icon { 
	width: 23px; 
	height: 21px; 
	font-size: 21px; 
	top: 1em; 
	left: 0.6em; 
}	
.setting .info-icon { 
	width: 27px;
	height: 27px; 
	font-size: 27px;
	top: 0.7em; 
	left: 0.5em; 
}	



.tip { 
	background: #DFF0D8; 
	border: 1px solid #c9e1bf;  
}
.tip  .info-close-icon { 
	background: url("images/close-tip.png") no-repeat top left transparent; 
}
.tip p { 
	border-right: 1px solid #c6cfc6; 
	color: #2d6416;
	font-family: 'Droid Sans', sans-serif; 
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #DFF0D8;
}
.error { 
	background: #f99d9d; 
	border: 1px solid #e68282; 
}

.error  .info-close-icon {
	background: url("images/close-error.png") no-repeat top left transparent; 
}
.error p { 
	border-right: 1px solid #e68282;
	/*border-left: 1px solid #cebdbd; */
	color: #912020;
	font-family: 'Droid Sans', sans-serif; 
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #f99d9d;
}
.note {
	background: #f7c094;
	border: 1px solid #e4ad81; 
}
.note  .info-close-icon { 
	background: url("images/close-note.png") no-repeat top left transparent; 
}
.note p { 
	border-right: 1px solid #e4ad81;
	color: #aa510a;
	font-family: 'Droid Sans', sans-serif; 
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #f7c094;
}
.inform { 
	background: #95d2f3; 
	border: 1px solid #73b6da; 
}

.inform  .info-close-icon { 
	background: url("images/close-inform.png") no-repeat top left transparent;	
}
.inform p { 
	border-right: 1px solid #73b6da; 
	color: #063f5d;
	font-family: 'Droid Sans', sans-serif; 
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #95d2f3;
}
.setting { 
	background: #ede79f; 
	border: 1px solid #d3cc72;  
}
.setting  .info-close-icon { 
	background: url("images/close-setting.png") no-repeat top left transparent;	
}
.setting p {
	border-right: 1px solid #d3cc72; 
	color: #736c12;
	font-family: 'Droid Sans', sans-serif; 
	font-size: 12px;
	text-shadow: 0.5px 0.5px 0.5px #ede79f;
}
/* Info Boxes end*/







.col215 { width: 215px; margin-bottom: 20px; }
.circle-services {
	text-align: center;
	margin-left: -20px;
}
.circle-services a.circle-href {
	background: #389dd7;
	width: 160px;
	height: 160px;
	display: block;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	-khtml-border-radius: 80px;
	font-size: 20px;
	color: #fff;
	line-height: 105px;
	text-align: center;	
	margin: 0 auto;
}
.circle-services a:hover.circle-href {
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;*/
}
.circle-services .col215 { margin-left: 20px; }

.circle-services .col215 h4 {
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	color: #313332;
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0.5px #e3e0e0;
	margin-top: 15px
}

.circle-services .col215 h4 a {
	font-size: 14px;
	font-family: 'Droid Sans', sans-serif;
	color: #313332;
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0.5px #e3e0e0;
	margin-top: 15px
}
.circle-services .col215 h4 a:hover {
	color: #389dd7;
	margin-top: 15px
}

.circle-services .col215 p {
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
	color: #3c3c3c;
}






.tt-wrapper1 a{
    display: block;
    outline: none;
	position: relative;
	z-index: 2;
}
.tt-wrapper1 a span{
	width: auto;
	height: auto;
	line-height: 1.8;
	padding: 10px;
	left: 30%;
	margin-left: -40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #fff;
	text-shadow: 0.5px 0.5px 0.5px #000000;
	text-align: center;
	border: 3px solid #262525;
	background: #343434;
	text-indent: 0px;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	bottom: 10px;
	opacity: 0;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-o-transform: scale(0.2);
	-ms-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tt-wrapper1 a:hover span{
	opacity: 1;
	bottom: 120px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

ul.tabs-nav {
margin-left: 25px;
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 4px 15px 2px;
    border-radius:4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;
    -webkit-border-radius:4px 4px 0px 0px;
	
	
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
	
	
}
.tabs-nav .tabs-selected a {
    color: #fff;
	background-color: #59adda;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
	background-color: #59adda;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
	background-color: #3f4040;
	color: #fff;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
	
	
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;

}
.tabs-nav .tabs-selected a span {
    
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
		
}

.tabs-container {
	background-color: #f8f8f8;
    padding: 20px 30px;
	width: 920px;/* declare background color for container to avoid distorted fonts in IE while fading */
	
   
   
   /*
   -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
			box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.3);*/
   
}
.tab-bg {
	font-family: 'Droid Sans', sans-serif;
	color:#3f4040;
	font-size:12px;
	overflow:hidden;
	padding: 25px;
	line-height: 1.6;
	text-shadow: 0.5px 0.5px 0.5px #ffffff;
}

