html{font-size:125%;}
body{margin:0; padding:0; background: url(graphics/gbg.gif) repeat-x top left #363636; font-family:tahoma, arial, sans-serif; font-size:50%; letter-spacing:0.1em; position:relative;}

a:active{outline:none;}
/*a:focus{-moz-outline-style:none;}*/

h1{font-size:1.5em; color:#fff; margin:0;}
h2{font-size:1.3em; color:#fff; margin:1em 0; font-weight:normal;}
h3{font-size:1.3em; color:#fff; margin:1em 0; font-weight:bold;}
p{color:#fff; text-align:justify; line-height:2.2em; font-size:1.1em; margin:1.5em 0;}
p a{text-decoration:none; color:#fff; border-bottom:1px dotted #ccc;}

form{margin:0; padding:0;}
form input:focus{color:#000;}
form textarea:focus{color:#000;}

#container{width:97.8em; margin:0 auto; position:relative;}

.logo{background:url(graphics/logo-bg.png); width:15.8em; height:15.8em; position:absolute; z-index:10; margin:2.9em 0 0 5em; text-align:center;}
.logo img{margin-top:0.6em;}
.logo a{display:block; width:100%;}

#headi{height:9.6em;}
#headp{height:16.4em;}

#menu{width:97.8em; height:5.7em;}
#menu .mmenu{background:url(graphics/m-bg.gif) no-repeat bottom; margin:0 0 0 24em; /*_margin:0 0 0 14em;*/ padding:2.9em 0 0 2em; height:2.8em; width:54.2em; list-style-type:none; float:left;}
#menu .mmenu li{float:left; margin:0 0.5em; font-size:1.1em; line-height:2.5em; position:relative; z-index:2;}
#menu .mmenu li a{padding:0.7em 1em; text-decoration:none; color:#000;}
#menu .mmenu li ul{display:none; position:absolute; top:2.5em; list-style-type:none; background:url(graphics/mddbg.png) no-repeat bottom; width:17.3em; padding:0.5em 0;}
#menu .mmenu li ul li{float:left; width:100%; margin:0; padding:0;}
#menu .mmenu li ul li:hover{background:url(graphics/smh.gif) no-repeat 0.5em;}
#menu .mmenu li ul li a{display:block; line-height:1.0em;}
#menu .mmenu li ul li span{text-align:center; font-weight:bold; display:block;}
#menu .mmenu li ul li span a{color:#fff; text-decoration:none;}
#menu .mmenu li ul li span a:hover{color:#00acbc;} 
#menu .mmenu li ul li span:hover{background:url(graphics/mgh.png) no-repeat;}
#menu .mmenu li:hover ul{display:block;}

.mh:hover{background:url(graphics/hmh.gif) no-repeat bottom;}
.mtc:hover{background:url(graphics/cmh.gif) no-repeat bottom;}
.mtc ul{left:-3.7em;}
.ms:hover{background:url(graphics/msmh.gif) no-repeat bottom;}
.ms ul{left:-5.4em; background:url(graphics/mddbgg.png) no-repeat bottom!important;}
.mp:hover{background:url(graphics/pmh.gif) no-repeat bottom;}
.mp ul{left:-5.4em; background:url(graphics/mddbgg.png) no-repeat bottom!important;}
.msu:hover{background:url(graphics/sumh.gif) no-repeat bottom;}
.mso{background:url(graphics/sp-bg.gif) no-repeat 0.3em 0.5em;}
.mso a{color:#fff!important;}
.mso a:hover{color:#1ec1d1!important;}
.mso:hover{background:url(graphics/sp-bg.gif) no-repeat 0.3em 0.5em;}

#menu .dmenu{background:url(graphics/md-bg.gif) no-repeat bottom; height:2.8em; width:11.9em; margin:0 0 0 1.5em; padding:2.9em 0 0 0; list-style-type:none; float:left;}
#menu .dmenu li{float:left; margin:0; line-height:2.8em; text-align:center;}
#menu .dmenu li a{color:#fff; text-decoration:none; display:block; width:100%; padding:0 1.5em;}

#headi ul{list-style-type:none; width:70.8em; height:5em; margin:0 auto; padding:0 0 0 27.5em; letter-spacing:0.2em; position:absolute; z-index:1;}
#headi ul li{float:left; font-family:"Times New Roman", Times, serif; font-size:1.5em; margin:2.7em 0.8em; position:relative; display:inline; width:auto!important;}
#headi ul li a{color:#676767; text-decoration:none;}
#headi ul li a:hover{color:#fff;}
#headi ul li ul{display:none; position:absolute; background:url(graphics/a-hover.gif) no-repeat; margin:0 0 0 -0.8em; padding:0; width:30.6em; height:6.2em;}
#headi ul li ul li{font-family:tahoma, arial, sans-serif; font-size:0.7em; line-height:1.5em; color:#fff; margin:0; padding:3.3em 2em 2.4em 2em;}
#headi ul li:hover ul{display:block;}

#headi ul .ipf, #headi ul .ipt{margin-top:2em;}
#headi ul .ipf img, #headi ul .ipt img{border:none;}
#headi ul .ipf{margin-left:17.7em;}
#headi ul .ipt{margin-left:0;}

#headp, #phead{position:relative;}
#slider, #slider1, #slider2, #slider3, #slider4, #slider5{width:85em!important; height:11.5em!important; margin:4.5em auto 0 auto; overflow:hidden;}
#slider ul, #slider1 ul, #slider2 ul, #slider3 ul, #slider4 ul, #slider5 ul{margin:0; padding:0; list-style:none;}
#slider li{width:21.5em; height:11.5em; margin:0 auto;}
#slider li img, #slider1 li img, #slider2 li img, #slider3 li img, #slider4 li img, #slider5 li img{border:none;}

#prevBtn, #nextBtn, #prevBtn1, #nextBtn1, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4, #prevBtn5, #nextBtn5{display:block; width:4.5em; height:4.5em; position:absolute; left:0; top:3.5em;}	
#nextBtn{left:93em;}														
#prevBtn a, #nextBtn a, #prevBtn1 a, #nextBtn1 a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a, #prevBtn5 a, #nextBtn5 a{display:block; width:4.5em; height:4.5em; background:url(/graphics/left.gif) no-repeat 0 0;}
#nextBtn a, #nextBtn1 a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a, #nextBtn5 a{background:url(/graphics/right.gif) no-repeat 0 0;}
#prevBtn1, #nextBtn1, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4, #prevBtn5, #nextBtn5{left:-4.5em; top:9.2em;}	
#nextBtn1, #nextBtn2, #nextBtn3, #nextBtn4, #nextBtn5{left:84.7em;}														

#slider1, #slider2, #slider3, #slider4, #slider5{width:82.2em!important; height:19em!important; margin-top:0;}
#slider1 li, #slider2 li, #slider3 li, #slider4 li, #slider5 li{width:82.2em; height:19em;}	

.pimg ul{margin:0; padding:0; list-style:none;}
.pimg ul img{border:none;}

#wt{width:84.8em; margin:0 auto; padding:1.9em 6.5em; height:16.9em;}
#wtbg{height:20.7em; width:100%; background:url(graphics/wtbg.jpg) repeat-x; position:absolute; top:36.2em; z-index:-1;}

#content{width:84.8em; margin:0 auto; clear:both; min-height:42em; position:relative;}

#content .sp, #content .qr, #content .ht{float:left; width:28.2em; padding:2em 0 0 0;}
#content .qr{width:27.2em; float:right;}
#content .ht{width:29.4em; float:right;}
#content .ht ul{list-style-type:none; margin:0 -1em 0 0; padding:0 0 0 0;}
#content .ht ul li{float:left; margin:0 1em 1em 0; position:relative;}
#content .ht img{border:none;}
#content .ht p{position:absolute; bottom:0.5em; left:0; text-align:center; width:12.9em; margin:0; padding:0;}
#content .ht p a{border:none; width:100%; display:block; text-align:center;}
#content .qr h2{margin:0; padding:0; font-size:1.5em; color:#9fd1d6;}
#content .qr p{font-size:1.1em; color:#9fd1d6; width:22em; line-height:1.5em;}
#content .qr form{margin:-1.8em 0 0 0; padding:0;}
#content .qr input{width:16.3em; height:1.3em; background:#667e80; margin:0; padding:0.2em 0.5em 0 0.5em; border:5px solid #363636; outline:solid #575757 0.1em; color:#fff;}
#content .qr .hps{background:url(graphics/continue.jpg) no-repeat top left; width:8.4em; height:2.5em; margin:1em 0 0 0; cursor:pointer; border:none; outline:none;}
#content .qr th{font-size:1.2em; color:#9fd1d6; font-weight:normal; text-align:left; line-height:3em;}
#content .sp{padding-right:3em; width:25em; display:none;}
#content .sp h2{margin:0 0 0.8em 0; padding:0; font-size:1.5em; color:#e98f8f;}
#content .sp p{font-size:1.1em; color:#e98f8f; width:22em; line-height:1.5em; margin:1em 0;}
#content .sp a{color:#e98f8f;}
#content .sp img{border:none; margin-top:0.5em;}
#content .sp .button{margin-top:1.4em;}

#content #left{width:28.2em; position:absolute; top:0; left:-6.7em;}
#content #left img{border:5px solid #fff; margin:6.5em 0 0 6.6em;}
#content #left .no-border{border:none; margin:6.5em 0 0 3.5em;}

#content #left ul{list-style-type:none; margin:0; padding:0; width:11.9em; position:absolute; right:7.6em; top:3em;}
#content #left ul li{margin:0 0 1em 0;}
#content #left ul li img{border:none!important; margin:0!important;}

#content .wd{background:url(images/web-design-ipoint.jpg) -15px top no-repeat; height:100%;}
#content .gd{background:url(images/graphic-design-ipoint.jpg) -15px top no-repeat; height:100%;}
#content .mm{background:url(images/multimedia-ipoint.jpg) -15px top no-repeat; height:100%;}
#content .td{background:url(images/3d-graphics-ipoint.jpg) -15px top no-repeat; height:100%;}
#content .seo{background:url(images/SEO-ipoint.jpg) -15px top no-repeat; height:100%;}
#content .gui{background:url(images/GUI-ipoint.jpg) -15px top no-repeat; height:100%;}

#content #right{width:63.3em; float:right;}
#content #right .conlist{color:#26a9b5;}
#content #right .conlist li{line-height:1.8em; font-size:1.1em;}

#content .sub-menu ul{list-style-type:none; margin:0; padding:0;}
#content .sub-menu ul li{float:left; width:9.8em; height:2.8em; margin:0 2px; background:url(graphics/sub-selected.gif) no-repeat; text-align:center; line-height:2.8em; color:#fff;}
#content .sub-menu ul li a{background:url(graphics/sub.gif) no-repeat; display:block; line-height:2.8em; color:#fff; text-decoration:none;}
#content .sub-menu ul li a:hover{background:url(graphics/sub-selected.gif) no-repeat;}
#content h1{font-weight:normal; margin:2em 0 1em 0;}

#content #portfolio .pitem{background:#fff; padding-bottom:1.5em; margin-bottom:1em; position:relative;}
#content #portfolio .pitem .pimg{text-align:center; padding:15px 0 0 0; position:relative;}
#content #portfolio .pitem .pimg span{background:url(/graphics/coming-soon.png) no-repeat; position:absolute; z-index:1; top:0.6em; left:0.5em; width:15.6em; height:13.8em;}

#content #portfolio .pitem h2{margin:0.5em 0 0.5em 1em; font-size:1.5em; color:#333;}
#content #portfolio .pitem h2 a{text-decoration:none; border-bottom:1px dotted #666; color:#333;}
#content #portfolio .pitem p{color:#333; margin:0 1.5em; line-height:1.8em;}

#sm{margin:0 0 2em 0; padding:0; list-style-type:none; border-bottom:1px dotted #ccc;}
#sm li{color:#fff; line-height:2.5em; border-top:1px dotted #ccc; text-indent:2em;}
#sm li ul li{text-indent:4em;}
#sm li ul{border-bottom:none; margin:0; padding:0; list-style-type:none;}
#sm li a{color:#fff;}

#quote{padding:0 5em; font-size:1.1em;}
.details, .interest, .brief, .gc, .pdetails, .qbuttons{padding:0 0 1.5em 0; border-bottom:0.1em dotted #878686;}
.details p, .pdetails p{float:right; margin:0 0 1em 0;}
.details .pleft, .pdetails .pleft{float:left;}
.details input, .pdetails input{width:24em; height:1.5em; background:#667e80; border:5px solid #363636; outline:thin solid #575757; padding:0.2em 0.5em; margin:0; color:#fff;}
.interest ul{margin:0; padding:0; list-style-type:none; color:#fff;}
.interest ul li{float:left; width:22em; line-height:2.5em;}
.interest input{vertical-align:middle; margin:0 1em 0 0;}
.brief textarea, .gc textarea{width:97%; height:10em; background:#667e80; border:5px solid #363636; outline:thin solid #575757; padding:0.5em; margin:0; color:#fff; font-family:tahoma, arial, sans-serif; font-size:1.1em; letter-spacing:0.1em;}
.qbuttons{border-bottom:none; padding:1em 0;}
.qbuttons input{border:none; float:right; margin:0 0 0 1em; cursor:pointer;}
.qbuttons .reset{background:url(/graphics/reset.gif); width:104px; height:33px;}
.qbuttons .reset:hover{background:url(/graphics/reset-hover.gif);}
.qbuttons .submit{background:url(/graphics/submit.gif); width:104px; height:33px;}
.qbuttons .submit:hover{background:url(/graphics/submit-hover.gif);}

#quote address{color:#fff; padding:1em 0; margin:0 0 1em 0; line-height:1.8em; position:relative; border-bottom:0.1em dotted #878686;}
#quote address span{position:absolute; top:1em; right:19em; color:#fff;}
#quote address span a{color:#fff;}

#wallpapers{list-style-type:none; margin:0; padding:0; height:27em;}
#wallpapers li{float:left; width:19.5em; background:#000; margin:1em 0.6em 1em 0; padding:0.5em;}
#wallpapers li p{margin:0; font-size:1em; letter-spacing:0em; text-align:center;}

#downbro{width:100%; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#downbro img{float:left; margin:1em; border:none;}
#downbro a img{margin:0;}


#footer{height:13.8em; width:84.8em; margin:0 auto; position:relative;}
#footer ul{margin:0; padding:0; list-style-type:none;}
#footer ul li{float:left; color:#808080; font-size:0.9em; border-right:1px solid #808080; margin:1em 0; padding:0 1em; letter-spacing:0;}
#footer ul li a{text-decoration:none; color:#808080;}
#footer address{position:absolute; top:2em; right:0; color:#808080; line-height:1.6em;}
#footer .extrainfo{height:5em; position:absolute; top:5em; left:0;}
#footer .extrainfo li{float:left; margin:0 0.5em 0 0; border:none;}
#footer .extrainfo li span{background:url(graphics/bookmark-bg.gif) no-repeat top left; width:17.8em; height:3.7em; display:block; text-align:center; padding:1.9em 0 0 0;}
#footer .extrainfo img{border:none;}

#fbg{height:13.8em; width:100%; background:url(graphics/fbg.gif) repeat-x; position:absolute; bottom:0; left:0; z-index:-1;}
.clear{clear:both;}


/*978*/

/*Vote Styles*/
.vote-box{
float:left;
height:230px;
width:180px;
margin:0px 13px 20px 0px;	
background-color:#fff;
padding:10px;
border:1px solid #1b1b1b;
}
.vote-box.last{
margin-right:0px;	
}
.vote-box h3{
color:#202020;
font-size:14px;
line-height:13px;
margin:0px 0px 12px 0px;
padding:0px;
}
.vote-box img{
vertical-align:top;
margin:0px;
padding:0px;
}
.vote-box p{
color:#363636;
font-size:11px;
line-height:15px;
margin:10px 0px 0px 0px;
padding:0px;
}

#text table {
padding:5px;
}
#text table input{
float:none;
margin:0px;
}
#text table a{
text-decoration:none;
}
.poll-bottom-links{
color:#fff;
}

.poll-bottom-links a{
color:#fff;
font-weight:bold;	
}

.poll-progress-bar{
background-image:url(poll/images/progress_bar.png);
background-repeat:repeat;
border-radius:2px;
}