/************ 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: 308px; padding-bottom:1px; }

.h2 { float:right; width:368px; padding-top: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:250px; height:551px; margin-top:1px;}
.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:250px; height:551px; margin-top:1px;}
.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:677px; 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 {margin-top:24px;}
.sub-nav h2 { font-size:11px; font-weight:bold; color:#4b5158; 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;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-color: #899098;
}

.sub-nav li a:hover { background:#899098}
.sub-nav .active a {color:#fff; background:#899098}

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

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

.site { width:850px; margin:auto; height:580px; margin-top:120px; }
.col {width:172px; float:left; height:551px; background:#9fa8b1; position: relative; margin-top:29px; }

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

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

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

h1 { height:84px; position:absolute; z-index:105; top:-115px; left:00px;}

.main {position:relative;}

.nav { height:27px; background:#f3bc23; padding-right:5px; overflow:hidden; position:absolute; top:0px; left:-201px; z-index:100; width:844px;}
.nav ul { float:left}
.nav li {list-style:none; display: inline; float:left; background:url(../img/nav-spacer.png) right  no-repeat;  width:168px;}
.nav li a {display:block; text-decoration:none; float:left; color:#fff; font-size:10px; font-weight:bold;  padding:8px 0px 9px; text-align:center; width:173px; margin:0 2px 0px 0px; }
.nav li a:hover, .nav .active a{background:#ff8500}
.nav li:first-child a { width:172px;}
.nav li:first-child {width:172px;}
.last {background:none !important;}

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

body {background:#e3e3e3 ; 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);}