/* CSS Document Orange = #e66e34, Dark Gray = #4d4948, Light Gray = #72706f */
div.container {
	position:relative;
	width:1024px;
	height:768px;
	margin-left: auto;
	margin-right: auto;
	left: 31px;
	top: 0px;


}
div.header {
	position:absolute;
	left:33px;
	width:957px;
	height:115px;
	background-color:#878889;
	border-top-width:1px;
	border-top-style:solid;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
div.header_title {
	position:absolute;
	left:7px;
	width:777px;
	height:115px;
	margin: 0px 0px 0px 0px;
	top: 1px;

}
div.header_logo {
	position:absolute;
	left:777px;
	width:180px;
	height:115px;
	background: url(../images/logo.gif) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;
}
div.header2_logo {
	position:absolute;
	left:770px;
	width:185px;
	height:115px;
	background: url(../images/yurangatechlogo2.jpg) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;
	
}
div.menu_nav {
	position:absolute;
	left:33px;
	top:111px;
	width:957px;
	height:42px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	z-index:1;
}
div.menu_nav_flash {
	position:absolute;
	left:33px;
	top:105px;
	width:957px;
	height:65px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	z-index:1;
}
div.menu_nav_ie {
	position:absolute;
	left:33px;
	top:111px;
	width:957px;
	height:42px;
	border-left-width:0px;
	border-left-style:inset;
	border-right-width:0px;
	border-right-style:solid;
	z-index:1;
}
div.content {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-2.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:150px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.content2 {
	position:absolute;
	left:34px;
	background: url(../images/YT4-1.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:150px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.ccloud {
	position:absolute;
	left:33px;
	width:957px;
	height:542px;
	top:150px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_products {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-3.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:150px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.content_tech {
	position:absolute;
	left:34px;
	background: url(../images/YT21.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:151px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
div.content_portfolio {
	position:absolute;
	left:33px;
	width:957px;
	height:542px;
	top:147px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
div.content_portfolioV2 {
	position:absolute;
	left:33px;
	width:957px;
	height:642px;
	top:147px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}

div.content_services {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-1.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_news{
	position:absolute;
	left:33px;
	background: url(../images/news.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
div.content_graphic {
	position:absolute;
	left:33px;
	background: url(../images/Graphic-Design-1.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.content_webapp{
	position:absolute;
	left:33px;
	background: url(../images/Web-applications.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.content_backup{
	position:absolute;
	left:33px;
	background: url(../images/Data-backup.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.content_training {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-5.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_stationery {
	position:absolute;
	left:33px;
	background: url(../images/stationery-design.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_pub {
	position:absolute;
	left:33px;
	background: url(../images/Publication.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}

div.content_direct {
	position:absolute;
	left:33px;
	background: url(../images/direct_marketing.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}

div.content_ecomm {
	position:absolute;
	left:33px;
	background: url(../images/ecomm.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_barter {
	position:absolute;
	left:33px;
	background: url(../images/bartercard_logo.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_display {
	position:absolute;
	left:33px;
	background: url(../images/Display-Design.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_broadband {
	position:absolute;
	left:33px;
	background: url(../images/Broadband.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;

}

div.content_cms {
	position:absolute;
	left:33px;
	background: url(../images/CMS.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_upgrade {
	position:absolute;
	left:33px;
	background: url(../images/On-site-Upgrades.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_web {
	position:absolute;
	left:33px;
	background: url(../images/Web-Des&Dev.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_db {
	position:absolute;
	left:33px;
	background: url(../images/Database-devpt.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_virus {
	position:absolute;
	left:33px;
	background: url(../images/virus_spyware.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_logo {
	position:absolute;
	left:33px;
	background: url(../images/Logo-Design.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_services2 {
	position:absolute;
	left:33px;
	background: url(../images/YT7.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_services3 {
	position:absolute;
	left:33px;
	background: url(../images/network2.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}

div.content_services4 {
	position:absolute;
	left:33px;
	background: url(../images/seo.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;

}
div.content_contact {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-4.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;

}
div.quote_content {
	position:absolute;
	left:33px;
	background: url(../images/Page-Picture-4.jpg) 0 0 no-repeat;
	width:957px;
	height:542px;
	top:147px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;

}
div.quote_left_content {
	position:absolute;
	left:33px;
	top:10px;
	width:544px;
	font: 12px Arial;
	text-align:justify;
	height: 354px;
	
}

div.left_content {
	position:absolute;
	left:63px;
	top:31px;
	width:543px;
	font: 12px Arial;
	text-align:justify;
	height: 354px;
	
}
div.left_content_direct {
	position:absolute;
	left:61px;
	top:32px;
	width:460px;
	font: 12px Arial;
	text-align:justify;
	height: 354px;
	
}
div.left_content_direct h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;

}
div.left_content_direct h2{
	font: bold 24px Arial;
	color: #00000;
	text-align:justify;
	
}
div.left_content2 {
	position:absolute;
	left:27px;
	top:15px;
	width:564px;
	font: 12px Arial;
	text-align:justify;
	height: 354px;
	
}
div.left_content2 h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}

div.left_content3 {
	position:absolute;
	color: #FFFFFF;
	left:58px;
	top:31px;
	width:543px;
	font: 12px Arial;
	text-align:justify;
	height: 354px;

}
div.quote_left_content h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}

div.left_content h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}
div.left_contact {
	left:16px;
	top:0px;
	width:460px;
	font: 12px Arial;
	text-align:justify;
}
div.left_contact h1{
	font: bold 14px Arial;
	color: #e66e34;
	text-align:justify;
}
.thin_line{
	color:#e66e34;
	border-style:inset;
}	
.portfolio_line{
	color:#e66e34;
	width:600px;
	margin-left:0px;
	border-style:inset;
}	
/* QUOTE */
div.quote {
	position:absolute;
	left:0px;
	top:75px;
	width:543px;
	font: 12px Arial;
	text-align:left
}

/* FORM */
div.contact_form {
	position:absolute;
	left:210px;
	top:64px;
	width:360px;
	font: 12px Arial;
	text-align:left
}
div.contact_form h1{
	font: bold 14px Arial;
	color: #e66e34;
	text-align:left;
}
div.contact_form B{
	font: bold 12px Arial;
	color:#333333;
	text-align:left;
}
/* END FORM */
/* Portfolio */
div.left_portfolio {
	position:absolute;
	left:16px;
	top:0px;
	width:700px;
	font: 12px Arial;
	text-align:justify;
}
div.left_portfolio h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}
div.right_portfolio {
	position:absolute;
	left:720px;
	top:0px;
	width:287px;
	font: 12px Arial;
	text-align:justify;
}
div.right_portfolio h1{
	font: 18px Arial;
	color: #e66e34;
	text-align:justify;
}
div.right_portfolio_bottom {
	position:absolute;
	top:210px;
	left:720px;
	width:235px;
	/*width:287px; */
	font: 12px Arial;
	text-align:justify;
}
div.right_portfolio_bottom h1{
	font: 18px Arial;
	color: #e66e34;
	text-align:justify;
}

div.left_portfolio2 {
	position:absolute;
	left:16px;
	top:0px;
	width:750px;
	font: 12px Arial;
	text-align:justify;
}
div.left_portfolio2 h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}
div.right_portfolio2 {
	position:absolute;
	left:750px;
	top:0px;
	width:180px;
	font: 12px Arial;
	text-align:justify;
}
div.right_portfolio2 h1{
	font: 18px Arial;
	color: #e66e34;
	text-align:justify;
}
/* End Portofolio */
div.right_content {
	position:absolute;
	left:439px;
	top:6px;
	width:494px;
	font: 12px Arial;
	text-align:justify;
	height: 449px;
	
}
/* End Portofolio */
div.right_content {
	position:absolute;
	left:369px;
	top:4px;
	width:385px;
	font: 12px Arial;
	text-align:justify;
	height: 449px;
	
}
/* End Portofolio */
div.right_content2 {
	position:absolute;
	left:500px;
	top:6px;
	width:400px;
	font: 12px Arial;
	text-align:justify;
	height: 449px;

}
div.right_content h1{
	font: 18px Arial;
	color: #e66e34;
	text-align:justify;
}
.border{
	background : url(../images/thin_line.gif) 0 0 no-repeat;;
}
div.footer {
	left:33px;
	top:695px;
	width:957px;
	height:59px;
}	
div.footer_gray {
	position:absolute;
	background-color:#58585a;
	left:33px;
	top:687px;
	width:957px;
	height:15px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}

div.footer_light_gray {
	position:absolute;
	background-color:#878889;
	left:33px;
	top:702px;
	width:957px;
	height:24px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
/* separate footer due to height expansion as keyword grows longer */
div.footerPortfolio {
	left:33px;
	top:795px;
	width:957px;
	height:59px;
}
div.footer_grayPortfolio {
	position:absolute;
	background-color:#58585a;
	left:33px;
	top:787px;
	width:957px;
	height:15px;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
div.footer_light_grayPortfolio {
	position:absolute;
	background-color:#878889;
	left:33px;
	top:802px;
	width:957px;
	height:24px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
}
/* end */	
.navs {
	color: #3333CC;
	margin: 0px;
	padding: 0px;
	border: none;
}
a{ color: #58585a;	}

a:link, a:visited{ color: #58585a; text-decoration: none;}
a:hover{ color: #e66e34; text-decoration: none;}

/*  News and Testimonial */
div.news_right {
	position:absolute;
	left:770px;
	top:0px;
	width:287px;
	font: 12px Arial;
	text-align:justify;
}
div.news_right h1{
	font: 14px Arial;
	font-weight:bold;
	color: #e66e34;
	text-align:justify;
}
td.newsTopic{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #0869AC;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
td.newsDate{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4915c;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.newsHead{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #f4915c;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

td.newsDesc{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: left;
}
td.smallSpace{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 6px;
}
td.navSmall{
	background-color: White;
	text-align: center;
	vertical-align: middle;
	width: 45px;
}
td.nameComp{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #e66e34;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
td.plainText{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
td.Testi1{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #e66e34;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.plainTitle{
	font: 14px Arial;
	font-weight:bold;
	color: #e66e34;
	text-align:justify;
}
#LayerTest {
	position:absolute;
	width:514px;
	height:115px;
	z-index:1;
	left: 53px;
	top: 340px;
}
div.testimonial {
	position:absolute;
	left:33px;
	width:957px;
	height:560px;
	top:128px;
	/*top:157px; top:176px;*/
	border-left-width:1px;
	border-left-style:inset;
	border-right-width:2px;
	border-right-style:solid;
	
}
div.testimonial_content {
	position:absolute;
	left:33px;
	top:31px;
	width:890px;
	font: 12px Arial;
	text-align:justify;
	height: 359px;
}
div.testimonial_content h1{
	font: bold 18px Arial;
	color: #e66e34;
	text-align:justify;
}
div.newsContent {
	position:absolute;
	left:439px;
	top:6px;
	width:494px;
	font: 12px Arial;
	text-align:justify;
	height: 449px;
	
}
div.newsContent h1{
	font: 18px Arial;
	color: #e66e34;
	text-align:justify;
}