@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
padding: 0px;
background:url(../Image/Pattern-Page.gif);
}
#wrapper{
margin:auto;
padding:0px;
background:url(../Image/wrapper.gif);
width:1000px;
height:620px;
}
#wrapperhome{
margin:auto;
padding:0px;
background:url(../Image/wrapper.gif);
width:1000px;
height:1070px;
}
#banner{
margin:auto;
padding:0px;
background:url(../Image/Banner1.jpg);
width:1000px;
height:160px;
position:absolute;
}
#masthead{
width:330px;
height:122px;
background:url(../Image/masthead.png)no-repeat;
position:absolute;
margin-top:10px;
margin-left:30px;
border:1px solid transparent;
}
#buttons{
width:693px;
height:20px;
margin-top:140px;
margin-left:307px;
position:absolute;
}
#footerhome{
width:1000px;
height:65px;
position:absolute;
margin-top:1070px;
background:url(../Image/footer.jpg);
}
#footer{
width:1000px;
height:65px;
position:absolute;
margin-top:555px;
background:url(../Image/footer.jpg);
}
#newsframe{
width:1000px;
height:311px;
position:absolute;
margin-top:175px;
background:#000000;
}
#news1{
width:234px;
height:291px;
position:absolute;
margin-top:10px;
margin-left:15px;
background:#00CC66;
}
#news2{
width:234px;
height:291px;
position:absolute;
margin-top:10px;
margin-left:262px;
background:#CCCC00;
}
#news3{
width:234px;
height:291px;
position:absolute;
margin-top:10px;
margin-left:507px;
background:#CC33FF;
}
#news4{
width:234px;
height:291px;
position:absolute;
margin-top:10px;
margin-left:751px;
background:#333366;
}
#txtbox1{
width:707px;
height:300px;
position:absolute;
margin-left:15px;
margin-top:486px;
border:solid;
border-color:#666666;
border-width:thin;
}
#tit1{
width:451px;
height:40px;
position:absolute;
margin-top:15px;
margin-left:15px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:40px;
font-stretch:condensed;
letter-spacing:-3px;
}
#img1{
width:281px;
height:201px;
position:absolute;
margin-top:70px;
margin-left:15px;
background:#990000;
}
#txt1{
width:385px;	
height:215px;
position:absolute;
margin-top:70px;
margin-left:305px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
}
#txtbox2{
width:263px;
height:300px;
position:absolute;
margin-top:486px;
margin-left:722px;
background:#000000;
border:solid;
border-color:#666666;
border-width:thin;
}
#tit2{
width:150px;
height:40px;
position:absolute;
margin-top:15px;
margin-left:15px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:40px;
font-stretch:condensed;
letter-spacing:-3px;
}
#eventiframe{
width:250px;
height:215px;
margin-top:70px;
margin-left:8px;
}
#txtbox3{
width:970px;
height:265px;
position:absolute;
margin-top:787px;
margin-left:15px;
border:solid;
border-width:thin;
border-color:#666666;
}
#tit3{
width:451px;
height:40px;
position:absolute;
margin-top:15px;
margin-left:15px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:40px;
font-stretch:condensed;
letter-spacing:-3px;
}
#img3{
width:495px;
height:233px;
position:absolute;
margin-left:462px;
margin-top:15px;
background:#FFFFFF;
}
#txt3{
width:435px;	
height:122px;
position:absolute;
margin-top:75px;
margin-left:15px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
z-index:0;
}
#r3{
width:70px;
height:16px;
margin-left:380px;
margin-top:232px;
z-index:1;
}
#titiframepackage1{
width:480px;
height:45px;
position:absolute;
margin-left:15px;
margin-top:168px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
font-stretch:condensed;
letter-spacing:-2px;
color:#FFFFFF;
padding-top:12px;
}
#titiframepackage2{
width:480px;
height:45px;
position:absolute;
margin-left:505px;
margin-top:168px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
font-stretch:condensed;
letter-spacing:-2px;
color:#FFFFFF;
}
#iframepackage1{
width:480px;
height:320px;
background:#CCCCCC;
position:absolute;
margin-left:15px;
margin-top:220px;
}
#iframepackage2{
width:480px;
height:320px;
background:#CCCCCC;
position:absolute;
margin-left:505px;
margin-top:220px;
}
#titprj{
width:200px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-5px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#prjbox{
width:970px;
height:325px;
position:absolute;
border:solid;
border-width:thin;
border-color:#999999;
margin-left:15px;
margin-top:210px;
z-index:0;
}
#lineprj3{
width:1px;
height:325px;
background:#999999;
margin-left:588px;
z-index:2;
}
#lstprjtit{
width:300px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
font-stretch:condensed;
letter-spacing:-2px;
position:absolute;
margin-left:594px;
color:#FFFFFF;
z-index:1;
}
#lstprjimg{
width:381px;
height:191px;
position:absolute;
margin-left:589px;
margin-top:40px;
z-index:1;
}
#lstprjtxt{
width:376px;
height:60px;
position:absolute;
margin-left:591px;
margin-top:235px;
z-index:1;
top:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
}
#readmoreprj{
width:70px;
height:16px;
position:absolute;
margin-left:895px;
z-index:1;
top:304px;
}
#iframeprj{
width:192px;
height:325px;
background:#000000;
margin-left:387px;
position:absolute;
}
#lineprj2{
width:1px;
height:325px;
background:#999999;
margin-left:376px;
z-index:1;
position:absolute;
}
#ourclient{
width:42px;
height:285px;
margin-top:10px;
margin-left:330px;
position:absolute;
}
#lineprj1{
width:1px;
height:325px;
background:#999999;
margin-left:325px;
z-index:1;
position:absolute;
}
#txtprj{
width:300px;
height:310px;
position:absolute;
margin-left:12px;
margin-top:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
}
#blackframe{
width:595px;
height:325px;
background:#000000;
position:absolute;
margin-left:393px;
margin-top:210px;
z-index:0;
}
#blackframecontent{
width:572px;
height:325px;
background:#000000;
position:absolute;
margin-left:398px;
z-index:0;
}
#titprj1{
width:300px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#imgprjbox{
width:383px;
height:165px;
margin-left:6px;
margin-top:160px;
}
#imgslide1{
width:82px;
height:72px;
margin-top:5px;
margin-left:5px;
position:absolute;
}
#imgslide2{
width:82px;
height:72px;
margin-top:5px;
margin-left:102px;
position:absolute;
}
#imgslide3{
	width:82px;
	height:72px;
	margin-top:5px;
	margin-left:199px;
	position:absolute;
}
#imgslide4{
	width:82px;
	height:72px;
	margin-top:5px;
	margin-left:296px;
	position:absolute;
}
#imgslide5{
	width:82px;
	height:72px;
	margin-top:87px;
	margin-left:5px;
	position:absolute;
	top: 164px;
}
#imgslide6{
	width:82px;
	height:72px;
	margin-top:87px;
	margin-left:102px;
	position:absolute;
}
#imgslide7{
	width:82px;
	height:72px;
	margin-top:87px;
	margin-left:199px;
	position:absolute;
}
#imgslide8{
	width:82px;
	height:72px;
	margin-top:87px;
	margin-left:296px;
	position:absolute;
}
#prjtxtbox{
width:390px;
height:155px;
position:absolute;
margin-left:3px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
}
#clickproject{
	width:552px;
	height:40px;
	margin-top:150px;
	margin-left:10px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:20px;
	z-index: 0;
}
#imgprj1{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 1;
}
#imgprj2{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 2;
}
#imgprj3{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 3;
}
#imgprj4{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 4;
}
#imgprj5{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 5;
}
#imgprj6{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 6;
}
#imgprj7{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 7;
}
#imgprj8{
	width:552px;
	height:305px;
	margin-top:10px;
	margin-left:10px;
	position:absolute;
	visibility: hidden;
	z-index: 8;
}
#titabout1{
width:350px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#imgabout1{
width:188px;
height:253px;
background:#00CCFF;
position:absolute;
margin-top:210px;
margin-left:10px;
}
#lineabout1{
width:1px;
height:365px;
background:#999999;
position:absolute;
margin-left:210px;
margin-top:170px;
}
#imgabout2{
width:283px;
height:189px;
background:#009966;
position:absolute;
margin-left:705px;
margin-top:170px;
}
#lineabout3{
width:1px;
height:365px;
background:#999999;
position:absolute;
margin-left:694px;
margin-top:170px;
}
#service{
width:40px;
height:341px;
background:url(../Image/ourservice.gif);
margin-left:650px;
margin-top:170px;
position:absolute;
}
#lineabout2{
width:1px;
height:365px;
background:#999999;
position:absolute;
margin-left:645px;
margin-top:170px;
}
#motto{
width:351px;
height:30px;
margin-left:250px;
margin-top:170px;
position:absolute;
}
#txtabout{
width:420px;
height:320px;
margin-left:218px;
margin-top:210px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
}
#categoryservice{
width:283px;
height:200px;
margin-left:705px;
margin-top:370px;
position:absolute;
word-spacing:5px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-variant:normal;
font-size:12px;
letter-spacing:1.5px;
}
#titcontact{
width:200px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#imgcontact{
width:734px;
height:330px;
background:#006699;
margin-left:15px;
margin-top:205px;
position:absolute;
border:solid;
border-width:thin;
border-color:#999999;
}
#txtboxcontact{
width:235px;
height:330px;
background:#000000;
margin-left:749px;
margin-top:205px;
position:absolute;
border:solid;
border-width:thin;
border-color:#999999;
}
#contactoffice{
width:100px;
height:16px;
margin-left:68px;
margin-top:5px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
position:absolute;
color:#FFFFFF;
}
#contactlogo{
width:188px;
height:78px;
background:#00CC66;
margin-left:24px;
margin-top:26px;
position:absolute;
}
#contactaddress{
width:200px;
height:105px;
margin-left:18px;
margin-top:109px;
position:absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:absolute;
color:#FFFFFF;
}
#contact1{
width:200px;
height:40px;
margin-left:18px;
margin-top:220px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
color:#FFFFFF;
}
#contact2{
width:200px;
height:40px;
margin-left:18px;
margin-top:266px;
font-family:Arial, Helvetica, sans-serif;
position:absolute;
color:#FFFFFF;
}
#titlink{
width:200px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#linkbox{
width:970px;
height:330px;
margin-left:15px;
margin-top:205px;
position:absolute;
border:solid;
border-width:thin;
border-color:#999999;
}
#linkwrapper{
width:970px;
height:80px;
background:#000000;
margin-top:80px;
}
#link1{
width:272px;
height:40px;
margin-left:38px;
margin-top:20px;
position:absolute;
}
#link2{
width:272px;
height:40px;
margin-left:350px;
margin-top:20px;
position:absolute;
}
#link3{
width:272px;
height:40px;
margin-left:660px;
margin-top:20px;
position:absolute;
}
#titportfolio{
width:200px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#wrapperportfolio{
width:970px;
height:330px;
margin-left:15px;
margin-top:205px;
position:absolute;
border:solid;
border-width:thin;
border-color:#999999;
}
#titportfolio{
width:200px;
height:45px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:40px;
font-stretch:condensed;
letter-spacing:-2px;
margin-top:160px;
margin-left:25px;
position:absolute;
}
#category{
width:230px;
height:300px;
background:#FFFFFF;
margin-left:15px;
margin-top:15px;
position:absolute;
z-index:1;
}
#border{
width:260px;
height:330px;
border:solid;
border-width:thin;
margin-top:-1px;
margin-left:-1px;
border-color:#999999;
position:absolute;
z-index:0;
}
#target{
width:710px;
height:330px;
margin-left:260px;
position:absolute;
}
#imglstprjhome{
width:313px;
height:203px;
margin-left:15px;
margin-top:15px;
position:absolute;
}
#lstprjnovellogo{
width:110px;
height:189px;
margin-left:355px;
margin-top:20px;
}