/* CSS Document */
/*  :link,:visited { text-decoration:none } */
/*  ul,ol { list-style:none } */
/*  h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } */
/*  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 } */
/*  a img,:link img,:visited img { border:none } */
/*  address { font-style:normal } */


* {
    margin: 0;
 }
 
 html, body {
     height: 100%;
 }


html{
	}

body	{
	font-family:verdana, arial, tahoma;
	background:#ebf3f7;
	text-align:left;
	margin:0;
	height:100%;
	color:#5a6671;
	font-size:10px !important;
	line-height:17px;
	width:80%;
}

body *	{
	margin:0;
	padding:0;
}

a:focus
{
	outline-style:none;
}

a:link, a:visited {
	color:#B4DD16;
}

 a:hover, a:visited:hover {
	color:#5a6671;
}

#wrapper{
	color: white;
	text-align: left;
	overflow: visible;
	visibility: visible;
	display: block;
}

#container{
	font-family:verdana, arial, tahoma;
	background:#ffffff url(../images/Product_Ventures_Bg.gif) top center no-repeat;
	width: 753px;
	height: 496px;
	visibility: visible;
	padding:0px 5px 0 5px;
	margin-bottom:0;
}

/******header for logo and tagline*******/

#header{
	height:95px;
}

/*********logo**********/

#logo{
	padding:30px 0 0 30px;
	width:280px;
	float:left;
}

.logo a:link, .logo a:visited {
	background:url(../images/Product_Ventures_Logo.jpg) top left no-repeat;
	display:block;
	height:40px;
	width:280px;
	margin:0px 0 0 0px;
}

.logo[class] a:link, .logo[class] a:visited {
	background:url(../images/Product_Ventures_Logo.jpg) top left no-repeat;
	display:block;
	height:40px;
	width:280px;
	margin:0px 0px 0px 0px;
}

.logo em {
	display:none;
}

/*******tagline********/

#tagline{
	padding:30px 0 0 220px;
	width:280px;
	float:left;
}

.tagline a:link, .tagline a:visited {
	background:url(../images/Product_Ventures_tagline.gif) top left no-repeat;
	display:block;
	height:40px;
	width:280px;
	margin:0px 0 0 0px;
}

.tagline[class] a:link, .tagline[class] a:visited {
	background:url(../images/Product_Ventures_tagline.gif) top left no-repeat;
	display:block;
	height:40px;
	width:280px;
	margin:0px 0px 0px 0px;
}

.tagline em {
	display:none;
}

/**********navigation************/

#nav {
	height:30px;
	width:735px;
	margin:0 0 0 10px;
	font-family:verdana, arial, tahoma;
	
}

#nav li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	white-space: normal;
	text-align: left;
	font-size:10px;
	text-transform:uppercase;
	border:none;
	font-weight:normal;
	width:16.65%;
	text-align:center;
	background:#5a6671;
	float:left;
	position:relative;
}

#nav li.last{
	
}

#nav li a:link, #nav li a:visited{
	display:block;
	text-decoration: none;
	color:#fff;
	padding:0 0px;
	line-height:30px;

}

#nav li a:link.current, #nav li a:visited.current, #nav li a:hover{	
	display: block;
	text-decoration: none;
	color:#5a6671;
	padding:0;
	background:#B4DD16;
	
}

#nav li a:hover{	
	display: block;
	text-decoration: none;
	padding:0;
	color:#B4DD16;
	background:none;
	
}


/* Horizontal Menu Drop Down Sub-Menus */

#nav li ul {
	display:none;
	position:absolute;
	background:#b4dd16;
	
	padding: 0 0 0 0;
	margin:0;
	
}
	
#nav li:hover > ul {
	display:block;
}

#nav li ul li {	
	width:200px;
	padding:0;
	margin:0;
	z-index:5000;
	border-bottom:1px solid #5a6671;
}
	
#nav li ul li a:link, #nav li ul li a:visited {
	padding:0 0 0 10px;
	margin:0 0 0 0;
	background:#b4dd16;
	color:#ffffff;
	width:190px;
	text-align:left;
}
	
#nav li ul li a:hover {
	background:#ffffff;
	color: #b4dd16;
	border-bottom:none;
}

 /* End on Navigation menu   */


/******* content ********/

#content{
	margin:10px 0 0 0;
	height:386px;
	width:735px;
	margin-left:10px;
	color:#5a6671;
}

.feature{
	width:355px;     	/****  width of left column ****/
	height:386px;
	float:left;
	text-align:left;
}

.featureRightCol{	
	width:369px;      	/****  width of right column ****/
	float:left;
	margin:0 0 0 10px;

}

.curved{
	position:absolute;
	top:370px;
	right:0;
	width:16px;
	height:16px;
	background:url(../images/BottomRightCurved.gif) no-repeat;
}

h3{
	font-family:"Trebuchet MS", verdana, arial, tahoma;
	font-size:16px;
	font-weight:normal;
	color:#b4dd16;
	padding:15px 0 0 10px;
	margin:0;
}

h4{
	font-family:"Trebuchet MS", verdana, arial, tahoma;
	font-size:11px;
	font-weight:normal;
	color:#b4dd16;
	padding:0px 0 0 10px;
	margin:0;
}

h5{
	font-family:"Trebuchet MS", verdana, arial, tahoma;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	padding:0px 0 0 10px;
	margin:0;
}

h4.events{
	padding-top:10px;
}

.feature p.events{
	padding-top:0;
}

.feature.news p{
	padding-bottom:12px;
}

.creative h3, .creative h4, .minilabelcreative, .faclabel_creative,
.minilabeldesign,
.design h3, .design h4{
	color:#F27A1A;				/*  orange */
}

.technology h3, .technology h4, .minilabeltechnology, .faclabel_technology,
.minilabeldevelopment,
.development h3, .development h4{
	color:#982E9A;				/*  purple */
}

.rapid h3, .rapid h4, .minilabelrapid, .faclabel_rapid,
.minilabelinsights,
.insights h3, .insights h4{
	color:#315DA6				/* blue */
}

.learning h3, .learning h4, .minilabelconsumer, .faclabel_consumer,
.minilabelstrategy,
.strategy h3, .strategy h4{
	color:#BAD432;				/*  dark green */
}


/***** portfolio thumbnails *****/

ul#portfolioList li{
	list-style-type:none;
	float:left;
	padding:0;
}

ul#portfolioList li img{
	border:none;
	width:80%;
	height:80%;
}


/***** content styles *****/

#homepage .feature{
	padding-top:40px;
	height:346px;
}

.feature p{
	padding:15px 15px 0 10px;
	font-size:10px;
	letter-spacing:1px;
	line-height:16px;
	text-align:left;
	text-decoration:none;
	word-spacing:normal;
}



/********footer**********/

#footer{
	clear:both;
	text-align:center;
	height:15px;
	margin-top:15px;
	font-size:9px;
	color:#5a6671;
	padding:5px 0 0 0;
}

#footer a:link, #footer a:visited {
	color:#5a6671;
	text-decoration:none;
	padding-left:16px;
}

#footer a:hover, #footer a:visited:hover {
	text-decoration:none;
	color:#B4DD16;
}


/************************/


address{
	font-style:normal;
	padding:20px 0 0 10px;
	font-size:11px;
	letter-spacing:1px;
	line-height:17px;
	text-align:left;
	text-decoration:none;
	word-spacing:normal;
}

span.initialHilite{
	color:#B4DD16;
}

span.fax{
	padding-left:10px;
}

/********* testimonials ***********/

#testimonials{
	padding:0px;
	margin:0px;
	width:360px;
	position:absolute;
	bottom:0;
	left:10px;
}

#testimonials blockquote {
	font-size:9px;
	line-height:16px;
	color:#B4DD16;
	font-style:italic;
}

#testimonials blockquote div{
	
	padding: 0px 0px 0px 0px;
}

#testimonials blockquote p{
	font-size:9px;
	text-align:left;
	padding:0 0 0 0;
	margin:0px;
	font-weight:normal;
	color:#B4DD16;
	letter-spacing:0px;
}

p.award{
	font-size:9px;
	line-height:16px;
	color:#B4DD16;
	text-transform:uppercase;
}
	


/********** directions ***********/

#directions, #map{
	text-align:left;
}

/*********news aslider ***********/

/**  Slider **/

.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 0 0 0 0;
	margin:20px 0 5px 0;
    height: 145px;
    width: 360px;
}

.featureRightCol .sliderGallery{
	height:126px;
	width:369px;
	border:1px solid #e7e7e7;
	margin:8px 0 12px 5px;
	padding:5px 0;
}

.sliderGallery ul {
    position: absolute;
    list-style: none;
	overflow:auto;
    padding: 0 5px 0 5px;
    margin: 0;
	width:340px;
}

.sliderGallery ul li {
	list-style-type:none;
	padding:0 0px;
	width:340px;
}

.slider{
	border:1px solid #e7e7e7;
	width:8px;
	height:140px;
	margin-top:0px;
	margin-left:346px;
	padding:0;
	position: relative;
}

.handle {
    position: absolute;
    top: 0;
    z-index: 50;
    /* bespoke to your own solution */
    height: 20px;
    width: 8px;
	background-color:#b4dd16;
}

ul.items li{
	margin:0 0 8px 0;
	width:340px;
	
}

.featureRightCol .slider{
	height:126px;
	margin-left:355px;
}

.featureRightCol ul.items li{
	width:350px;
	
}

/********** portfolio ***********/

#portfolio_prev {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

#portfolio_next {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

#portfolio .feature {

}

#portfolio .featureRightCol {
	
	overflow: hidden;
}
#portfolio #content {
}

#portfolio .featureRightCol img { border: 0; }
#portfolio .curved { top : 370px; right: 0px; }

#capabilities .featureRightCol img { border: 0; }



/******** lightbox ***********/

#lightbox-secNav{
	
	

}

span#lightbox-image-details-caption{
	padding:8px 0 4px 0 ;
	margin:0 0 6px 0;
	font-weight:normal;
}

#lightbox-image-details{
	padding:6px 0;
}




/****** capabilities graphic menu *******/

.cap{
	width:300px;
	height:225px;
	background:url(../images/capabilities_graphic_bg.jpg);
	margin:60px 0 0 40px;
	padding:0;
	position:relative;
	overflow:hidden;
}

.cap li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}

.cap a:hover, .cap a:visited:hover,
.cap a {
	text-decoration: none;
	padding: 15px;
	display: block;
	color:#fff;
}

ul.insights {background: url(../images/capabilities_graphic_bg.jpg) 0px -900px no-repeat;}
ul.development {background: url(../images/capabilities_graphic_bg.jpg) 0px -675px no-repeat;}
ul.design {background: url(../images/capabilities_graphic_bg.jpg) 0px -450px no-repeat;}
ul.strategy {background: url(../images/capabilities_graphic_bg.jpg) 0px -225px  no-repeat;}

/*
.insights a:hover {color:#fff; background: url(../images/capabilities_graphic_bg.jpg) 0px -900px no-repeat; padding:100px 0 0 40px; margin:-100px  0 0 -40px;  width:300px; height:225px; }
.development a:hover { color:#fff; background: url(../images/capabilities_graphic_bg.jpg) 0px -675px no-repeat; padding:175px 0 0 115px; margin:-175px  0 0 -115px;  width:300px; height:225px; }
.design a:hover { color:#fff; background: url(../images/capabilities_graphic_bg.jpg) 0px -450px no-repeat; padding:100px 0 0 222px; margin:-100px  0 0 -222px;  width:300px; height:225px; }
.strategy a:hover { color:#fff; background: url(../images/capabilities_graphic_bg.jpg) 0px -225px  no-repeat; padding:25px 0 0 128px; margin:-25px  0 0 -128px;  width:300px; height:200px; }


li.strategy a {position:absolute; left: 128px; top: 25px; }
li.design a {position:absolute; left: 222px; top: 100px; }
li.development a {position:absolute; left: 115px; top: 175px; }
li.insights a {position:absolute; left: 40px; top: 100px;}
*/

li.strategy a {position:absolute; left: 113px; top: 10px; }
li.design a {position:absolute; left: 207px; top: 85px; }
li.development a {position:absolute; left: 100px; top: 160px; }
li.insights a {position:absolute; left: 25px; top: 85px;}


/*** facilities menu ***/

.fac{
	width:340px;
	height:269px;
	background:url(../images/facilities.jpg);
	margin:60px 0 0 30px;
	padding:0;
	position:relative;
	overflow:hidden;
}

.fac li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}

.fac a:hover, .fac a:visited:hover,
.fac a {
	text-decoration: none;
	padding: 35px;
	display: block;
	color:#fff;
}

ul.rapid {background: url(../images/facilities.jpg) -1360px 0px no-repeat;}
ul.creative {background: url(../images/facilities.jpg) -1020px 0px no-repeat;}
ul.consumer {background: url(../images/facilities.jpg) -680px 0px no-repeat;}
ul.technology {background: url(../images/facilities.jpg) -340px 0px  no-repeat;}

.fac li.technology a {position:absolute; left: 83px; top: -7px; }
.fac li.consumer a {position:absolute; left: 236px; top: 15px; }
.fac li.creative a {position:absolute; left: 125px; top: 84px; }
.fac li.rapid a {position:absolute; left: 15px; top: 115px;}

#fac_label { position: absolute; left: 160px; top: 290px; font-size: 1.4em; font-weight: bold; }

.minicap{
	width:100px;
	height:76px;
	background:url(../images/capabilities_small_image_nav.gif);
	margin:0px 0 0 0px;
	padding:0;
	position:relative;
	overflow:hidden;
}

.minicap li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}

.minicap a:hover, .minicap a:visited:hover,
.minicap a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color:#fff;
}

ul.miniinsights {background: url(../images/capabilities_small_image_nav.gif) 0px -228px  no-repeat;}
ul.minidevelopment {background: url(../images/capabilities_small_image_nav.gif) 0px -152px no-repeat;}
ul.minidesign {background: url(../images/capabilities_small_image_nav.gif) 0px -76px no-repeat;}
ul.ministrategy {background: url(../images/capabilities_small_image_nav.gif) 0px 0px  no-repeat;}

.minicap li.strategy a {position:absolute; left: 30px; top: -4px; }
.minicap li.design a {position:absolute; left: 66px; top: 22px; }
.minicap li.development a {position:absolute; left: 28px; top: 42px; }
.minicap li.insights a {position:absolute; left: 4px; top: 22px;}

#minicap { position: absolute; left: 20px; top: 20px; }
#capabilities .feature h3 { padding-top: 130px; }
/*
#capabilities .feature h4 { padding-bottom: 20px; } */
#minicap_label { position: absolute; left: 72px; top: 60px; }

/*** mini facilities nav ***/

.minifac{
	width:125px;
	height:99px;
	background:url(../images/facilities_mini.jpg);
	margin:0px 0 0 0px;
	padding:0;
	position:relative;
	overflow:hidden;
}

.minifac li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	position: absolute;
}

.minifac a:hover, .minifac a:visited:hover,
.minifac a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color:#fff;
}

ul.minirapid {background: url(../images/facilities_mini.jpg) -375px 0px no-repeat;}
ul.minicreative {background: url(../images/facilities_mini.jpg) -250px 0px no-repeat;}
ul.miniconsumer {background: url(../images/facilities_mini.jpg) -125px 0px no-repeat;}
ul.minitechnology {background: url(../images/facilities_mini.jpg) 0px 0px  no-repeat;}

.minifac li.technology a {position:absolute; left: 20px; top: -1px; }
.minifac li.consumer a {position:absolute; left: 72px; top: 12px; }
.minifac li.creative a {position:absolute; left: 29px; top: 28px; }
.minifac li.rapid a {position:absolute; left: 4px; top: 47px;}

#facilities .featureRightCol img { border: 0; }
#facilities .curved { top : 370px; right: 0px; }

#mininav_label { position: absolute; left: 100px; top: 70px; }

/** Leadership **/

#leadership .featureRightCol img { border: 0; }
#leadership .curved { top : 370px; right: 0px; }

#leadership h4 { color:#5a6671; }

.imageNav{
	float:right;
	margin-right:20px;
}

.feature.leadership h3{
	margin-top:50px;
}

.feature.leadership h4{
	margin-bottom:40px;
}