/*

EyeCandy - Responsive HTML5 Template
by ThemePrince.com
version 1.0

*/

@font-face {
  font-family: Vazir;
  src: url('fonts/Vazir-Regular-FD.eot');
  src: url('fonts/Vazir-Regular-FD.eot?#iefix') format('embedded-opentype'),
       url('fonts/Vazir-Regular-FD.woff2') format('woff2'),
       url('fonts/Vazir-Regular-FD.woff') format('woff'),
       url('fonts/Vazir-Regular-FD.ttf') format('truetype');
  font-weight: normal;
}



@import 'reset.css';


body,html {
	padding: 0px;
	margin: 0px auto;
	padding-bottom: 40px;
	text-align: center;	
	font-size: 13px;
	font-family: vazir;
	line-height: 20px;			
	width: 100%;	
	color: #e4b3e9;		
	float: left;
}

body{
	background-image: url('../images/background-orange.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment:fixed;
	background-color: #000;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}


a{
	text-decoration: none;
	color: #fff;
	font-size: 13px;
}

a:hover{
	color: #ffabd3;
}

.wrapper a h4:hover{
	color: #ffabd3;
}


h1{	
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}

h2{
	font-size: 17px;	
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}

h3{
	font-size: 16px;	
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}

h4{
	font-size: 15px;	
	font-weight: normal;
	margin-bottom: 20px;
	color: #fff;
}

h5{
	font-size: 14px;
	margin-bottom: 20px;
	color: #fff;
}

h6{
	font-size: 13px;
	margin-bottom: 20px;
	color: #fff;
}

.heading{
	background-image: url('../images/heading.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 60px;
}

#footer .heading{
	margin-top: 0px;
}

blockquote{
	width: 90%;		
	float: left;		
	padding: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 40px;	
	padding-top: 5px;		
	background-image: url('../images/quote.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	color: #fff;
}

blockquote.align_right{
	width: 40%;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
}

blockquote.align_left{
	width: 40%;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}


blockquote footer{
	font-style: italic;	
	margin-top: 10px;
}


.dropcap {
	font-size: 32px;
	font-weight:  bold;
	float: left;
	margin-top: 10px;
	margin-right: 6px;
}

code {
	line-height: 20px;
	width: 570px;
	border: 1px solid #ccc;	
	float: left;
	background-image: url('../images/code_bg.gif');
	padding-left: 10px;
	padding-right: 10px;		
	margin-bottom: 30px;	
	margin-top: 15px;
}

pre {
	line-height: 20px;
	width: 606px;
	border: 1px solid #ccc;	
	float: left;	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-right: 40px;
	margin-top: 20px;

}

.image{
	padding: 2px;	
	float: left;
	margin-right: 15px;
	margin-top: 5px;	
	background-color: #fff;
	width: 100%;
	max-width: 100%;
}

.vspace{
	margin-top: 60px;
	width: 100%;
	height: 40px;
	clear: both;
}

.vspace2{
	width: 100%;
	height: 20px;
	clear: both;
}

.vspace3{
	width: 100%;
	height: 80px;
	clear: both;
}

.justify{
	text-align: justify;
}

.right{
	float: right;
}

.left{
	float: left;
}

.center{
	margin: 0px auto;
	float: none;
	clear: none;
	text-align: center;
}

.hidden{
	display: none;
}


.hr{
	width: 100%;
	float: left;
	clear: left;
	height: 1px;
	background-image: url('../images/hr.png');
	background-repeat: repeat-x;
	background-position: top center;
	margin-bottom: 40px;
}

.separator{
	width: 100%;
	height: 1px;
	background-image: url('../images/separator.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
	clear: left;
}

.clear{
	clear: both;		
}


header.heading h1{
	margin-bottom: 0px;	
}

header.heading h4{
	color: #e2adff;
}

header {
	text-align: left;
	position: relative;
}

header.heading{
	background-image: none;
}




/* HTML5 TAGS */
header, section, footer, aside, nav, article, figure {
	display: block;
}

article{
	float: left;
}




/* TABLE */

table,
thead,
tbody,
th,
td,
tr {
	display: block;
}
 
thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
 

table {		
	clear: left;
	border-bottom: 1px solid #b65cc2;	
	
}

table th {
	height: 32px;
	vertical-align: middle;	
}

table tr {		
	border-bottom: 1px solid #b65cc2;	
}

table tr:nth-child(even){
	background-color: #b65cc2;
}
 
td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	white-space: normal;
	text-align:left;
	line-height: 30px;	
}
 
td:before {
	position: absolute;
	top: 0px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;	
	line-height: 30px;	
}
 
td:before { content: attr(data-title); }


table tbody {
	border: 1px solid #b65cc2;	
}





/* JAVASCRIPT FALLBACK */

#notification {
	float: left;
	left: 0px;
	top: 0px;
	height: 35px;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 20;
	background-color: #fff1ba;
	font-size: 12px;
	color: #000;	
	font-weight: bold;
	line-height: 35px;
	z-index: 1002;
}



/* WARNING FOR IE7 OR LOWER */

#ie_warning{
	display: none;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	vertical-align: middle;
	text-align: center;
	margin: 0px auto;
	color: #333;
	font-size: 13px;
	position: absolute;
	z-index: 3002;
	background-color: #fff;
	padding-top: 350px;	
}

#ie_warning a{
	color: blue;
}


/* BACK TO TOP */

#toTop {
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 50px;
	right: 50px; 
	cursor: pointer;
	display: none;
	z-index: 999;
}



/* MENU */

#responsive-menu{
	position: relative;
	margin: 0px auto;
	z-index: 3001;
	margin-top: 130px;	
	cursor: pointer;
	border: 2px solid #fff;
	padding: 2px;	
}

#responsive-menu option.sub{
	padding-left: 20px;
}

#menu-left{
	display: none;
}	

#menu-right{
	display: none;
}	



/* LAYOUT  */

#top-line{
	background-color: #f7b733;
	width: 100%;
	height: 160px;
	background-image: url('../images/top-line.png');
	background-repeat: no-repeat;
	background-position: top center;
	
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	clear: both;
	float: left;
}

#menu-line{	
	width: 100%;
	height: 78px;
	background-image: url('../images/menu-line.png');
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 30px;
	position: relative;
	clear: both;
	float: left;
}


#service-line{
	float: left;
	color: #c65cd1;
	font-size: 12px;
	margin-top: 20px;
	font-weight: bold;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

#service-line span{
	color: #fff;
}

#social-icons{
	float: none;
	color: #c65cd1;
	font-size: 12px;	
	font-weight: bold;
	line-height: 32px;
	clear: both;
	width: 100%;
}

#social-icons li{
	display: inline;
	margin-right: 10px;
	line-height: 32px;
}

#social-icons li img{
	vertical-align: middle;
}

#social-icons li:first-child{
	margin-right: 20px;
}

.wrapper{	
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0px auto;	
	text-align: center;
}

.wrapper  section{
	text-align: left;	
}

#logo{		
	position: absolute;
	margin: 0px auto;
	top: 115px;
	text-align: center;
	width: 250px;
	z-index: 2001;
	left: 50%;
	margin-left: -125px;
}

#content{
	width: 100%;
	float: left;	
}

#sidebar{	
	width: 100%;
	
	clear: both;
	margin-top: 40px;
	padding-top: 40px;
	float: left;
	background-image: url('../images/hr.png');
	background-repeat: repeat-x;
	background-position: top center;	
}

section#subpage{
	float: left;
	min-height: 550px;
	background-image: url('../images/subpage-bg.png');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	
	
}




/* PARALLAX SLIDER */

section#parallax-slider{
	width: 100%;
	height: auto;
	position: relative;
	margin: 0px auto;
	text-align: center;
	z-index: 1000;	
	overflow: hidden;
	padding-bottom: 40px;
}

.parallax-viewport {
    position: relative;    
    overflow: hidden;
	width: 100%;	
	height: 100%;	
	margin: 0px auto;
	position: absolute;
	text-align: center;
}

.parallax-layer {
    display: none;
}


img.mobile{
	z-index: 1000;
	position: relative;
	max-width: 100%;
	width: 100%;
}

section#left-content{
	width: 100%;
	text-align: left;	
	position: relative;
	z-index: 1001;	
	clear: both;
	float: left;
}

section#right-content{
	width: 100%;
	text-align: center;	
	position: relative;
	z-index: 1001;
	clear: both;
}

section#right-content .right{
	text-align: center;
	float: none;
	margin: 0px auto;
}


.next-layout{
	color: #ffabd3;
	font-size: 15px;	
}


.next-layout:hover{
	color: #fff;
}


a.continue{
	float: right;
}


/* NEWS */

section#news h3.heading{
	background-image: url('../images/heading.gif');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 30px;
	margin-top: 0px;
}

section#news h3{
	text-align: center;
}



/* COLUMNS */

.col-one_fourth,
.col-three_fourth,
.col-one_third,
.col-two_third,
.col-one_half{
	width: 100%;	
	float: left;	
	position: relative;
	margin-bottom: 20px;
	clear: both;
}


.last,
#content .last{
	margin-right: 0%;
}


.col-one_fourth img,
.col-three_fourth img,
.col-one_third img,
.col-two_third img,
.col-one-half img{
	
	max-width: 100%;
}

#footer .col-one_fourth img,
#footer .col-three_fourth img,
#footer .col-one_third img,
#footer .col-two_third img,
#footer .col-one-half img{
	width: auto;	
}




/* BLOG WITH SIDEBAR */

#blog-sidebar {
	float: left;
	width: 100%;
}

#blog-sidebar li {
	clear: left;
	float: left;
	width: 100%;
}

#blog-sidebar li article{
	float: none;
}

#blog-sidebar h4{
 	background-image: url('../images/heading.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#blog-sidebar p img{
	vertical-align: middle;
}

#blog-sidebar section.info{	
	float: left;	
	width: 100%;	
}

#blog-sidebar section.text{
	width: 100%;
	clear: both;	
	margin-top: 20px;
	float: left;
}

#blog-sidebar section.text p{
	width: auto;
	
}

#blog-sidebar section.info .circle-date,
#blog-sidebar section.info .tn-circle{
	position: absolute;
	float: left;
}

#blog-sidebar section.info .thumbnail{
	position: relative;
	float: left;
}

#blog-sidebar section.info img.tn{
	padding-top: 3px;
	padding-left: 3px;
}

#blog-sidebar section.info p{	
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#blog-sidebar section.info p img{	
	margin-right: 4px;
}





/* BLOG WITHOUT SIDEBAR */

#blog {
	float: left;
	width: 100%;
}

#blog li {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	clear: both;
}



#blog h4{
 	background-image: url('../images/heading.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#blog p img{
	vertical-align: middle;
}

#blog section.info{
	width: 100%;
	float: left;
	margin-right: 35px;
}

#blog section.text{
	width: 100%;
	float: left;
	clear: both;
	margin-top: 20px;
}

#blog section.info .circle-date,
#blog section.info .tn-circle{
	position: absolute;
	float: left;
}

#blog section.info .thumbnail{
	position: relative;
	float: left;
}

#blog section.info img.tn{
	padding-top: 3px;
	padding-left: 3px;
}

#blog section.info p{	
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#blog section.info p img{	
	margin-right: 4px;
}




/* COMMENTS */

.comments ul{
	clear: left;	
	float: left;	
	margin-bottom: -80px;
}

.comments ul li{
	float: left;
	margin-bottom: 40px;
}

.comments ul li ul,.comments ul li ul li ul{
	margin: 0px;
	margin-left: 40px;	
}

.comments .user{	
	float: left;
	margin-right: 20px;	
	width: 59px;
}

.comments ul li p{	
	float: left;	
	width: 70%;
}

.comments ul li ul li p{	
	float: left;	
	width: 65%;
}

.comments ul li ul li ul li p{	
	float: left;	
	width: 60%;
}

.comments .info{
	font-size: 12px;
	color: #fff;	
	
}

.comments .info a {
	font-size: 12px;
}



/* COMMENTS REPLY */

.reply ul{
	float: left;
	width: 100%;
}

.reply ul li label{
	float: left;
	margin-left: 20px;
	line-height: 22px;
	color: #fff;
}

.reply ul li {
	float: left;
	clear: left;
	margin-bottom: 15px;
	width: 100%;
}

.reply input,.reply textarea{
	float: left;
}

.reply input{
	width: 45%;
}

.reply textarea{
	width: 90%;
	height: 100px;
	line-height: 22px;		
}

.reply  .i-send{	
	background-image: none;
	width: 100px;
	height: 28px;
	line-height: 22px;
	float: left;
	border: 0px;
	cursor: pointer;
	color: #dcdcdc;
	font-size: 11px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	
	background-image: url('../images/button-light.png');
	background-repeat: no-repeat;
	background-position: -70px -20px;		
	background-color: #8f2f63;
}

.reply  .i-send:hover{		
	background-image: none;
	color: #fff;
}



/* PORTFOLIO */

.portfolio-categories{		
	clear: both;
	float: left;	
	margin-bottom: 10px;
	width: 100%;
}

.portfolio-categories li{	
	display: inline;
	margin-left: 10px;	
	line-height: 30px;
	float: left;	
}

.portfolio-categories li a{	
	display: block;
	line-height: 30px;
}


.portfolio {
	width: 100%;
	float: left;
}

.portfolio li{
	width: 100%;
	margin-bottom: 40px;
	float: left;	
	position: relative;
	text-align: center;
}

.portfolio li:nth-child(2n){
	margin-right: 0px;
}

.portfolio li:nth-child(2n+1){
	clear: left;
}

.portfolio .heading{
	background-position: bottom center;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

.portfolio .tn-circle{	
	position: absolute;
	text-align: center;
	margin-left: -67px;
	left: 50%;
}

.portfolio .tn{	
	position: relative;
	padding: 3px;	
	text-align: center;
}




/* GALLERY */

.gallery {
	width: 100%;
	float: left;
}

.gallery li{
	width: 46%;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;	
	position: relative;
	text-align: center;
}

.gallery li:nth-child(2n){
	margin-right: 0px;
}

.gallery li:nth-child(2n+1){
	clear: left;
}

.gallery .tn-circle{	
	position: absolute;
	text-align: center;
	margin-left: -67px;
	left: 50%;
}

.gallery .tn{	
	position: relative;
	padding: 3px;	
	text-align: center;
}



/* SEARCH */

.search{
	clear: left;
	float: left;
}

.search .input-text{
	width: 180px;
	margin-right: 4px;
}



/* FORM ELEMENTS */

input[type="text"],
input[type="password"]{
	background-image: url('../images/input-text.png');	
	background-repeat: repeat-x;
	background-position: top center;
	height: 22px;
	border: 0px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;	
	font-family: vazir;
	font-size: 13px;
}


textarea{
	background-image: url('../images/input-text.png');	
	background-repeat: repeat-x;
	background-position: top center;
	height: 80px;
	border: 0px;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px 3px 3px 3px;	
	width: 95%;
	font-family: vazir;
	font-size: 13px;
}




/* CONTACT FORM */

#contact_form ul{
	width: 100%;
	float: left;
}

#contact_form li{
	float: left;
	clear: left;
	margin-bottom: 15px;
	width: 100%;
}

#contact_form li label{
	float: right;
	margin-left: 10px;
	line-height: 22px;
	width: 70px;
	font-size: 12px;
	float: left;
	color: #fff;
}

#contact_form .input-text{
	width: 104px;
}

#contact_form .input-text2{
	width: 44px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#contact_form textarea{
	width: 90%;
	height: 90px;
}

#contact_form #captcha{
	float: left;
	margin-left: 6px;	
	border: 1px solid #dedede;
}

#contact_form .input-button{	
	width: 53px;
	height: 26px;
	line-height: 20px;
	float: left;
	border: 0px;
	cursor: pointer;	
	font-size: 10px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #8f2f63;
	background-image: url('../images/button-light.png');
	background-repeat: repeat-x;
	background-position: 60% 50%;	
	color: #e4b3e9;
}

#contact_form .input-button:hover{	
	color: #fff;
	background-image: none;
}



/* ON PAGE CONTACT FORM */

#page_contact_form ul{
	width: 100%;
	float: left;
}

#page_contact_form li{
	float: left;
	clear: left;
	margin-bottom: 20px;
	width: 100%;
}

#page_contact_form li label{
	float: right;
	margin-left: 5%;
	line-height: 22px;
	width: 45%;
	color: #fff;
	float: left;
}

#page_contact_form .input-text{
	width: 45%;
}

#page_contact_form .input-text2{
	width: 50px;
	height: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#page_contact_form textarea{
	width: 95%;
	height: 150px;
	padding-left: 5px;
	padding-right: 5px;
}

#page_contact_form #captcha{
	float: left;
	margin-left: 6px;	
	border: 1px solid #dedede;
	
}

#page_contact_form .input-button{	
	width: 90px;
	height: 30px;
	line-height: 20px;
	float: left;
	border: 0px;
	cursor: pointer;	
	font-size: 12px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #8f2f63;
	background-image: url('../images/button-light.png');
	background-repeat: repeat-x;
	background-position: 60% 50%;	
	color: #e4b3e9;
}

#page_contact_form .input-button:hover{	
	color: #fff;
	background-image: none;
}



/* BUTTONS */
.button{		
	height: 40px;
	line-height: 40px;
	float: left;
	border: 0px;
	cursor: pointer;	
	font-size: 13px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #8f2f63;
	background-image: url('../images/button-light.png');
	background-repeat: repeat-x;
	background-position: 60% 50%;	
	color: #e4b3e9;
	margin-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}

.button.normal{
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

.button.small{
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	padding-left: 8px;
	padding-right: 8px;
}

.button:hover{	
	background-image: none;
	color: #fff;
}



/* TAGS */

.tags li{
	float: left;	
	margin-bottom: 10px;
	margin-right: 4px;
	background-image: url('../images/tag.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 15px;
}


.tags li a{
	display: block;
	background-color: #983ea7;
	padding-left: 8px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;	
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;		
	font-size: 12px;
	line-height: 18px;
}




/* TWITTER FEED */

#twitter {
	float: left;
	clear: left;
}

#twitter  li {
	background-image: url('../images/tweet.png');
	background-repeat: no-repeat;	
	background-position: 0px 4px;
	padding-left: 30px;
	padding-bottom: 20px;
	float: left;
	clear: left;
	line-height: 20px;
}

#twitter .twitter_time {
	font-size: 12px;
	font-style: italic;
}

#twitter  li a {
	font-weight: bold;	
}
#twitter  .twitter_time {
	font-weight: normal;
}



/* LIST WITH ARROWS AND LINES */

.list{	
	margin-top: -6px;
	float: left;
	width: 200px;	
	clear: left;
	margin-bottom: 20px;
}

.list li{	
	float: left;
	clear: left;	
	background-image: url('../images/list_bg.png');
	background-repeat: no-repeat;
	background-position: 0px 14px;
	line-height: 32px;
	padding-left: 12px;
	padding-right: 12px;
}

#sidebar .list li,footer .list li{
	width: 95%;	
	padding-right: 0px;
}

.list li a{
	display: block;
}



/* LIST WITH ARROWS */

.list-1{	
	float: left;
	width: 200px;			
	margin-bottom: 20px;
	clear: left;
}

.list-1 li{
	width: 100%;	
	float: left;
	clear: left;	
	background-image: url('../images/list-1.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	line-height: 26px;
	padding-left: 12px;
}

.list-1 li a{
	display: block;
}


/* LIST WITH BULLETS */

.list-2{	
	float: left;
	width: 200px;	
	margin-bottom: 20px;
	clear: left;
}

.list-2 li{
	width: 100%;	
	float: left;
	clear: left;	
	background-image: url('../images/list-2.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	line-height: 26px;
	padding-left: 12px;
}

.list-2 li a{
	display: block;
}



/* ORDERED LIST */
ol{
	float: left;	
	list-style-position:inside;
	list-style-type: decimal;
	clear: left;
	width: 100%;
}

ol li ol{
	list-style-type: upper-alpha;
	margin-left: 15px;
}

ol li{	
	line-height: 26px;
	clear: left;
}



/* CAROUSEL */

.infiniteCarousel {
  width: 287px;
  min-height: 85px;
  position: relative;
  float: left;
  clear: both;
  margin-bottom: 40px;
}


.infiniteCarousel .ic-wrapper {
  width: 226px; /* .infiniteCarousel width - (.ic-wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 140px;
  margin-left: 45px;
  position: absolute;
  top: 0;
}

.infiniteCarousel .ic-wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;	
}

.infiniteCarousel ul li {
	display:block;
	float:left;
	padding-left: 7px;
	padding-right: 6px;
	height: 97px;
	width: 216px;
}


.infiniteCarousel .arrow {
	display: block;
	height: 32px;
	width: 50px;
	background: url(../images/carousel-buttons.png) no-repeat 0 0;
	text-indent: -999px;
	position: absolute;
	top: 30px;
	cursor: pointer;
	overflow: hidden;
}

.infiniteCarousel .forward {
	background-position: 0px 0px;
	left: 0px;
	margin-top: 40px;
}

.infiniteCarousel .forward:hover {
	background-position: 0px 0px;
	background-image: url(../images/carousel-buttons-hover.png);
	background-repeat: no-repeat;
}

.infiniteCarousel .back {
	background-position: 0px -32px;
	left: 0px;
}


.infiniteCarousel .back:hover {
	background-position: 0px -32px;
	background-image: url(../images/carousel-buttons-hover.png);
	background-repeat: no-repeat;
}


.infiniteCarousel ul li p,
.infiniteCarousel ul li h4{
	width: 100%;
	
}

.infiniteCarousel ul li h4{
	color: #fff;
}

.infiniteCarousel ul li img {
	
	padding: 2px;	
	max-width: 100%;
	line-height: 0px;
	margin-bottom: 10px;
	background-color: #fff;	
	text-align: center;
}




/* HORIZONTAL TAB */

.tabs { float: left; clear: left; width: 98%; }
.tabs.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.tabs.ui-tabs .ui-tabs-nav {  margin: 0; width: 100%; float: left; border-top: 1px solid #97577a; border-bottom: 1px solid #97577a; margin-bottom: 15px; }
.widget-area .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0px; padding: 0; white-space: nowrap; width: 33%; text-align: center; }
.tabs.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.tabs.ui-tabs .ui-tabs-nav li a { padding-left: 8px; padding-right: 8px; line-height: 35px; text-decoration: none; font-size: 12px;  text-align: center; }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0px; padding: 0px; border-top: 1px solid #e48ff8; margin-top: -1px; padding-top: 2px;  }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; line-height: 30px; color: #fff; }
.tabs.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.tabs.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.tabs.ui-tabs .ui-tabs-hide { display: none !important; }
.tabs.ui-tabs .ui-widget-content { float: left; }

.tabs-vertical { float: left; clear: left; width: 98%; }
.tabs-vertical.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.tabs-vertical.ui-tabs .ui-tabs-nav {  margin: 0; width: 100%; float: left; border-top: 1px solid #97577a; border-bottom: 1px solid #97577a; margin-bottom: 15px; }
.tabs-vertical.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0px; padding: 0; white-space: nowrap; width: 33%; text-align: center; }
.tabs-vertical.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.tabs-vertical.ui-tabs .ui-tabs-nav li a { padding-left: 8px; padding-right: 8px; line-height: 35px; text-decoration: none; font-size: 12px;  text-align: center; }
.tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin: 0px; padding: 0px; border-top: 1px solid #e48ff8; margin-top: -1px; padding-top: 2px;  }
.tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; line-height: 30px; color: #fff; }
.tabs-vertical.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.tabs-vertical.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0px; background: none; }
.tabs-vertical.ui-tabs .ui-tabs-hide { display: none !important; }
.tabs-vertical.ui-tabs .ui-widget-content { float: left; }



.tabs img{
	width: auto;
}



/* TOGGLES */

.toggle{
	float: left;
	clear: left;
	margin-bottom: 15px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-image: url('../images/icon-plus.png');
	background-position: 0px 3px;
	height: 30px;
	line-height: 30px;
}

.toggle_box {
	background-image: url('../images/white_soft_bg.png');	
	border-radius: 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	color: #fff;
}

.toggle_box .block {
	padding: 15px;
}




/* CIRCLES */

span.circle,
.circle-date{
	background-color: #d78edf;
	-moz-border-radius: 41px;
    -webkit-border-radius: 41px;
	-khtml-border-radius: 41px;
	border-radius: 41px 41px 41px 41px;	
	float: left;	
	color: #fff;
	font-size: 22px;
	text-align: center;
	width: 41px;
	height: 41px;
	line-height: 41px;
	display: block;
	margin-right: 8px;
	margin-top: 4px;		
	background-repeat: no-repeat;
	
	/* IE8 and below */
	background-image: url('../images/circle.png')\9;	
	background-color: transparent\9 !important;
	
}

.circle-date {
	font-size: 12px;
	line-height: 15px;	
	padding-top: 4px;
	height: 37px;
}



/* RECENT POSTS */

.rp_posts {
	float: left;
	width: 100%;
}
.rp_posts li{
	float: left;
	width: 100%;
	clear: left;
	margin-bottom: 15px;
}

.rp_posts .tn{
	position: relative;
	float: left;
	padding-left: 2px;
	padding-top: 2px;	
	margin-right: 10px;
}

.rp_posts .tn-circle{
	float: left;
	position: absolute;
	left: 0px;
}

.rp_posts p{
	float: left;
	
}



/* FOOTER */

footer#footer{
	padding-top: 40px;
	float: left;
	clear: both;
	width: 100%;
	background-image: url('../images/footer-bg.png');
	background-repeat: repeat-x;
	background-position: top center;
	min-height: 290px;
	margin-bottom: -80px;
}




/********************** COLORIZER **********************/


/* RED */

body.red {
	background-image: url('../images/background-red.jpg');
	color: #ffc3c3;
}

body.red #service-line,
body.red #social-icons{
	color: #da5252;
}

body.red #top-line{
	background-color: #300b0b;
}

body.red #menu-left a,
body.red #menu-right a{
	color: #e68a8a;
}

body.red #menu-left a:hover,
body.red #menu-right a:hover,
body.red #menu-left .current,
body.red #menu-right .current{
	color: #fff;
}

body.red #menu-left li ul,
body.red #menu-right li ul {
	background-color: #b22626;
	border-color: #d63d3d;	
	
}

body.red .next-layout{
	color: #f7e0a0;
}
body.red .next-layout:hover{
	color: #fff;
}

body.red span.circle,
body.red .circle-date{
	background-color: #d44d44;
}

body.red .wrapper a h4:hover{
	color: #f7e0a0;
}

body.red header.heading h4{
	color: #e68a8a;
}

body.red .tabs.ui-tabs .ui-tabs-nav ,
body.red .tabs-vertical.ui-tabs .ui-tabs-nav 
{ 
	border-top: 1px solid #a36e70; border-bottom: 1px solid #a36e70; 
}

body.red .tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected{ border-top: 1px solid #fff; }

body.red #contact_form .input-button,
body.red #page_contact_form .input-button,
body.red .reply  .i-send,
body.red .button{		
	background-color: #a62f2f;
}


body.red .tags li{
	background-image: url('../images/tag-red.png');
}
body.red .tags li a{
	background-color: #941b19;
}

body.red a{
	color: #fff;
}

body.red a:hover{
	color: #f7e0a0;
}


body.red table,
body.red table tr,
body.red table tbody {
	border-color: #b05a5c; 
}	

body.red table tr:nth-child(even),
body.red table tbody tr:hover {
	background-color: #b05a5c;
}






/* PURPLE/BLUE */

body.purple {
	background-image: url('../images/background-purple.jpg');
	color: #e2adff;
}

body.purple #service-line,
body.purple #social-icons{
	color: #b175d1;
}

body.purple #top-line{
	background-color: #341744;
}

body.purple #menu-left a,
body.purple #menu-right a{
	color: #d1ade4;
}

body.purple #menu-left a:hover,
body.purple #menu-right a:hover,
body.purple #menu-left .current,
body.purple #menu-right .current{
	color: #fff;
}

body.purple #menu-left li ul,
body.purple #menu-right li ul {
	background-color: #7c43b6;
	border-color: #9164c1;	
	
}

body.purple .next-layout{
	color: #f7e0a0;
}
body.purple .next-layout:hover{
	color: #fff;
}

body.purple span.circle,
body.purple .circle-date{
	background-color: #cfaae3;
}

body.purple .wrapper a h4:hover{
	color: #ffabd3;
}

body.purple .tabs.ui-tabs .ui-tabs-nav li a{
	color: #e2adff;
}
body.purple .tabs.ui-tabs .ui-tabs-nav li a:hover{
	color: #ffabd3;
}

body.purple .tabs.ui-tabs .ui-tabs-nav ,
body.purple .tabs-vertical.ui-tabs .ui-tabs-nav {
	border-top: 1px solid #9271b3; border-bottom: 1px solid #9271b3; 
}

body.purple #contact_form .input-button,
body.purple #page_contact_form .input-button,
body.purple .reply  .i-send,
body.purple .button{	
	background-color: #a159c8;
}

body.purple .tags li{
	background-image: url('../images/tag-purple.png');
}
body.purple .tags li a{
	background-color: #9155d4;
}

body.purple table,
body.purple table tr,
body.purple table tbody {
	border-color: #9873c1; 
}	

body.purple table tr:nth-child(even),
body.purple table tbody tr:hover {
background-color: #9c64d5;
}