/* 
    Document   : Style
    Created on : Jan 12, 2013
    Author     : Imran Rovan
    Description: GIC main stylesheet.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@charset "UTF-8";

@font-face
{
    font-family: 'PT Sans Narrow';
    src: url('../fonts/PTSans-Narrow.eot');
    src: url('../fonts/PTSans-Narrow.eot#iefix') format('embedded-opentype'), url('../fonts/PTSans-Narrow.woff') format('woff'), url('../fonts/PTSans-Narrow.ttf') format('truetype'), url('../fonts/PTSans-Narrow.svg#PTSans-Narrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
    margin: 0;
    padding: 0;
    background: #f3f3f3;
    color: #666;
    font-family: Tahoma, Arial;
    font-size: 12px;
    line-height: 20px;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
}

img, div, input
{
    behavior: url("js/iepngfix.htc");
}
ol, ul
{
    list-style: none;
}
p
{
    text-align: justify;
}
.absolute
{
    position: absolute;
}
img
{
    border: 0;
}
a:visited,
a
{
    text-decoration: none;
}
.clear
{
    clear: both;
    font-size: 0;
    height: 0;
}
.clearfix:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}
li.clearfix
{
    display: list-item;
}
.fleft
{
    float: left;
}
.fright
{
    float: right;
}

/** Index **/
.wrapper
{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
#header
{
    width: 960px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 50;
   
}
.logo
{
    padding:0 10px;
}
.head-left 
{
    float:left;
     background: #fff;
     height: 80px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.head-right 
{
    float:right;
    width: 840px;
    height: 80px;
     background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/** Menu **/
.topnav li
{
    float: left;
    padding: 0 23px 0 5px;
    height: 30px;
    line-height: 30px;
    background: url(../images/nav_shadow.jpg) no-repeat bottom right;
}
.topnav li a
{
    color: #929292;
    font-size: 13px;
    display: block;
    text-decoration: none;
}
/** nav **/
.jMenu
{
    margin-top: 10px;
}
.jMenu > li
{
    float: left;
    padding: 0 20px 0 5px;
    height: 40px;
    line-height: 40px;
    background: url(../images/nav_shadow.jpg) no-repeat bottom right;
}

.jMenu > li > a
{
    color: #929292;
    font-family: 'PT Sans Narrow';
    font-size: 16px;
    display: block;
    text-decoration: none;
}
.topnav > li a:hover, .jMenu > li > a:hover
{
    color: #00a0c6;
}
.jMenu > li:last-child, .topnav > li:last-child
{
    background: none;
    padding: 0 15px 0 5px;
}
.active
{
    color: #00a0c6 !important;
}
#jMenu li:hover, #jMenu li ul li:hover
{
    color: #e0078c;
    text-decoration: none;
}

#jMenu li ul
{
    display: none;
    position: absolute;
    padding: 0;
    margin: 0;
}
#jMenu li ul li
{
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 0;
}
#jMenu li ul li.arrow
{
    background: #f1f1f1 url(../images/arrow_down.png) no-repeat center center;
    height: 6px;
    padding: 0;
    border-bottom: none;
    padding-bottom: 10px;
}
#jMenu li ul li a
{
    font-size: 10px;
    text-transform: none;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    color: #666;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 35px;
    line-height: 35px;
    

}
#jMenu li ul li a.isParent
{
    background: #fff url(../images/arrow_right.png) no-repeat right center;
}
#jMenu li ul li a:hover
{
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.dividerprod
{
    margin-bottom: 40px;
    padding-bottom:70px;
    border-bottom: 1px #ccc solid;
}
.navarrow 
{
    display:block;
    width:10px;
    height:15px;
    background:#fff url(../images/nav_down.png) no-repeat right center;
    position:absolute;
    top: 13px;
    right: 12px;
}
#jMenu li ul li a:hover .navarrow {background:#eee url(../images/nav_down.png) no-repeat right center;}
.woven {display:none;}
#wovenbtm:hover .woven {display:block;}
/*** slider ***/
.callbacks_container
{
    float: left;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    height: 450px;
}
.callbacks
{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.callbacks li
{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.callbacks_nav
{
    height: 38px;
    left: 0;
    margin-top: -45px;
    opacity: 0.6;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    top: 52%;
    webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 38px;
    z-index: 3;
}
.callbacks_nav:hover
{
    opacity: 1;
}
.callbacks_nav:active
{
    opacity: 1.0;
}
.callbacks_nav.next
{
    background-position: right top;
    left: auto;
    right: 25px;
    background: transparent url("../images/next.png") no-repeat left top;
}
.callbacks_nav.prev
{
    background-position: left top;
    left: 25px;
    right: auto;
    background: transparent url("../images/prev.png") no-repeat left top;
}
.ban-about
{
    background: url("../images/slide01.jpg") no-repeat center top;
    height: 450px;
}
.ban-port
{
    background: url("../images/slide02.jpg") no-repeat center top;
    height: 450px;
}
.ban-corporate
{
    background: url("../images/slide03.jpg") no-repeat center top;
    height: 450px;
}
.ban-real
{
    background: url("../images/slide04.jpg") no-repeat center top;
    height: 450px;
}
.ban-rockul
{
    background: url("../images/slide05.jpg") no-repeat center top;
    height: 450px;
}
.ban-sixth
{
    background: url("../images/slide06.jpg") no-repeat center top;
    height: 450px;
}
#sliderlogo
{
    width: 265px;
    height: 110px;
    padding: 0;
    margin: 0;
}

.rhino-btn
{
    z-index: 10;
    width: 14px;
    height: 24px;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-indent: -999%;
    top: 50px;
}

.rhino-prev
{
    left: 0;
    background: url(../images/prev.jpg) no-repeat left center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
}

.rhino-next
{
    right: 0;
    background: url(../images/next.jpg) no-repeat left center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
}

.rhino-prev:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.rhino-next:hover
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.ban-about
{
    background: url("../images/slide01.jpg") no-repeat center top;
    height: 450px;
}
.ban-port
{
    background: url("../images/slide02.jpg") no-repeat center top;
    height: 450px;
}
.ban-corporate
{
    background: url("../images/slide03.jpg") no-repeat center top;
    height: 450px;
}
.ban-real
{
    background: url("../images/slide04.jpg") no-repeat center top;
    height: 450px;
}
.scrollPartners li {float:left;}
/** Content **/
.content
{
    padding: 25px 0;
    background: #fff;
}
.contentleft
{
    margin: 0px 20px 0 0;
    width: 649px;
    float: left;
    border-right: 1px #e3e3e3 solid;
    padding-right: 20px;
}
.block
{
    width: 300px;
    float: left;
    border-right: 1px #e3e3e3 solid;
    padding-right: 20px;
    margin: 0px 20px 0 0;
}
.block1
{
    width: 290px;
    float: left;
}
.heading
{
    color: #0065a4;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.heading1
{
    color: #0065a4;
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.prodhead
{
    color: #0065a4;
    font-size: 14px;
    margin: 10px 0 5px 0;
}
.introtop
{
    font-family: Georgia;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 24px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #e3e3e3 solid;
}
.runningtxt
{
    color: #666666;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: justify;
}
.more
{
    color: #f19101;
    font-family: 'PT Sans Narrow';
    font-size: 14px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0 0 0;
}
.contentright
{
    margin: 0px 0 0 0;
    width: 270px;
    float: left;
    position:relative;
}
.divider
{
    border-bottom: 1px #e3e3e3 solid;
    margin: 30px 0 15px 0;
}
.addhome
{
    background: url("../images/addhome.jpg") no-repeat right center;
}
#footer
{
    background: url("../images/bg-footer.jpg") repeat-x left top;
    height: 100px;
    width: 100%;
}
.copyrights
{
    color: #5a5a5a;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}
.copyrights a
{
    text-decoration: none;
    color: #5a5a5a;
}
.footermenu
{
    margin: 0;
    padding: 0;
    height: 50px;
    line-height: 50px;
    color: #8a8989;
    text-align: center;
}
.footermenu a
{
    color: #8a8989;
    text-decoration: none;
    font-size: 12px;
}

/** Inner Page **/
.module-title
{
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    background: #444;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white;
    font-size: 12px;
    font-weight: normal;
}
.menu-sidebar li
{
    border-top: 1px solid #DDD;
}
.menu-sidebar li:first-child
{
    border-top: none;
}
.menu-sidebar li > a
{
    font-size: 12px;
    color: #444;
    margin: 0 5px;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 0;
    padding-left: 15px;
    background: url(../images/arrow.png) no-repeat left center;
    display: block;
}
.menu-sidebar li > a:hover, .sideactive
{
    font-size: 12px;
    color: #0065a4 !important;
    font-weight: bold !important;
    padding-left: 15px;
    display: block;
}
.adddivider
{
    float: left;
    width: 200px;
    border-right: 1px dashed #CCC;
    padding-right: 30px;
    margin-right: 30px;
}
h3.headprojects
{
    font-size: 18px;
}
img.contentlogo
{
    float: right;
    padding-top: 10px;
}
.simply-scroll-container
{
    position: relative;
}

.simply-scroll-clip
{
    position: relative;
    overflow: hidden;
}

.simply-scroll-list
{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}


.simply-scroll
{
    width: 950px;
    height: 110px;
    overflow:hidden;
}

.simply-scroll .simply-scroll-clip
{
    width: 950px;
    height: 200px;
}

.simply-scroll .simply-scroll-list
{
}

.simply-scroll .simply-scroll-list li
{
    float: left;
}


/** Sitemap **/
.sitemapnav > li
{
font-size: 12px;
color: #444;
margin: 0 5px;
font-weight: normal;
padding-left: 15px;
background: url(../images/arrow.png) no-repeat left 5px;
display: block;
}
.sitemapnav > li > a {color:#2966c1;font-size:13px;font-weight:normal;}
.sitemapnav > li > ul > li
{
font-size: 12px;
color: #444;
margin: 0 5px;
font-weight: normal;
padding-left: 15px;
background: url(../images/site-arrow.gif) no-repeat left 5px;
display: block;
}
.sitemapnav > li > ul > li > a {color:#333;font-size:12px;font-weight:normal;}
.sitemapnav > li > ul > li > ul > li
{
font-size: 12px;
color: #444;
margin: 0 5px;
font-weight: normal;
padding-left: 15px;
background: url(../images/site-arrow1.gif) no-repeat left 5px;
display: block;
}
.sitemapnav > li > ul > li > ul > li a {color:#555555;font-size:12px;}
.sitemapnav > li > ul > li > ul > li > ul > li
{
font-size: 12px;
color: #444;
margin: 0 5px;
font-weight: normal;
padding-left: 15px;
background: url(../images/site-arrow2.gif) no-repeat left 5px;
display: block;
}
.sitemapnav > li > ul > li > ul > li > ul > li a {color:#777;font-size:12px;}
.sitemapnav > li > ul > li > ul > li > ul > li > ul > li
{
font-size: 12px;
color: #444;
margin: 0 5px;
font-weight: normal;
padding-left: 15px;

display: block;
}
.sitemapnav > li > ul > li > ul > li > ul > li > ul > li a {color:#777;font-size:12px;}
#floatdiv
{
    position:absolute; 
    width:270px; 
    top:10px;
    right:10px;  
    padding:16px;
    z-index:100;
    background:#fff;
}