/*
	Author: ZERGE (http://www.color-theme.com)
	WEB: http://themeforest.net/user/zerge
	Created: 10 January 2012
*/

body {
	background-image: url('../images/bg.png');
	background-color: #fefefe;
	color: #67AEE6;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	min-height: 100%
}
.clear { clear: both; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Top Section
   ---------------------------------------------------------------------------------------------------------		
*/
#top-line {
	/*    background-image: url('../images/bg-top-line.jpg');*/
	background-position: left center;
	background-color: #333;
	border-bottom: 1px solid #373737;
	height: 30px;
	width: 100%;
	color: #39C;
}

#top-line-divider {
/*    background-image: url('../images/bg-top-line-divider.jpg');*/
	background:#222;
    background-position: left center;
	height: 10px;
	width: 100%;
}

#top-line-gray {
    background-color: #dedddc;
	height: 5px;
	width: 100%;
}

.center-block {
	width: 940px;
	margin: 0 auto;
	position: relative
}
#wrapper {
	background:#fff;
	border: 1px solid #e6e5e5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	box-shadow: 0px -1px 5px rgba(0,0,0,.1);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 940px;
/*	min-height: 340px;*/
	margin-bottom:30px; 
}
#wrapper-content {
	margin:15px 20px;
}

#content {
/*	margin:15px 20px; */
}

#content .center-block { 
	display: block;
	padding: 15px 0; 
	width: 940px;
	margin: 0 auto;
	position: relative
}
#content .center-block.default-style {
	 padding-bottom: 10px 
}

.divider {
	background:#f6f6f6;
	border-bottom: 1px solid #e6e5e5;	
	border-top: 1px solid #e6e5e5;		
	height:14px;
	margin:0;
	padding:0;
}

.divider-1px {
	border-bottom: 1px solid #E6E5E5;
	margin-left:20px;
	width:900px;
}

#content .divider {
	background:#f6f6f6;
	border-bottom: 1px solid #e6e5e5;	
	border-top: 1px solid #e6e5e5;		
	height:14px;
	margin:0;
	padding:0;
}
#wrapper-content .divider-1px {
	border-bottom: 1px solid #F4F3F3;
	margin:45px 0 45px;
	width:900px;
}

#wrapper-content .center-block {
	display: block;
	padding: 15px 0;
	width: 900px;
	margin: 0 auto;
	position: relative;
	color: #666666;
}

#wrapper .top-bottom-border {
	border-bottom: 1px solid #E6E5E5;	
	border-top: 1px solid #E6E5E5;		
}

#wrapper .bottom-border {
	border-bottom: 1px solid #f4f3f3;	
}

#wrapper .margin-top {
	margin-top:14px;
}

#top-line .social {
	float:right;
	padding-top:7px;	
}

#top-line ul#top-social {
	list-style-type: none;
}

#top-line ul#top-social li {
	display: block;
	float: left;
	margin-left: 5px;
	width: 16px;
	opacity:0.3; 
	filter: alpha(opacity=30);
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
}

#top-line ul#top-social li:hover {
	opacity:0.7; 
	filter: alpha(opacity=70);
}

#top-line .rss {
	cursor:pointer;
	display:block;
	float:left;
	width:200px;
}

#top-line .rss img {
	margin-right:7px;
	margin-top: 7px;
	float: left;
	opacity:0.3; 
	filter: alpha(opacity=30);	
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
}
#top-line .rss:hover img {
	opacity:0.7; 
	filter: alpha(opacity=70);	
}


#top-line .rss a {
	color:#FFF;	
	font-size:11px;
	display: block;
	float: left;
	padding-top: 6px !important;
	text-decoration:none;
}

#top-line .rss a:hover {
	color:#FFF;
}

/* 
   ---------------------------------------------------------------------------------------------------------
	Logo
   ---------------------------------------------------------------------------------------------------------		
*/

#logo-bar {
	height: 60px;
	padding: 30px 0;
	width: 100%;
}

#logo-bar .logo {
	background: url('../images/logo.png') no-repeat left center;
	float: left;
	height: 60px;
	width: 168px;
	margin-left:5px;
}

#logo-bar .advertisment { float:right; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Menu
   ---------------------------------------------------------------------------------------------------------		
*/

.fix-fish-menu { position:relative; z-index: 10000; }
#menu-bar { height:60px; width: 100%; }

#menu {
	 float: left;
	 height: 20px;
	 padding:10px 0;
}
ul#nav { float: right; }
ul#nav li {
	float: left;
	line-height: 20px;
	background:#FFF;
	background: #FFF url('../images/vline.png') 5px 8px no-repeat;	 
}

ul#nav li:first-child {	background-image:none; }
ul#nav li ul li { background-image:none; }
ul#nav li ul li:hover { background-image:none; }

ul#nav {
	background: #fff url('../images/patterns/bg-image.png') left top; 
	padding:6px 5px 5px 5px;
}

ul#nav li:last-child { margin-right: 0; }
ul#nav li:first-child a { padding: 5px 15px 5px 10px; }
ul#nav li a {
	border-bottom: none;
	color:#000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 15px 5px 20px;
	text-decoration: none;	 
/*	text-transform:uppercase;*/
}
ul#nav li ul li a, ul#nav li ul li:first-child a { font-size:10px; padding: 5px 0 4px 10px; }
ul#nav li a:hover { color:#67AEE6; text-decoration: none; }
ul#nav li a.active { color:#67AEE6!important; }

/* 
   ---------------------------------------------------------------------------------------------------------
	CTA - Call To Action Block
   ---------------------------------------------------------------------------------------------------------		
*/
#cta-block { margin:0 20px 15px 20px; }
#cta-block .slogan { float:left; width:600px; }
#cta-block .button-block { float:left; width:300px; }
#cta-block h2 {	margin-bottom:0; text-transform:none; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Links
   ---------------------------------------------------------------------------------------------------------		
*/
a, a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	line-height: 18px;
	outline: none !important;
}
a:active, a:focus  {
	 outline: none !important;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}	
a:hover.sobre {
	text-decoration: underline;
	color: #999;
}	
a.readmore { display:block; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Headers
   ---------------------------------------------------------------------------------------------------------		
*/

h1,h2,h3,h4,h5,h6 { 
	color: #67AEE6;
	font-family: 'Oswald', sans-serif;
	line-height: 20px;
	margin-bottom:15px;
/*	text-transform: uppercase;*/
}
h1 {
	 background: none;
	 font-size: 27px;
	 line-height:27px;
 	 padding:0;
}
h2 { font-size: 24px; line-height: 32px; }
h3 { font-size: 20px; }
h4.no-margin,
h3.no-margin, 
h2.no-margin { margin: 0 !important; }
h4 { font-size: 18px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 12px; margin-bottom: 10px; }
h2.grey { color:#888888; }
.header { background: url(../images/patterns/bg-header-services.png) 0 7px repeat-x; }
.header h5 { background: white; display: inline-block; margin-bottom: 15px; padding-right: 10px; }
.header h4 { background: white; display: inline-block; margin-bottom: 15px; padding-right: 10px; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Lists
   ---------------------------------------------------------------------------------------------------------		
*/
ul {
	list-style-type: none;
	list-style-position: inside;
	color: #888888;
}

/* default lists */
ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }

ul.arrow li { background: url('../images/list-arrows-sidebar.png') left center no-repeat; padding-left: 20px; }
ul.check li  { background: url(../images/list-sprite.png) 0 6px no-repeat;  padding-left: 20px; }
ul.check-list-orange li  { background: url(../images/list-sprite.png) 0 6px no-repeat;  padding-left: 20px; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Paragraphs
   ---------------------------------------------------------------------------------------------------------		
*/
pre, 
code, 
blockquote, 
p, 
input, 
textarea {
	 line-height: 18px;
	 margin-bottom: 15px;
}
p {
	line-height: 18px;
	margin-bottom: 15px;
	color: #888888;
}

textarea { overflow: hidden }

em { 
	color: #a3a3a3; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

.italic { font-style:italic; }
.bold { font-weight: bold; }

blockquote {
	font-style: italic;
	 clear: right;
	 color:#7e7e7e;
	 padding: 10px;
	 quotes: "\201C" "\201D";
 }

blockquote:before 	{ content: open-quote; font-weight: bold; }
blockquote:after 	{ content: close-quote; font-weight: bold; }

code, pre {
	border-left: 2px solid #aaa;
	color:#333;
    display: block;
    font-size: 11px;
    line-height: 20px;
	padding:10px;
	margin-bottom: 15px;	
	white-space: pre-wrap;
	word-break:break-all;
}

.margin-top-10 { margin-top:10px; }
.margin-15 { margin-bottom: 15px; }
.margin-r15 { margin-right:15px; }

.highlight { padding: 1px 4px; color:#fff; background-color: #252525; }
.highlight.pink { background:#bd1e7b; }
.highlight.green { background:#668508; }
.highlight.red { background:#ef2d2d; }
.highlight.orangev { background:#ff6600; }
.highlight.blue { background:#308aef; }
.highlight.yellow { background:#cb7a0b; }

p.dropcap:first-letter  {
    color: #333;
    display: block;
    float: left;
    font-size: 32px;
    line-height: 25px;
	margin: 3px 10px 4px 0;
}

p.dropcap.pink:first-letter   { color:#bd1e7b; }
p.dropcap.green:first-letter   { color:#668508; } 
p.dropcap.red:first-letter    { color:#ef2d2d; } 
p.dropcap.orangev:first-letter { color:#ff6600; } 
p.dropcap.blue:first-letter   { color:#308aef; } 
p.dropcap.yellow:first-letter { color:#cb7a0b; }

.dropcap-circle:first-letter { 
	border-radius: 600px;
	background: #333; 
	color:#fff; 
	padding:15px 17px;; 
	font-size: 22px;    
	display: block;
    float: left;
    line-height: 20px;
	margin: 10px 10px 5px 0;
    text-align: center; 
}

.dropcap-circle.pink:first-letter   { background:#bd1e7b; }
.dropcap-circle.green:first-letter  { background:#668508; }
.dropcap-circle.red:first-letter    { background:#ef2d2d; }
.dropcap-circle.orangev:first-letter { background:#ff6600; }
.dropcap-circle.blue:first-letter   { background:#308aef; }
.dropcap-circle.yellow:first-letter { background:#cb7a0b; }

.not-found {
	font-size: 80px;
	line-height: 80px;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 15px;
	display: block;
	float: left;
	width: 400px; 
	padding-right: 15px;
	border-right: 1px solid #E6E5E5;
}

#not-found-search input[type=text] {
	background: #fafafa url('../images/icons/search.png') right 0px no-repeat;
	border-radius: 5px;		
	height: 25px;	
	width: 175px;
	padding-right: 25px;
}

#not-found-right {
     float:left;
     width: 440px; 
     margin-bottom: 15px
}

ul.archives { margin-bottom: 30px }

.divider-1px-archives {
	border-bottom: 1px solid #F4F3F3;
	margin: 30px 0 30px;
	width: 635px;
}
.right { float:right; }
.left { float:left; }
.slogan-blue { color:#67AEE6; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Tables
   ---------------------------------------------------------------------------------------------------------		
*/

table.tablesorter {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f9f9f9;
	margin:10px 0pt 30px;
	font-size: 12px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #f9f9f9;
	border: 1px solid #E6E5E5;
	font-size: 12px;
	font-weight:bold;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url('../images/ts-arrows.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	background-color: #fafafa;
	vertical-align: top;
	border: 1px solid #E6E5E5
}
table.tablesorter tbody tr.odd td {
	background-color:#333333;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('../images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('../images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #ededed;
}


/*-------------------------------------------------------------------------------------------------*/
	/*TABS */
/*-------------------------------------------------------------------------------------------------*/

.section { background: #f9f9f9; }
ul.tabs {
	height: 28px;
	line-height: 25px;
	list-style: none;
	border-bottom: 1px solid #DDD;
	background: #fff;
}
.tabs li {
	float: left;
	display: inline;
	margin: 0 1px -1px 0;
	padding: 0 10px 1px;
	cursor: pointer;
	background: #F9F9F9;
	border: 1px solid #e9e9e9;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	color:#333333;
}
.tabs li:hover,
.vertical .tabs li:hover {
	padding: 0 10px;
	background: #ededed;
	border: 1px solid #e4e4e4;
	-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;
}
.tabs li.current {
	background: #FFF;	
	padding: 0 10px 2px;
	border: 1px solid #d4d4d4;
	border-bottom: 1px solid #FFF;
}
.box {
	display: none;
	border: 1px solid #E6E5E5;
  	border-width: 0 1px 1px;
	background: #FFF;	
	padding: 15px 10px 15px;
	margin-bottom:30px;
}
.box.visible {
	display: block;
}
.box p{
	margin-bottom:15px;
}
.section.vertical {
	border-left: 160px solid #fff;
	margin-bottom: 30px;	
}
.vertical .tabs {
	width: 160px;
	float: left;
	display: inline;
	margin: 0 0 0 -160px;
}
.vertical .tabs li {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 132px;
	height: 33px;
}
.vertical .tabs li:hover {
	padding: 0 13px;
	padding-top:10px;
	margin: 0 0 1px;
	border: 1px solid #E4E4E4;
	border-right: 1px solid #F9F9F9;
	width: 131px;
	height: 33px;
}
.vertical .tabs li.current {
	width: 133px;
	color: #444;
	background: #f3f3f3;
	border: 1px solid #D4D4D4;
	border-right: 1px solid #f3f3f3;
	margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
  padding-top:15px;
}


/* 
   ---------------------------------------------------------------------------------------------------------
	Columns
   ---------------------------------------------------------------------------------------------------------		
*/

.one_half 		{ width: 435px; }
.one_third 		{ width: 280px; }
.two_third 		{ width: 590px; }
.one_fourth 	{
	width: 202px;
	;
}
.three_fourth 	{ width: 74%; }
.one_fifth 		{ width: 156px; }
.two_fifth 		{ width: 37.6%; }
.three_fifth 	{ width: 58.4%; }
.four_fifth 	{ width: 67.2%; }
.one_sixth 		{ width: 13.33%; }
.five_sixth 	{ width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 50px;
	float: left;
	margin-left: 58px;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

.margin-top-20 {	
	margin-top: 20px;
}


/* 
   =========================================================================================================
	 Inputs & Buttons
   =========================================================================================================
*/

#search-block {
	width: 180px;
	height: 60px;
	line-height: 60px;
	float:right;
	text-align: right;
	padding-right:45px;
}


/** Base Button Styles **/
.button {
    font-family: Arial, sans-serif;
    width: 76px;
    height: 12px;
    padding: 9px 12px;
    font-size: 12px;
    line-height: 12px !important;
    color: #fff !important;
    text-align: center;
    position:relative;
    z-index: 2;
    cursor:pointer;
    background: transparent url(../images/overlay.png) repeat-x 100% 100% scroll;
    box-shadow: 0 0 0 4px rgba(217, 217, 217, .6), inset 0 1px 0px 0px rgba(255, 255, 255, .4), inset 0 -1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.button.rounded{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.button.readmore {
	font-size:11px;
    height: 12px;
    padding: 6px 3px;
}
.button.readmore a {
	font-size:11px;
}
.button.project {
	font-size:11px;
    height: 12px;
    padding: 6px 3px;
    display:inline-block;
    margin-bottom:30px;
}
.button.project a { font-size:11px;}
.button a {
	color:#FFF;
    font-size: 12px;
    line-height: 12px !important;    	
	text-decoration:none;	
}
/* Color Buttons */

/* blue */
.button.blue{
    background-color: #67aee6;
    border: 1px solid #3f719d;
}

.button.blue:hover{
    background-color: #80c1f9;
}

/* yellow */
.button.yellow{
    background-color: #e7c759;
    border: 1px solid #bfa02e;
}

.button.yellow:hover{
    background-color: #fbdc70;
}

/* red */
.button.red{
    background-color: #e8715c;
    border: 1px solid #c94b3a;
}

.button.red:hover{
    background-color: #ff8974;
}

/* black */
.button.black{
    background-color:#57575b;
    border:  1px solid #2d2e31;
}

.button.black:hover{
    background-color: #7f7f83;
}

/* green */
.button.green{
    background-color:#97be2f;
    border:  1px solid #718d21;
}

.button.green:hover{
    background-color: #a9c937;
}

/* white */
.button.white{
    background-color: #fff;
    border: 1px solid #f1f1f1;
}
.button.white a {
     color: #555;
}
.button.white:hover{
    background-color: #f5f5f5;
    border: 1px solid #f1f1f1;
}


input[type=button],input[type=submit], input[type=reset] {
	font-size:11px;
    height: 12px;
    line-height: 12px;
    padding: 7px 3px 21px 3px;
	width:100px;  
}
input[type=submit] {
	    line-height: normal !important;
	    vertical-align: middle;
	    display: block
}

input[type=text], input[type=email], input[type=url] 
textarea { 
	margin-bottom: 15px; 
	color: #999; 
	font-size: 11px;
	padding-left:5px; 
	border: 1px solid #e1e0e0; 	
	
	background: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	height: 25px;	
	width: 301px;
	margin-right: 15px !important;	
	 font-family:Arial, Helvetica, sans-serif;
}

textarea {  	
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	color: #999; 		
	float: left;
	margin-bottom: 15px;
	overflow: hidden;
	height: 175px;
	width: 626px;	
   font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px; 
	padding-top:5px; 		
}

#search-block input[type=text] {
	background: #fafafa url('../images/icons/search.png') right 0px no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;		
	height: 25px;	
	width: 175px;
	padding-right: 25px;
	line-height: 18px;	
}

/* 
   =========================================================================================================
  	Dividers
   =========================================================================================================
*/
#separator {
	background-color: #fff;
	height: 60px;
	width: 100%;
}
#separator h1 {
	color: #514a46;
	font-size: 27px;
	font-weight: normal;
	float: left;
	margin-right: 20px;
	text-transform: uppercase;
	line-height: 59px;
}
#separator h2 {
	color: #333;
	font-size: 24px;
	font-weight: normal;
	float: left;
	margin:17px 15px 19px 20px;
	text-transform: uppercase;
	line-height: 24px;
}
#separator h3 {
	color: #eceded;
	font-size: 14px;
	font-weight: normal;
	margin-left:15px;
	margin-bottom:15px;
	text-transform: uppercase;
	line-height: 30px;
}
#separator h5 {
	color: #777;
	font-size: 14px;
	font-weight: normal;
	float: left;
	margin:0 20px 15px 15px;
	line-height: 14px;
}


#separator .sep-div {
	border-left: 1px solid #e1e0e0;
	float: left;
	height: 15px;
	margin:23px 0;
}
.divider-blog {	margin-bottom: 20px; width: 100%; }
.margin-20 { margin-bottom: 20px; }

/* 
   -------------------------------------------------
	Images
   -------------------------------------------------
*/

img.alignLeft {
	 float: left;
	 margin: 0 15px 20px 0;
}

img.alignRight {
	 float: right;
	 margin: 0 0 20px 15px;
}

img.alignCenter {
	 clear: both;
	 display: block;
	 margin-left:auto;
	 margin-right: auto;
	 margin-bottom: 20px;
	 position:relative;
	 text-align: center;
}

img.floatLeft {	float: left; }
img.floatRight { float: right; }
.margin-right12px { margin-right: 12px; }
img.feature-image {	max-width: 189px }
img.border, iframe.border {
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-bottom: 15px;    
}
img.hover {
	margin-bottom:5px;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
a:hover img.hover { opacity: .7; }

iframe {
      margin-bottom: 0 !important;
}

img.no-bottom-margin {
	margin-bottom: 0 !important;
}
.no-bottom-margin {
	margin-bottom: 0 !important;
}
/* 
   -------------------------------------------------
	What We Do Block
   -------------------------------------------------
*/

.what-we-do {
	float:left;
	padding-left:30px;
	width: 280px; 
}
/* 
   -------------------------------------------------
	Our Services Block
   -------------------------------------------------
*/

.our-services {
	float:left;
	padding-left:30px;
	width: 280px; 
}

.our-services .list-block {
	width:140px;
	display:inline-block;
}

/* 
   -------------------------------------------------
	Who We Are Block
   -------------------------------------------------
*/

.who-we-are {
	float: left;
	padding-left: 20px;
	width: 280px;
	color: #666;
}

.who-we-are span {
	background:#000;
	display:block;
}

.who-we-are p {
	margin-bottom: 0
}

/* 
   ---------------------------------------------------------------------------------------------------------
	Services Blocks
   ---------------------------------------------------------------------------------------------------------		
*/

#services { 
	width: 940px;
}

#services h5 {
	font-size:14px;
	color:#67AEE6;
	background:#fff;
	display:inline-block;
	padding-right:10px;
}

#services a { font-size:12px; }
#services p {
	margin-bottom: 0;
	color: #888888;
}
/* 
   ---------------------------------------------------------------------------------------------------------
	Recent Blog Posts
   ---------------------------------------------------------------------------------------------------------		
*/

.rcbe-blocks { 
 	float:left;
	margin-right: 20px;
	padding-right: 20px;
	height: 340px;
	width: 440px;
 }

.rcbe-blocks #rc-posts { 
  	float: left;
	margin-right: 20px; 
	padding-right: 20px;
	height: 340px;
	width: 440px; 	
}
 
ul#rc-post-items li .date { 
	background:url('../images/bg-date-circle.png') no-repeat center;
	display: block;
    float:left;
    font-family: 'PT Sans Narrow', sans-serif;
	height: 50px;
    margin-right: 20px;
    padding-top:15px;
    text-align: center;    
 	width: 60px;	
 }
 
ul#rc-post-items li .date .number 	{ font-size: 24px; color: #fefefe;  display:block }
ul#rc-post-items li .date .month 	{ font-size: 14px; color: #f6f4f4;  text-transform: uppercase }
ul#rc-post-items li p 				{ margin-bottom: 0px }
ul#rc-post-items li .sg-meta 		{ margin-left: 40px; font-size: 11px; }
ul#rc-post-items li .sg-meta a 		{ font-size: 11px;   }
.single-item 						{ padding-bottom: 20px;  }
.list-divider 						{ border-bottom: 1px solid #e1e3e4; margin-bottom: 19px;  }
 


/* 
   ---------------------------------------------------------------------------------------------------------
	Content With Sidebar
   ---------------------------------------------------------------------------------------------------------		
*/

iframe { 
	border: none;
	line-height: 0;
	display: block;
}
.left-content, .right-content {
  float:left; 
  margin-right: 45px;
  width: 635px;
}
.right-content { margin-right: 0 }
.right-sidebar, .left-sidebar {
	width: 220px; 	 
	float:left
} 
.left-sidebar { margin-right: 40px }

.widget .margin-right-5px {
	margin-right:5px;
}
.widget .no-margin-bottom {
	margin-bottom:0;
}
.widget .header {
	background: url(../images/patterns/bg-header-services.png) 0 7px repeat-x;
}

.widget h3 { 
	margin-bottom: 15px;
	font-size: 16px;
	color: #444;
}
.widget h5 { 
	background:#FFF;
	color: #67AEE6;
	display: inline-block;	
	font-size: 14px;	
	margin-bottom: 15px;
	padding-right: 10px;	
	text-transform:none;
}
.widget input[type=text] {
	background: url('../images/search-icon.png') right center no-repeat;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-bottom: 30px;
	color: #727272;
	padding-left: 0;
	padding-right: 25px;
	width: 190px;	
}  

.widget {
	margin-bottom: 45px;
	width: 220px;
}
.video-sidebar iframe {
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;	
}
.video-sidebar p {
	margin-top: 10px;
}
a.advertising-link {
	display:block !important;
	line-height:0 !important;
}
.advertising img {
	margin-bottom:5px;
}
.widget a {
	color: #333;
	font-size:12px;
	-webkit-transition: none;
	-moz-transition:none;
	-o-transition: none;
	-transition: none;	
}
.widget a:hover {

}
.widget ul {
	list-style-type: none;
	list-style-position: inside;
}

.widget ul.navigation li {
	background: url('../images/list-arrows-sidebar.png') left center no-repeat;
	padding-left: 20px;
	line-height: 16px;
}
.widget ul.navigation li.active { 
	background: url('../images/list-arrows-sidebar-hover.png') left center no-repeat;
}
.widget ul.navigation li.active a { color: #0daace }

.widget ul li.sub-menu, .widget ul li.sub-menu:hover {
	background: url('../images/list-sub-menu.png') left 13px no-repeat; 
}

.widget ul li.sub-menu:hover {
	background: url('../images/list-sub-menu-hover.png') left 13px no-repeat;

}
.widget ul li.sub-menu ul li:last-child { border: none }

.widget ul.navigation li:hover {
	background: url('../images/list-arrows-sidebar-hover.png') left center no-repeat;
}

.widget ul li ul li{
	 line-height: 30px;
}
.widget ul#photostream { 
	list-style-type: none;
	height: 120px;
}

.widget ul#photostream li {
	background: #555;
	border: 1px solid #dfdfdf;
	float: left;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 50px;

    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; 
	
}
.widget ul#photostream li:hover {
	border: 1px solid #0daace;
	cursor: pointer;
}	

.widget .box img {
	float:left;
	margin-right:10px;
	margin-bottom:0;
}
.widget .box {
	padding-bottom:5px;
}
.header-lp {
	display:block;
	font-weight:bold;
}
.widget ul.recent-posts li {
	display:block;
	margin-bottom:10px;
	float:left;
}
.widget ul.recent-posts li img {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.widget ul.recent-posts li > a:hover img { opacity: .7; }
.widget ul.recent-coments li {
	display:block;
	margin-bottom:10px;
	float:left;
}
.widget ul.recent-coments li a {
	text-decoration:none;
}
.widget ul.recent-coments li p {
	margin-bottom:0px;
}
.widget ul.recent-coments li img {
	margin-bottom:30px;
	margin-top: 5px;	
}
.widget ul.recent-coments span.user {
	color:#888;
	font-style:italic;
	font-size:11px;
}
ul.tags li {
	display:inline-block;
	margin-bottom:9px;	

}
.tag {

	margin:2px;
	padding:2px 3px;
	border: 1px solid #E1E0E0;
}
.tag:hover {
	background-color:#67AEE6;
}
a.tag {
	text-decoration:none;
	background-color:#F6F6F6;	
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
	
}
a.tag:hover {
	color:#FFF;
}



/* 
   ---------------------------------------------------------------------------------------------------------
	Testimonial Block
   ---------------------------------------------------------------------------------------------------------		
*/

#testimonial {
	 float:left;	
	 height:200px; 	 
	 width: 450px; 	 
}

#testimonial .review-block {
	height: 80px;
	margin-bottom: 20px;
	width: 450px;	
}
#testimonial .review-block p {
	font-style: italic
}
.review-block .user {
	background: url('../images/patterns/bg-image.png');
	float:left;
	height: 70px;
	margin-right: 20px;
	padding: 5px;
	width: 70px;
	cursor: pointer;
}

.review-block .user:hover {
	background-color: #0daace;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear; 
}

.review-block .review-wrapper {
	background: #fefefe; 
	border: 1px solid #ddd;
	float: left;
	height: 68px;
	padding: 5px;
	width: 338px;
}

.review-wrapper .review {
	background: url('../images/quote.png') no-repeat 5px 10px;
	color: #999;
	height: 58px;
	padding: 5px;
	width: 328px;
}
.review-wrapper .review p:first-letter {
	 margin-left: 25px;
}

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

#bottom-line {
    background-color: #222;
	border-top: 1px solid #2e2e30;
	height: 30px;
	width: 100%;	
}

#bottom-line .copyright, #bottom-line .createdby {
	color:#FFF;
	font-size:11px;
	line-height:31px;
}
#bottom-line .copyright a, #bottom-line .createdby a {
	font-size:11px;
}

#bottom-line-divider {
/*    background-image: url('../images/bg-top-line-divider.jpg');*/
	background:#222;
    background-position: left center;
	border-bottom: 1px solid #373737;    
	height: 10px;
	width: 100%;
}

#bottom-line-gray {
    background-color: #dedddc;
	height: 5px;
	width: 100%;
}

#footer {
	/*    background-image: url('../images/bg-top-line.jpg');*/
	background-position: left center;
	background-color: #67AEE6;
	color: #cdcdcd;
	font-size: 12px;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 100%;
 }

#footer .header {
	background: url(../images/patterns/bg-header-footer.png) 0 7px repeat-x;
}

#footer h5 {
	/*	background-image: url('../images/bg-top-line.jpg');*/
	background-color: #67AEE6;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	padding-right: 10px;
	text-transform: none;
}

#footer .social {
	float:left;
}

#footer ul#bottom-social {
	list-style-type: none;
}

#footer ul#bottom-social li {
	display: block;
	float: left;
	margin-left: 5px;
	width: 16px;
	opacity:0.3; 
	filter: alpha(opacity=30);
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
}

#footer ul#bottom-social li:hover {
	opacity:0.7; 
	filter: alpha(opacity=70);
}


#footer p.last { margin-bottom:0; }

#footer ul.recent-posts {
	list-style-type: none;
}

#footer .recent-posts li {
	line-height:18px !important;
}

#footer .recent-posts li span {
	display:block;
}
#footer .recent-posts img.border {
	border:none;
	padding: 3px;
	background: #888;
	-webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear; 	
	
}
#footer .recent-posts img.border:hover {
	border:none;
	padding: 3px;
	background: #67AEE6;
}
#footer ul.recent-posts li {
	border-bottom: 1px solid #3E3E3E;
	color:#CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;	
}
#footer ul.recent-posts li.last { margin-bottom:0;  }
#footer ul.recent-posts li img {
	 float: left;
	 margin-right: 10px;
}
#footer ul.recent-posts li a {
	font-size:11px;
	line-height:17px;
	margin-bottom:10px;
}

#footer ul.recent-posts li a:hover {
}
#footer .phone {
	display: block;
	background: url('../images/icons/phone.png') 4px 0 no-repeat;
	margin-top: 10px;
	padding-left: 25px;
	color: #FFFFFF;
}
#footer .location {
	display: block;
	background: url('../images/icons/location.png') no-repeat 3px 4px;
	padding-left: 25px;
	color: #FFFFFF;
}
#footer .email {
	display:block;
	background: url('../images/icons/email.png') no-repeat 0 4px;
    margin-top:10px;		
    padding-left:25px;
}

/* 
   ---------------------------------------------------------------------------------------------------------
	Flickr Block In Footer
   ---------------------------------------------------------------------------------------------------------		
*/

.thumbs { margin: 0; padding: 0; overflow: hidden; width: 220px }
.thumbs li { list-style: none; float: left; margin: 0 7px 7px 0; padding: 3px; background: #888;
	-webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     transition: all 0.3s linear; 
}
.thumbs li a { }
.thumbs li img { display: block; width:40px; height:40px;}
.thumbs li a img { border: none;}
.thumbs li:hover { background: #67AEE6;}





/* 
   =========================================================================================================
	Slider
   =========================================================================================================
*/

.slides-items {
	float:left;
	width: 280px;
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-right: 25px;
	}
	
.about-project {
	float:left; 
	width: 580px;
}	
.about-project .project-info {
	float:left; 
	display:block; 
	margin-right: 30px;
}

.about-project .blog-divider-1px {
	width: 580px;
	margin: 30px 0 30px 0;
}

.project-features-block {
	float:left;
	width: 580px;
}
.project-buttons {
	float:left; 
	width: 280px; 
	text-align: center
}
.features-list {
	float:left; 
	width: 240px;
}
span.bold-li {
	font-weight: bold !important
}
.anotherslideshow_tabs {
  font-size: 18px;
  padding: 10px 0;
  list-style: none;
  width: 100%;
  max-width: 280px;
  text-align: center;
  background: #444;
  margin-bottom: 35px;
  }

.anotherslideshow_tabs li {
  display: inline;
  
  }

.anotherslideshow_tabs li:first-child {
  margin-left: 0;
  }

.anotherslideshow_tabs a {
  padding: 15px 20px;
  color: #FFF;
  }

.anotherslideshow_tabs .anotherslideshow_here a {
  color: #67AEE6;
  background: rgba(246, 246, 246, 1);
  font-weight: bold;
  }


#slider-wrapper {

}

#accordian-slider-wrapper {
	height:420px;
}
#slider-wrapper #piecemaker {

}
#slider-wrapper .video { 
	border:none;
	padding:0;
	line-height:0;
}

.center-block .static {
	position: absolute;
	bottom: 0px;
	left: 120px;
	width: 700px;
	height:60px;
	background: #444;
}

.static h3 {
	color: #FFF;
	font-size: 21px;
	font-weight:normal;
	line-height: 30px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;	
}

.static p {
	color: white;
	text-align: center;	
	text-transform:none;
	margin-bottom: 10px;	
}
.img-border {
	background: url('../images/nivo/img-border.png') no-repeat center top;
	height: 320px;
	left: 50%;
	margin-left:-470px;
	position: absolute;
	top: 30px;
	width: 940px;	
	z-index: 100;
}

/*
	===========================================================================================================
	ELASTIC SLIDER	
	===========================================================================================================	
*/
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 940px;
	height: 400px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(255,255,255,1);
	color: #3D3D3D;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 15%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 30px;
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.ei-title h3{
	font-size: 50px;
	line-height: 70px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(103,174,230,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background-color: #444;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #67AEE6;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}

/* 
   =========================================================================================================
	PORTFOLIO
   =========================================================================================================
*/

#portfolio { 
	padding-left: 20px;
	width: 900px;
}

#portfolio h5 {
	font-size:14px;
	color:#67AEE6;
	background:#fff;
	display:inline-block;
	padding-right:10px;
	margin-bottom:0px;
}

#portfolio .title h5 {
	background:none;
	font-size:14px;
	color:#fffefe;
	display:inline-block;
	padding-right:10px;
}

#portfolio a {
	font-size:12px;
}

#portfolio .header {
	background: url(../images/patterns/bg-header-services.png) 0 7px repeat-x;
}

h5.no-margin + span {
	color: #CDC9C7;
	display: block;
	font-size:12px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.no-padding-bottom {
	padding-bottom:0 !important;
}
.no-padding-top {
	padding-top:0 !important;
}

.no-padding {
	padding:0 !important;
}
.no-margin {
	margin :0 !important;
}
/* Circular Content Carousel Style */
/*.featured { 
	width:170px; 
	height:10px;
	background-color:#67AEE6;
	background-image: url('../images/new-item.png');
	background-repeat:no-repeat;
	background-position:10px 7px;
}*/
.ca-container{
	position:relative;
	width:810px;
	height:130px;
	margin-bottom:10px;
	padding-left: 45px;
	padding-right:20px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}


.ca-item{
	position:relative;
	float:left;
	width:205px;
	height:100%;
	text-align:center;
}
.more{
	position: absolute;
	width:70px; 
	height:20px;
	background-image: url('../images/ca-more.png');
	background-repeat:no-repeat;
	background-position:18px 7px;
}
.more:hover {
	background-color:#000;
	-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;
}
.ca-more{
	position: absolute;
	bottom:0px;
	right:0px;
	width:70px; 
	height:20px;
	background-color:#04bfea;
	background-image: url('../images/ca-more.png');
	background-repeat:no-repeat;
	background-position:18px 7px;
}
.ca-more:hover {
	background-color:#000;
	-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;
	
} 

.ca-button {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.ca-close{
	position:absolute;
	top:0px;
	right:18px;
	background-color:#04bfea;
	background-image: url('../images/cross.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	text-indent:-9000px;
	outline:none;
}
.ca-close:hover{
background:#000 url(../images/cross.png) no-repeat center center;
	-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;
}
.ca-item-main{
	position:absolute;
	top:5px;
	bottom:5px;
	width: 190px;
	height: 127px;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}

.ca-item .logo { margin-top:20px !important;}
.ca-item-main p {
	color:#cdc9c7;
	font-size:12px;
	line-height:18px;
	padding:10px 20px;
	text-align:left;
}

.ca-item-main span {
	color:#CDC9C7;
	font-size:12px;
}

.ca-item-main .divider-1px {
	border-bottom: 1px solid #6b6765;
	margin:15px 10px 20px;
}

.ca-item .title { 
	width:170px;
	padding-top:40px;
}
.ca-item .title h3 {
	text-transform:uppercase;
	color:#FFF;
}
.ca-content-wrapper{
	background:#f1f2f1;
	background-image: url(../images/pattern/14w.png);
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:280px;
	top:7px;
	text-align:left;
	z-index:999;
	overflow:hidden;
	left: -15px;
}
.ca-content{
	width:600px;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	
}
.ca-content .span-4 { width:160px;}
.ca-content .item { margin-top:10px;}
.ca-content ul { margin-top:10px;}
.ca-content ul li { line-height:25px; border-bottom:1px solid #ededed;}
.ca-content .price { font-family:oswald; font-size:72px; color: #000; float:left; line-height:40px;}
.ca-content h4 { margin-top:3px;}

.purchase { margin-top:25px !important;}
.mega-button {
	float:right;
	margin-top:25px;
	width:150px;
	height:54px;
	font-family:oswald;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	background-color:#04bfea;
	background-image:url('../images/grad-big.png');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.mega-button a{ display:block; padding-top:18px;}
.ca-content .live {
	margin-top:0px;
	padding:5px 10px;
	font-family:oswald;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	background-color:#04bfea;
	background-image:url('../images/gradient-small.png');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ca-content .buy {
	margin-top:15px;
	padding:5px 10px;
	font-family:oswald;
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	background-color:#04bfea;
	background-image:url('../images/gradient-small.png');
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.buy a, .live a{ display:block;}
.buy a:hover, .live a:hover, .mega-button a:hover { text-decoration:none; }  
.ca-content .buy:hover, .ca-content .live:hover, .mega-button:hover {
	background-color:#000;
	-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;
}

span.ca-nav-prev{
	background:transparent url(../images/portfolio/slider/arrows.png) no-repeat;	
	background-position: 0px 0px;
	width:25px;
	height:39px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:0;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.2;
	z-index:100;
}
span.ca-nav-next {
	background:transparent url(../images/portfolio/slider/arrows.png) no-repeat;	
	background-position: -25px 0px;	
	left:875px;
	width:25px;
	height:39px;
	position:absolute;
	top:50%;
	margin-top:-25px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.2;	
	z-index:100;
}

span.ca-nav-prev:hover{
	background:transparent url(../images/portfolio/slider/arrows.png) no-repeat;	
	background-position: 0 -39px;	
	opacity:1;	
}
span.ca-nav-next:hover{
	background:transparent url(../images/portfolio/slider/arrows.png) no-repeat;	
	background-position: -25px -39px;	
	opacity:1;	
}







#filterby {  
	float:left; 
	text-align: center; 
	line-height:40px; 
	color: #fff;
	background: url('../images/icons/shuffle.png') left 3px no-repeat; 
	width: 20px;
	height: 37px;
	text-indent: 7px;		

}

#filter {
	display:block;
	line-height: 20px;
	padding: 0px 10px 10px 0px;	
	margin: 0 auto;
	width: 900px;
}

.divider-top {
	border-top: 10px solid #eae9e8;
		margin-bottom: 10px;	
}
.divider-bottom {
		border-bottom: 10px solid #eae9e8;
		margin-bottom: 30px;
}
.center-block .portfolio {
	 width: 940px
}

#filter a {
	color: #777;
	border: none;
	border-right: 1px solid #F2F2F2;
	margin-bottom: 3px;
	padding: 2px 10px;	
}

#filter a:hover, #filter a.active {
	 color: #67aee6;
}
ul#stage li { float:left; width: 290px; display: block; margin-bottom: 15px; margin-right: 15px; }

ul#stage li:last-child {
	 margin-right: 0
}
ul#stage { margin-bottom: 40px; width: 940px}

ul#portfolio li {
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

ul#stage.third-style li {
	height: 300px !important;
}
ul#stage.third-style li h5 {
	line-height: 20px;
	text-transform: capitalize;
}

ul#stage.third-style li img {
	margin-bottom: 5px;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;

}
ul#stage.third-style li img:hover {
	opacity: 0.7;
	cursor: pointer;
}
/* *********  VIEW   ************/
.view {
   width: 290px;
   height: 190px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}
.view .mask,.view .content {
	width: 290px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: -35px;
	left: 27px;
}
.view img {
   display: block;
   position: relative;
      cursor: pointer;
}
.view h2 {
   text-transform: capitalize;
   color: #FFF;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
   margin: 20px 0 0 0;
}

.view a, .view a:link,.view a:visited,.view a:hover {
	 text-decoration: none !important
}
.view p {
   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 0px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 0px;
   background: rgba(0, 0, 0, 0.5);   
   color: #FFF;
   text-transform: capitalize;
   width: 100px;
   font-weight: bold;
}
.view a.info:hover {
	color: #FFF;
}

.view .button {
	margin-left:110px;
}

.view .info {
	 font-family:Arial, Helvetica, sans-serif;
	   font-size: 12px !important;
}
/* SECOND EFFECTS */
.second-effect {
	width: 190px;
}
.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(103,174,230,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -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;
}
.second-effect a.info {
	position:relative;
	font-size: 11px !important;
/*	border-radius: 5px;*/
	top:-5px;
	right: 10px;

	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   opacity: 1;
   border:100px solid rgba(103,174,230,0.7);
}
.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
/* *************************
*******  FIRST EFFECT  *****
***************************/

.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(103,174,230, 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 h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -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:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}




/* *************************
*******  FIFTH EFFECT  *****
***************************/


.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(103,174,230,1);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #fff;
   -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-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
   opacity: 0.8
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}		

/* 
   =========================================================================================================
	BLOG
   =========================================================================================================
*/

/* Style 1*/

.post-block-style1 {
	position: relative;
	display: block;
}
.post-block-style1 .post-thumbnail {
	float:left;
	margin-bottom: 15px;
	width: 635px;
	position: relative;
}
.post-block-style1 .post-thumbnail img {
	margin-bottom:0;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.post-block-style1 .post-thumbnail > a:hover img { opacity: .7; }

.post-block-style1 .post-thumbnail iframe {
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
}
.post-block-style1 .post-meta {
	color:#777;
	font-size:11px;
	float:left;
	margin-right:15px;
	width:214px;
}
.post-block-style1 .post-meta span {
	display:block;
}
.post-meta span a {
	font-size:11px !important;	
}
.post-meta span.date {
	color:#000;
	font-weight:bold;
	font-style:italic;
}
.post-block-style1 .post-meta .facebook iframe {
	padding-bottom:0;
}
.post-block-style1 .post-meta .twitter iframe {
	padding-bottom:0;
	padding-top: 5px;	
}
.post-block-style1 .post-meta .gplus iframe {
	padding-bottom:0;
	margin-top:10px !important;
}
.post-block-style1 .post-meta .addthis_toolbox {
	margin-top:10px;
}
.post-block-style1 .post-text {
	border-left: 1px solid #E6E5E5;	
	padding-left:15px;
	width:390px;
	float:left;
}
.post-block-style1 .post-text p {
	margin-bottom: 15px;
}
.post-block-style1 .post-text h4 {
	color:#67AEE6;	
}
.post-block-style1 .post-text h3 {
	color:#67AEE6;
	text-transform:none;	
}
.post-block-style1 .post-meta iframe {
	padding-bottom: 15px;
	margin-top: 10px;
}
.blog-divider-1px {
	border-bottom: 1px solid #F4F3F3;
	margin: 45px 0 45px;
	width: 635px;
}

/* SINGLE POST */
.single-post-block  {
	font-size:12px;		
	margin-bottom:30px;	
}
.single-post-block h3  {
	margin-bottom:10px;	
}
.single-post-block .post-meta {
	color:#777;
	float:left;
	font-size:11px;
	margin-bottom:10px;
	width:635px;
}
.single-post-block .post-meta span {
	display:inline-block;
	font-style:italic;
	margin-right:10px;
}
.single-post-block .post-meta span a, 
.single-post-block .post-text a, 
.single-post-block .post-meta-tag a {
	font-size:12px;			
}
.single-post-block .post-thumbnail {
	width: 635px;
}
.single-post-block .post-meta-tag {
	border-top: 1px solid #E6E5E5;
	border-bottom: 1px solid #E6E5E5;	
	margin:10px 0;
	padding:10px 0;
	width:635px;
}
.single-post-block .post-meta-tag .addthis_toolbox {
	float:right;	
}


/* Style 2 */
.post-block-style2 .post-meta ul li img {
	padding:5px; 
	background-color: #67AEE6;
}
.post-block-style2 {

}
.post-block-style2 .post-meta {
	color:#777;
	float:left;
	margin-right:15px;
	width:200px;
}
.post-block-style2 .post-text {
	width: 430px;
}
.post-block-style2 ul {
	font-size:11px !important;	
	margin-bottom: 15px;
}
.post-block-style2 ul a {
	font-size:11px !important;	
}
.post-meta ul li.date {
	color:#000;
	font-weight:bold;
	font-style:italic;
}
.post-block-style2 .post-meta .facebook, .post-block-style2 .post-meta .twitter {
	margin-bottom: 5px !important;
}
.post-block-style2 .post-meta .gplus {
	margin-bottom: 0px;
}
.post-block-style2 .post-thumbnail {
	float: left
}

.post-block-style2 .post-data {
	float:left; 
	width: 380px;
}

.post-block-style2 .post-thumbnail img {
	margin-bottom:5px;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.post-block-style2 .post-thumbnail > a:hover img { opacity: .7; }

.post-block-style2 .post-thumbnail iframe {
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-bottom: 10px !important;
}

/* Featured Projects */
.featured-projects h5 {
	background: white;
	display: inline-block;
	margin-bottom: 15px;
	padding-right: 10px;	
}
.featured-projects .items img {
	float:left;
	margin-right:15px;
	width:189px;
}
.featured-projects img.last-item {
	margin-right:0;
}
.featured-projects .items img {
	margin-bottom:0;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.featured-projects .items > a:hover img { opacity: .7; }


/* COMMENTS */
.comments-block {
	
}
.comments-block h5 {
	background: white;
	display: inline-block;
	margin-bottom: 15px;
	padding-right: 10px;	
}
.comment-block {
	background:#F6F6F6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
}
.comment-text {
	padding-top: 15px;
	padding-bottom:15px;
}
.comment-text .replay {
	float:right;
	margin-right:15px;
	margin-bottom:15px;
}
.gravatar {
	float:left;
}
.gravatar img {
	margin: 15px 15px 0 15px;
}
.comment-block .gravatar .nickname {
	display:block;
	margin-left:15px;
}
.comment-info .italic {
	font-style:italic;
}
.comment-text .comment {
	margin: 5px 15px 0 15px;
}
.replay-block {
	display: block;
	margin-left: 90px;
	width: 545px;
	background:#F6F6F6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
}
.replay-block.second-item {
	display: block;
	margin-left: 180px;
	width: 455px;
}


/* Pagination */

#nav-pagination { padding-top: 15px; padding-bottom: 18px; }
ul.nav-pagination li a:hover { color: #ff6600 !important; }
ul.nav-pagination {	display: block;	height: 25px; margin-bottom: 15px; left: 50%; position: relative; margin-left: -137px; }
ul.nav-pagination li { float: left; margin-right:5px; height:25px; width:35px; }
ul.nav-pagination li.first { margin-left:5px; }
ul.nav-pagination li a.current { color: #ff6600 !important; }
ul.nav-pagination li.dots { line-height:35px; cursor:auto; text-align:center; margin-right: 13px !important; }
.pag-button { display: block; width: 20px; padding: 7px 10px; text-align: center }
.nav-pagination li { margin-right: 20px !important; }
.nav-pagination li .pag-button a:hover { color: #333 !important }

/* 
   =========================================================================================================
	GALLERY
   =========================================================================================================
*/

ul#gallery-grid { 
	list-style-type: none; 
	margin-bottom: 20px;
}

ul#gallery-grid li {
	background:#0DAACE;
	float:left;
	margin:0;
	padding:0;
	position: relative;
	height: 150px;
	width: 235px;	
}

ul#gallery-grid li:hover img {

	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
}

ul#gallery-grid li:hover img { opacity: 0 }

ul#gallery-grid li span { 
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
	padding: 5px;
	position: absolute;
	top: 10px;
	left: 60px;
	color: #FFF;
	text-transform: uppercase;

	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition: all 0.3s linear;
	-transition: all 0.3s linear;	
}
ul#gallery-grid li:hover span {
	opacity: 1
}

ul#gallery-grid li span.project-date { 
	float:left;
	font-size: 21px;
	background: none;
	text-align: center;
	display: block;
	position: absolute;
	left:10px;
	top: 14px;
	width: 40px;
	height: 20px;
	color: #FFF;
}
ul#gallery-grid li em.date-number {
	color: #FFF;
	font-style: normal;
	 font-size: 36px;
	 margin-bottom: 5px;
	 display: block
}
ul#gallery-grid li span.project-type { 
	display: block;
	position: absolute;
	top: 30px;
	left: 60px;	
}
ul#gallery-grid li span.project-status { 
	display: block;
	position: absolute;
	top: 50px;
	left: 60px;	
}
ul#gallery-grid li a.project-view { 
	color: #FFF;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 10px;
	right: 20px;	
	opacity: 0;
}
ul#gallery-grid li:hover a.project-view { opacity: 1 }
/* 
   =========================================================================================================
	CONTACTS
   =========================================================================================================
*/
.left-side {
	float: left;
	width: 635px;
	margin-right: 45px;
}

.right-side {
	float: left;
	width: 220px;
}
#google-map {
	width: 635px; 
	margin-right: 40px;
	margin-bottom: 30px;
	float: left;
}
#google-maps iframe { border: none; }



.divider-bottom.contacts {
	width: 635px;
}

.right-side ul {
	margin-bottom: 15px;
}
.right-side .divider-1px {
	width: 225px !important;
}

:invalid {  
   box-shadow: none;  
}

input[type=submit] {
/*	margin-bottom: 15px;*/
}

#contacts-form {
	margin-bottom:15px;
}
.notification_ok
{
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 8px;
	text-align: center;
	color: green;
	margin-bottom:15px;	
}
.notification_error {
	border: 1px solid #e1e0e0; 	
	background: #fafafa;
	height: auto;
	padding: 5px;
	text-align: left;
	margin-bottom:15px;
	color:red;
} 

input[type=text].last-item,
input[type=email].last-item,
input[type=url].last-item,
input[type=submit].last-item,
input[type=reset].last-item { margin-right: 0 !important; }

/* 
   ---------------------------------------------------------------------------------------------------------
	jPlayer - HTML5 Player
   ---------------------------------------------------------------------------------------------------------		
*/

div.jp-audio,
div.jp-video { font-size:10px; }

.jp-audio-container, .jp-video-container {
	margin-bottom: 15px;
}

div.jp-audio {
	font-size: 1em;
	 font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1.6;
}

div.jp-audio {
	width: 360px;
}

div.jp-interface {
	position: relative;
	width: 100%;
	background: rgb(58,59,60);
	background: url(../images/jplayer-brown-and-orange.png) 0 -210px;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, rgb(34,34,34)),
	    color-stop(1, rgb(58,59,60))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(34,34,34) 0%,
	    rgb(58,59,60) 100%
	);
	
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height: 30px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	display: inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
}

a.jp-play,
a.jp-pause {
	width: 33px;
	height: 30px;
	z-index: 1;
	outline: none;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top: 0;
	left: 0;
	border-right: 1px solid rgb(36,37,38);
}
a.jp-play {
	background: url("../images/jplayer-brown-and-orange.png") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/jplayer-brown-and-orange.png") -33px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/jplayer-brown-and-orange.png") 0 -30px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/jplayer-brown-and-orange.png") -33px -30px no-repeat;
}

div.jp-progress-container {
	position: absolute;
	top: 0;
	left: 34px;
	width: 225px;
	height: 6px;
	padding: 12px 10px;
	border-left: 1px solid rgb(50,51,52);
	border-right: 1px solid rgb(36,37,38);
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
}
div.jp-audio div.jp-type-single div.jp-progress {
	width: 223px;
	height: 7px;
	padding: 1px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -192px repeat-x ;
}

div.jp-seek-bar {
	width: 0px;
	height: 5px;
	cursor: pointer;
	background: url("../images/jplayer-brown-and-orange.png") 0 -163px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
div.jp-play-bar {
	width: 0px;
	height: 5px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -133px repeat-x ;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

div.jp-volume-bar-container {
	position: absolute;
	top: 0;
	left: 281px;
	width: 40px;
	height: 6px;
	padding: 12px 10px;
	border-left: 1px solid rgb(50,51,52);
}
div.jp-volume-bar {
	position: relative;
	overflow: hidden;
	background: url("../images/jplayer-brown-and-orange.png") 0 -192px repeat-x;
	width: 40px;
	height: 9px;
	cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top: 0;
	left: 20px;
}

div.jp-volume-bar-value {
	width: 0px;
	height: 5px;
	margin: 1px;
	background: url("../images/jplayer-brown-and-orange.png") 0 -133px repeat-x;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.jp-mute,
a.jp-unmute {
	width: 17px;
	height: 13px;
	z-index: 1;
	outline: none;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top: 9px;
	left: 290px;
}

a.jp-mute {
	background: url("../images/jplayer-brown-and-orange.png") -10px -68px no-repeat;
}
a.jp-mute:hover {
	background: url("../images/jplayer-brown-and-orange.png") -43px -68px no-repeat;
}
a.jp-unmute {
	background: url("../images/jplayer-brown-and-orange.png") -10px -98px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("../images/jplayer-brown-and-orange.png") -43px -98px no-repeat;
}

div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}


/* 
   ---------------------------------------------------------------------------------------------------------
	Tweet - Twitter
   ---------------------------------------------------------------------------------------------------------		
*/

#twitter { 
 	height: 40px; 
 	padding:10px 0 10px 20px; 
 	width: 95.8%; 
}
#twitter .center-block { padding:0; }
.tweet { color: #333; font-size:12px; width: 900px; }
.tweet a { font-size:12px; }
.tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
.tweet_list .awesome,
.tweet_list .epic { text-transform: uppercase; }
.tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; line-height:20px; }
.tweet_list .tweet_even {		}
.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
.tweet_list .tweet_avatar img { vertical-align: middle;	}

#twitter img { display: block; float:left; margin-right: 10px; }
#twitter h3 { float:left; margin-right: 20px; line-height: 40px; }
#twitter .v-line { height:40px;  border-right: 1px solid #ddd;  display: block; margin-top:0px; float:left; margin-right: 20px }


/* ****** Twitter Widget *****/
#twitter-widget { width: 95.8%; }
#twitter-widget .center-block { padding:0; }
#twitter-widget .tweet { color: #333; font-size:12px; width: 235px; line-height:18px !important }
#twitter-widget .tweet a { color: #67AEE6; font-size:12px; }
#twitter-widget .tweet_list { list-style: none;	margin: 0; padding: 0; overflow-y: hidden; }
#twitter-widget .tweet_list .awesome,
#twitter-widget .tweet_list .epic { text-transform: uppercase; }
#twitter-widget .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; line-height:20px; }
#twitter-widget .tweet_list .tweet_even { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_odd { padding: 5px 0; }
#twitter-widget .tweet_list .tweet_first{ padding-top:0 !important; }
#twitter-widget .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
#twitter-widget .tweet_list .tweet_avatar img { vertical-align: middle;	}
#twitter-widget .tweet_list .tweet_time { display:block; }
#twitter-widget img { display: block; float:left; margin-right: 10px; }
#twitter-widget h3 { float:left; margin-right: 20px; line-height: 40px; }
#twitter-widget .v-line { height:40px;  border-right: 1px solid #ddd;  display: block; margin-top:0px; float:left; margin-right: 20px }