/* RESET */

/*@import url("dropdown/dropdown.css");*/
/*@import url("dropdown/dropdown-theme.css");*/
/*@import url("dropdown/dropdown-theme.css");*/
/*@import url("fonts.css");*/
/* RESET */
/*
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
*/

@import url("960_16_50_10.css");
@import url("jquery.lightbox-0.5.css");
@import url("fonts.css");

html {
    margin: 0;
    padding : 0;
    height : 100%;
    /*font-family : Tahoma; */
    overflow-y : scroll;
}

.shift-right-1 {
    margin-left : 20px;
}

img {
    border: none;
}

body {
    height : 100%;       
    background : #FBFBFB url("../images/logo_bg.png") no-repeat fixed 105% 110%;
    color: #333;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

#main_container {
    background-image : url("../images/bg-grad.png");        
    background-repeat: repeat-x;
    height: 100%;
}

.caption {
    font-size: 10px;
    text-align: center;
}

a, a:active {
    color : blue;
    text-decoration : none;
}

a:hover {
    color : red;
    text-decoration : underline;
}

sup {
    font-size: 0.5em;
}

#footer {    
    font-size : 10px;
    color : #CCC;
    text-align : center;    
}

#container {
    margin-bottom : 30px;
    padding-top: 5px;
    /*
    border-top : none;
    border-left : 1px solid #E3E3E3;
    border-bottom : 1px solid #E3E3E3;
    border-right : 1px solid #E3E3E3;
    */
    border : none;
    /*background-color : #FFFFFF;*/    
}

#langsw {
    margin-top : 10px;
}

.nav_menu {
    margin-top : 28px;
    font-size : 12px;
    border-bottom : 1px #DDDDDD solid;
}

.email {
    font-family : Verdana;
    font-weight : bolder;
}

ul#portfolio {
    list-style : none;
    padding : 0;
    margin : 0;
}

ul#portfolio li img{
	border: 0;
    width : 950px;
    height : 350px; 
}

.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}

.logo {
    width: 62px;
    height: 60px;
    margin-left : 27px;
}

#esr_datetime {
    font-size: 11px;
}

.note {
    font-size: 11px;
    color : #AAA;
    font-style: italic;
}

.quote {
    font-size : 12px;
    font-style: italic;
    text-align : center;
}

/**************** Gallery *********************/

.gallery li {
    display: inline;
    list-style-type: none;
}

.gallery img {
    border : solid 4px black;
}

.gallery img:hover {
    border : solid 4px white;
}

/***************** TopNav ***************/
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 950px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1em;
	background: url(../images/topnav_stretch.gif) repeat-x;
}

.dropshadow-nav {    
    background : url(../images/dropshadow-nav.png);
    width: 950px;
    height: 40px;
}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
        height : 35px;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {
    background: #CC0000 url(../images/topnav_active.png) repeat-x;
   /* margin-top : -5px;
    height : 40px;*/
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 8px 0;
	position: absolute;
	left: 0; top: 30px;
        height : 18px;
	display: none; /*--Hide by default--*/
	width: 950px;
        z-index : 10;
	/*background: #1376c9;*/
        background: #CC0000 url(../images/dropshadow-nav-submenu.png);
	color: #fff;
}
ul#topnav li:hover span { display: block;} /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {
    text-decoration: none;
    color : yellow;
    background: url(../images/arrow-up.png) no-repeat bottom center;    
}

/************* Page Navigation **************/
#page_navigation {
    margin-left : 5px;
    /*font-size : 10px;*/    
}

#page_navigation a {
    text-decoration : none;
}

#page_navigation a:hover {
    text-decoration : underline;
}

#page_navigation span {
    /*font-size : 12px;*/
    font-weight : bolder;
}
/********************************************/

#main_flash {    
    height : 350px;
    background-color : white;
    text-align : center;
}

#main_content, .main_content {
    padding-left: 10px;
    padding-right: 10px;
    /*font-size: small;*/
    background-color: #F6F6F6;
    /*border : 1px solid #E3E3E3;*/    
}

.round {
    border : 1px solid #DEDEDE;
}

/* job page =================================================== */
#jobs-nettest, #jobs-webtest, #jobs-ruby {
    display : none;
}

ul#jobs-list li a.selected {
    font-weight: bold;
    color: black;
    text-decoration: none;
}
/* job page end =================================================== */

#apply_now {
    margin-top : 20px;
    opacity : 0.6;
    filter: alpha(opacity=60);
}

#apply_now:hover {
    opacity : 1;
    filter: alpha(opacity=100);
}

/********** What New **********/
#what_new, #round {    
    background-color: #F6F6F6;
    font-size : 12px;
}

#what_new h1,#round h1 {    
    color : black;
    margin : 0px;
}

/******** Contact us ************/
#contact_point {
    /* margin : 0px; */
}

#contact_point span {
    font-weight : bold;
    padding-right : 10px;
    text-align : right;
    display : inline-block;
    width : 150px;
}

#contact_point li {
    line-height : 20px;
    list-style-type : none;
}

.bg1 {
    background-color : #FFFFFF;
}

/* Gradient */
.grad1 {    
    background-image : url("../images/grad1.png");    
    background-repeat : repeat-x;
    background-position : bottom center;
}

.grad2 {    
    background-image : url("../images/grad2.png");
    background-repeat : repeat-x;
    background-position : top center;
}

/* Pad */
.pad10 {
    padding-left : 10px;
}