/* ornage ff8400 */
.clear {clear:both}
* {margin:0px;padding:0px}
a {color:#fff;text-decoration:none;}
a:focus {outline-style:none}
body {color:#fff;font-family:"Trebuchet MS",verdana,helvetica,sans-serif;background:url('/_img/bg2.jpg') repeat-x #02253d;background-position: center 0px;}
body#home {background:url('/_img/bg.jpg') repeat-x #02253d;background-position: center 0px;}
#canvas {margin:0 auto 0 auto;width:980px;}
.container {float:left;width:980px;}
.row1 {width:980px;height:90px;}
.row1 img {float:left}
ul.nav {float:right;list-style-type:none;margin:50px 0 0 0;}
ul.nav li {float:left;padding-left:20px;}
ul.nav li a {display:block;padding:0 3px 0 3px}
ul.nav li a:hover {background:#ff8400}
ul.nav li a.current {background:#ff8400}

p.subnav {font-size:.9em;color:#526b84;border-bottom:1px solid #526b84;margin:0 0 20px 25px;padding:0 0 12px 0}
p.subnav a {color:#fff;padding:0 0 0 15px}
p.subnav a:hover {color:#ff8400}
p.subnav a.on {color:#ff8400}

h2 {color:#ff8400;font-weight:100;padding:20px 0 0 0;}

.row2 {width:980px;height:390px;margin-top:25px}
.row2 .left {float:left;background:url('/_img/shadow.png') no-repeat;width:578px;height:354px;position:relative;}
.row2 .left .belt {height:330px;overflow:hidden;position:relative;}
.row2 .left .stepcarousel {height:330px;overflow:hidden;position:relative;left:11px;top:11px}
.row2 .left .belt .panel {float:left;width:524px;height:330px;}
.row2 .right {float:left;width:400px}
.row2 .right h1 {font-weight:100;color:#fff;font-size:1.7em;padding-top:20px;font-family:Georgia,verdana,helvetica,sans-serif}
.row2 .right h1 span {color:#96d3fb}
.row2 .right h2 {font-weight:100;color:#fff;font-size:1.7em;padding-top:20px;font-family:Georgia,verdana,helvetica,sans-serif}
.row2 .right h2 span {color:#96d3fb}
.row2 .cover {background:url('/_img/cover.png');width:524px;height:30px;position:absolute;z-index:5;left:11px;top:311px}
.row2 .title {float:left;width:400px;text-indent:5px;margin-top:5px;font-size:.9em}
.row2 .title span {color:#bfdbed}
.row2 ul.vids {float:right;width:110px;list-style-type:none;margin-top:7px}
.row2 ul.vids li {float:left;margin-right:6px}
.row2 ul.vids li a {width:12px;height:12px;background:#999999;display:block;text-indent:-9999px}
.row2 ul.vids li a.on {background:#ff8400;}

.row3 {width:980px;height:390px;}
.loz {width:251px;float:left}
.loz.end {width:227px;}
.lozhold {float:left;height:290px;width:227px;}
.lozhold h2 {color:#ff8400;font-size:1.0em;font-weight:100}
.lozhold .content {width:227px;height:260px;margin-top:12px;font-size:.75em;line-height:1.2em}
.lozhold .content a.hold {display:block;position:relative;padding:15px;height:240px;background:url('/_img/lozbg.png') repeat-x;}
.lozhold .content a.hold:hover {background:url('/_img/lozbg_on.png') repeat-x;}
.lozhold .content a.hold img {padding:0 0 15px 0;}
.lozhold span.read {display:block;background:#0e2d3e;position:absolute;left:0;top:230px;width:227px;padding:5px 0 5px;text-align:right;margin-top:20px;color:#87969f}
.lozhold span.read span {padding:0 10px 0 0}


.footerleft {float:left;width:600px;font-size:.7em;line-height:1.6em}
.footerright {float:right;width:275px;color:#466d87}
.footerright img {margin:0 0 0 10px;}

a.showreel {width:194px;height:44px;margin:0 0 0 -5px;display:block;background:url('/_img/play_showreel.png') no-repeat;text-indent:-9999px}
a.showreel:hover {background-position:0 -44px}
#home a.showreel {position:relative;top:20px}

#home h2 {padding-top:5px}

#footer {width:100%;background:url('/_img/footerbg.jpg') #00213f no-repeat;height:390px}
#footer .footerholder {margin:0 auto 0 auto;width:980px;}
#footer .footerholder .inner {float:left}
#footer .row {width:980px;margin:30px 0 50px}


#column {width:980px;background:url('/_img/bg60.png');float:left;padding-bottom:40px}
#column .holder {padding:15px;}
.holder a {color:#ff8400}

.loz a {color:#fff}

/* work page */
#work .loz {width:241px;margin-top:40px;margin-bottom:20px}
#work .loz.end {width:227px;}

/* services */
#services .holder {padding:27px}
#services .top {float:left;width:930px;height:100px;margin-top:10px}
#services .top h2 {float:left;width:500px;color:#ff8400;font-weight:100;padding:40px 0 0 0;position:relative;left:26px}
#services .top .quote {float:left;width:360px}
#services .top .quote .statement {font-size:.9em;width:380px;color:#99a2a8;line-height:1.4em;font-style:oblique;}
#services .top .quote .statement img.first {position:relative;top:0px;padding-right:10px}
#services .top .quote .statement img.bot {position:relative;top:-5px;float:right;}
#services .top .quote .by {color:#ff8400;font-size:.8em}
#services .imageholder {background:url('/_img/light_grad.png') repeat-x left 90px;width:926px;float:left;margin:25px 0 30px 0}
#services .imageholder img {padding:0 0 25px 27px}
#services .contenttxt {width:400px;line-height:1.5em;float:left;font-size:.8em;position:relative;left:27px}
#services .contenttxt p {padding:0 0 10px 0}
#services .videoholder {float:right;margin-right:25px}
#services .listholder {background:url('/_img/light_grad2.png') repeat-x left 20px;width:926px;margin-top:10px;float:left;font-size:.8em}
#services .listholder p {color:#ff8400;margin:35px 0 10px 26px}
#services .listholder ul {margin:0 0 0 26px;}
#services .listholder ul li {float:left;list-style-type:none;padding:0 15px 0 10px;background:url('/_img/bullet.png') no-repeat left 5px;}

#servicesintro h2 {color:#ff8400;font-weight:100;padding:40px 0 0 0;}
#servicesintro .description {width:700px;padding:20px 0 10px;font-size:.9em}
#servicesintro .loz {width:241px;margin-top:0px;margin-bottom:80px}
#servicesintro .loz.end {width:227px;}


.videoplayerholder {margin:20px 0 20px 40px}

/* video page */
#video .videoholder {float:left;width:524px;margin-top:40px;margin-bottom:90px}
#video .holder {padding:37px}
#video .contenttxt {width:330px;line-height:1.5em;float:left;font-size:.8em;position:relative;left:37px}
#video .contenttxt p {padding:0 0 10px 0}
#video p.back {font-size:.8em}

/* contact */
#contact .holder {padding:47px}
#contact .col {float:left;width:470px;margin-top:10px;margin-bottom:90px;}
#contact .col p {font-size:.8em}
#contact .col.right {width:350px;}
#contact FORM input {padding:2px;margin:0 0 5px 0}
#contact FORM input.txt {width:298px}
#contact FORM textarea {width:306px}
#contact FORM a.button {background:#032c4f;padding:5px 20px 5px 20px;border:1px #ff8400 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#contact FORM a.button:hover {background:#2d586c;}
#contact FORM TABLE {margin:0 0 20px 0}
#contact .col p {padding:0 0 10px 0;line-height:1.4em}
#contact h2 {padding:0 0 30px 0}
#contact .col img.map {margin:15px 0 0 0}

/* about */
#about h1 {padding:0 0 30px 0}
#about h2 {padding:0 0 30px 0}
#about .holder {padding:40px;margin-top:10px;}
#about .holder p {padding:0 0 10px 0}
#about .col {float:left;width:450px;padding-bottom:120px;font-size:.8em;line-height:1.6em}
#about .col.right {width:392px;position:relative;left:50px}