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

#paneladmin {
    background-color: #67AEE6;
    border-bottom: 2px solid #555;
    color: #f1f1f1;
    font-size: 12px;
    font-weight: bold;
    margin: 1px;
    padding: 5px;
	height:40px;
	display:block;
}
#paneladmin .welcome { width:50%; float:left; padding:10px 10px 0; }

/* 
   ---------------------------------------------------------------------------------------------------------
	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%;	
}

#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
}

#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: 100px;
	padding: 0 0 15px;
	width: 100%;
}

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

#logo-bar .logo span { display:none; font-family:Georgia, Times, serif; color:#67AEE6; font-size:26px; padding:20px;  }

#logo-bar .langnavigation { float:right; padding:40px; }

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

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

#menu {
	 float: left;
	 height: 20px;
	 padding:10px 0;
}
ul#nav { float: left; }
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:720px; }
#cta-block .button-block { float:left; }
#cta-block .button-block a { display:block; padding:7px; background-color:#67AEE6; color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Oswald',sans-serif; font-size:14px; }
#cta-block .button-block a:hover,
#cta-block .button-block a#fairedon:hover { background-color: #009900; color:#fff; text-decoration:none; }
#cta-block h2 {	margin-bottom:0; text-transform:none; }
#cta-block .button-block a#fairedon { margin:25px auto; padding:7px 7px 7px 47px; background-color:#cc0000; background-image: url('../images/icons/fairedon.png'); background-position: 7px center; background-repeat:no-repeat; }

/* 
   ---------------------------------------------------------------------------------------------------------
	Links
   ---------------------------------------------------------------------------------------------------------		
*/
a, a:link, a:visited { 
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #67AEE6;
	line-height:18px;
	outline: none !important;
}
a:active, a:focus  {
	 outline: none !important;
}
a:hover { text-decoration:underline; }	
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; }

/* 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; }

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;
}

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

/** 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;
}

.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;
}

/* 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;
}


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; 		
}


/* 
   =========================================================================================================
  	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; 
}
/* 
   -------------------------------------------------
	HP News Block
   -------------------------------------------------
*/

.hp-news {
	float:left;
	padding-left:30px;
	width: 280px; 
}

#services .hp-news h5 {
	color:#555;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	clear:both;
}

#services .hp-news a {
	display:inline-block;
	float:left;
	margin-bottom:12px;
}

#services .hp-news h6 a {
	display:block;
	clear:both;
	float:right;
	margin-bottom:12px;
	padding:5px; background-color:#555; color:#fff;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	font-family: 'Oswald',sans-serif; font-size:12px;
	text-decoration:none;
}

#services .hp-news h6 a:hover {
	background-color:#999;
}

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

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

.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;}
/* 
   ---------------------------------------------------------------------------------------------------------
	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
} 
.right-content strong, .right-content b { font-weight:bold;}
.right-content em, .right-content i { font-style:italic;}
.right-content ul { margin-top:10px;}
.right-content ul li {
	list-style-type: none;
	background-image: url(../images/bullet-t21.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	margin: 0 0 10px;
}
.right-content table tr td { vertical-align: top; }

.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: #333;
    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: #333;
	color:#FFF;
	display: inline-block;	
	font-size: 14px;
	padding-right: 10px;
	text-transform:none;
}

#footer .social {
	float:left;
}
#footer .recent-posts li {
	text-align: 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;
}
#footer .location {
	display:block;
	background: url('../images/icons/location.png') no-repeat 3px 4px;
    padding-left:25px;
}
#footer .email {
	display:block;
	background: url('../images/icons/email.png') no-repeat 0 4px;
    margin-top:10px;		
    padding-left:25px;
}

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

.slides-items {
	float:left;
	width: 280px;
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-right: 25px;
	}
.post-block-style1 .slides-items {
	float:left;
	width: 623px;
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-right: 25px;
	}
.post-block-style2 .slides-items {
	float:left;
	width: 410px;
	background:#F6F6F6;
	border: 1px solid #E6E5E5;     
    padding: 5px;
    margin-right: 25px;
	margin-bottom: 10px;    
	}	
.post-block-style1 .post-thumbnail .slides-items img,
.post-block-style2 .post-thumbnail .slides-items img {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.post-block-style2 .post-thumbnail .slides-items img {
	margin-bottom:0;
}	
.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;
  }

/* Blog Slideshow*/
.blogslideshow-01_tabs {
	padding: 7px 0 4px 0;
	list-style: none;
	width: 100%;
	max-width: 623px;
	text-align: center;
	background: #444;
  }

.blogslideshow-01_tabs li { 
	display: inline;
	background: url('../images/blog/nav-bullets.png') no-repeat;
	background-position: 0 0;
 }
li.blogslideshow-01_here {
	background: url('../images/blog/nav-bullets.png') no-repeat;
	background-position: 0 -14px;
	
}
.blogslideshow-01_tabs li:first-child { margin-left: 0; }
.blogslideshow-01_tabs a { 
	margin: 0 5px 0 5px;
	color:#FFF;
	font-size:10px;
	padding: 0 5px 0 5px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.blogslideshow-01_tabs .blogslideshow-01_here a {
	color: #67AEE6;
  }
.blogslideshow-01_tabs a {
	color:#f6f6f6;
}
.blogslideshow-01_tabs a:hover {
	text-decoration:none;
}


.blogslideshow-02_tabs {
  padding: 6px 0 5px 0;
  list-style: none;
  width: 100%;
  max-width: 410px;
  text-align: center;
  background: #444;
  }

.blogslideshow-02_tabs li { 
	display: inline;
	background: url('../images/blog/nav-bullets.png') no-repeat;
	background-position: 0 0;
 }
li.blogslideshow-02_here {
	background: url('../images/blog/nav-bullets.png') no-repeat;
	background-position: 0 -14px;
}

.blogslideshow-02_tabs li:first-child { margin-left: 0; }
.blogslideshow-02_tabs a {
	margin: 0 5px 0 5px;
	color:#FFF;
	font-size:10px;
	padding: 0 5px 0 5px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.blogslideshow-02_tabs .blogslideshow-02_here a {
	color: #67AEE6;
  }
.blogslideshow-02_tabs a {
	color:#f6f6f6;
}
.blogslideshow-02_tabs a:hover {
	text-decoration:none;
}
ul.blogslideshow-02_tabs {
	margin-bottom: 0 !important;
}

#slider-wrapper { height:380px; }

#accordian-slider-wrapper {	height:380px/*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: #67AEE6;
}

.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;
}

/* 
   =========================================================================================================
	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;
}

.photos-container{
	position:relative;
	width:810px;
	height:130px;
	margin-bottom:10px;
}

.photos-item{
	position:relative;
	float:left;
	width:130px;
	height:140px;
	text-align:center;
	margin-left:3px;
}
.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;
}
.photos-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;
}
.photos-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;
	
} 

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

.photos-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;
}
.photos-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;
}

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

.photos-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;
}

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;	
}

.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
}

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: 0;
   left: 0;
}
.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;
}



/* 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; }

/* 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; }

/* 
   ---------------------------------------------------------------------------------------------------------
	AGENDA
   ---------------------------------------------------------------------------------------------------------		
*/

#agendahighlight { 
 	height: 70px; 
 	padding:10px 0 10px 20px; 
 	width: 95.8%; 
}
#agendahighlight .center-block { padding:0; }
.agendahighlighttxt { color: #333; font-size:12px; width: 900px; }
.agendahighlighttxt a { font-size:12px; display:block; float:left; padding:5px 0 0; line-height:20px; }
.agendahighlighttxt h4 { display:block; padding:5px 10px; float:left; }
.agendahighlighttxt p { display:block; padding:5px 0px; float:left; font-size:14px; line-height:20px; }

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

.agendalist { border-bottom: solid 1px #E6E5E5; margin-bottom:12px; }
.agendalist h4 { font-size:17px; color:#7eaee6; line-height:24px; margin-bottom:10px; }
.agendalist h4 span { border-bottom: dotted 1px #7eaee6; }
.agendalist p span.date { display:inline-block; padding-left: 20px; background:url(../images/agenda-date.png) no-repeat left center transparent; }
.agendalist p span.heure { display:inline-block; padding: 0 20px; background:url(../images/agenda-heure.png) no-repeat left center transparent; }
.agendalist p.lieu { padding-left: 20px; background:url(../images/agenda-lieu.png) no-repeat left center transparent; }
.agendalist a.lire-suite { font-size:12px; display:inline-block; padding:7px 30px 7px 7px; margin:7px 0 0; line-height:20px; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Oswald',sans-serif; background:url(../images/lire-suite-fleche.png) no-repeat right center #67AEE6; }
.agendalist p { display:block; padding: 0px; font-size:14px; line-height:20px; margin:7px 0; }
.agendalist img { display: block; float:left; margin-right: 10px; }

#thumbs {
	list-style: none outside none; /* On supprime le style de la liste par défaut */
	margin: 0 auto; /* La galerie est centrée horizontalement */
	padding: 0;
	width: 600px;
}
 
#thumbs li {
	float: left;
	height: 130px;
	margin: 0;
	padding: 2px;
	position: relative;
	width: 130px;
	z-index: 10;
}
 
#thumbs li img {
	border: 2px solid #fff;
	z-index: 100;
	transition: transform 0.25s ease-in-out;
	-moz-transition: -moz-transform 0.25s ease-in-out;
	-o-transition: -o-transform 0.25s ease-in-out;
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
}

/* Content tables */

.right-content table {
	max-width: 635px;
	/*min-width: 635px;*/
}
.right-content table.tableau thead tr th {
	background-color: #67AEE6;
	border: 1px solid #67AEE6;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}
.right-content table.tableau tbody tr td {
	border: 1px solid #67AEE6;
	padding: 5px;
}