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

@import url('../css/slider.css');
/* @import url(http://fonts.googleapis.com/css?family=Droid+Serif); */
@import url('../css/projects.css');
/* @import url('../css/colorbox.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; color:#323232; font-style: italic; background-image:url(../images/bg.gif); background-attachment:fixed; background-position:top; background-repeat:no-repeat;}

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

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

/* top navigation */
#topnavi{ width:670px; margin:0 auto; height:99px; margin:14px 0px 0px 320px;}

#topnavi .btn1 a{float:left; width:83px; height:84px; display:block; background:url(../images/sprite_main.png) 0px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
#topnavi .btn1 a:hover{background:url(../images/sprite_main.png) 0px -85px; background-repeat:no-repeat; cursor:pointer; opacity: 0.94; }

#topnavi .btn2 a{float:left; width:83px; height:84px; display:block; margin:0px 0px 0px 30px; background:url(../images/sprite_main.png) -113px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
#topnavi .btn2 a:hover{background:url(../images/sprite_main.png) -113px -85px; background-repeat:no-repeat; cursor:pointer; opacity: 0.94; }

#topnavi .btn3 a{float:left; width:83px; height:84px; display:block; margin:0px 0px 0px 30px;
background:url(../images/sprite_main.png) -226px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
#topnavi .btn3 a:hover{background:url(../images/sprite_main.png) -226px -85px; background-repeat:no-repeat; cursor:pointer; opacity: 0.94;}
/* top navigation menu */

#topnavi .info{ float:left; position:relative; left:30px; top:30px;}
#topnavi .info p{ font-size:11px; color:#141414; height:18px; }
#topnavi .info a{ text-decoration: none;color:#141414;}
#topnavi .info a:hover{ text-decoration:none; color:#a6a6a6;}

#topnavi .card p{}
#topnavi .card a{ color:#a6a6a6; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) 0px -180px;}
#topnavi .card a:hover{ color:#141414; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) 0px -192px; }


/* top navigation text */



#bigtext{width:990px; margin:0 auto;}
#bigtext .sent1{ float:left; height:168px; width:990px;  overflow:hidden; background-image:url(../images/t1.png); background-repeat:no-repeat;  } 
#bigtext .sent1:hover{background-image:url(../images/t1.png); background-repeat:no-repeat; opacity: 0.94; position:relative; background-position: 0px -170px;}

#bigtext .sent2{ float:left; background-image:url(../images/t2.png); background-repeat:no-repeat; width:990px; height:195px; margin:4px 0px 0px 0px;}
#bigtext .sent2:hover{}

#bigtext .bruce { width:82px;  height:24px; position:relative; top:90px; left:840px; background-color:#fff000}
#bigtext .bruce a{ color:#141414; display:block; font-size:14px; text-align:center; padding:4px 4px 4px 4px; text-decoration:none;}
#bigtext .bruce a:hover{ color:#fff; display:block; font-size:14px; text-align:center; padding:4px 4px 4px 4px; text-decoration:none; background-color:#2c2c2c;}


/* top recent */
#recentwork{width:990px; margin:0 auto;}
#recentwork .Rtitle{ float:left; width:494px; height:120px;background:url(../images/sprite_main.png) 0px -230px; background-repeat:no-repeat; text-indent:-9999px; outline:none; }

.Ricon a{ float:left; height:68px; width:66px; display:block; background:url(../images/sisi.png) 0px 0px; background-repeat:no-repeat; text-indent:-9999px; outline:none; 
margin:16px 0px 0px 16px; overflow:hidden;}
.Ricon a:hover{ float:left;height:68px; width:66px; display:block; background:url(../images/sisi.png) 0px -68px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:16px 0px 0px 16px; cursor:pointer; opacity: 0.94;}

#recentwork .Rtext {float:left;width:404px;}
#recentwork .Rtext p{ font-size:13px; line-height:16px; display:block; margin:2px 0px 10px 60px;}
.grey{color:#a6a6a6; border-bottom:2px solid #a6a6a6; border-style:dotted; }
.grey2{color:#a6a6a6;}

/* top Who am I */

#aboutme{width:990px; height:430px; margin:0px auto; padding:30px 0px 0px 0px;}

#whoamI{ width:495px; float:left;}
.whoamIhead{ width:400px; height:154px; display:block; background:url(../images/sprite_main.png) 0px -374px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:6px 0px 0px 0px;}
.whoamIphoto{ width:495px; height:268px;background:url(../images/me.png) 0px 0px; background-repeat:no-repeat;}
.whoamIphoto:hover{background:url(../images/me1.png) 0px 0px; background-repeat:no-repeat;}

.whoamIphoto h1{font-size:13px; line-height:16px; display:block; padding:20px 20px 0px 230px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }


#myskills{width:495px; float:left;}
.myskillshead{ width:495px; height:154px; display:block; background:url(../images/sprite_main.png) -436px -374px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:6px 0px 0px 0px;}

#myskillsgpachic{ width:435px; padding:20px 0px 0px 60px; float:left;}
.allgr{ width:495px;}

.skillsblack{ height:26px; background-color:#323232; float:left;}
.skillsblack p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#fff; display:inline; margin: 0px 10px 0px 10px; line-height:22px;}

.skillsyellow { width:340px; background-color:#fff000; height:26px; margin:0px; padding:0px; }
.skillsyellow1 { width:360px; background-color:#fff000; height:26px;margin:0px; padding:0px; }
.skillsyellow2 { width:370px; background-color:#fff000; height:26px; margin:0px; padding:0px; }
.skillsyellow3 { width:280px; background-color:#fff000; height:26px; margin:0px; padding:0px; }
.skillsyellow4 { width:340px; background-color:#fff000; height:26px; margin:0px; padding:0px; }
.skillsyellow5 { width:260px; background-color:#fff000; height:26px; margin:0px; padding:0px; }
.skillsyellow6 { width:100px; background-color:#fff000; height:26px; margin:0px; padding:0px; }

.skillsyellownum { float:right; padding:0px 16px 0px 0px; font-size:13px; line-height:26px;}
.line{ width:100px; height:2px;}

/* top Who am I */

#backtop{width:990px; height:64px; margin:0px auto;  background:url(../images/slide_bg.png) 0px 22px; background-repeat:no-repeat; }
.top1{ width:75px; height:60px; float:right; display:block; background-image:url(../images/top1.png); background-repeat:no-repeat;}
.top1:hover{ float:right; display:block; background-image:url(../images/top1.png); background-position: 0px -78px; background-repeat:no-repeat; }

/* back to top */

#serviceandclients{width:990px; margin:0px auto; padding:26px 0px 0px 0px;  overflow:hidden;}
#service{width:495px; float:left;}
.servicehead{  width:400px; height:154px; display:block; background:url(../images/sprite_main.png) 0px -538px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
.servicegrapchic{ width:198px; height:280px; float:left; display:block; background-image:url(../images/gra.png); background-position:0px 0px; background-repeat:no-repeat;}
.servicetoptext { width: 296px; float:left;}
.servicetoptext h1{font-size:13px; line-height:16px; display:block; padding:20px 30px 0px 35px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
.servicebox1{ width:128px; float:left; padding:22px 0px 0px 35px;}
.servicebox2{ width:118px; float:left; padding:22px 0px 0px 10px;}
.service{ list-style: inside; font-size:11px; color:#a6a6a6; line-height:18px;}




#clients{width:495px; float:left; }
.clientshead{width:400px; height:154px; display:block; background:url(../images/sprite_main.png) -436px -538px; background-repeat:no-repeat; text-indent:-9999px; outline:none;}
.clientsnavi{ float:left; width:495px;}
.clientsnavi ul{ font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; float:right; padding:18px 16px 10px 0px;}
.clientsnavi a{ color:#323232;}
.clientsnavi a:hover{ text-decoration:line-through;}

#clientslogos{ overflow:hidden; width:370px; height:180px; background-image:url(../images/grid2.png); background-repeat:no-repeat; background-position:0px 0px; float:left; margin:0px 0px 0px 62px;}
#clientslogos1{ overflow:hidden; width:370px; height:180px; background-image:url(../images/grid2.png); background-repeat:no-repeat; background-position:0px 0px; float:left; margin:0px 0px 0px 62px;}
#clientslogos2{ overflow:hidden; width:370px; height:180px; background-image:url(../images/grid2.png); background-repeat:no-repeat; background-position:0px 0px; float:left; margin:0px 0px 0px 62px;}

/* temp box logos
.clientslogos01{ width:90px; height:90px; float:left; margin:28px 2px 2px 0px; }
.clientslogos02{ width:90px; height:90px; float:left; margin:28px 2px 2px 0px; text-align:center; }
.clientslogos03{ width:90px; height:90px; float:left; margin:28px 2px 2px 0px; text-align:center } 
.clientslogos04{ width:90px; height:90px; float: right; margin:28px 0px 2px 0px;}

.clientslogos05{ width:90px; height:90px; float:left; margin:0px 2px 0px 0px; }
.clientslogos06{ width:90px; height:90px; float:left; margin:0px 2px 2px 0px; text-align:center; }
.clientslogos07{ width:90px; height:90px; float:left; margin:0px 2px 2px 0px; text-align:center } 
.clientslogos08{ width:90px; height:90px; float: right; margin:0px 0px 2px 0px;}
 */
 
 
 .clientslogos01{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; text-align:center;}
.clientslogos02{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; text-align:center; }
.clientslogos03{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; text-align:center } 

.clientslogos04{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; }
.clientslogos05{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; text-align:center; }
.clientslogos06{ width:120px; height:90px; float:left; margin:2px 2px 2px 0px; text-align:center } 

 
.idTabs ul{list-style:none;}
.idTabs li{ display:inline;}


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



/* clients */

#backtop1{width:990px; height:64px; margin:0px auto;  background:url(../images/slide_bg.png) 0px 22px; background-repeat:no-repeat; }
.top2{ width:75px; height:60px; float:right; display:block; background-image:url(../images/top2.png); background-repeat:no-repeat;}
.top2:hover{ float:right; display:block; background-image:url(../images/top2.png); background-position: 0px -78px; background-repeat:no-repeat; }

/* clients */

#footer{width:990px; margin:0px auto;height:90px;padding:10px 0px 0px 0px;}

.footercopy{width:260px;float:left; height:90px; }
.footercopy p{font-family:Georgia, "Times New Roman", Times, serif; color:#323232; font-size:13px; line-height:20px;}
.grey1{ font-size:11px; color:#a6a6a6;}

.footerinfo{ float:left; width:320px; height:90px;}
.footerinfo p{font-family:Georgia, "Times New Roman", Times, serif; color:#323232; font-size:13px; line-height:20px;}
.footerinfo a{color:#323232; text-decoration:none;}
.footerinfo a:hover{color:#a6a6a6; text-decoration:underline;}

.footercont{ width:400px; float:left; height:90px;}
.footercont p{font-family:Georgia, "Times New Roman", Times, serif; color:#323232; font-size:13px; line-height:18px;}
.footercont a{color:#323232;}
.footercont a:hover{color:#a6a6a6;}

.card a{ color:#a6a6a6; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) 0px -180px; font-size:11px;}
.card a:hover{ color:#141414; padding:0px 0px 0px 16px; background:url(../images/sprite_main.png) 0px -192px; }

/* clients */

#awards{width:990px; margin:0px auto;height:201px;padding:10px 0px 0px 0px;  background:url(../images/slide_bg.png) 0px 22px; background-repeat:no-repeat;}
#awardsico{ width:490px; height:190px; display:block; background:url(../images/sprite_main.png) 0px -823px; background-repeat:no-repeat; text-indent:-9999px; outline:none; margin:6px 0px 0px 0px; float:left; overflow:hidden;}
#awardslist{width:460px; display:block; float:left; padding:62px 0px 0px 0px;}
#awardslist ul{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#323232; font-size:13px; line-height:18px; list-style:outside; list-style-type:none; display:block; padding-left:74px;}
#awardslist a{ color:#323232; text-decoration:none;}
#awardslist a:hover{ text-decoration:underline;}