@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


* { margin:0; padding:0}
img {border:none}

body { background:#F5FBFF url(http://www.noospheric.com/images/template/bg_body.gif) repeat-x; font-family:Arial, Helvetica, sans-serif}

p { font-size:12px; font-weight:normal; color:#4D565D}
p a:link, p a:visited { color:#4D565D; text-decoration:none}
p a:hover { color:#4D565D; text-decoration:underline}

h1 { font-size:22px; font-weight:normal; color:#003767}
h2 { font-size:18px; font-weight:bold; color:#003767; padding-bottom:5px;} 
h3 { font-size:16px; font-weight:bold; color:#464647} 
h4 { font-size:14px; font-weight:normal; color:#003767}
h6 { font-size:14px; font-weight:bold; color:#A5B3B7}

.text_small { font-size:10px; color:#6B747D}


/*
---------------------------------------------
02. container and wrapper
---------------------------------------------
*/


#container { width:990px; margin:0 auto}

#wrapper { width:943px; float:left; background:#FFFFFF url(http://www.noospheric.com/images/template/bg_wrapper.gif) no-repeat; padding:23px}


/*
---------------------------------------------
03. header - logo and navigation
---------------------------------------------
*/


#header { width:943px; float:left; padding-top:12px}

.logo {float:left}

.nav { width:625px; float:right; background: url(http://www.noospheric.com/images/template/bg_navbar.png) no-repeat; margin-top:10px; }
.nav ul { list-style:none; padding-left:10px;}
.nav ul li { height:34px; float:left; background:url(http://www.noospheric.com/images/template/li_divider.gif) no-repeat right center; font-size:12px; font-weight:normal; color:#7D7D7D; text-transform:uppercase; position:relative}

.nav ul li.bordernone {background:none} 

.nav ul li a { float:left; color:#7D7D7D; text-decoration:none; padding:12px 16px;}
.nav ul li a:hover { color:#464647; text-decoration:none}
.nav ul li a.selected { background: url(http://www.noospheric.com/images/template/bg_li_active.gif) repeat-x; color:#003767; text-decoration:none; }


/*
---------------------------------------------
04. content
---------------------------------------------
*/


#content { width:943px; float:left}

/*
---------------------------------------------
05. top content
---------------------------------------------
*/

#topcontent { width:925px; float:left; background:url(http://www.noospheric.com/images/template/bg_topcontent.gif) repeat-x bottom; margin-left:7px}

#topcontent p a:link, p a:visited { color:#6092A5; text-decoration:none}
#topcontent p a:hover { color:#6092A5; text-decoration:underline}

#welcome { width:290px; float:left; padding:35px 15px 5px 15px}
#welcome p { font-size:12px; padding-top:17px; line-height:1.6em}


/*
---------------------------------------------
05.1 entrepreneurs and investors
---------------------------------------------
*/


#entrepreneurs_and_investers { width:600px; float:left; padding-bottom:5px}

.photolist { width:600px; float:left; padding-top:12px; padding-bottom:1px}
.photolist ul { list-style:none; height:173px; float:left; background:url(http://www.noospheric.com/images/template/bg_photolist_borderleft.gif) no-repeat left top; padding-left:1px}
.photolist ul li {  height:173px; float:left; background:url(http://www.noospheric.com/images/template/bg_photolist_borderleft.gif) no-repeat right top; padding-right:1px; vertical-align:bottom}


.button a { width:95px; height:23px; float:left; background:url(http://www.noospheric.com/images/template/bg_button.png) no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none; text-align:center; padding:3px 0; margin-top:7px; margin-bottom:3px}


.entreprenuers { width:270px; float:left; padding-top:5px; padding-right:50px}
.entreprenuers p {line-height:1.6em}

.investors { width:270px; float:left; padding-top:5px;}
.investors p { line-height:1.6em; padding-bottom:5px}


/*
---------------------------------------------
06. list box 
---------------------------------------------
*/


#listbox { width:941px; float:left; background:url(http://www.noospheric.com/images/template/bg_listbox.gif) no-repeat}
#listbox h2 {padding-top:2px}
#listbox p { color:#252525; padding:3px 0} 
#listbox .set { width:290px; float:left; padding:10px}
#listbox h2 a:link, p a:visited { color:#003767; text-decoration:none; }
#listbox h2 a:hover { color:#003767; text-decoration:underline; }

.icon { float:left; padding-right:15px}


/*
---------------------------------------------
07. bottom content
---------------------------------------------
*/

#bottomcontent { width:943px; float:left; padding-top:15px} 
#bottomcontent h4 {background:url(http://www.noospheric.com/images/template/bg_heading.gif) no-repeat right; padding:10px 0}
#bottomcontent p {padding-bottom:10px}

#bottomcontent .set { width:300px; float:left; padding-right:20px}

#bottomcontent ul {padding-left:30px;}
#bottomcontent ul li { font-size:12px; font-weight:normal; color:#4D565D; line-height:1.6em;  }


.featured { width:300px; float:left}
.slide {float:left}


.news { width:255px; float:left; background:url(http://www.noospheric.com/images/template/icon_news.gif) no-repeat; padding:0 0px 30px 45px}
.news p {padding-bottom:10px}

.resources { width:255px; float:left; background:url(http://www.noospheric.com/images/template/icon_resources.gif) no-repeat; padding:0 0 30px 45px} 
.resources p {padding-bottom:10px}

.twitter { width:255px; float:left; background:url(http://www.noospheric.com/images/template/icon_twitter.gif) no-repeat; padding:0 0 30px 45px} 
.twitter p {padding-bottom:10px}

.accomplishments { width:255px; float:left; background:url(http://www.noospheric.com/images/template/icon_accomplishments.gif) no-repeat; padding:0 0 30px 45px} 
.accomplishments p {padding-bottom:10px}


/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#footer { width:940px; float:left; border-top:1px solid #DADDDF; padding-top:5px}
#footer .footer_nav { float:left; padding-right:300px}

#footer p { font-family:"MyriadPro", Arial, Helvetica, sans-serif; font-size:10px; color:#6B747D; float:left; position:relative}
#footer p a:link, #footer p a:visited { color:#6B747D; text-decoration:none} 
#footer p a:hover { color:#6B747D; text-decoration:underline} 



/*
---------------------------------------------
09. content innerpage
---------------------------------------------
*/


#content_inner { width:950px; float:left; padding-top:40px; padding-bottom:20px}
#content_inner ol {padding-left:30px;}
#content_inner ol li { font-size:12px; font-weight:normal; color:#4D565D; line-height:1.6em;  }
#content_inner form { font-size:12px; font-weight:normal; color:#4D565D; line-height:1.6em;  }




/*
---------------------------------------------
10. leftpanel
---------------------------------------------
*/


#leftpanel { width:150px; float:left}


/*
---------------------------------------------
11. left navigation links
---------------------------------------------
*/


.leftnav { width:150px; padding-bottom:20px; float:left}
.leftnav h6 { padding:8px 0 5px 10px}
.leftnav h6 a:link, p a:visited { color:#A5B3B7; text-decoration:none}
.leftnav h6 a:hover { color:#003767; text-decoration:none}


.leftnav ul {list-style:none}
.leftnav ul li { font-size:12px; font-weight:normal; color:#A5B3B7}

.leftnav ul li a { width:140px; height:21px; float:left; color:#A5B3B7; text-decoration:none; background:url(http://www.noospheric.com/images/template/bg_leftnav_li.gif) no-repeat; padding-top:8px; padding-left:10px}
.leftnav ul li a:hover { color:#003767; text-decoration:none; background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat}
.leftnav ul li a.selected { color:#003767; text-decoration:none; background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat}

.leftnav ul li a.firstlink { color:#A5B3B7; text-decoration:none; background:url(http://www.noospheric.com/images/template/bg_leftnav_li_top.gif) no-repeat}
.leftnav ul li a.firstlink:hover { color:#003767; background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat}
.leftnav ul li a.firstlink_selected { color:#003767; background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat;}

.leftnav ul li a.lastlink {background:url(http://www.noospheric.com/images/template/bg_leftnav_li_bottom.gif) no-repeat}
.leftnav ul li a.lastlink:hover {background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat;}
.leftnav ul li a.lastlink_selected {background:url(http://www.noospheric.com/images/template/bg_leftnav_li_hover.gif) no-repeat;}

#testimonial {padding-top:15px;}
#testimonial p { font-size:13px; font-weight:normal; font-style:italic; color:#A5B3B7; line-height:1.5em;}


/*
---------------------------------------------
13. right panel
---------------------------------------------
*/


#rightpanel { width:775px; float:left; padding:0 15px; padding-right:0px}


#innerpage { width: auto; padding-right:10px; padding-bottom:10px}
#innerpage h1 { font-size:27px; padding-bottom:10px} 
#innerpage p { line-height:1.6em; padding-bottom:20px; padding-right:10px}
#innerpage ul {padding-left:30px;}
#innerpage ul li { font-size:12px; font-weight:normal; color:#4D565D; line-height:1.6em;  }

#innerpage a:link, a:visited { color:#003767; text-decoration:none}
#innerpage a:hover { color:#003767; text-decoration:underline}

#innerpage .side-image { float:right; padding-left:10px;}

.logo_firstclick {padding-top:20px}


#managementteam { width: auto; }
#managementteam h3 { font-weight:normal; color:#003767}

#managementteam .set { width: auto; float:left; padding:10px 0}

.set_photo { width:70px; height:90px; float:left;}
.set_content { width:360px; float:left; padding-left:15px}
.set_content p {line-height:1.6em}
.set_content h4 .text_italic { font-size:11px; font-style:italic; color:#4D565D}


/*
---------------------------------------------
14. right panel column 2
---------------------------------------------
*/


#rightpanel .column2 { width:300px; float: right; padding-left:15px}
#rightpanel .column2 h4 {background:url(http://www.noospheric.com/images/template/bg_heading_inner.gif) no-repeat right; padding:10px 0}

#rightpanel ul {padding-left:30px;}
#rightpanel ul li { font-size:12px; font-weight:normal; color:#4D565D; line-height:1.6em;  }


/*
---------------------------------------------
15. tabbed services content
---------------------------------------------
*/

.sidebox { 
	
	float:right;
	background: #fff url(http://www.noospheric.com/images/template/logo-call-out-60x60.png) no-repeat bottom right;
	border: 1px #869ea9 solid;
	width:230px;
	padding:10px 10px 10px 10px;
	background-color:#d3dfe5;
	font: 12px/14px;; 
	margin: 10px;
	clear: both;
}

.sidebox p a:link, p a:visited { color:#4D565D; text-decoration:none;}
.sidebox p a:hover { color:#4D565D; text-decoration:underline;}

.reference-box { 
	
	float:none;
	background: url(http://www.noospheric.com/images/template/logo-call-out-60x60.png) no-repeat bottom left;
	border: 1px #869ea9 solid;
	padding:10px 10px 10px 10px;
	background-color:#d3dfe5;
	font: 12px/14px;; 
	margin: 0px;
	clear: both;
}
.reference-box p a:link, p a:visited { color:#4D565D; text-decoration:none;}
.reference-box p a:hover { color:#4D565D; text-decoration:underline;}
.reference-box img { border:none; float:right; margin-left:20px;}





.tabbed-box .tabs li {
    list-style: none;
    float: left; }
.tabbed-box .tabs li a {
    display: block;
    width: 100px;
    padding: 5px 0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #888;
    background: #d3dfe5;
    color: #4D565D;    
	border-left: 1px solid #869ea9;
	border-top: 1px solid #869ea9;
    border-bottom: 1px solid #869ea9;}
.tabbed-box .tabs li:first-child a {
    border-left: none; }
.tabbed-box .tabs li a:hover {
    color: #333; }
.tabbed-box .tabs li a:focus {
    outline: none; }
.tabbed-box .tabs li a.active {
    background: #ffffff;
    color: #4D565D;
    border-bottom: 1px solid #fff;
	border-top: 1px solid #869ea9; }
.tabbed-content {
    padding: 3em 1em 1em 1em;
    display: none;
	border:1px #869ea9 solid; }