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

/*STATIC*/
body { background:#FFF; margin:0; font-family: "Lucida Grande", Verdana, sans-serif; font-size:14px; color:#FFF; }
img { border:0; }
a{font-family: "Lucida Grande", Verdana, sans-serif; font-size:14px; color:#FFF;}
#wrapper { width:950px; height:750px; margin:0 auto; position:relative; background:#d66f11; }
#head { width:950px; height:110px; position:relative; float:left; background:url(../images/divide.png) bottom no-repeat; }
#headIE6 { width:950px; height:110px; position:relative; float:left;}
#logo { width:517px; height:93px; margin:2px 30px 0px 25px; position:relative; float:left; }
#qoute { width: 377px; height:74px; padding-right:25px; position:absolute; float:right; font-family:Arial, Helvetica, sans-serif; }
.quoteText { font-family:Arial, Helvetica, sans-serif; font-size:21px; }
.quoteName { text-align:right; float:right; padding-right:25px; font-size:18px; }
#navHang { width:11px; height:42px; margin-left:143px; margin-right: 445px; position:relative; float:left; background:url(../images/hang.png) center no-repeat; }
#titleHang { width:11px; height:42px; margin-right:300px; position:relative; float:left; background:url(../images/hang.png) center no-repeat; }
#navWrap { width:187px; height:442px; margin:0px 20px 0px 55px; padding-top:23px; position:relative; float:left; background:url(../images/nav_bg.jpg) top no-repeat; }
#contentWrap { width:617px; height:442px; margin-left: 25px; position:relative; float:left; }
.titleLeft { width:auto; height:43px; padding-left:10px;  background:url(../images/titleBGLeft.jpg) left no-repeat;  }
.titleRight { width:auto; height:43px; padding-right:10px; background:url(../images/titleBGRight.jpg) right no-repeat #ff9302; font:Arial; font-size:30px; color:#000;}
#content { width:617px; height:auto; position:relative; float:left; margin-top:25px; }

/*HOME*/
#slider { width:667px; height:auto; position:relative; float:left;}
.sliderText{ width:320px; position:absolute; margin:25px 25px 0px 100px; font:Arial; font-size:18px;}
a.link{font-size:18px; font:Arial; font-size:18px; color:#FFF;}

/*TRADESHOW VIDEO*/
ul{list-style-type : upper-roman}

/*CONTACT*/
input{ font-family: "Lucida Grande", Verdana, sans-serif; font-size:12px; color:#ff9302;}
textarea{ font-family: "Lucida Grande", Verdana, sans-serif; font-size:12px; color:#ff9302;}
.marginLeftInput{margin-left:15px;}
#form{width:69%; height:auto; position:relative; float:left;}
#address{width:31%; height:auto; position:relative; float:left; color:#000;}

/*PROJET*/
.tableHeight{height:177px;}

/* NAV */
/*STATIC NAV*/
.nav { width: 187px; height: 396px; background:url(../images/nav.png) no-repeat; position: relative; list-style-type: none; margin: 0; padding: 0; }
.nav li { display: inline; }
.nav li a { left: 0; width: 100%; text-indent:-9999px; }
.nav li.current a { cursor: default; }
.nav li .effect { left: 0; width: 100%; }
.nav li, .nav li a, .nav li .effect { position: absolute; top: 0; margin: 0; padding: 0; height: 100%; }
/*VIDEO*/
#video { top:0px; height:36px; width:187px; }
#video .effect, #video a:hover, #video a:focus { background: url(../images/nav.png) no-repeat -189px 0px; }
#video.current a:link, #video.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px 0px; cursor: default; }
/*TRADESHOW VIDEO*/
#tradeshow { top:40px; height:36px; width:187px; }
#tradeshow .effect, #tradeshow a:hover, #tradeshow a:focus { background: url(../images/nav.png) no-repeat -189px -40px; }
#tradeshow.current a:link, #tradeshow.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -40px; cursor: default; }
/*CORPORATE VIDEO*/
#corporate { top:80px; height:36px; width:187px; }
#corporate .effect, #corporate a:hover, #corporate a:focus { background: url(../images/nav.png) no-repeat -189px -80px; }
#corporate.current a:link, #corporate.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -80px; cursor: default; }
/*TV COMMERICALS*/
#tv { top:120px; height:36px; width:187px; }
#tv .effect, #tv a:hover, #tv a:focus { background: url(../images/nav.png) no-repeat -189px -120px; }
#tv.current a:link, #tv.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -120px; cursor: default; }
/*WEBSITE DESIGN*/
#website { top:160px; height:36px; width:187px; }
#website .effect, #website a:hover, #website a:focus { background: url(../images/nav.png) no-repeat -189px -160px; }
#website.current a:link, #website.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -160px; cursor: default; }
/*MULTIMEDIA*/
#multimedia { top:200px; height:36px; width:187px; }
#multimedia .effect, #multimedia a:hover, #multimedia a:focus { background: url(../images/nav.png) no-repeat -189px -200px; }
#multimedia.current a:link, #multimedia.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -200px; cursor: default; }
/*PRODUCTION RATES*/
#production { top:240px; height:36px; width:187px; }
#production .effect, #production a:hover, #production a:focus { background: url(../images/nav.png) no-repeat -189px -240px; }
#production.current a:link, #production.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -240px; cursor: default; }
/*PORTFOLIO*/
#portfolio { top:280px; height:36px; width:187px; }
#portfolio .effect, #portfolio a:hover, #portfolio a:focus { background: url(../images/nav.png) no-repeat -189px -280px; }
#portfolio.current a:link, #portfolio.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -280px; cursor: default; }
/*MARKETING TIPS*/
#marketing { top:320px; height:36px; width:187px; }
#marketing .effect, #marketing a:hover, #marketing a:focus { background: url(../images/nav.png) no-repeat -189px -320px; }
#marketing.current a:link, #marketing.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -320px; cursor: default; }
/*CONTACT*/
#contact { top:360px; height:36px; width:187px; }
#contact .effect, #contact a:hover, #contact a:focus { background: url(../images/nav.png) no-repeat -189px -360px; }
#contact.current a:link, #contact.current a:visited { left: -20px; width:226px; background: url(../images/nav.png) no-repeat -378px -360px; cursor: default; }