/************ SCROLLER PROPERTIES  ***************/
.text-scroll  
{
    font-size:11px; 
    color:#666; 
    line-height:145%; 
    /*padding:18px 0px 0px 12px; */
    padding:5px 0px 0px 12px; 
    width:410px; 
    text-align: 
    justify; float:left; 
    height:202px; 
    overflow:hidden;}
.scroller { background:url(../img/scroller-1.png) no-repeat; float:right; width:10px; height:159px; width:10px; margin:20px 20px 0 0;} 

.text-scroll2 
{
     font-size:11px;
      color:#666; 
      line-height:145%;
       /*padding:12px 0px 0px 12px;*/
       padding:5px 0px 0px 12px; 
        width:410px; 
        text-align: justify;
         float:left; 
         height:458px; 
         overflow:hidden;}
.scroller2 { background:url(../img/scroller-2.png) no-repeat; float:right; width:10px; height:458px; width:10px; margin:16px 20px 0 0;} 
.text-scroll3 
{
     font-size:11px; 
     color:#666; 
     line-height:145%;
      padding:5px 0px 0px 12px; 
      width:410px; 
      text-align: justify; 
      float:left; 
      height:155px; 
      overflow:hidden;}
.scroller3 { /*background:url(../img/scroller-3.png) no-repeat; */ float:right; width:10px; height:140px; width:10px; margin:20px 20px 0 0;}


.text-scrollawards
{
     font-size:11px; 
     color:#666; 
     line-height:145%;
      padding:5px 0px 0px 12px; 
      width:250px; 
      text-align: justify; 
      float:left; 
      height:155px; 
      overflow:hidden;
}

/************ CONTENT PROPERTIES  ***************/


.h1 { width:280px;  padding-top:1px; float:left}
.h1t { display:block; float:left; width: 280px; padding-bottom:1px; }

.h2 { float:right; width:368px; padding-top:1px; }
.h2t { float:right; width:368px; padding-bottom:1px;}
.h2b {float:right; width:368px;}

.pth strong { float:left; display:block; margin-top:16px; padding-left:14px; font-size:11px;}
.btn-go { float:right; display:block; background:url(../img/snav-arrow.jpg) 0px 1px no-repeat; padding-left:18px; font-size:11px; color:#333; text-decoration:none; margin-top:16px; margin-right:14px;}

.btn-go:hover {color:#ff9900;}

.a-img  
{
    float:left;    
    width:142px; 
    padding-left:16px; 
    position:relative; 
    padding-top:5px;
   
    }
.a-img a 
{
    background:url(../img/btn-zoom.jpg) no-repeat; 
    width:23px; 
    height:21px; 
    display:block; 
    position:absolute; 
    text-indent:-9999px;
     overflow:hidden;
      bottom:0px; 
      right:0px;
      }

.pth { display:block; height:42px; width:425px;  background:#fff}

.pth a { float:right}
.pth li {list-style:none; display:inline; float:left;}
.pth li a{ float:left; display:block; border:1px solid #fff; margin-right:1px;}
.pth li a:hover { border:1px solid #ff9300;}
.pth li a img { border:1px solid #eff3f2; display:block; }
.pth li a span { border:1px solid #fff; display:block;}
.pth li a b { border:1px solid #e6e6e6; display:block; }

.btn-3d { background:url(../img/btn-3d.png) no-repeat; display:block; width:97px; height:22px; overflow:hidden; text-decoration:none; text-indent:-9999px;  margin-top:10px;}
.btn-wm { background:url(../img/btn-wmedia.png) no-repeat; width:17px; height:19px;  overflow:hidden; text-decoration:none;  display:block; text-indent:-9999px;  margin:10px 10px}
.btn-qt { background: url(../img/btn-qtime.png) no-repeat; width:18px; height:20px;  overflow:hidden; text-decoration:none;  display:block; text-indent:-9999px; margin-top:10px;}

.proj-img { position:relative; height:288px; width:425px;}
.proj-img a {background:url(../img/btn-zoom.jpg) no-repeat; width:23px; height:21px; display:block; position:absolute; text-indent:-9999px; overflow:hidden; bottom:0px; right:0px;}

.project { float:right; width:425px;  margin-top:11px;}


.pctl {  overflow:hidden; height:19px; padding-top:2px}
.pctl span{ float:left; font-size:10px; color:#666; display:block; padding:0px 0 0 4px;}
.pctl a{ float:right; display:block; height:10px; width:12px; overflow:hidden; text-indent:-9999px; margin-top:2px;}
.btn-next { background:url(../img/btns.png) top right no-repeat; margin:0px 2px;}
.btn-prev { background:url(../img/btns.png) top left no-repeat}

.pnav {float:left; display:block; background:#fff; width:224px; height:533px; margin-top:11px;}
.pnav li {list-style:none; display:block;}
.pnav li a 
{
    display:block; 
    text-decoration:none; 
    /*height:36px; */
    min-height: 36px;
    border-bottom:1px solid #f3f3f3; 
    padding-top:6px; 
    padding-left:22px; 
    color:#666; 
    background:url(../img/pnav-arrows.png) 4px -35px no-repeat; 
    font-size:11px;
    }
.pnav li a:hover { color:#ff9900; background:url(../img/pnav-arrows.png) 4px 9px no-repeat}
.pnav .active a{ background:url(../img/pnav-arrows.png) #f3f3f3 4px -35px no-repeat}

.bnav 
{
     background:#fff;
      height:17px; 
      width:420px; 
      display:block; 
      overflow:hidden; 
      margin-top:22px;
      text-align:right;
      color:#333; 
      padding-right:5px;
      
      
}
.bnav a {color:#999; font-size:10px; text-decoration:none; font-weight:bold}
.bnav a:hover {color:#333;}
.bnav span {color:#ff9900;}

.snav2 {float:left; display:block; background:#fff; width:224px; height:542px; margin-top:11px;}
.snav2  li {list-style:none;}
.snav2  li a {
	display:block;
	min-height:23px;
	/*height:23px;*/
	border-bottom:1px solid #f3f3f3;
	padding-top:9px;
	text-decoration:none;
	color:#666;
	padding-left:22px;
	background-image: url(../img/snav-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 4px 10px;
}
.snav2  li a:hover, .snav2 .active a{ color:#ff9900;}



.c1 {float:left; border-right:1px solid #ccc; padding:14px 50px 20px 112px; margin-top:16px;}
.c2 {float:left;  margin-top:16px;  padding:14px 0px 20px 50px;}

.contact p {color:#666; font-size:11px;}
.contact strong {color:#333;}

.text {display:block; overflow:hidden;}

.text-scroll2 ul {padding-left:12px;}
.text-scroll2 li {list-style:none;}

.profile-txt { background:#f3f3f3; width:649px; height:553px;}

.vision { float:right; width:425px;}

h3 {height:20px; background:url(../img/arrow-header.png) 10px 9px no-repeat #e7e7e7; padding:6px 0 0 24px; font-size:11px; font-weight:bold; color:#333; }
h4 {color:#333; font-size:11px;}
h3.topmargin {margin-top:10px;}

.sub-nav h2 { font-size:11px; font-weight:bold; color:#fff; padding:16px 0 6px 22px;}
.sub-nav li { list-style:none}
.sub-nav li a { font-size:11px; font-weight:bold; color:#fff; text-decoration:none; display:block; padding:2px 0px 2px 40px;  height:14px}
.sub-nav li a:hover { background:#f9a94a}
.sub-nav .active a {color:#ffff00;}

.contact {position: absolute; padding-left:13px; padding-top:13px; background:#f3f3f3; overflow:hidden; height:540px; width:636px;}
.content {position:relative; width:649px; height:553px;}
.img-front {position: relative; top:1px; left:0px;}
.img-profile {position: relative; top:13px; left:13px; }

/************	SHELL PROPERTIES  ***************/

.site { width:850px; margin:auto; height:580px; overflow:hidden; margin-top:80px; }
.col {width:200px; float:left; height:580px; background:#ff9900; position: relative; }

.main { width:649px; float:right; overflow:hidden;}

.dev {float:right;}
.copy { float:left;}

.footer { color:#ffcc99; font-size:10px; position:absolute; bottom:8px; left:4px}
.footer a {}
.footer a:hover {}

h1 { height:84px; overflow:hidden;}

.nav { height:27px; background:#e68400; padding-right:5px; overflow:hidden; }
.nav ul { float:right}
.nav li {list-style:none; display: inline; float:left; background:url(../img/nav-spacer.png) right  no-repeat;}
.nav li a {display:block; text-decoration:none; float:left; color:#fff; font-size:10px; font-weight:bold;  padding:8px 8px 9px; margin:0 2px 0px 0px; }
.nav li a:hover, .nav .active a{background:#ff9966}

.last {background:none !important;}

/************	GLOBAL PROPERTIES  ***************/
* {margin: 0; padding: 0;}
img {border: 0px; display:block}
p {line-height:175%; text-align:justify;}

body {background: ; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}

#trans {opacity:.50; filter:alpha(opacity=50);} 
#trans2 {opacity:1; filter:alpha(opacity=100);}