@charset "utf-8";
/* CSS Document */
@font-face { font-family: cooper; src: url('../fonts/cooper.ttf'); }
@font-face { font-family: helvetica; src: url('../fonts/helvetica_medium.otf'); }
.cooper { font-family:cooper; }
.helvetica { font-family:helvetica; }

body { margin:0 auto; background:url('../images/body.bgpatt.png'); }
#main { width:auto; background:url('../images/shadow.bg.png') repeat-y center; }
#container { margin:0 auto; width:1000px; height:auto; background-color:#f4dab6; }
#home { position:relative; height:526px; background:url('../images/bg.home.png') no-repeat center top; }
.masthead { position:relative; float:left; width:984px; height:138px; margin-left:16px;background:url('../images/topmenu.bg.png') repeat-x top; }
.logo { position:relative; float:left; width:516px; height:138px; padding:30px 0px 0px 50px; background:url('../images/reflexions.logo.bg.png') no-repeat; }
.topmenu { position:relative; float:left; width:auto; height:116px; margin:12px 0px 0px -50px; }
.container-home { position:relative; float:left; width:927px; height:365px; margin:-33px 0px 30px 49px; }

.gfx { position:relative; float:left; border:0px solid red; }
.content-home { position:relative; float:left; margin:64px 0px 0px 28px; width:380px; }
.badge { position:absolute; top:160px; left:360px; }
.separator { position:relative;	display:block; }
#clients { position:relative; height:258px; background-color:rgb(233,181,109); }
.container-clients { position:relative; float:left; width:100%; height:86px;}
.header-clients { position:absolute; width:206px; height:105px; left:382px; top:-23px; }
.container-clients-thumbs { position:relative; float:left; padding:0px 74px; }
.thmbnav-left { position:relative; float:left; width:42; height:66px; }
.clients-thumbs { position:relative; float:left; height:auto; width:746px; padding:6px 0px 0px 16px; }
.thmbnav-right { position:relative; float:right; width:42; height:66px; }
#works { position:relative; height:852px; background-color:rgb(244,218,182); }
.container-works { position:relative; float:left; width:918px; height:148px; padding:26px 39px; }
.container-works-links-gfx { position:relative; float:left; width:890px; height:auto; padding-left:110px; border-bottom:1px solid rgb(124,50,24); }
.works-links-gfx { position:relative; float:left; width:77px; height:78px; padding:7px 0px 0px 29px; }
.works-indicator { position:absolute; width:266px; height:109px; left:38px; top:133px; }

.container-works-media { position:relative; float:left; width:916px; background-color:rgb(247,207,136); margin:0px 42px; border-left:1px solid rgb(124,50,24); border-right:1px solid rgb(124,50,24); border-bottom:1px solid rgb(124,50,24); }
.container-works-links-text { position:relative; float:left; width:auto; height:auto; padding-left:67px; }
.works-links-text { position:relative; float:left; width:auto; height:71px; padding:/*17px 0px 0px */0px; cursor:pointer; }
.works-links-text-active { position:relative; float:left; width:auto; height:71px; padding:/*17px 0px 0px */0px; cursor:pointer; background:url('../images/menu.works.hilite.png') no-repeat; }
.works-links-text:hover { background:url('../images/menu.works.hilite.png') no-repeat; }
.container-works-detail { position:relative; float:left; width:auto; height:335px; margin-top:25px; }
.works-descp { position:relative; float:left; width:293px; padding-left:31px; }
.works-media { position:relative; float:left; width:526px; height:327px; background-color:#7C3218; }
.works-thumbs { position:relative; float:left; width:896px; height:87px; padding:9px 10px; background-color:rgb(124,50,24); }
.container-works-thumbs { position:relative; float:left; width:786px; margin:0px 15px; }
#team { position:relative; height:956px; background:url('../images/bg.team.jpg') no-repeat; }
.container-team { position:absolute; width:814px; height:814px; top:67px; left:93px; }
.content-team { position:absolute; width:512px; height:448px; left:244px; top:242px; }
.content-team-details { position:absolute; width:568px; height:568px; left:219px; top:186px; display:none; background:url('../images/teamdtlsgfx.bg.png') no-repeat center; }
.details { position:relative; float:left; width:472px; height:422px; margin:47px 0px 4px 50px; }

.quitbtn { position:relative; width:288px; height:38px; left:360px; top:658px; background:url('../images/teamdtls.btn.quit2.png') no-repeat; cursor:pointer; text-align:center; padding-top:13px; font-size:14pt; color:#FFF;}
.quitbtn:hover { background:url('../images/teamdtls.btn.quit1.png') no-repeat center; }

.team-member-thumb { position:absolute; width:108px; height:108px; background:url('../images/teamgfx.bg.small.png') no-repeat center; cursor:pointer; }
.team-thumb-gfx { position:relative; margin:7px 7px; }
.team-member-thumb-big { position:absolute; width:226px; display:none; height:226px; background:url('../images/teamgfx.bg.big.png') no-repeat center; cursor:pointer; }
.team-thumb-gfx-big { position:relative; margin:9px 9px; }

#contact { position:relative; height:956px; }
.container-contact-top { position:relative; float:left; width:100%; height:502px; background:url('../images/contact.bg.1.png') no-repeat center; }
.contact-content-intro { position:absolute; }
.container-contact-bottom { position:relative; float:left; width:100%; height:454px; background:url('../images/contact.bg.2.png') no-repeat center; }
.contact-method { position:relative; float:left; width:292px; height:359px; margin-left:30px; }
.contact-button { position:absolute; width:128px; height:32px; padding-top:12px; text-align:center; background:url('../images/btn.default.png') no-repeat center; cursor:pointer; }
.contact-button:hover { background:url('../images/btn.over.png') no-repeat center; }
.contact-button a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:10pt; }
#contactform-container { position:absolute; width:822px; height:843px; margin:0 auto; }
.contactform-body { position:relative; float:left; width:771px; margin-left:25px; }
.contactform-body-top { position:relative; float:left; width:771px; height:26px; }
.contactform-body-form { position:relative; float:left; width:771px; height:auto; background:url('../images/contactbg_shdw1.png') repeat-y; }
.contactform { position:relative; float:left; width:650px; height:500px; padding-left:100px; }
.formlabel { position:relative; float:left; width:100px; padding:0px 10px 10px 10px; text-align:right; color:#ba3618; }
.formfield { position:relative; float:left padding:4px 4px 12px 4px; }
.input_text { position:relative; float:left; font-size:12pt; margin-bottom:10px; background-color:#e0d9d3; border-width:1px; border-style:solid; border-color:#b7ab9f; }
.input_textarea { position:relative; float:left; font-size:10pt; margin-bottom:10px; background-color:#e0d9d3; border-width:1px; border-style:solid; border-color:#b7ab9f; }
.contactform-env { position:relative; float:left; width:100%; margin:0 auto; }
.contactform-env-top { position:absolute; width:822px; height:123px; padding-left:16px; top:-123px;; background:url('../images/contactbg_shdw2.png') repeat-y;  }
.contactform-env-mid { position:relative; float:left; width:806px; height:224px; padding-left:16px; background:url('../images/contactbg_shdw2.png') repeat-y; }
.contactform-env-bot { position:relative; float:left; width:822px; height:53px; }
/*.button-large { position:relative; float:left; width:188px; height:62px; padding-top:36px; text-align:center; background:url('../images/btn.large.default.png') no-repeat center; cursor:pointer; font-size:14pt; color:#000; }
.button-large:hover { background:url('../images/btn.large.over.png') no-repeat center; }*/
.tooltip { position:absolute;background-color:#000;font-family:Arial,Helvetica,sans-serif;font-size:8pt;color:#FFF;text-align:center;padding:4px;display:none;width:122px;height:auto;top:-10px; }
#scrolltotop { position:fixed; width:111px; height:108px; display:block; z-index:201; right:45px; }

.button-large { position:relative; float:left; width:188px; height:62px; text-align:center;/* background:url('../images/btn.large.default.png') no-repeat center;*/ cursor:pointer; font-size:14pt; color:#000; border-collapse:collapse; }