/*Zeepry - Main CSS
	Copyrights- trendywebstar.com
	made by:trendyWebStar
	Updated to Version 1.5 - January 2012
	/*------------------------------------*\
	RESET
\*------------------------------------*/
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
	src: url('./fonts/YanoneKaffeesatz-Regular-webfont.eot');
	src: url('./fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
		 url('./fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
		 url('./fonts/YanoneKaffeesatz-Regular-webfont.svg#yanone_kaffeesatzregular') format('svg');
}

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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*RESET ENDS*/
/*-----------------------FONT FACE FOR FIREFOX TO WORK-----------------------*/
@media screen {
	@font-face {
		font-family: 'Yanone Kaffeesatz';
		src: url('fonts/YanoneKaffeesatz-Regular-webfont.eot?#iefix') format('embedded-opentype'),
				url('fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
				url('fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
				url('fonts/YanoneKaffeesatz-Regular-webfont.svg#Yanone Kaffeesatz') format('svg');
		font-weight: normal;
		font-style: normal;
	}
}
body{ 
background: #5BBFE7 url("images/body-bg-27.png") repeat;
font:12px Arial,sans-serif;
line-height:20px;
color:#666;
}
/* ------------------HEADINGS------------------*/	
h1,h2,h3,h4,h5,h6{
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-weight: normal;
	font-variant: normal;
	white-space: normal;
	color:#272727;
	margin-bottom:10px;
}
h1{
	font-size:34px;
	line-height: 38px;
}
h2{
	font-size:28px;
	line-height: 33px;
}
h3{
	font-size:24px;
	line-height: 29px;
}
h4{
	font-size:20px;
	line-height: 25px;	
}
h5{
	font-size:16px;
	line-height: 21px;
}
h6{
	font-size:14px;
	line-height: 17px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'Yanone Kaffeesatz', arial, serif;
	font-size: 100%;	
}

/*TABLE STYLES*/
table{border-collapse:separate;border-spacing:0;border-top-width:5px;margin-bottom:10px;border:1px solid #efefef}
th{padding:10px 15px;text-transform:uppercase;font-weight:bold;background:#5bbfe7;color:#FFF;}
td{padding:10px 15px;border-top:1px solid #efefef}
/*TABLE STYLES ENDS*/
/*------------------FORM STYLE------------------*/
label {font-weight:bold;display:block;color:#000}
input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
select {background-color:#fff;border-width:1px;border-style:solid;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:220px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:450px;height:180px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.required{color:#ed1c24;}
.simple-error, .simple-alert, .simple-notice, .simple-success, .simple-info, .simple-info-vert {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.simple-error, .simple-alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.simple-notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.simple-success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.simple-info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.simple-info-vert {background:#c9f3d9;color:#267e47;border-color:#61b882;}/*add syselio*/
.simple-error a, .simple-alert a {color:#8a1f11;}
.simple-notice a {color:#514721;}
.simple-success a {color:#264409;}
.simple-info a {color:#205791;}
.simple-info-vert a{color:#267e47;}/*add syselio*/
.fancy-button{display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px; border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5; font-size:100%; line-height:130%;text-decoration:none;font-weight:bold;color:#565656; cursor:pointer;}
.fancy-button:hover { background-color:#d5edf8;border:1px solid #5bbfe7;color:#5bbfe7;}
.fancy-button:active {  background-color:#d5edf8; border:1px solid #5bbfe7; color:#fff;}
/*------------------CUSTOM LINKS------------------*/	
.orange{color:#ce462b;}
.sysblue{color:#5bbfe7;}
.grey{color:#272727;}
.white{color:#FFF;}
.green{color:#8dc63f;}
.big-link{font-size:20px;font-family: 'Yanone Kaffeesatz', arial, serif;line-height:20px; margin-bottom:10px; }
.huge-link{font-size:24px;font-family: 'Yanone Kaffeesatz', arial, serif;line-height:24px;margin-bottom:10px; }
.medium-link{font-size:16px;font-family: 'Yanone Kaffeesatz', arial, serif;line-height:20px;margin-bottom:10px; }
.big-link:hover, .medium-link:hover,.huge-link:hover{ text-decoration:underline;}
.blog-category{margin-bottom:15px;}
/* ------------------TYPOGRAPHY STYLES--------Copyrighty by trendyWebStar----------*/
a{ text-decoration:none; color:#4f87c0; }
a:hover{ text-decoration:underline;  }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover{ text-decoration:underline; }
a img{ border:none; }
strong{ font-weight: bold; color:#252525; }
p, ul, ol, pre, code{ margin-bottom:10px; }
.small-margin{margin-bottom:10px;}
ul{ list-style-type:none;}
ol{ list-style-type:decimal; list-style-position:inside; }
blockquote{ padding:5px 20px 5px 60px; line-height:24px; background:#ffffff url(./images/quote.png) no-repeat top left; color:#999999; }
blockquote span{ color:#666666; }
.blockquote-left{ width:250px; float:left; }
.blockquote-right{ width:250px; float:right; }					 		 
pre, code{ border:1px solid #efefef; border-left:5px solid #efefef; display:block; padding:10px; font-size:11px; font-family: monospace; background-color:#f5f5f5; }
.text-right{ text-align:right; }
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-justify { text-align: justify; }/*add syselio*/
/*------------------GRID STYLE-------- Copyrighty by trendyWebStar----------*/
.columns-container {width:940px;float:left;}
.horizontal-line{width:100%; margin:30px auto; float:left;border-top:1px solid #e1e1e1;}	
.left{float:left;}
.right{float:right;}
.column-760{ width:760px; float:left; margin-right:20px; }/*add syselio*/
.column-700{ width:700px; float:left; margin-right:20px; }
.column-520{ width:520px; float:left; margin-right:20px; }
.column-460{ width:460px; float:left; margin-right:20px; }
.column-340{ width:340px; float:left; margin-right:20px; }
.column-140{ width:140px; float:left; margin-right:20px; }
.column-220{ width:220px; float:left; margin-right:20px; }
.column-320{ width:320px; float:left; margin-right:20px; }/*add syselio*/
.column-330{ width:330px; float:left; margin-right:20px; }/*add syselio*/
.column-300{ width:300px; float:left; margin-right:20px; }/*add syselio*/
.column-260{ width:260px; float:left; margin-right:20px; }/*add syselio*/
.column-180{ width:180px; float:left; margin-right:20px; }/*add syselio*/
.column-160{ width:160px; float:left; margin-right:20px; }/*add syselio*/
.column-100{ width:100px; float:left; margin-right:20px; }/*add syselio*/
.column-100{ width:100px; float:left; margin-right:20px; }/*add syselio*/
.last{ margin-right:0px; }
.img-align-left{ margin:5px 10px 0 0; float:left; }
.img-align-left2{ margin:5px 13px 0 0; float:left; }/*add syselio*/
.img-align-right{ margin:5px 0 0 10px; float:right; }
.img-align-right2{ margin:5px 0 0 13px; float:right; }/*add syselio*/
/*-----------------MAIN  STYLES-------------------*/
#wrapper{
	background-color:#FFFFFF;
	margin: 0 auto;
	width: 1000px;
}
#container{
	background:#FFF;
	height: auto;
	margin: 10px auto;
	width: 940px;
	padding: 0 30px;
	/*CSS3 CONTAINER SHADOWS*/
	/*-webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);*/
	-moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.35);
}
#header {
	padding-top:30px;
}
a#logo {
	background: url("./images/Logo.png") top left no-repeat;
	text-indent:-9999px;
	display: block;
	float: left;
	width:297px;
	height:65px;
	/*NICE FEATURES TAHT WORKS IN CHROME AND SAFARi*/
	-webkit-transition: all .3s;
	}
a#logo:hover{
	opacity:0.75;
	}
#grey-panel{
	width:940px;
	float:left;
	margin:30px 0px 30px -30px;
	background:#505050;
	padding:30px 30px 30px 30px;
	/*-moz-box-shadow:inset 0 0 15px #282828;
	box-shadow: inset 0 0 15px #282828;*/
	}
#grey-panel h1{
height: 38px;
}
#grey-panel-2 .button-holder{
	*margin-top:58px;/*IE FIX*/
	}
	#grey-panel-2{
	width:940px;
	float:left;
	margin:0px 0px 30px -30px;
	background:#272727;
	padding:30px 30px 30px 30px;
	-moz-box-shadow:inset 0 0 15px #282828;
	box-shadow: inset 0 0 15px #282828;
	}
#grey-panel .button-holder{
	margin: 33px 0;
	text-align: right;
	*margin-top:58px;/*IE FIX*/
	}
#footer{
	width:940px;
	float:left;
	margin:30px 0px 0px -30px;
	background:#ededed url("./images/footer-bg.png") left top no-repeat;
	padding:10px 30px 0px 30px;
	border-top: 5px solid #5bbfe7;
	/*min-height:240px;*/
	}
#footer h1 ,#footer  h2  ,#footer  h3  ,#footer  h4  ,#footer  h5  , #footer  h6  {color:#272727;font-family:'Yanone Kaffeesatz';/*text-shadow:0px 1px #1c1c1c;*/}
#footer ul li {font-family:arial, serif;font-size:11px;color:#5bbfe7;list-style:none;padding:2px 0;letter-spacing:1px;/*color:#324287;7689dc*/}
#footer ul li a {color:#5bbfe7;/*text-shadow:0px 1px  #1c1c1c;*/}
#copyrights{width:940px;float:left;margin-left:-30px;background:#c7c7c7;padding:0px 30px 0px 30px;min-height:20px;/*border-top:1pt solid #171717;*/}
#copyrights p{color:#000;font-family:'Tahoma', Arial, serif;font-size: 0.8em;letter-spacing:1px;margin-top:5px;margin-bottom:5px;}
#copyrights .left{float:left;margin:0;}
#copyrights .right{float:right;margin:0;}
/*#footer p{color:#5bbfe7;text-shadow:0px 1px  #1c1c1c;}*/
#footer .social-url{margin-right:2px;border:none;}
/*--------------------------------MAIN NAVIGATION---------------------------------------------*/
#main_navigation{top:20px;font-size:12px;height:35px;float:right;border-bottom:1pt solid #efefef;max-width:634px;}
.main-menu{position:relative;z-index:22;font-family: 'Yanone Kaffeesatz', arial, serif;letter-spacing:1pt;}
.main-menu ul li a, .main-menu ul li a:link, .main-menu ul li a:visited{color:#5bbfe7;border-bottom:2pt solid transparent;padding-bottom:2px;}
.main-menu ul {
	margin:0;
	padding:0px;

	list-style-type:none;
}
.main-menu ul li {
	position:relative;
	display:inline;
	float:left;
}
.main-menu ul li a,.main-menu ul li a:link{
	line-height:30px;
	color:#5bbfe7;
	text-shadow:none;
	font-size:15px;	
	text-transform:uppercase;
	cursor:pointer;
}

.main-menu ul li a:hover,.main-menu ul li:hover{
	color:#707070!important;	
}
.main-menu ul li .rmFocused {
	color:#272727!important;	
}
.main-menu ul li a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 15px;
}
* html .main-menu ul li a {
	display:inline-block;
}
.main-menu ul li ul {
	position:absolute;
	left:0px;
	display:block;
	visibility:hidden;
	color:#FFF;
	/*width:185px;*/	
}
.main-menu ul li ul li {
	display:list-item;
	float:none;
	border-right:none!important;
	color:#FFF;	
}
.main-menu ul li ul li a {
	width:150px;
	padding:5px 0px;
	margin:0px 7px;
}
.main-menu ul ul {
	
	background:#FFF;
	border:1px solid #e0e0e0;
	border-top:2px solid #5bbfe7;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	z-index:101;
	color:#707070;	
	
}

.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	text-transform: capitalize;
	line-height:20px;
	margin-right:0px!important;
	margin-left:0px!important;
	padding:5px 19px 5px 8px!important;
	font-size:14px;	
	color:#707070;		
	z-index:1000;
	border-bottom:solid 1px #ececec;
	
}
.main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover {
	text-decoration:none!important;
	color:#FFF!important;
	background:#5bbfe7;
	text-shadow:none;
	margin-left:0px;

	
}
.main-menuz ul ul li ul ,.main-menu ul ul ul  {
	text-decoration:none!important;
	color:#db1010!important;
	text-shadow:none;
	z-index:1000;
	
}
.main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
	text-decoration:none!important;
	color:#FFF;
	text-shadow:none;
	
}
/*--------------------------------MAIN NAVIGATION ENDS---------------------------------------------*/
/*------------------------------------CUSTOM UL STYLES-----------------------------------*/
.page-nav { cursor: pointer; }
.simple-nav{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
.simple-nav li{ border-bottom:1px solid #efefef; }
.simple-nav li a:hover{ }
.simple-nav li a{ color:#4f87c0; display:block; padding:5px 0 5px 25px; background:#ffffff url(./images/sidenav-arrow.png) no-repeat 5px 10px; }
.simple-nav li.current a,
.page-nav li.current a{ color:#1c1c1c; }
.simple-nav li.current a:hover,
.page-nav li.current a:hover{ text-decoration:none; }
/*ORANGE SIDE NAV*/
.round-check-list{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }
.round-check-list li{ border-bottom:1px solid #efefef; }
.round-check-list li a:hover{ }
.round-check-list li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(./images/orange-list.png) no-repeat 5px 7px; }
.round-check-list li.current a{ color:#000000; }
.round-check-list li.current a:hover{ text-decoration: none; }
/*ROUND LIST NO LINKS*/
/*.round-list{ list-style-type:none; list-style-position:outside; border-top:1px solid #efefef; width:200px; }*/
.round-list{ list-style-type:none; list-style-position: outside; border-top:1px solid #efefef; width:auto !important; }
.round-list li{ border-bottom:1px solid #efefef;color:#666666;display:block; padding:5px 0 5px 25px; background:#ffffff url(./images/green-list.png) no-repeat 5px 7px;  }
/*BULLET LIST NO LINKS*/
ul.bullet li { color:#555555; padding:5px 0 5px 5px; list-style-type: square; list-style-position: inside; color:#666666; border-bottom:1px solid transparent; }
/*--------------------------------SLIDESHOW STYLES---------------------------------------------*/
	
/*TAB STYLE*/	
ul.tabs { list-style: none; float: left;margin: 0;width: 100%;border-bottom: solid 1px #efefef;}
ul.tabs li { overflow: hidden;position: relative;float: left;}
ul.tabs li {}
ul.tabs li a {text-decoration: none;display: block;outline: none;float: left;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;margin-right: 1px;font-size: 12px;font-style: italic;	}
ul.tabs li.active  {}
ul.tabs li.active a {color: #666666;}
.tabs-content-wrapper{float: left;display: block;width: 100%;}
.tab-content {padding-top: 15px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;}
/*TAB STYLE ENDS*/
/*TOOLTIP & SUBSCRIBE BUTTON*/
#simpleTooltip { padding: 3px 4px; border: 1px solid #c7c7c7; background-color: #ededed;font-size:11px;color:#5bbfe7;border-radius: 5px; }
/*#simpleTooltip { padding: 5px; border: 1px solid #c7c7c7; background-color: #ededed;font-size:11px;color:#5bbfe7;border-radius: 5px; }*/
.subscribe-button{padding:5px; width:55px;cursor:pointer; border: none; background-color:#1c1c1c; color:#f0f0f0; }
.subscribe-button:hover{background-color:#5bbfe7;}
/*TOOLTIP ENDS*/
/*BUTTONS STYLES*/
.green-big-button{font-weight: normal; color:#FFF; font-family: 'Yanone Kaffeesatz', arial, serif;background:#8dc63f;font-size:16px;padding:10px 15px;letter-spacing:1px;border-bottom:3pt solid #78b12b;
position:relative;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-webkit-transition-property:color, background;  
	-webkit-transition-duration: 0.15s, 0.15s;  
	-webkit-transition-timing-function: linear, ease-in; 
	}
.green-big-button:hover{text-decoration:none;background:#1c1c1c;color:#FFF;border-bottom:3pt solid #000;}
.grey-big-button{
	font-weight: normal;
	color:#FFF;
	font-family: 'Yanone Kaffeesatz', arial, serif;
	background:#1c1c1c;
	font-size:16px;
	padding:10px 15px;
	letter-spacing:1px;
	border-bottom:3pt solid #151515;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition-property:color, background;  
	-webkit-transition-duration: 0.15s, 0.15s;  
	-webkit-transition-timing-function: linear, ease-in;
}
.grey-big-button:hover{text-decoration:none;background:#5BBFE7;color:#FFF;border-bottom:3pt solid #5BBFE7;}
	
.green-big-button:active
{
text-decoration:none;
-webkit-box-shadow:0 1px 2px #e5e5e5,inset 0 0 25px #121212;
-moz-box-shadow:0 1px 2px #e5e5e5,inset 0 0 25px #121212;
box-shadow:0 1px 2px #e5e5e5,inset 0 0 25px #121212;
position:relative;
top:1px;
border-bottom:2pt solid #000;
}
	
.grey-big-button:active{text-decoration:none;
-webkit-box-shadow:0 1px 2px #272727,inset 0 0 25px #7cb430;
-moz-box-shadow:0 1px 2px #272727,inset 0 0 25px #7cb430;
box-shadow:0 1px 2px #272727,inset 0 0 25px #7cb430;
position:relative;
top:1px;
border-bottom:2pt solid #78b12b;}
/*BUTTON STYLES ENDS*/
/*TWIITER STYLES*/
.map{margin:10px 0 0px 0;}
#Mytweets, 
.query {font-size:11px;/* width:200px;*/padding:0px 10px 0px 10px;margin:10px 0 10px 0;background:#1c1c1c;letter-spacing:1px;
-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);}
#Mytweets .tweet_list li a, 
.query .tweet_list li a {color:#FFF;font-size:11px; font-style:italic;text-decoration:none;}
#Mytweets .tweet_list li a:hover, 
.query .tweet_list li a:hover {	color:#fff;}
#Mytweets .tweet_list .tweet_time a {color:#FFF;margin-bottom:0;font-size:11px; text-decoration:none;}	
#Mytweets .tweet_text .hash-link,
#Mytweets .tweet_text {color:#FFF;margin-bottom:0;font-size:11px; font-style:normal;}
/*TWITTER STYLES ENDS*/
/*PORTFOLIO STYLES*/
.portfolio-img{-webkit-border-radius:5px; -moz-border-radius: 5px;border-radius:5px;-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(100,100,100,0.35);}
.portfolio-img:hover{cursor:pointer;}
.portfolio-item{}
.portfolio-item-preview{ display:block; background:url(./images/bg-fade.png) no-repeat center center; }
/*PAGINATION*/
.pagination{ list-style:none; }
.pagination li{ display:inline; }
.pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
.pagination li.active a{ background-color:#f5f5f5;  }	
/*PORTFOLIO FILTER*/
#portfolio-filter ul { list-style:none;}
#portfolio-filter li{ display:inline; }
#portfolio-filter li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
#portfolio-filter ul li.active { background-color:#f5f5f5;  }
	
#filterable ul { list-style:none;}
#filterable li{ display:inline; }
#filterable li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
	
.portfolio-container ul li a.hide {
display:none;
}
.portfolio-container {
	padding:0px;
	display:block;
	width:990px;
	float:left;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:-30px;
}
.portfolio-container ul {
	list-style-type:none;
	margin:0px;
	padding-left:0px;
	padding-top:10px;
}
.portfolio-container ul li { padding-bottom:30px; }
.pretty-borderd-img{background-color: #f5f5f5;background: -moz-linear-gradient(bottom, #f2f2f2 0px, #ffffff 100%);background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); border: 1px solid #dddddd; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; padding: 5px;margin-bottom:10px;}
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
#prev, #next{ display:block; float:right; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
#prev:hover, #next:hover{ background-color:#f5f5f5; }

.accordian-slider-image {
	float:left;
	padding:0;
	margin:0;
}
.slide-minicaption {
	bottom:0;
	right:0;
	position:absolute;
	color:#fff;
	text-shadow:2px 2px #111;
	padding:10px;
	font-size:12px;
	line-height:18px;
	width:195px;
	background:#111;
}
.slide-minicaptiontitle {
	font-size:13px;
	text-align:center;
	letter-spacing:0.5px;
	color:#fff;
	display:block;
	line-height:20px;
}
.accordian-slider-caption {
	top:60px;
	left:550px;
	position:absolute;
	color:#D1D1D1;
	padding:10px 20px;
	font-size:12px;
	line-height:22px;
	background:#111;
	-moz-border-radius:5px;
	-webkit-border:5px;
	border-radius:5px;
	width:300px;
	height:auto;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
.accordian-slider-caption a {
	color:#D1D1D1;
}
.accordian-slider-caption a:hover {
	text-decoration:none;
}
.accordian-slider-captiontitle {
	font-size:20px;
	color:#fff;
	display:block;
	line-height:26px;
	margin:0 0 5px 0;
}
.accordian-slider-captiontitle a {
	color:#FFF;
}
.accordian-slider-captiontitle a:hover {
	color:#db1010;
	text-decoration:none;
}
.kiwcks-container {
	height:400px;
	overflow:hidden;
}
.kiwcks-container {
	width:1000px;
	margin-left:-30px;
	margin-top:25px!important;
	overflow:hidden;
}
.kwicks li {
	width:250px;
	-moz-box-shadow:1px 3px 15px #252525;
	-webkit-box-shadow:1px 3px 15px #252525;
	box-shadow:1px 3px 15px #252525;
}
.kwicks li {
	height:400px;
}
/*Anythin Slider Arrows*/
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
	z-index:1100;
}
div.anythingSlider .arrow a {
	display: block;
	height: 35px;
	margin-top: -30px;
	width: 35px;
	text-align: center;
	outline: 0;
	background: url(./images/arrows.png) no-repeat;
	text-indent: -9999px;
}
div.anythingSlider .forward { right: 0px;margin-right:15px; }
div.anythingSlider .back { left: 0px; margin-left:15px;}
div.anythingSlider .forward a {	background: url(./images/arrows.png) top right no-repeat; }
div.anythingSlider .back a { background: url(./images/arrows.png) top left no-repeat; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background: url(./images/arrows.png) bottom right no-repeat; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background: url(./images/arrows.png) bottom left no-repeat; }




/*-------------------------------------------------------------------------------------------------*/
					/*BUTTONS*/
/*-------------------------------------------------------------------------------------------------*/	

.button{
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	color: #ffffff;
	/*text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0);*/
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	
	}
.button:hover{text-decoration:none;}
.button.round{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.button.small{
	padding: 4px 10px;
}	
.button.big{
	padding: 8px 20px;
}	
.button.huge{
	padding: 12px 24px;
}
/*-----------BUTTON COLORS ---------------*/
ul.buttons li {display:list;margin:25px 0;}
/*BLUE*/
.button.blue{
	background-color:#1e6fca;	
	background: -moz-linear-gradient(
		top,
		#65b1f0 0%,
		#246eab);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#65b1f0),
		to(#246eab));
	
	border: 1px solid #275682;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	
	}
	.button.blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#246eab),
		to(#65b1f0));
	}
/*ORANGE*/
.button.orange{
	background-color:#d74b23;	
	background: -moz-linear-gradient(
		top,
		#f27a2a 0%,
		#c13a05);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f27a2a),
		to(#c13a05));
	border: 1px solid #9f2f03;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	
	}
	.button.orange:hover {
	color:#FFF;
	box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.orange:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c13a05),
		to(#f27a2a));
	}
	
/*GREEN*/	
.button.green {
	background-color:#85cd4d;	
	background: -moz-linear-gradient(
		top,
		#a6df57 0%,
		#6ca314);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a6df57),
		to(#6ca314));
	border: 1px solid #71af1e;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
}
.button.green:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.green:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6ca314),
		to(#a6df57));
}
	
/*PINK*/
.button.pink {
	background-color:#d82f4e;	
	background: -moz-linear-gradient(
		top,
		#f3546e 0%,
		#c92644);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f3546e),
		to(#c92644));
	border: 1px solid #841e31;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
}
.button.pink:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.pink:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c92644),
		to(#f3546e));	
}
/*BLACK*/
.button.black {
	background-color:#323232;	

	background: -moz-linear-gradient(
		top,
		#545557 0%,
		#1e1e1e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#545557),
		to(#1e1e1e));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #030303;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
}
.button.black:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
.button.black:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1e1e1e),
		to(#545557));	
}
/*YELLOW*/
.button.yellow {
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f8c100 0%,
		#b68e00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f8c100),
		to(#b68e00));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #b68e00;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
.button.yellow:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.yellow:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b68e00),
		to(#f8c100));	
}
/*RED*/
.button.red {
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f26c4f 0%,
		#d81f27);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f26c4f),
		to(#d81f27));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #bf0101;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
}
.button.red:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.red:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d81f27),
		to(#f26c4f));	
}
/*PURPLE*/
.button.purple{
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#b576ad 0%,
		#9a4d90);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b576ad),
		to(#9a4d90));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #954eae;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
.button.purple:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
.button.purple:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9a4d90),
		to(#b576ad));	
}
/*DARK BLUE*/
.button.dark-blue {
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#748095 0%,
		#3d4753);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#748095),
		to(#3d4753));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #3d4753;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
.button.dark-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1),;
	}
.button.dark-blue:active {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3d4753),
		to(#748095));	
}
/*LIGHT BLUE*/
.button.light-blue {
	
	background-color:#7ccce5;	
	background: -moz-linear-gradient(
		top,
		#7ccce5 0%,
		#64bcd7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#7ccce5),
		to(#64bcd7));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #52adc9;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
.button.light-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
}
.button.light-blue:active {
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#64bcd7),
		to(#7ccce5));	
}
/*BUTTON ENDS*/