/* LAYOUT */
body {
	background-color: #293c55;
	}

/* HEADER */

#head {
  width:100%;
	height: 89px;
	background: url(headerbg_1.png) top left repeat-x;
}
#head .drillbg{
	width:1010px;
	margin:0 auto;
	background: url(drill2.png) top right no-repeat;
	/*background-size:400px 35px;*/
}
#head .wrap {
	width:910px;
	margin:0 auto;
	/*background: url(drill.png) top right no-repeat;*/
	height: 89px;
}
#head .logo {
	height: 89px;
	background: url(tometh_logo.png) 0px 5px no-repeat;
}
#head .logo a{
	display:block;
	width:inherit;
	height:inherit;
}

#mainmenu {
	width:100%;
	height:36px;
	background: url(mainmenubg.png) top left repeat-x;
}
#mainmenu .menu {
	width:910px;
	margin:0 auto;
	padding: 3px 0;
}
#overmenu {
	width:100%;
	height:36px;
	background: url(headerbg_2.png) top left repeat-x;
}
#overmenu .gradient {
	width:910px;
	height:36px;
	margin:0 auto;
	background: url(headerbg_3.png) top left repeat-x;
}
#pagewrap {
	background: url(bodybg.jpg) top left;
	width:100%;
}

/*TWO COL*/
#overmenu .overmenuwrap {



	width:910px;
	height:36px;
	margin:0 auto;
}
#overmenu .gradient_left {
	width:680px;
	height:36px;
	margin:0 auto;
	background: url(headerbg_3.png) top left repeat-x;
	float:left;
}
#overmenu .gradient_left_fw {
	width:910px;
	height:36px;
	margin:0 auto;
	background: url(headerbg_3.png) top left repeat-x;
	float:left;
}
#overmenu .gradient_right {
	width:230px;
	height:36px;
	margin:0 auto;
	background: url(headerbg_4.png) top left repeat-x;
	float:right;
}


/*TOPNAV*/
#topnav {
    color: #FFFFFF;
    font-size: 12px;
}
#topnav ul {
    margin: 0;
    padding: 0;
}
#topnav li {
    display: inline;
    float: right;
    line-height: 35px;
    list-style: none outside none;
    padding: 0;
}
#topnav a {
    background-image: url("topnav-sep.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    margin: 0;
    padding: 0 20px 0 12px;
    text-decoration: none;
}
#topnav a:hover {
    color: #d6a451;
}
#head .flags{
	/*padding-left: 410px;*/
	padding-top: 38px;
	float:right;
}
#head .flags img{
	border:0;
	margin-left:10px;
}

/*MAINNAV*/
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font:verdana;
	}

	#jsddm li a
	{	display: block;
		line-height: 30px;
		text-decoration: none;
		padding: 0 10px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{
		background: #FFF;
		color:#253956;
	}

		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #c3c6c6;
			z-index:10;
  		-moz-box-shadow:    3px 3px 3px 0px #999;
  		-webkit-box-shadow: 3px 3px 3px 0px #999;
  		box-shadow:         3px 3px 3px 0px #999;
		}

			#jsddm li ul li
			{	float: none;
				display: inline}

			#jsddm li ul li a
			{	width: auto;
				background: #FFF;
				color: #253956;
				}

			#jsddm li ul li a:hover
			{	background: #d6a451;
				color:#FFF;
			}

/* PAGE */
#page {
	width:910px;
	/*height: 990px;*/
	margin:0 auto;
	background-color: #FFF;
	position:relative;
	z-index:1;
	background-color:#f5fafa;
	background-color:#e9e9e9;
}
.page_1col {
	background-color:#ffffff;
}
#page .metaltech {
	width:90px;
	height: 596px;
	position: absolute;
	background: url(metal_technology.png) top left no-repeat;
	left: -90px;
	top: -30px;
	z-index:2;
}
#contentwrap {
	position:relative;
	z-index:3;
	left: 0px;
	top: 0px;
	padding: 0 10px 10px 10px;
	width:890px;
	overflow:hidden !important;
	/*height:630px;
	overflow-y:auto;
	overflow-x:hidden;
	*/
	display: table-cell;
}
#leftwrap {
	position:relative;
	z-index:3;
	left: 0px;
	top: 0px;
	padding: 0 10px 10px 10px;
	width:660px;
	overflow:hidden !important;
	background-color: #FFF;
	/*overflow-y:auto;*/
	/*height:980px;*/
	/*float:left;*/
	display: table-cell;
}
#rightwrap {
	z-index:3;
	width:230px;
	height:100%;
	overflow:hidden;
	/*height:990px;*/
	/*float:left;*/
	display: table-cell;
}
#rightwrap .boxtitle {
	height:23px;
	width:210px;
	background: url(boxtitle.png) top left repeat-x;
	font-size:13px;
	font-weight:bold;
	padding: 0 10px;
	line-height:23px;
}
#videos {
	margin: 5px 10px;
}
#videos .video {
	position:relative;
	z-index:1;
}
#videos .image {
	float:left;
	height:76px;
}
#videos img{
	border: 5px solid white;

  -moz-border-radius: 5px;
	height:60px;
}
#videos .title {
	font-weight:bold;
	float:left;
	padding-left:5px;
	width: 110px;
}
#videos .camera-icon {
	background-image: url("camera.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	width:48px;
	height:31px;
	position: relative;
	top: -30px;
	left: 50px;
}
#content {
	font-size: 12px !important;
	font: Verdana !important;
}
#content h1 {
	font-size: 14px !important;
	line-height:40px;
	border-bottom: 2px solid #d6a451;
	color: #818181 !important;
	font-weight:bold;
}
#content h2 {
	font-size: 14px !important;
	line-height:30px;
	color: #818181 !important;
	font-weight:bold;
}
#content hr {
	margin:5px 0;
	border-bottom: 2px solid #d6a451;
	border-collapse:collapse;
}
#content .caphighlite {
	color: #d6a451;
}
#content p {
	font-size: 12px;
	line-height:15px;
	color: #818181;
	text-align:justify;
}
#content ul {
	padding-left: 20px;
}
#content li {
	list-style: none outside none;
	background-image: url("list-style.png");
	background-position: 0 5px;
	background-repeat: no-repeat;
	color: #818181;
	padding:0 0 0 15px;
}
#content a {
	font-size: 12px;
	color:#d6a451;
	text-decoration:underline;
}
#content .ref_left {width:350px;float:left;}
#content .ref_right {width:350px;float:left;}

#content .imgholder {
    background-color: #9ABCEC;
    border: 1px solid #d6a451;
    margin: 20px 0;
    padding: 5px 0 0 30px;
    width: 718px;
}
.imgholderpic {
    padding-right: 20px;
}
.contentpic {
    float: right;
    margin: 0 10px 0 20px;
    padding: 0;
}

.borderpic {
	margin-right:5px;
	border: 1px solid #808080;
}

.box {
	background: none repeat scroll 0 0 #efefef;
	margin-bottom: 1.5em;
	padding: 1.5em;
}


#ppgal img {
	background-color:#efefef;
	padding:5px;
	margin:5px 0 0 10px;
	border:1px solid #808080;
}

.ppgal-single {
	width: 280px;
	height: 190px;
	overflow:hidden;
	float:right;
}

#accordion { margin: 0; padding: 0; }
#accordion dd { margin: 0 0 5px 0; padding: 0; }

/* FOOTER */
#footer {
	width:100%;
	height:94px;
	background-color: #293c55;
}
#footer .grey{
	width:910px;
	height: 17px;
	margin:0 auto;
	background-color: #5f6f84;
}
#footer .footer2 {
	width:910px;
	height: 36px;
	margin:0 auto;
	padding-top:5px;
}
#footer .cright {
	color: #FFF;
	font-size:12px;
	text-align: left;
}
#footer .nv-logo {
	text-align: right;
}
#footer .nv-logo img{
	border:0;
}

#cpage table td {vertical-align:top;}