@charset "utf-8";
body {
	margin:0;
	padding:0;
	background-image: url(../images/bg.jpg) ;
	background-repeat:repeat;
	font-family:'verdana', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	height:100%;
}


html {
	padding:0;
	margin:0;
	height:100%;
}

h1
{
	letter-spacing: 0.4px;
	font-size:18px;
	font-weight:normal;
	padding:0;
	padding-bottom:10px;
	margin:0;
}

h2
{
	letter-spacing: 0.4px;
	font-weight:normal;
	font-size:15px;
	padding-bottom:10px;
	padding:0;
	margin:0;
}

h3
{
	font-family: 'Georgia', arial;
	font-weight:normal;
	font-size:13px;
	padding-bottom:3px;
	margin:0;
}

img
{
	border:0;
	outline:none;
}

a:link 
{
	font-size:100%;
	color: #ffcd8e;
	text-decoration: none;
	outline:none;
}

a:visited 
{
	color: #ffcd8e;
	text-decoration: none;
	outline:none;
}

a:hover 
{
	color: #e3ae6b;
	text-decoration: none;
	outline:none;
}

.txtwhite
{
	color:#ffffff!important;
}

.txtgrey
{
	color:#999999;
}

.txt11
{
	font-size:11px;
}

.txt10
{
	font-size:10px;
}

.redtxt
{
	color: #FF0000;
}


.blacktxt
{
	color:#000000;
}

.yellowtxt
{
	color:#ffdf09;
}

.browntxt
{
	color:#936b32;
}

a:active 
{
	color: #0b619f;
	text-decoration: none;
}

.clear
{
	clear:both;
	padding:0;
	margin:0;
}

p
{
	margin:0;
	padding:0;
}

.Frame962
{
	width:960px;
	margin:auto;
	margin-bottom:0;
	margin-top:20px;
	padding:0;
	background:url(../images/frame-bg.gif) repeat-x;
	background-color:#0d0d0d;
	border:1px solid #333333;
}

.Header
{
	width:920px;
	height:115px;
	margin:0;
	padding:0;
}

.Header .logo
{
	height:100px;
	width:200px;
	float:left;
	margin:0;
	margin-bottom:10px;
	margin-top:10px;
}


.Header .NaviHeader
{
	width:700px;
	float:right;
	text-align:left;
	margin-top:50px;
}

.InternalFrame
{
	width:920px;
	margin:auto;
	margin-top:0;
	padding:0;
}

.Banner
{
	width:920px;
	margin:auto;
	padding:0;
	border:1px solid #666666;
	margin-bottom:15px;
}

.NoBanner
{
	width:920px;
	margin:auto;
}

.Banner .home
{
	/*background:url(../images/b3.jpg) no-repeat;*/
	width:920px;
	height:280px;
	padding:0;
	margin:0;
}

.Banner .aboutus
{
	background:url(../images/banner-abt.jpg) no-repeat;
	width:920px;
	height:200px;
	padding:0;
	margin:0;
}

.Banner .Testimonials
{
	background:url(../images/banner-testimonial.jpg) no-repeat;
	width:920px;
	height:200px;
	padding:0;
	margin:0;
}

.Banner .Career
{
	background:url(../images/banner-career.jpg) no-repeat;
	width:920px;
	height:200px;
	padding:0;
	margin:0;
}



.Banner .ContactUs
{
	background:url(../images/banner-contact.jpg) no-repeat;
	width:920px;
	height:200px;
	padding:0;
	margin:0;
}



.HomeIntro
{
	width:920px;
	margin:0;
	margin-bottom:30px;
	padding:0;
}

.SubContent
{
	width:920px;
	margin:0;
	margin-bottom:30px;
	padding:0;
}

.SubContent h1
{
	font-size:25px;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.SubContent h2
{
	font-size:15px;
	font-weight:normal;
	color: #FF9933;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

.SubContent h3
{
	font-size:18px;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.SubContent a
{
	text-decoration:none;
	color: #FFCC66;
}

.SubContent a:hover
{
	text-decoration: underline;
}

.SubContent p
{
	line-height:20px;
	margin-bottom:20px;
}

.SubContent li
{
	padding-bottom:8px;
}

.HomeIntro .LeftPanel
{
	width:700px;
	float:left;
}

/* Landed Course */
.LandedCourse .landedtitle
{
	font-size:25px;
	font-weight:normal;
	color:#FF6600;
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	float:left;
}


.LandedCourse
{
	width:920px;
	position:relative;
	text-align:left;
}

.LandedCourse .showcase
{
	position:absolute;
	width:336px;
	height:239px;
	top:0;
	right:30px;
	background:url(../images/landed-course-bg.png) no-repeat;
}

.showcase span{
	display:block;
	float:left; 
	width:168px;
	text-align:center;
	font-size:10px;
	margin-top:16px;
	line-height:14px;
}

.LandedCourse .red1
{
	color: #FF6600;
	font-size:13px;
	font-weight:bold;
}

.LandedCourse .blk1
{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.LandedCourse .blk2
{
	color:#FFFFFF;
}

.LandedCourse .red2
{
	color: #FF6600;
	font-size:23px;
	font-weight:bold;
}

.LandedCourse .red3
{
	color: #FF6600;
	font-size:18px;
	font-weight:bold;
}

.LandedCourse .detailstable
{
	border:1px solid #333333;
	width:100%;
	margin-bottom:10px;
}

.detailstable td
{
	vertical-align:top;
}

.LandedCourse ul, .LandedCourse ol
{
	margin-top:0;
	padding-top:0;
}

.LandedCourse p
{
	margin:0;
	margin-bottom:20px;
	line-height:20px;
	padding:0;
}



/* Portfolio Title */
.ProTitle
{
	width:920px;
	margin:0;
	position:relative;
	font-size:16px;
}

.ProTitle .content
{
	padding:5px;
	text-transform:uppercase;
	color:#FFFFFF;
}

.ProTitle .completed
{
	width:200px;
	background-color: #000000;
	position:absolute;
	text-align:center;
	top:0;
	left:0px;
}

.ProTitle .before
{
	width:200px;
	position:absolute;
	background-color: #000000;
	text-align:center;
	top:0;
	left:230px;
}

.ProTitle .during
{
	width:200px;
	text-align:center;
	background-color: #000000;
	position:absolute;
	top:0;
	right:260px;
}

.ProTitle .threeD
{
	width:200px;
	position:absolute;
	background-color: #000000;
	text-align:center;
	top:0;
	right:30px;
}

.ColumnOne
{
	width:920px;
	float:left;
}

.ColumnOne ul
{
	list-style:none;
	margin-left:30px;
	padding-left:0;
}
.ColumnOne li label { display:block; float:left; width:20px; margin-right:10px; text-align:right; }
.projectListSpliter350{
	display:block;
	float:left;
	width:350px;
}
.projectListSpliter250{
	display:block;
	float:left;
	width:250px;
}
.projectListSpliter200{
	display:block;
	float:left;
	width:200px;
}

.ColumnTwo
{
	width:450px;
	float:right;
}

.ColumnTwo ol
{
	margin-left:30px;
	padding-left:0;
}

.IntroPanel
{
	width:690px;
	position:relative;
	height:160px;
}

.IntroPanel h2
{
	font-size:13px;
	margin-bottom:10px;
	height:40px;
	color:#FFFFFF;
	text-transform:uppercase;
}

.IntroPanel .highlight
{
	font-weight:bold;
	font-size:20px;
}

.IntroPanel img
{
	border:1px solid #999999;
	
}

.IntroPanel a:hover
{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.IntroPanel .b1
{
	width:205px;
	position:absolute;
	top:0;
	left:0;
}

.IntroPanel .b2
{
	width:205px;
	position:absolute;
	top:0;
	left:240px;
}

.IntroPanel .b3
{
	width:205px;
	position:absolute;
	top:0;
	right:0;
}

.HomeIntro .RightPanel
{
	width:200px;
	float:right;
	padding-top:20px;
}

.HomeIntro .RightPanel p
{
	line-height:20px;
	color:#999999;
	font-size:11px;
	margin-bottom:10px;
}

.HomeIntro .RightPanel a
{
	font-size:11px;
}


.Footer
{
	width: 960px;
	margin:auto;
	margin-top:15px;
	height:50px;
	background-color:#020202;
}

.Footer .Copyright
{
	width:400px;
	float:left;
	line-height:50px;
	padding-left:20px;
	font-size:11px;
}

.Footer .Facebook
{
	width:400px;
	float:right;
	padding-right:20px;
	padding-top:10px;
	text-align:right;
}

/* START Scrollbar */
#scrollbar1 { width: 920px; padding-left:5px; margin: 20px 0 10px; }
#scrollbar1 .viewport 
{ 
	width: 900px; 
	height: 300px; 
	overflow: hidden; 
	position: relative;
	line-height:20px;
	color:#CCCCCC;
}
/*#scrollbar1 .viewport  p
{
	margin-bottom:15px;
}

#scrollbar1 .viewport strong
{
	color:#FFFFFF;
}

#scrollbar1 .viewport a
{
	color:#FFFFFF;
	text-decoration:underline;
}

#scrollbar1 .viewport ul
{
	margin-top:0;
	margin-left:0;
	padding-left:15px;
}*/

#scrollbar1 .divider
{
	border-top:1px solid #333333!important;
	border-bottom:0;
	border-left:0;
	border-right:0;
	height:50px;
	margin-bottom:10px;
}

#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #FFFFFF; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #333333; height: 100%; width:2px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

/* Partner */
.Partners
{
	width:920px;
	padding:0;
	margin:0;
	color: #666666;
}

.Partners h2
{
	font-size:15px;
	color: #FFFFFF;
}

.Partners td
{
	vertical-align:top;
	text-align:center;
	padding:5px;
}

/* Portfolio */
.PortfolioDetail{
	display:block;
	float:left;
	width:220px;
	height:305px;
	background:#1f1f1f;
}
.PortfolioDetail h1{
	font-size:17px;
	font-weight:normal;
	text-transform:uppercase;
	margin:20px 0 0 0;
	text-align:center;
}
.PortfolioDetail i{
	display:block;
	margin:0 10px;
}
.PortfolioDetail img{
margin:0 0 10px 8px;

}

.PortfolioThumb{
	display:block;
	float:left;
	width:680px;
}

.Portfolio
{
	width:200px;
	float:left;
	display: inline;
	margin-left:25px;
	margin-bottom:15px;
	text-align:center;
	color:#FFFFFF;
}

.Portfolio img
{
	border: none;
	outline:none;
}

.Portfolio .project
{
	padding-bottom:10px;
}

/* Testimonials */
.Testimonials
{
	width:920px;
	height:800px;
	padding:0;
	margin:0;
	position:relative;
}

.Testimonials ul		{ list-style:none; padding:0; margin:0 0 0 23px; }
.Testimonials li		{ display:block; float:left; border:#FFFFFF solid 5px; margin:15px; width:250px; height:133px; }
.Testimonials li img 	{ display:block; float:left; padding:0; margin:0; border:0; width:250px; height:141px; }
.Testimonials span		{ display:block; float:left; background:#FFFFFF; padding:5px 0 10px 0; text-align:center; width:260px; margin:5px 0 15px -5px; }
#TPriority				{ display:block; float:left; margin-bottom:25px; } 
#TPriority li			{ display:block; float:left; border:#FFFFFF solid 5px; margin:15px; width:250px; height:133px; }
#TPriority	a			{ color:#ff6600; text-decoration:none; font-weight:bold; }
#TPriority	a:hover		{ color:#333333; }

.Testimonials .link1
{
	position:absolute;
	top:50px;
	left:11px;
	width:205px;
	height:110px;
}

.Testimonials .link1 a:link
{
	display:block;
	width:205px;
	height:110px;
	outline:none;
}

.Testimonials .link2
{
	position:absolute;
	top:9px;
	left:221px;
	width:159px;
	height:141px;
}

.Testimonials .link2 a:link
{
	display:block;
	width:159px;
	height:141px;
	outline:none;
}

.Testimonials .link3
{
	position:absolute;
	top:50px;
	left:380px;
	width:162px;
	height:137px;
}

.Testimonials .link3 a:link
{
	display:block;
	width:162px;
	height:137px;
	outline:none;
}

.Testimonials .link4
{
	position:absolute;
	top:50px;
	left:553px;
	width:152px;
	height:137px;
}

.Testimonials .link4 a:link
{
	display:block;
	width:152px;
	height:137px;
	outline:none;
}

.Testimonials .link5
{
	position:absolute;
	top:9px;
	right:13px;
	width:199px;
	height:148px;
}

.Testimonials .link5 a:link
{
	display:block;
	width:199px;
	height:148px;
	outline:none;
}

.Testimonials .link6
{
	position:absolute;
	top:221px;
	left:175px;
	width:221px;
	height:131px;
}

.Testimonials .link6 a:link
{
	display:block;
	width:221px;
	height:131px;
	outline:none;
}

.Testimonials .link7
{
	position:absolute;
	top:175px;
	left:418px;
	width:214px;
	height:160px;
}

.Testimonials .link7 a:link
{
	display:block;
	width:214px;
	height:160px;
	outline:none;
}

.Testimonials .link8
{
	position:absolute;
	top:175px;
	right:31px;
	width:199px;
	height:178px;
}

.Testimonials .link8 a:link
{
	display:block;
	width:199px;
	height:178px;
	outline:none;
}

.Testimonials .link9
{
	position:absolute;
	top:307px;
	left:29px;
	width:176px;
	height:161px;
}

.Testimonials .link9 a:link
{
	display:block;
	width:176px;
	height:161px;
	outline:none;
}

.Testimonials .link10
{
	position:absolute;
	top:323px;
	left:221px;
	width:159px;
	height:169px;
}

.Testimonials .link10 a:link
{
	display:block;
	width:159px;
	height:169px;
	outline:none;
}

.Testimonials .link11
{
	position:absolute;
	top:356px;
	left:380px;
	width:231px;
	height:132px;
}

.Testimonials .link11 a:link
{
	display:block;
	width:231px;
	height:132px;
	outline:none;
}

.Testimonials .link12
{
	position:absolute;
	top:356px;
	right:43px;
	width:229px;
	height:125px;
}

.Testimonials .link12 a:link
{
	display:block;
	width:229px;
	height:125px;
	outline:none;
}

.Testimonials .link13
{
	position:absolute;
	top:484px;
	left:11px;
	width:227px;
	height:123px;
}

.Testimonials .link13 a:link
{
	display:block;
	width:227px;
	height:123px;
	outline:none;
}

.Testimonials .link14
{
	position:absolute;
	top:485px;
	left:239px;
	width:214px;
	height:163px;
}

.Testimonials .link14 a:link
{
	display:block;
	width:214px;
	height:163px;
	outline:none;
}

.Testimonials .link15
{
	position:absolute;
	top:484px;
	left:453px;
	width:228px;
	height:164px;
}

.Testimonials .link15 a:link
{
	display:block;
	width:228px;
	height:164px;
	outline:none;
}

.Testimonials .link16
{
	position:absolute;
	top:462px;
	right:49px;
	width:182px;
	height:139px;
}

.Testimonials .link16 a:link
{
	display:block;
	width:182px;
	height:139px;
	outline:none;
}

.Testimonials .link17
{
	position:absolute;
	top:648px;
	left:46px;
	width:193px;
	height:139px;
}

.Testimonials .link17 a:link
{
	display:block;
	width:193px;
	height:139px;
	outline:none;
}

.Testimonials .link18
{
	position:absolute;
	top:648px;
	left:380px;
	width:235px;
	height:144px;
}

.Testimonials .link18 a:link
{
	display:block;
	width:235px;
	height:144px;
	outline:none;
}

.Testimonials .link19
{
	position:absolute;
	top:624px;
	right:68px;
	width:226px;
	height:163px;
}

.Testimonials .link19 a:link
{
	display:block;
	width:226px;
	height:163px;
	outline:none;
}