body {
	font-family: helvetica, arial;
	font-size: 14px;
	line-height: 1.5em;
	color: #EEEEEE;
	background: #313334;
}
a { color:#FFF; text-decoration:none;}
a:hover { color:#c8de7b;}
#header {
	height : 105px;
}
#container.resume { margin:0 auto; background: url("../images/resume_bg.png") no-repeat top center; width:1170px; height:1406px;_height:1406px;}


@font-face {
    font-family: 'DejaVuSansBook';
    src: url('../assets/DejaVuSans-webfont.eot');
	src: url('../assets/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/DejaVuSans-webfont.woff') format('woff'),
         url('../assets/DejaVuSans-webfont.ttf') format('truetype'),
         url('../assets/DejaVuSans-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#header h1 { margin:22px 0  0 115px;  }

#content h2 {
	font-family: DejaVuSansBook, Arial, sans-serif;letter-spacing: 0;
	border-top: 1px solid #555555;
	padding : 0 115px;
	cursor: pointer;
	color: #a2a1a2;
	font-size: 24pt;
	line-height : 32pt;
}
#header a.logo {
	background: url("../images/myPhoto.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 69px;
    text-indent: -9999px;
    width: 72px;
}

#content .section {
	position: relative;
	clear:both;
	height: 270px;
	padding: 0 86px;
}


#content .section .scrollable{
	height: 270px;
	position: relative;
	overflow:hidden;
	margin: 0 30px; 
}

#content .section .scrollable .items {
	width: 20000em;
	position: absolute;
}

#content .section .scrollable .items #text2col { text-align:left;
width:732px;
height:200px;
-moz-column-count: 3;
-moz-column-gap: 32px;
-webkit-column-count: 3;
-webkit-column-gap: 10px;
column-count: 3;
column-gap: 10px; }



#content .section .scrollable .items div {
	float:left;
	width:257px;

}

.browse {
    cursor: pointer;
    display: block;
    overflow: hidden;
	position: absolute;
    top: 103px;
	height: 35px;
    text-indent: -9999px;
    width: 27px;
}
.browse.next {right: 70px; background: url("../images/scrollBut_right.png") no-repeat scroll 0 0 transparent;}
.browse.next:hover  {background-position: 0 -70px;}
.browse.prev {left: 80px; background: url("../images/scrollBut_left.png") no-repeat scroll 0 0 transparent;}
.browse.prev:hover  {background-position: 0 -70px;}



/*<!-- Sections -->*/

#mainMenu { float: left;}
#mainMenu ul.menu{ position: relative; float: left;  display: inline; cursor: pointer;margin:10px 115px; width: 250px;  }

#mainMenu ul.menu li { display: inline; float: left; padding:0; width:73px;  }
#mainMenu ul.menu li a { float: left; height: 69px; }


#mainMenu ul.menu li a.product { background: url("../images/nav_product.png"); background-position: 0 0; width: 62px;   }
#mainMenu ul.menu li a:hover.product  { background-position: 0 -65px;  }

#mainMenu ul.menu li a.structure { background: url("../images/nav_package.png"); background-position: 0 0; width: 59px;   }
#mainMenu ul.menu li a:hover.structure  { background-position: 0 -65px;  }

#mainMenu ul.menu li a.graphics { background: url("../images/nav_graphic.png"); background-position: 0 0; width: 59px;   }
#mainMenu ul.menu li a:hover.graphics  { background-position: 0 -65px;  }

#mainMenu ul.menu li a.web { background: url("../images/nav_web.png"); background-position: 0 0; width: 61px;   }
#mainMenu ul.menu li a:hover.web  { background-position: 0 -65px;  }



#contactMenu { float: right;}
#contactMenu ul.menu{ position: relative; float: left;  display: inline; cursor: pointer;margin:10px 115px; width: 250px;  }

#contactMenu ul.menu li { display: inline; float: left; padding:0 ; }
#contactMenu ul.menu li a { float: left; height: 65px; text-indent: -9999px; }


#contactMenu ul.menu li a.about { background: url("../images/nav_resume.png"); background-position: 0 0; width: 62px;}
#contactMenu ul.menu li a:hover.about  { background-position: 0 -65px;  }

#contactMenu ul.menu li a.contact { background: url("../images/nav_contact.png"); background-position: 0 0; width: 59px;}
#contactMenu ul.menu li a:hover.contact  { background-position: 0 -65px;  }

#contactMenu ul.menu li a.new{ background: url("../images/nav_respdf.png"); background-position: 0 0; width: 61px;   }
#contactMenu ul.menu li a:hover.new  { background-position: 0 -65px;  }




/*<!-- Nav Resume -- >*/





#contactMenu.resume ul.menu li a.resume { background: url("../images/nav_resume_resume.png"); background-position: 0 0; width: 62px;}
#contactMenu.resume ul.menu li a:hover.resume  { background-position: 0 -65px;  }

#contactMenu.resume ul.menu li a.contact{ background: url("../images/nav_contact_resume.png"); background-position: 0 0; width: 59px;   }
#contactMenu.resume ul.menu li a:hover.contact  { background-position: 0 -65px;  }

#contactMenu.resume ul.menu li a.doanloadpdf { background: url("../images/nav_respdf_resume.png"); background-position: 0 0; width: 61px;   }
#contactMenu.resume ul.menu li a:hover.doanloadpdf  { background-position: 0 -65px;  }


/*<!-- nav resume end-->*/


#container.resume #content #content_resume { height:500px;}

#about.section { }

.text {  width:300px; }

/*2 col text style*/


#content .section .scrollable .items div.text {
	float:left;
	width:338px;
	padding-left:7px ;
}
#content .section .scrollable .items div.services{
	float:left; 
	width:194px;
	padding:0 20px;
}
#content .section .scrollable .items div ul{
	 float:left;
	 border-left-style:solid;
	 border-left-color:#999;
	 border-left-width:1px;
	width:220px;
	padding:0 5px;
}
#content .section .scrollable .items div.about{
	
	margin:10px 0;
	clear:both;
	width:600px;
	padding:0;
	color:#c8dd79;
}