@charset "UTF-8";
/* CSS Document */

@import url('../css/projects.css');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body{ background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; background-image:url(../images/bg.png); background-attachment:fixed; background-position:top; background-repeat:repeat;}

img, div, input { behavior: url("iepngfix.htc") }
img{ border:none;}
.clr{ clear:both;}	

#wrapper{ width:990px; margin:0px auto;}

#topnavi{ width:990px; height:83px; margin:0px auto; padding:14px 0px;}

#topnavi .btn1 a{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -8px -8px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:0px 40px 0px 0px;}

#topnavi .btn1 a:hover{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -91px -8px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}

#topnavi .btn2 a{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -8px -101px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:0px 40px 0px 0px;}

#topnavi .btn2 a:hover{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -91px -101px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}

#topnavi .btn3 a{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -8px -194px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:0px 40px 0px 0px;}

#topnavi .btn3 a:hover{float:left; width:83px; height:83px; display:block; background:url(../images/sprite_main.png) -91px -194px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}


#topnavi .info{width:620px; height:80px; float:left; display:block; font-size:13px; color:#000;}
#topnavi .name p{ float:right; padding:26px 0px 0px 0px;}
#topnavi .name a{ color:#000; text-decoration:none;}
#topnavi .name a:hover{ color:#fff000;}

#topnavi .vcard a{ float:right; font-size:12px; color:#c6c6c6; text-decoration:none; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) -174px -6px; background-repeat:no-repeat; display: inline; margin:8px 88px 0px 0px;}

#topnavi .vcard a:hover{ background:url(../images/sprite_main.png) -174px -20px; background-repeat:no-repeat; display: inline;}
/* top navigation menu */

#bigtext{width:990px; margin:0px auto;}
#bigtext .sent1{ float:left; height:166px; width:990px;  overflow:hidden; background:url(../images/sprite_main.png) -8px -287px; background-repeat:no-repeat;  } 
#bigtext .sent1:hover{overflow:hidden; background:url(../images/sprite_main.png) -8px -646px; background-repeat:no-repeat;}

#bigtext .sent2{ float:left; height:184px; width:990px;  overflow:hidden; background:url(../images/sprite_main.png) -8px -453px; background-repeat:no-repeat;  } 
#bigtext .sent2:hover{overflow:hidden; background:url(../images/sprite_main.png) -8px -812px; background-repeat:no-repeat;}
/* top text */

#line{width:990px; margin:0px auto; height:14px;}

#resentwork{width:990px; height:134px; margin:0px auto; overflow:hidden;}
#resentwork .rtext{ width:530px; height:120px; float:left; background:url(../images/sprite_main.png) -8px -2044px; background-repeat:no-repeat; overflow:hidden; margin:14px 0px 0px 0px;}
#resentwork .rico a{ width:83px; float:left; height:96px; background:url(../images/sprite_main.png) -631px -2042px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; outline:none; margin:22px 0px 0px 0px;}
#resentwork .rico a:hover{ background:url(../images/sprite_main.png) -736px -2042px; background-repeat:no-repeat; overflow:hidden;}
#resentwork .rinfo { width: 328px; float:left;}
#resentwork .rinfo p{ font-size:12px; color:#000; padding:14px 0px 0px 48px;}


/* resent work */






#about{width:990px; margin:0px auto;}

#whoamI{ width:572px; height:392px; float:left; background:url(../images/sprite_main.png) -8px -1000px; background-repeat:no-repeat;}
#whoamI .photo{width:168px; height:211px; float:left; margin:168px 0px 0px 0px; background:url(../images/sprite_me.png) -8px -8px; background-repeat:no-repeat; border:1px solid #000; background-color:#fff; cursor:pointer;}
#whoamI .photo:hover{width:168px; height:211px; float:left; margin:168px 0px 0px 0px; background:url(../images/sprite_me.png) -188px -8px; background-repeat:no-repeat; border:1px solid #fff000; background-color:#fff000; }
#whoamI .text{ font-size:12px; line-height:16px; color:#000; width:292px; float:left; margin:168px 0px 0px 28px;}

#whoamI .hire {float:left; margin:18px 0px 0px 0px;}
#whoamI .hire a{text-decoration:none; color:#000; font-size:12px;}
#whoamI .hire a:hover{color:#fff000}


#skills{width:418px; height:392px; float:left; background:url(../images/sprite_main.png) -632px -1000px; background-repeat:no-repeat; font-size:12px; color:#000; font-weight:bold;}
#skills .grapchic{ margin:168px 0px;}
#skills .grapchic p{ padding:16px 0px 0px 20px;}

#skills .line1{ width:350px; height:39px; float:left; background:url(../images/sprite_main.png) -1174px -8px; background-repeat:no-repeat; overflow:hidden; display:block;}
#skills .line2{width:350px; height:39px; float:left;}
#skills .line3{width:350px; height:39px; float:left;}
#skills .line4{width:350px; height:39px; float:left;}
#skills .line5{width:350px; height:39px; float:left;}

#skills .num{ float:right; font-size:14px; color:#000; display:block; height:23px; padding:14px 30px 0px 0px; font-weight:bold;} 

/* about */

#toPage{width:990px; margin:0px auto; height:50px; background:url(../images/sprite_main.png) -0px -1381px; background-repeat:no-repeat; overflow:hidden; display:block;}
#toPage .btntop a{ width:50px; height:50px; display:block; float:right; padding:0px 4px 0px 0px; text-indent:-9999px; outline:none; background:url(../images/sprite_main.png) -293px -8px; background-repeat:no-repeat; overflow:hidden; }
#toPage .btntop a:hover{background:url(../images/sprite_main.png) -354px -8px; background-repeat:no-repeat; overflow:hidden; display:block; }


#toPage1{width:990px; margin:0px auto; height:50px; background:url(../images/sprite_main.png) -0px -1381px; background-repeat:no-repeat; overflow:hidden; display:block;}
#toPage1 .btntop a{ width:50px; height:50px; display:block; float:right; padding:0px 4px 0px 0px; text-indent:-9999px; outline:none; background:url(../images/sprite_main.png) -293px -8px; background-repeat:no-repeat; overflow:hidden; }
#toPage1 .btntop a:hover{background:url(../images/sprite_main.png) -354px -8px; background-repeat:no-repeat; overflow:hidden; display:block; }


#toPage2{width:990px; margin:0px auto; height:50px; background:url(../images/sprite_main.png) -0px -1381px; background-repeat:no-repeat; overflow:hidden; display:block;}
#toPage2 .btntop a{ width:50px; height:50px; display:block; float:right; padding:0px 4px 0px 0px; text-indent:-9999px; outline:none; background:url(../images/sprite_main.png) -293px -8px; background-repeat:no-repeat; overflow:hidden; }
#toPage2 .btntop a:hover{background:url(../images/sprite_main.png) -354px -8px; background-repeat:no-repeat; overflow:hidden; display:block; }


/* top */


#serviz{width:990px; margin:0px auto;}
#services{ width:572px; height:428px; float:left; background:url(../images/sprite_main.png) -8px -1453px; background-repeat:no-repeat;}
#services .textservice p{font-size:12px; line-height:16px; color:#000; width:294px; float:left; margin:184px 0px 0px 196px;}
#services .col01{float:left; width:124px; margin:12px 0px 0px 196px;}
#services .col01 ul{ font-size:12px; color:#c6c6c6; line-height:22px; list-style: inside;}
#services .col02{float:left; width:124px; margin:12px 0px 0px 30px;}
#services .col02 ul{ font-size:12px; color:#c6c6c6; line-height:22px; list-style: inside;}

#awards{width:418px; height:428px; float:left; background:url(../images/sprite_main.png) -580px -1453px; background-repeat:no-repeat;}
#awards .list{ margin:184px 0px 0px 0px;}
#awards .list ul{ font-size:12px; color:#000; line-height:16px; list-style:none;}
#awards a{ text-decoration:none;  color:#000;}
#awards a:hover{color:#fff000;}

#tableawards{ width:400px;margin:160px 0px 0px 0px;}
#tableawards .ico1{ width:122px; height:40px; float:left;}
#tableawards .ico2{width:122px; height:40px; float:left;}
#tableawards .ico3{width:122px; height:40px; float:left;}
.info11{  margin:6px 0px 0px 0px; text-align:center;}
.bigText1{ font-size:12px; font-weight:bold; color:#000;}
.bigText1:hover{ color:#fff;}

.view{ font-size:12px; }

/* service */

#dream{width:990px; margin:0px auto; height:126px; overflow:hidden;}
#dream .dreamtext{ width:572px; height:106px; float:left; background:url(../images/sprite_main.png) -8px -1927px; background-repeat:no-repeat; margin:22px 0px 0px 0px;}
#dream .brands{width:418px; overflow:hidden; float:left; margin:22px 0px 0px 0px;}
#dream .alllogos{ overflow:hidden; height:90px; display:block;}


#clientslogos{ overflow:hidden; width:418px; height:88px; float:left;}
#clientslogos1{overflow:hidden; width:418px; height:88px; float:left;}
#clientslogos2{overflow:hidden; width:418px; height:88px; float:left;}


.clientslogos01{ width:87px; height:78px; float:left; margin:2px 2px 2px 0px; text-align:center; border:1px solid #202020; border-style:dotted; background-color:#fff;}
.clientslogos02{ width:87px; height:78px; float:left; margin:2px 2px 2px 10px; text-align:center; border:1px solid #202020; border-style:dotted;  background-color:#fff;}
.clientslogos03{ width:87px; height:78px; float:left; margin:2px 2px 2px 10px; text-align:center; border:1px solid #202020; border-style:dotted; background-color:#fff;} 
.clientslogos04{ width:87px; height:78px; float:left; margin:2px 2px 2px 10px; text-align:center;border:1px solid #202020; border-style:dotted;  background-color:#fff;}


 
.idTabs ul{list-style:none;}
.idTabs li{ display:inline; font-size:12px;}
.idTabs a{color:#202020; font-size:12px; text-decoration:none;}


.imgborder{ display:block;}
.imgborder:hover{ margin:1px 0px; opacity: 0.3; cursor:pointer;}

/* dream */

#footer{width:990px; margin:0px auto;}
#footer .copy{ float:left; width:305px; height:80px; }
#footer .follow{ float:left; width:305px; height:80px; }
#footer .follow ul{ list-style:none;}
#footer .follow li{ display:inline; font-size:12px;}
#footer .follow a{ color:#000; text-decoration:none;}
#footer .follow a:hover{color:#fff000;}
#footer .bottomcon{ float:left;width:380px; height:80px; }

.nameb p{ float:right; padding:0px 0px 0px 0px;}
.nameb a{ color:#000; text-decoration:none;}
.nameb a:hover{ color:#fff000;}
.vcard1 a{ float:right; font-size:12px; color:#c6c6c6; text-decoration:none; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) -174px -6px; background-repeat:no-repeat; display: inline; margin:8px 74px 0px 0px;}
.vcard1 a:hover{ background:url(../images/sprite_main.png) -174px -20px; background-repeat:no-repeat; display: inline;}
#footer p{ color:#202020; font-size:12px;}
#footer .grey{ color:#c6c6c6;}


/* footer */


.container {width:318px; height:347px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:318px; display:none; }
#loopedSlider { width:318px; position:relative;  }




#break{ width:990px; height:14px; float:left;}
#break1{ width:990px; height:14px; float:left;}
#break2{ width:990px; height:14px; float:left;}
#break3{ width:990px; height:14px; float:left;}

/* slider */


#projectnavigation
{width:990px; margin:0px auto; height:116px;  background:url(../images/sprite_main.png) -8px -2312px; background-repeat:no-repeat; padding:0px 0px 14px 0px;}

#projectnavigation .position { float: right; padding:46px 0px 0px 0px;} 
#projectnavigation .position a{ font-size:18px; font-weight:bold; color:#000; display:inline; height:30px; width:30px; text-align:center; padding:6px; text-decoration:none;}
#projectnavigation .position li{ list-style:none; display:inline;}
.navibtn1{ margin:0px 59px 0px 0px;}
.navibtn2{ margin:0px 13px 0px 0px;}

.Projects{width:990px; height:860px; margin:0 auto;}
.bigText{ font-size:18px; font-weight:bold; color:#202020;}