/*
PRIDE - CSS
Copyrights - orange-idea.com
Creator: OrangeIdea
JUNE - 2012
Portfolio - #/user/OrangeIdea/portfolio
Version 1.0

/* Body and structure
-------------------------------------------------- */
body {
  position: relative;
  background-color: #fdfdfd;
  font-family:Arial;
  color:#666;
}

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif !important; color:#000; text-transform:uppercase;}
h3 { margin-bottom:5px;}
p { margin-bottom:20px;}

/* Space out sub-sections more
-------------------------------------------------- */
section {
  padding-top: 60px !important;
}
.inner_section { padding-top:30px !important;}

/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}


/* Footer
-------------------------------------------------- */


/* Special grid styles
-------------------------------------------------- */
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
	background-color: #eee;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
	line-height: 30px;
}
.show-grid:hover [class*="span"] {
  background: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}



/* Popover docs
-------------------------------------------------- */
.popover-well {
  min-height: 160px;
}
.popover-well .popover {
  display: block;
}
.popover-well .popover-wrapper {
  width: 50%;
  height: 160px;
  float: left;
  margin-left: 55px;
  position: relative;
}
.popover-well .popover-menu-wrapper {
  height: 80px;
}
.large-bird {
  margin: 5px 0 0 310px;
  opacity: .1;
}




/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {
  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Modal example */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

}


@media (max-width: 768px) {
}


@media (min-width: 480px) and (max-width: 768px) {
}


@media (min-width: 768px) and (max-width: 980px) {
}


@media (max-width: 980px) {
}


@media (min-width: 1210px) {
}


.top_line {
	color:#f9f9f9;
	background-color:#333;
	border: 1px solid #222;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	-moz-box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;
	box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;

}
.top_line p { 
	margin-bottom:0px;
	font-size:11px;
	margin-top:5px;
	color: #a8a8a8;
	text-decoration: none;
	text-shadow: 1px 1px 0 #121212;
}
.top_line a {
	color:#a8a8a8;
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-shadow: 1px 1px 0 #121212;
}
.top_line a:hover {
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.soc_icons a{ float:right;}
.soc_icons a:hover { background-color:#69c1e7}
.icon_t { width:36px; height:29px; background:url('../img/icons_twitter.png')}
.icon_facebook { width:36px; height:29px; background:url('../img/icons_facebook.png')}
.icon_dribbble { width:36px; height:29px; background:url('../img/icons_dribbble.png')}
.icon_google { width:36px; height:29px; background:url('../img/icons_google.png')}
.icon_youtube { width:36px; height:29px; background:url('../img/icons_youtube.png')}
.icon_flickr { width:36px; height:29px; background:url('../img/icons_flickr.png')}


/* Page Head
-------------------------------------------------- */
.page_head {
	padding-top:40px;
	padding-bottom:40px;
}

/* Misc
-------------------------------------------------- */
.accordion-heading { background:#f6f6f6; font-weight:bold; font-size:11px; text-transform:uppercase;}
.tab-content {
  padding:15px;
  border:1px solid #dfdfdf;
  border-top:0px;
  background:#f9f9f9
}
.tab-content .well { background:#fdfdfd;}
.nav-tabs { margin-bottom:0px;}
.nav-tabs .active a { background:#f9f9f9;}
.nav-tabs a h6{ color:#69c1e7}
.nav-tabs li a { text-transform: uppercase; font-weight:bold; font-size:11px;}
.nav-tabs li.active a { background:#fff;}

#note { color:#ff0000; font-size:11px; line-height:14px; margin-bottom:15px;}
#map {height:800px; width:100%; border-bottom:5px solid #f5f5f5;}
.gallery_page h1 { font-size:42px; line-height:42px;}
.block { 
	margin-bottom:30px !important;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
}
.block img { width:100% !important;}
.bordered { border:1px solid #eee;}
.colored, a { color:#69c1e7}
.small-text { font-size:11px;}
.descr { clear:both; padding:7px !important; text-align:center; background:#fff;}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

.colored_bg { background:#69c1e7; color:#fff;}
.white, .white h2, .white em, .white h4 { color:#fff !important;}
.sep { height:5px; border:0px; background:url(../img/patterns/sep.png); margin:0px !important; margin-bottom:50px !important;}
.sep_bg { background:url(../img/patterns/sep.png); padding:5px; margin-bottom:20px;}
.pun { color:#888 !important}
.noshadow { box-shadow:none !important;}
.dash { border-style:dashed !important;}
h6 strong { font-weight:700 !important;}
.icon-pride {
  background-image: url("../img/glyphicons-halflings-pride.png");
}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

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

	#menu, #menu ul {
		float:right;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		padding-left:0px;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
		box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	#menu li:last-child {
		border-right: none !important;
		-moz-box-shadow: 0px 0 0 #444;
		-webkit-box-shadow: 0px 0 0 #444;
		box-shadow: 0px 0 0 #444;
		}
	
	#menu a {
		float: left;
		position:relative;
		padding: 6px 15px;
		color: #a8a8a8;
		font-size:11px;
		text-transform:uppercase;
		text-decoration: none;
		text-shadow: 1px 1px 0 #121212;
	}
	
	#menu li:hover > a{
		color: #fff;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fff;
	}
	#menu .active a{color: #fff;}
	
	#menu ul {
		font-size:12px;
		_margin: 0; /*IE6 only*/
		visibility: hidden;
		position: absolute;
		top: 46px;
		left: 0;
		z-index: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;  
	}


	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 165px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 8px;
		font-size:11px;
		width: 140px;
		_height: 8px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #69c1e7;	
		text-shadow:none;	
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #444;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #69c1e7; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #69c1e7; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	nav select { display: none; }
/*-------------------------------------------------------------------------------------------------*/
	/*WLCOME */
/*-------------------------------------------------------------------------------------------------*/
.welcome .hello { font-size:100px; line-height:80px; text-transform:none;}

.welcome {
	margin-bottom:50px;
	padding:7px;
	background:url(../img/patterns/sep.png)
}

/*-------------------------------------------------------------------------------------------------*/
	/*SLIDER */
/*-------------------------------------------------------------------------------------------------*/

.slider_area {
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
	background-image: -webkit-linear-gradient(top, #f1f2f1, #eae8e8);
	background-image: -moz-linear-gradient(top, #f1f2f1, #eae8e8);
	background-image: -ms-linear-gradient(top, #f1f2f1, #eae8e8);
	background-image: -o-linear-gradient(top, #f1f2f1, #eae8e8);
	background-image: linear-gradient(top, #f1f2f1, #eae8e8);

}
.presentation  h1 { color:#000; font-size:67px; line-height:67px}
.presentation h2 {}
.theme-default {
	min-height:50px;
	background:url('../img/spinner-slider.gif') center center no-repeat #f1f1f1 !important; 
}

/*-------------------------------------------------------------------------------------------------*/
	/*HOVERS */
/*-------------------------------------------------------------------------------------------------*/


.view {
   width:100%;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background:url('../img/spinner.gif') center center no-repeat #f1f1f1 !important; 
}
.view .mask {
   width:100%;
   height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view a.info {
   display:block;
   width:32px;
   height:32px;
   border-radius:3px;
   background-color:#000;
   background-image: url(../img/zoom.png); 
   position:absolute;
   top:50% !important;
   left:50%;
   margin-top:-16px;
   margin-left:-36px;
   border:1px solid;
   border-color: rgba(0,0,0, 0.5);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.nolink a.info {margin-left:-17px !important;}
.view a.info:hover {
	background-color:#69c1e7 !important;
	border:1px solid;
	border-color: rgba(255,255,255, 0.7);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}


.view a.link {
   display:block;
   width:32px;
   height:32px;
   border-radius:3px;
   background-color:#000;
   background-image: url(../img/link.png); 
   position:absolute;
   top:50% !important;
   left:50%;
   margin-top:-16px;
   margin-left:4px;
   border:1px solid;
   border-color: rgba(0,0,0, 0.5);
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.noinfo a.link { margin-left:-17px;}
.view a.link:hover {
	background-color:#69c1e7 !important;
	border:1px solid;
	border-color: rgba(255,255,255, 0.7);
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}








.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(105,193,231, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}



/*-------------------------------------------------------------------------------------------------*/
	/*FOOTER */
/*-------------------------------------------------------------------------------------------------*/

footer {
	padding:30px 0px 10px 0px;
	color:#f9f9f9;
	background-color:#333;
	border: 1px solid #222;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	-moz-box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;
	box-shadow: 0 0px 0px #999, 0 1px 0 #666 inset;
}

footer p { 
	font-size:11px;
	margin-top:5px;
	color: #a8a8a8;
	text-decoration: none;
	text-shadow: 1px 1px 0 #121212;
}
footer strong { color:#fff;}
footer a {
	color:#a8a8a8;
	text-decoration:underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-shadow: 1px 1px 0 #121212;
}
footer a:hover {
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}
footer h6 { color:#fff; text-shadow: 1px 1px 0 #121212;}
footer  hr{ border-top-color:#222; border-bottom-color:#444 !important; margin-top:6px; margin-bottom:10px;}
footer  hr.bottom { border-top-color:#000; border-bottom-color:#333 !important; margin-top:10px !important;}

footer .sep { background:url(../img/patterns/sep_w.png); margin-bottom:10px !important;}

.bottom_line p {
	margin-bottom:0px !important;
}
/*-------------------------------------------------------------------------------------------------*/
	/*BLOG FEED */
/*-------------------------------------------------------------------------------------------------*/

.blog_feed {
	font-size:11px;
	color: #a8a8a8;
	text-decoration: none;
	text-shadow: 1px 1px 0 #121212;
	margin-bottom:15px;
	padding-left:25px;
	background:url(../img/bl.png) no-repeat left top;
	font-style:italic; 
}
.blog_feed a{ 
	color:#9f9f9f;
	font-weight:bold;
	font-style:normal;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
	}
.blog_feed a:hover {
	color:#fff; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

.prev {
	margin-top:3px;
	float:left;
	display:block;
	background:url(../img/arr-left-min.png);
	width:20px;
	height:20px;
}
.next {
	margin-top:3px;
	float:left;
	display:block;
	background:url(../img/arr-right-min.png);
	width:20px;
	height:20px;
	
}
.next:hover { background:url(../img/arr-right-min-hover.png);}
.prev:hover { background:url(../img/arr-left-min-hover.png);}

/*-------------------------------------------------------------------------------------------------*/
	/*BLOG */
/*-------------------------------------------------------------------------------------------------*/

.comment { margin-top:20px; font-size:12px; line-height:15px;}
.comment img { margin-right:20px !important; margin-bottom:20px !important; }
.comment h6 { margin-bottom:10px;}

.blog_post { margin-bottom:90px;}
.well .tab-content { background:#fff !important;}
.meta { margin-top:15px;}
.meta span { font-size:10px; line-height:14px; margin-bottom:7px; display:block; color:#000; }
.share {font-size:11px; float:left; margin-right:5px; line-height:18px !important;}

.sidebar .well{
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	box-shadow: 0 1px 1px rgba(255,255,255,.1), 0 1px 0 #bbb, 0 1px 0 #aaa, 0 1px 1px #444;
	background-color: #f9f9f9;
	
}
.sidebar .sep_bg { background:url(../img/patterns/sep-half.png)}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #69c1e7;
}
.nav-pills a { font-size:11px; text-transform:uppercase; font-weight:bold;}
.nav-pills li a{ background:#fff; margin-bottom:7px !important;}
.nav-pills li:last-child a{  margin-bottom:0px !important;}


.tags p { 
	float:left;
	padding:5px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:10px;
	background-color:#fff;
	color:#fff !important;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	border:1px solid #e6e6e6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius:5px !important; 

}
.big1 { font-size:10px;}
.big2 { font-size:16px;}
.big3 { font-size:20px;}
.big4 { font-size:15px;}
.big5 { font-size:11px;}
.big6 { font-size:18px;}
.big7 { font-size:12px;}
.tags p:hover {
	background:#69c1e7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration:none;
}
.tags p:hover > a{ text-decoration:none;}

/*-------------------------------------------------------------------------------------------------*/
	/*Pricing tables */
/*-------------------------------------------------------------------------------------------------*/
.price { margin-bottom:30px; }

.price .well{
		padding:20px !important;
		border: 1px solid #222;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
		box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;

}
.price-active  .well{
	background-color: #49afcd;
	*background-color: #2f96b4;
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-moz-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	box-shadow: 0 1px 0px rgba(255, 255, 255, .5), 0 1px 0px rgba(255, 255, 255, 0.5) inset;
	
}
.price .sep_bg { background: url(../img/patterns/sep_w.png)}
.price-active .sep_bg { background: url(../img/patterns/sep.png); color:#fff !important}
.price .label-inverse { background:#000 }
.price-active .label-inverse { background:#fff; color:#000; text-shadow:none !important; }
.price ul { font-size:11px; color:#fff}
.price li { padding-bottom:5px; padding-top:5px; border-bottom:1px dashed #555;}
.price-active li { padding-bottom:5px; padding-top:5px; border-bottom:1px dashed rgba(255, 255, 255, .3);}
.price h1 .label { font-size:30px !important; line-height:34px !important; text-align:center;}

/*-------------------------------------------------------------------------------------------------*/
	/*TWITTER FEED */
/*-------------------------------------------------------------------------------------------------*/

#jstwitter .tweet {
	font-size:11px;
	color: #a8a8a8;
	text-decoration: none;
	text-shadow: 1px 1px 0 #121212;
	margin-bottom:15px;
	padding-left:25px;
	background:url(../img/tw.png) no-repeat left top; 
}
#jstwitter {}
#jstwitter:first-child {border-top:none; }
#jstwitter .tweet a {
	text-decoration: underline;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

#jstwitter .tweet a:hover {
	color:#fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

#jstwitter .tweet .time {
	font-size: 10px;
	font-style: italic;
	color: #666;
}

/*-------------------------------------------------------------------------------------------------*/
	/*Buttons */
/*-------------------------------------------------------------------------------------------------*/
.btn-pride {
	color:#f9f9f9;
	border: 1px solid #222;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	box-shadow: 0 1px 0px #999, 0 1px 0 #666 inset;
	text-shadow: 1px 1px 0 #121212;
}
.btn-pride:hover {
	background-image: -moz-linear-gradient(#555, #222); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));	
	background-image: -webkit-linear-gradient(#555, #222);	
	background-image: -o-linear-gradient(#555, #222);
	background-image: -ms-linear-gradient(#555, #222);
	background-image: linear-gradient(#555, #222);
	border-color:#444;
	color:#f9f9f9;
	text-decoration:none;
	
}

/*-------------------------------------------------------------------------------------------------*/
	/*BLOG WIDGET */
/*-------------------------------------------------------------------------------------------------*/
.from_blog .meta { font-size:11px;}

/*-------------------------------------------------------------------------------------------------*/
	/*TESTIMONIAL WIDGET */
/*-------------------------------------------------------------------------------------------------*/

.testimonialrotator {
	position:relative;
	padding: 15px; !important;
	margin-bottom:30px;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	border:1px solid #e6e6e6;
	font-style:italic;
	}
.testimonialrotator .testimonial{ position:absolute; top:0; left:0;  display:none; padding:15px; !important;  }
.testimonialrotator .testimonial:first-child{  position:relative; display:block;  padding:15px; !important; }
.testimonial .the-author {
color:#000; margin-top:15px; font-weight:bold; font-style:italic; }

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

ul#filters { list-style:none; margin:0px !important;}
ul#filters li { float:left; padding-left:0px; margin-right:20px;}

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }


















	/*Landscape phones and down*/
	@media (max-width: 480px) {
		body { padding:0px;}
		.container { padding:0 20px;}
		nav ul { display: none; }
		nav select { display: inline-block; width:100% !important;  }
		nav { position: relative; right: auto; top: auto; width: 100%}
		.logo { text-align: center; margin-bottom:20px;}
		.feed { display:none;}
		.nivo-caption { display:none;}
		.presentation h1 { font-size:34px; line-height:38px;}
		.slider_area { margin-bottom:20px;}
		.slides_container  img { display:none;}
		footer .view { margin-bottom:20px;}

	}
	@media (min-width: 480px) and (max-width: 767px) { 
		body { padding:0px;}
		.container { padding:0 20px;}
		nav ul { display: none; }
		nav select { display: inline-block; width:100% !important;  }
		nav { position: relative; right: auto; top: auto; width: 100%}
		.logo { text-align: center; margin-bottom:20px;}
		.feed { display:none;}
		.nivo-caption { display:none;}
		.presentation h1 { font-size:34px; line-height:38px;}
		.slider_area { margin-bottom:20px;}
		.slides_container  img { display:none;}
		footer .view { margin-bottom:20px;}
		
		
	}
	@media (min-width: 767px) and (max-width: 980px) {
		#menu a { padding:6px 10px !important;}
		#menu ul a {padding: 8px; width: 100px; }
		#menu ul ul {left: 130px;}
		.gallery_page h1 { font-size:34px; line-height:38px;}
		.presentation h1 { font-size:34px; line-height:38px;}
		
	}
		
	/* Portrait tablet to landscape and desktop*/
	@media (min-width: 980px) and (max-width: 1200px) {
		.presentation h1 { font-size:34px; line-height:38px;}
		.gallery_page h1 { font-size:34px; line-height:38px;}
		.intro { display:none;}
		
	}