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

body{
	color: #4d4e4f;
	font-size: 12px;
}

#header a{
	display: block;
	width: 365px;
	height: 96px;
	position: absolute;
	left: 54px;
	top: 77px;
}

#logo{
	width: 357px;
	position: absolute;
	top: 83px;
	left: 60px;
	
	margin: 0;

    padding: 73px 0 0 0;
    overflow: hidden;
    background: url(../images/im_growthcapital_logo.gif) 0 0 no-repeat; 
    height: 0px !important; /* for most browsers */
    height /**/:73px; /* for IE5.5's bad box model */
}                                                              

#topnav{
	padding: 49px 0px 13px 0px;
	margin: 0 40px 16px 118px; 
	background-image: url(../images/nav_bar.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

#homepictures{
	position:relative;
}

#content{
	background-image: url(../images/rightcontent_bg.gif);
	background-repeat: repeat-y;
	background-position: 762px;
	border-bottom: 1px #FFF solid; /* otherwise, the content spills over the footer in IE 6 */
}

#rightcontent{
	margin: 0 40px 0 0;
	float: right;
	display: inline;
	width: 206px;
	font-size: 11px;
}

#slideshow{
	position: relative;
	height: 70px;
}

#maincontent{
	margin: 0 0 0 136px;
	width: 575px;
	padding-top: 13px;

}

#infobox{
	border-top: 1px #CDCDCD solid;
	margin: 15px 40px 0 118px;
	background: url(infobox_bg.png) left bottom repeat-x;
	width: 501px;
	position: relative;
	padding: 12px 110px 12px 255px;
	min-height: 84px; /* 108 - (12 + 12) */
}


#footer{
	margin: 40px 40px 0 118px; 
	text-align: left;
}

body#home #footer{
	margin-top: 0;
}

#footer #managed{
	float: right; 
	margin: 0 0 5px 5px;
}

/*---- home ----*/

body#home #topnav{
	padding-bottom: 16px;
	background-image: url(../images/nav_bar_home.jpg);
}

body#home #topnav img{
	padding-top: 12px;
}

body#home #rightcontent{
	width: 173px;
}

body#home #leftcontent{
	float: left;
	display: inline;
	width: 377px;
	margin-left: 118px;
}

body#home #centercontent{
	width: 235px;
	margin-left: 539px;
}

a#rsslink, body#home a#videolink{
	margin-top: 15px;
}

body#home #content{
	background-image: url(../images/rightcontent_bg_home.gif);
	background-repeat: repeat-y;
	background-position: 519px;
}

/*---- videos ----*/

#maincontent a.videologo{
	display:block;
	width: 83px;
	height: 90px;
	float: right;
	margin-top: 30px;
	display: inline;
}

#maincontent a.glostreamvideo{background: url(video_glostream.jpg) 0 0 no-repeat;}
#maincontent a.pioneervideo{background: url(video_pioneer.jpg) 0 0 no-repeat;}

#maincontent a.videologo:hover{
	background-position: 0 -90px;
}

#maincontent a.videofeature{
	display: inline;
	float: right;
	background: url(video_featured3.gif) 0 0 no-repeat;
	width: 210px;
	height: 90px;
	margin-top: 30px;
}

#maincontent a.videofeature:hover{
	background-position: 0 -90px;
}


#videocontent{
	background:url(popin_bg.png);
}

#videocontent #close{
	position:absolute;
	top:5px;
	right:25px;
	color:#B3B3B3;
}

#videocontent #flashvideo{
	padding:25px 0 18px 25px;
}

#videocontent .videoshare{
	float:right;
	margin-right:5px;
}

/*---- formatting ----*/

#maincontent h1{color: #c06001; font-weight: 100; font-size: 21px; margin: 21px 0 21px 0;}
#maincontent h2{color: #014789; font-weight: 700; font-size: 15px; margin: 15px 0 5px 0;}
#maincontent h3{margin: 14px 0 7px 0; font-size: 12px;}
#maincontent p{margin: 0 0 10px 0;}
#maincontent ul{
	margin-top: 7px;
	margin-bottom: 23px;
}

#leftcontent h1{color: #014789; font-weight: 100; font-size: 18px; margin: 0 0 6px 0;}
#centercontent h4, #rightcontent h4{color: #014789; font-weight: 100; font-size: 15px; margin: 0 0 6px 0;}
#infobox h4{color: #930; font-weight: 100; font-size: 13px; margin: 0 0 3px 0;}

#rightcontent p{margin: 0 0 5px 0;}
#centercontent p{margin: 0;}
#leftcontent p{font-size: 14px;margin: 0;}

#infobox p{
	margin: 0;
	color: #036;
	font-size: 11px;
}

#portfolio h2{border-top: 1px #CDCDCD solid; padding-top: 15px; margin-top: 30px;}

.videoshare{color:#B3B3B3; font-weight:bold; margin:0; padding:0;}
.videotitle{color:#FF9700; font-weight:bold; margin:0; padding:0 0 10px 25px;}

#foot1{text-align: left;border-bottom: 1px #CCC solid;}


/*---- lists ----*/

#rightcontent ul{
	margin: 0 0 20px 0;
	padding: 0px;
	list-style: none;
}

#rightcontent li{
	border-bottom: 1px #CDCDCD solid;
	margin-bottom: 13px;
	padding-bottom: 13px;
}

body#home #rightcontent li{
	border: none;
	padding: 0px;
	margin: 0;
}

/*---- links ----*/


a.arrorwlink:link, a.arrorwlink:visited, a.arrorwlink:active{
    padding-right: 12px;
	text-decoration: none;
    background: url(../images/orange_triangle.gif) no-repeat;
    background-position: right 4px;
	font-size: 11px;
}

a.arrorwlink:hover{
    padding-right: 12px;
	text-decoration: underline;
    background: url(../images/orange_triangle.gif) no-repeat;
    background-position: right 4px;
}

#content a:link, #content a:visited, #content a:active{text-decoration:none;color:#014789;}
#content a:hover{text-decoration:underline;color:#014789;}


#footer a:link, #footer a:visited, #footer a:active{text-decoration:none;color:#666;}
#footer a:hover{text-decoration:underline;color:#666;}

a#planlink{
	display: block;
	width: 161px;
	height: 20px;
	background: url(plan_button.png) 0 0 no-repeat;
}

a#planlink:hover{
	background-position: 0 -24px;
}

a#rsslink{
	display: block;
	width: 198px;
	height: 24px;
	background: url(../images/rss_button.png) 0 0 no-repeat;
}

a#rsslink:hover{
	background-position: 0 -24px;
}

a.videofeature{
	display: block;
	background: url(video_featured3.gif) -223px -2px no-repeat;
	width: 167px;
	height: 62px;
}

a.videofeature:hover{
	background-position: -223px -92px;
}


#videocontent a:link, #videocontent a:visited, #videocontent a:active{
	font-weight:bold;
	color:#B3B3B3;
	text-decoration:none;
}

#videocontent a:hover{
	text-decoration:underline;
}

#infobox a.videofeature{
	float: left;
	position: relative;
	display: inline;
	width: 210px;
	height: 90px;
	margin-left: -218px; /* 255 - 37 */
	margin-top: -6px;
	background-position: 0 0;
}

#infobox a.videofeature:hover{
	background-position: 0 -90px;
}

a#planlink span, a#rsslink span, a.videologo span, a.videofeature span{
	position: absolute;
	right: 2000px;
}


a#videobanner{
	position:absolute;
	left:-30px;
	top:41px; /* 29+12*/
	width:417px;
	height:121px;
	background:url(video_banner.png) 0 0 no-repeat;
}

a#videobanner:hover{background-position: 0 -121px;}

#videmaillink, #vidfblink, #vidtwlink, #vidlinkedlink{
	float:right;
	height:55px;
	width:39px;
	background:url(video_icons_social.png) 0 0 no-repeat;
}

#videmaillink{background-position:0 0; width:46px;}
#vidfblink{background-position:-46px 0;}
#vidtwlink{background-position:-85px 0;}
#vidlinkedlink{background-position:-124px 0; margin-right:25px;}

a#videmaillink:hover{background-position:0 -55px;}
a#vidfblink:hover{background-position:-46px -55px;}
a#vidtwlink:hover{background-position:-85px -55px;}
a#vidlinkedlink:hover{background-position:-124px -55px;}



/*---- topnav ----*/


#topnav{
	font-size: 15px;
}

#topnav ul ul{
	font-size: 12px;
}

#topnav ul, #topnav ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#topnav li a{
	display: block;
	min-width: 1px;
	padding: 0px 18px;
	border-right: 1px #A4A4A4 solid;
}

#topnav li li a, #topnav li a.noborder,
body#home #topnav li a.noborderonhome{
	border: none;
}

body#home #topnav li.topnavhome{
	display: none;
}

#topnav li{
	float: left;
	min-width: 1px;
}

#topnav li li{
	width: 185px;
	padding-bottom: 8px;
	line-height: normal;
}

#topnav ul li ul li a{
	display: block;
	width: 185px;
}


#topnav li ul{
	position: absolute;
	width: 185px;
	left: -999em;
	background-color: #FFF;
	border-bottom: 2px #0033CC solid;
	padding: 15px 10px 5px 0px;
}

#topnav li:hover ul{
	left: auto;
}


#topnav li:hover ul, #topnav li.sfhover ul{
	left: auto;
}

#topnav li:hover, #topnav li.hover{
    position: static;
}

#topnav ul a:hover,
#topnav ul li:hover a,
#topnav ul li.over a{
	color: #960;
}

#topnav a:link, #topnav a:visited, #topnav a:active,
#topnav ul ul a:link, #topnav ul ul a:visited, #topnav ul ul a:active{text-decoration:none; color:#014789;}
#topnav a:hover, 
#topnav ul ul a:hover{text-decoration:underline; color:#C06001;}

/*---- utilities ----*/

.clearer{
clear:both;
}

.leftimg{
float:left;
margin:0 10px 10px 0;
}

.rightimg{
float:right;
margin:0 0 10px 10px;
}