/*
Theme Name: inovia child
Description: Child theme for the inovia theme 
Author: Your name here
Template: inovia
*/

@import url("../inovia/style.css");


.portfolios {
	width: 200px;
	float: left;
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
	height: 400px;
	}
	
.porthumb {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #CCCCCC;
	}
	
.menu-right {
	float: right;
	width: 230px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: right;
	border: none;
	}
	
.contact-right {
	float: right;
	width: 400px;
	padding: 0;
	margin: 0;
	text-align: right;
	}
	
	
form#searchformhead {
	width: 160px; 
	padding: 0; 
	margin: 0;
	float: left;
	border: none;
	} 
	
form#searchformhead input#head {
	width: 160px; 
	padding: 2px; 
	margin: 0;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	height: 14px;
	} 
	
h2, h3, h4, h5, h6, .widget-title, #content .entry-title {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
	
h1 {
	font-size: 32px;
	padding: 0;
	margin: 20px 0 30px 0;
	color: #0082b7;
	line-height: 34px;
	}
	
h1.connect {
	float: left;
	}

h2 {
	font-size: 20px;
	padding: 0 0 6px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #0082b7;
	color: #0082b7;
	clear: both;
	}
	
h2 a {
	color: #0082b7;
	font-weight: normal;
	}

h3 {
	font-size: 16px;
	padding: 0 0 3px 0;
	margin: 12px 0 6px 0;
	border-bottom: 1px solid #0082b7;
	color: #0082b7;
	}
	
h4 {
	font-size: 14px;
	padding: 0 0 3px 0;
	margin: 6px 20px 6px 0;
	border-bottom: 1px solid #0082b7;
	color: #0082b7;
	}
	
h5 {
	font-size: 12px;
	padding: 0;
	margin: 6px 20px 6px 0;
	color: #0082b7;
	}
	
h4 a {
	color: #0082b7;
	}
	
h6 {
	font-weight: normal;
	font-size: 18px;
	padding: 0 0 24px 0;
	margin: 0;
	color: #666;
	line-height: 24px;
	}
	
#content .entry-title {
	font-size: 32px;
	padding: 0;
	margin: 30px 0 30px 0;
	color: #0082b7;
	line-height: 34px;
}

.widget-title {
	font-size: 16px;
	padding: 0 0 3px 0;
	margin: 12px 0 6px 0;
	border-bottom: 1px solid #0082b7;
	color: #0082b7;
}
	
ul.twitter {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
li.twitter-item {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	}
	
p.twitter-message {
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	}
.twitter-timestamp: the timestamp span class
a.twitter-link: the tweet link class
a.twitter-user: the @username reply link class

.authorbiog {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	width: 600px;
	}
	
img.icons {
	width: 45px;
	float: left;
	left: auto;
	display: block;
	margin: 0;
	padding: 0 5px 10px 0;
	}
	
img.icons2 {
	width: 100px;
	float: left;
	left: auto;
	display: block;
	margin: 0;
	padding: 0 5px 0 0;
	}
	
img.icons-right {
	width: 45px;
	float: right;
	right: auto;
	display: block;
	margin: 0;
	padding: 0 5px 11px 0;
	}
	
a.icons-right {
	float: right;
	right: auto;
	display: block;
	margin: 0;
	padding: 12px 10px 0 0;
	}
	
a.french {
	color: #FFFFFF;
	}
	
a:hover.french {
	color: #ccc;
	}
	
.investments {
	width: 900px;
	border-bottom: 1px solid #0082b7;
	padding: 0 0 10px 0;
	margin: 20px 0;
	overflow: hidden;
	}
	
.investment-thumb {
	float: left;
	left: auto;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
.home-thumb {
	float: left;
	left: auto;
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
hr {
	background-color: #ccc;
	border:0;
	height: 1px;
	margin: 14px 0;
	clear:both;
}

.clear {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	}
	
.shortcode-author-avatars .author-list {
	margin: 0;
	padding: 0;
	}
	
.shortcode-author-avatars .author-list .user {
	float: left;
	margin: 0 5px 0 0;
	display: block;
	left: auto;
	}
	
.shortcode-author-avatars .author-list .user .avatar {
	margin: 0;
	padding: 0;
	}
	
.shortcode-author-avatars .author-list .user .shortcode-show-avatar {
	margin: 0;
	padding: 0;
	}
	
.shortcode-author-avatars .author-list .user .name {
	margin: 0;
	padding: 0 10px 0 0;	
	width: 100px
	}
	
.shortcode-author-avatars .author-list .user .biography {
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;	
	}
	
.portbtns {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
	}
	
a.morebut {
	color: #0082b7;
	display: block; 
	text-decoration: none; 
	left: auto; 
	float: right;
	margin: 20px 0 0 0;
	padding: 0 8px;
	font-weight: bold;
	line-height: 18px;
	border-left: 1px solid #0082b7;
	}
	
a:hover.morebut {
	background-color: #0082b7;
	color: #fff;
	}

/* conten scrollbar */
	
#content-slider {
    width: 6px;
    height: 270px;
    margin: 15px 10px 0 0;
    background: url('../inovia/images/scroll_bg.gif') top no-repeat;
    position: relative;
	float: right;
	padding: 15px 0 0 0;
    }

.ui-slider-handle  {
 	width: 17px;
  	height: 33px;
  	position: absolute;
  	left: -6px;
 	background: url('../inovia/images/scroll_btn.png') no-repeat;
	margin: 15px 0 0 0;
	border: 0;
	}

#content-scroll {
	width: 570px;
	height: 270px;
	margin: 0;
    overflow: hidden;
	float: left;
    }
	
.content-item {
    width: 570px;
    padding: 0;
  	}
	
#tabbed_box_1, .tabbed_area {
	margin: 0;
	padding: 0;
	width:670px;
	clear: both;
	}
	
#tabbed_box_2, .tabbed_area2 {
	margin: 0;
	padding: 0;
	width:900px;
	clear: both;
	}
	
ul.tabs {
	margin:0 0 20px 0; 
	padding:0px;
	float: right;	
}

ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	margin: 0;
	textdecoration: none;
	padding: 4px 10px;
	border-left: 1px solid #0082b7;
}
ul.tabs li a:hover {
	background-color:#0082b7;
	color:#fff;
}
ul.tabs li a.active {
	background-color:#0082b7;
	color:#fff;
}

.content {
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
	}
	
#content_2, #content_3, #content_4 { display:none; }

.gmap {
	float: left;
	width: 400px;
	margin: 0 30px 0 0;
	padding: 0;
	clear: left;
	display: block;
	}
	
.news-home {
	background: url('../inovia/images/newshome_bg.gif') top no-repeat;
	padding: 30px 20px 20px 20px;
	width: 860px;
	margin: 30px 0;
	}
	
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 810px;
	height:160px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:638px;
}

.items .logoshome {
	float:left;
	width:160px;
	height: 160px;
	margin: 0;
}



/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('../inovia/images/nav_left.png') no-repeat;
	display:block;
	width:21px;
	height:60px;
	float:left;
	margin:50px 24px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { background:url('../inovia/images/nav_right.png') no-repeat; clear:right; margin-right: 0px;}
 


/* left */
a.left				{ margin-left: 0px; } 


/* disabled navigational button */
a.disabled {
	
} 	




#twitter-ticker {
	width:430px;
	height:480px;
	color:#333;
	display:none;
	text-align:left;
}

#twitter-ticker-ca, #twitter-ticker-je {
	width:340px;
	height:100px;
	color:#333;
	display:none;
	text-align:left;
}

#tweet-container{
	height:490px;
	width:auto;
	overflow:hidden;
}

#tweet-container-ca, #tweet-container-je {
	height:100px;
	width:340px;
	overflow:hidden;
}

#twitIcon{
	position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;
}


.tweet{
	padding: 0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #cccccc;
	width:auto;
	overflow:hidden;
}

.tweet .user,
.tweet .time{
	float:left;
	margin: 0 6px 0 0;
}

.tweet .avatar {
	float:left;
	margin: 0 6px 8px 0;
	}

.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#AAAAAA;
	white-space:nowrap;
}


.tweet .avatar img{
	width:45px;
	height:45px;
	margin:0 10px 0 0;
}

.tweet .txt{
	
}

.tweet .user{
	font-weight:bold;
}



#loading{
	margin:100px 95px;
}


#twitter-ticker{
	margin:0;
}

.front-sky {
	width: 880px;
	height: 360px;
	padding: 20px 10px 10px 10px;
	margin: 0;
	background:url('../inovia/images/front_sky.jpg') top no-repeat;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #efefef;
	}
	
.front-links {
	padding: 20px 15px 10px 20px;
	margin: 0 0 0 20px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #efefef;
	overflow: hidden;
	background:url('../inovia/images/sky_bg.gif') top repeat-x;
	text-align: center;
	float: left;
	}
	
.frontbanner {
	overflow: hidden;
	padding: 0 10px;
	background: url('../inovia/images/content_bg.png') repeat-y;
	width: 960px;
}

.vision {
	width: 620px;
	height: 240px;
	background: url('../inovia/images/vision3.jpg') no-repeat;
	padding: 30px 30px 30px 250px;
	margin: 0 0 22px 0;
	color: #FFFFFF;
	}
	
.vision-fr {
	width: 620px;
	height: 270px;
	background: url('../inovia/images/vision3.jpg') no-repeat;
	padding: 15px 30px 15px 250px;
	margin: 0 0 22px 0;
	color: #FFFFFF;
	}
	
.vision h1, .vision h2, .vision-fr h1, .vision-fr h2 {
	color: #FFFFFF;
	border: none;
	line-height: 24px;
	margin-bottom: none;
	font-size: 18px;
	font-weight: normal;
	}
	
.xmas {
	width: 860px;
	padding: 0 20px 20px 20px;
	background: #5d7ba1 url('../inovia/images/xmas_bg.jpg') top no-repeat;
	margin: 20px 0 0 0;
	overflow: hidden;
	min-height: 600px;
	}
.xmas h1 {
	color: #FFFFFF;
	}
	
.xmastweet {
	width: 360px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 16px;
	}

.xmastweet ul {
padding:0; 
margin-top: 0;
marginbottom: 0;
border:0;
list-style-type: none;
}
.xmastweet ul li {
float:left;
margin:0 10px 10px 0;
width:80px;
height:80px;
display:block;
text-decoration:none; 
}

.xmastweet ul li dl {
visibility:hidden;
position:absolute;
}

.xmastweet table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
}

.xmastweet dl {width: 360px; background: #FFFFFF;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.xmastweet ul li:hover,
.xmastweet ul li a:hover {
position:relative;
cursor: pointer;
cursor:hand;
}

.xmastweet ul li:hover dl,
.xmastweet ul li a:hover dl {
visibility:visible;
cursor:default;
padding: 10px;
-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#ca {
top: 0;
left: 400px;
}
#je {
top: 0;
left: 310px;
}

#sa {
top: 0;
left: 220px;
}

#gj {
top: 0;
left: 130px;
}

#fg {
top:-90px;
left: 400px;
}

#ks {
top:-90px;
left: 310px;
}

#kn {
top:-90px;
left: 220px;
}

.xmastweet ul li:hover dl a,
.xmastweet ul li a:hover dl a {
height:0.8em;
background:transparent;
text-decoration: none;
display:inline;
}

.xmastweet ul li:hover dl a:hover,
.xmastweet ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
}


.ca, .je, .sa, .gj, .fg, .ks, .kn {
	color: #666666;
	width: 340px;
	overflow:hidden;
	list-style-type: none;
	}
	
.tweet_time {
	display: none;
	}
.tweet_avatar {
	float: left;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	display: block;
	}
	
.tweet_text {
	width: 280px;
	float: right;
	}
.tweet_join {
	display: none;
	}
	
.xmaslogo {
	float: right;
	margin: 0;
	padding: 150px 20px 0 0;
	width: 183px;
	height: 68px;
	}