/* CSS Document */

body{
	padding:0;
	margin:0;
	background: #fff;
	color:#4a4a4a;
	text-align: center;
	line-height: 20px;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}

.clear{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}

h1, h2, h3, h4 {
  color: #df2d7d;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0px;
  padding-top:10px;
}

strong {
  color: #df2d7d;	
}
/*------------------------------------------------body---------------------*/
#wrapper-home {
  background: url("../images/body_bg.gif") 0 0 repeat-x #fff;
}

#wrapper-aboutus {
  background: url("../images/body_bg_about_us.gif") 0 0 repeat-x #fff;
}

#wrapper-submarine {
  background: url("../images/body_bg_submarine.gif") 0 0 repeat-x #fff;
}

#wrapper-body_bg_product_exploration {
  background: url("../images/body_bg_product_exploration.gif") 0 0 repeat-x #fff;
}

#wrapper-press {
  background: url("../images/body_bg_Press.gif") 0 0 repeat-x #fff;	
}

#wrapper-testimonial {
  background: url("../images/body_bg_Testimonials.gif") 0 0 repeat-x #fff;	
}

#wrapper-contactus {
  background: url("../images/body_bg_Contact_us.gif") 0 0 repeat-x #fff;		
}

#container {
  width: 778px;
  margin: 0px auto;
  text-align: left;
  position: relative;
}

/*------------------------------------------------header start---------------------*/
#header{
	width:778px;
	height:390px;
	padding:0px;
	position:relative;
}

#header-testimonial {
	width:778px;
	height:410px;
	padding:0px;
	position:relative;
}


.homehead {
  background:url("../images/header.jpg") 0 0 no-repeat;	
}

.abouthead {
	background:url("../images/header-About-Us.jpg") 0 0 no-repeat;
}

.chevyvolthead {
	background:url("../images/header_automotive.jpg") 0 0 no-repeat;
}

.carouselhead {
	background:url("../images/header_automotive.jpg") 0 0 no-repeat;
}

.submarinehead {
	background:url("../images/header_submarine.jpg") 0 0 no-repeat;
}


.header_product_explorationhead {
  background: url("../images/header_product_exploration.jpg") no-repeat 0 0;
}

.header_presshead {
  background: url("../images/header_press.jpg") no-repeat 0 0;
}

.header_awards {
  background: url("../images/header_Awards.jpg") no-repeat 0 0;
}

.header_testimonial {
  background: url("../images/header_testimonials.jpg") no-repeat 0 0;
  height: 440px!important;
}

.contacthead {
  background: url("../images/header_Contact_Us.jpg") no-repeat 0 0;
}


#logo {
  width: 382px;
  height:67px;
  position: relative;
  top: 15px;
}

.movelogo {
  left: 20px;
}

.movelogo-down {
  top: 60px!important;
}

#logo img {
  border:0px;	
}


#header a.member{
	background:url("../images/member_login_icon.gif") center top no-repeat #fff;
	width:44px;
	height:17px;
	padding:23px 0 0 0;
	font:bold 10px/10px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0C0C0C;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left:490px;
	top:6px;
}
#header a.member:hover{
	color:#607800;
	background-color:#fff;
}
#header img{
	position:absolute;
	left:209px;
	top:311px;
}
#header ul.nav{
	width:538px;
	height:28px;
	padding:0;
	margin:0 auto;
}
#header ul.nav li{
	float:left;
	padding:0;
	margin:0;
}
#header ul.nav li a{
	display: block;
	height: 28px;
	padding: 0 11px 0 11px;
	background-color: #FFFFFF;
	color: #333333;
	font: bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0 1px 0 0;
	float: left;
}
#header ul.nav li a:hover{
	background:url("../images/nav_hover.gif") 0 0 repeat-x #FFFEEF;
	color:#fff;
}
#header ul.nav li.home{
	display:block;
	height:28px;
	float:left;
	margin:0;
	padding:0 11px 0 11px;
	background:url("../images/nav_hover.gif") 0 0 repeat-x #FFFEEF;
	color:#fff;
	font:bold 11px/19px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*------------------------------------------------body start---------------------*/
#content-wrap {
	width: 631px;
	margin: 0 auto;
}

#content-wrap .wrap-y {
	background: url("../images/body_bg_mid.gif") repeat-y top center;
	width: 631px;
	margin: 0px; padding:0px;
	overflow: hidden;
}

#content-wrap .top{
	display:block;
	width:631px;
	height:75px;
}

.homepage { /*Home page*/
	background:url("../images/body_top_bg_about.gif") 0 0 no-repeat;
}

.aboutpage { /*About page*/
	background:url("../images/body_top_bg_Leadership.gif") 0 0 no-repeat;
}

.clientpage { /*Clients page*/
    background:url("../images/body_top_bg_clients.gif") 0 0 no-repeat;
}


.Chevy_Voltpage { /*body_top_bg_Chevy_Volt page*/
  background:url("../images/body_top_bg_Chevy_Volt.gif") 0 0 no-repeat;
}

.gmcarousel { /*gmcarousel page*/
  background:url("../images/body_top_bg_Carousel.gif") 0 0 no-repeat;
}

.camaro { /*camaro page*/
  background:url("../images/body_top_bg_camaro.gif") 0 0 no-repeat;
}
.gmc_granite { /*gmc granite page*/
  background:url("../images/body_top_bg_Granite.gif") 0 0 no-repeat;
}

.submarine {/*submarine page*/
  background:url("../images/body_top_bg_submarine.gif") 0 0 no-repeat;
}

.exploratory_design {/*exploratory_design page*/
  background:url("../images/body_top_bg_concepts_ideati.gif") 0 0 no-repeat;
}

.press_page {/*press page*/
  background:url("../images/body_top_bg_press.gif") 0 0 no-repeat;
}

.awards_patents_page {/*awards_patents_page page*/
   background:url("../images/body_top_bg_Awards.gif") 0 0 no-repeat;
}

.testimonial_page {/*testimonial_page page*/
   background:url("../images/body_top_bg_testimonials.gif") 0 0 no-repeat;	
}

.contactuspage {
    background:url("../images/body_top_bg_contact_us.gif") 0 0 no-repeat;	
}

#content-wrap .bottom{
	display:block;
	background:url("../images/body_bottom_bg.gif") 0 0 no-repeat;
	width:631px;
	height:78px;
}



/*------------------------------------------------Inner content style---------------------*/
.inner-content {
  margin: 10px 25px;
  height: auto;
}

.first-line {
  padding-top:10px!important;
}

.inner-content p {
  text-align: justify;
  line-height: 21px!important;
  font: normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 5px 15px 5px 0px;
}

.leadership-photos {
  float: left;
  height: 900px; 
  padding: 10px 0 0 0; 
  width: 200px;
}

.leadership-bio {
  float: right;
  width:360px;
  padding-top:6px;
}

.leadership-bio p {
  line-height: 18px!important;	
}

.leadership-bio .mathieu {
  padding-bottom: 32px;	
}

.leadership-bio .adrian {
  padding-bottom: 60px;	
}

.leadership-bio .julien {
  padding-bottom: 60px;	
}

.list-clients {
  color: #df2d7d;
  text-align: center!important;
  display: block;
  margin: 10px 0px;
  font-weight: bolder;
}

.list-downloads {
  padding: 20px 0px 5px 5px;
}

.list-downloads li {
  float: left;
  display: inline-block;
  padding: 0px 15px 15px 0px;
}

.list-downloads li a img {border:0px;}

.awards-text {
   text-align: center;
   font: normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding-top:10px;
}

.testimonial_txt {
  width: 543px;
  font-family: 'Trebuchet MS'; 
  font-style: normal; 
  line-height: 10px!important;
  text-align: left!important;
  padding-left:20px!important;
}

.testimonial_by {
  padding-left:20px!important;
  padding-top:10px!important;
}

.contactinfo {
  padding-left: 35px;
  font: normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#smart-contactform {
  padding-left: 25px;
  padding-top:40px;
}

#smart-contactform p {
  diplay: block;
  padding: 3px 0px 3px 8px;
}

#smart-contactform p label {
   float: left;
   width: 120px;
   text-align: left;
}

#smart-contactform p label span {
   color: red;	
}


#smart-contactform p input {
   width: 220px;
   padding: 3px 5px;
   border:1px solid #c9c9c9;
}

#smart-contactform p input:hover {
   border:1px solid #c9c9c9;
   background: #fafafa;
}

#smart-contactform p textarea {
   width: 350px;
   padding: 4px 5px;
   border:1px solid #c9c9c9;
}

#smart-contactform p textarea:hover {
   border:1px solid #c9c9c9;
   background: #fafafa;
}

.btn {
  background: #a50777!important;
  border:1px solid #4c0437!important;
  color: #fff;
  width: 80px!important;
  cursor: pointer;
  padding: 2px 1px;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 2px;
}


/*------------------------------------------------Other style ---------------------*/
.style1 {
	border-width: 0;
}
.style2 {
	text-align: center;
}

.style11 {
	margin-left: 68px;
}

.style12 {
	margin-left: 0px;
}

.style5 {
	margin-left: 230;
}

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

.main-menu {
    margin:2px auto 15px auto;
	padding:2px 1px 2px 1px;
	background-color:#ffffff;
	border:1px solid #aaaaaa!important;
	width:605px;
	height: 21px;
}

* html .main-menu { /*IE6 hack to get sub menu links to behave correctly*/
  overflow: hidden;
}

.main-menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.main-menu ul li {
  position: relative;
  display: inline;
  float: left;
}

.main-menu ul li a{
  display: block;
  color: white;
  padding: 4px 11px 4px 12px;
  color: #444444;
  text-decoration: none;
  font: normal 11px Verdana, Geneva, sans-serif;
}

.main-menu ul li .sub {
   background:url(../images/arrv_anim_1.gif) no-repeat 96% 50%;	
   color: 444444;
   padding-right: 58px!important;
}

.main-menu ul li ul li .subsub {
   background:url(../images/arrv_anim_1.gif) no-repeat 96% 50%;	
}

.main-menu ul li .sub:hover {
   background: #f35ba4 url(../images/arrv_anim_1o.gif) no-repeat 96% 50%;	
}

.main-menu ul li ul li .subsub:hover {
   background: #f35ba4 url(../images/arrv_anim_1o.gif) no-repeat 96% 50%;	
}


.main-menu ul li a:active {
  color: #444444;
}

.main-menu ul li a:hover {
  color: #fff;
  background-color: #f35ba4;
}

* html .main-menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.main-menu ul li ul li{
  display: list-item;
  float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.main-menu ul li ul li ul{
  top: 0;
  margin-left:8px;
}

/*1st sub level menu*/
.main-menu ul li ul{
  position: absolute;
  left: 0;
  display: block;
  visibility: hidden;
  border:1px solid #aaaaaa;
  background: #fff;
  padding:2px;
  margin: 0px;
  width: 162px;
}


/* Sub level menu links style */
.main-menu ul li ul li a{
  font: normal 11px Verdana;
  width: 158px; /*width of sub menus*/
  padding: 5px;
  margin: 0;
}

.main-menu ul li ul li a:hover{ /*sub menus hover style*/
  background: #f35ba4;
  color: #fff;
}

/*------------------------------------------------footer start---------------------*/
#footer{
	width:778px;
	height:120px;
	margin:0 auto;
	padding:31px 0 0 0;
	background:url("../images/footer_bg.gif") left bottom no-repeat;
	position:relative;
	left: 0px; top: -35px!important;
}

#footer p.copyright{
	font: normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-color: ffffff;
	position: absolute;
	left: 285px;
	left: 254px; top: 38px; height: 18px; float: none; color: #808080;
}

#footer p strong {
  font-size: 13px;	
}

/*------------------------------------------------footer end---------------------*/