* { margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 1px #fff; }
body { background:url(images/bg.png) top repeat-x; }
ul,
ol { list-style:none; }
*:focus { outline: 0; }
.header { width:940px; height:225px; margin:auto; }
.header .logo { display:block; padding:35px 0 15px; }
.header h1 { text-align:center; width:390px; height:72px; margin:0 auto; background:url(images/slogan.png) center no-repeat; overflow:hidden; text-indent:-9999px; }
.header .contact { zoom:1; float:right; display:inline; height:37px; margin-top:60px; background:url(images/vLine.png) left top no-repeat; #width:177px;
}
.header .contact li { position:relative; float:right; display:inline; height:31px; width:31px; margin-left:10px; zoom:1; }
.header .contact li a { zoom:1; display:block; height:31px; width:31px; overflow:hidden; background:url(images/icons.png) no-repeat; text-decoration:none; text-indent:-9999px; }
.header .contact li table { visibility:hidden; position:absolute; height:28px; top:-30px; border-collapse:collapse; }
.header .contact li:hover table { visibility:visible; }
.header .contact li td { vertical-align:top; width:10px; }
.header .contact li th { text-shadow:none; white-space:nowrap; color:#fff; font-size:11px; vertical-align:top; line-height:20px; background:url(images/icons.png) center -62px no-repeat; }
.header .contact li td .l { background:url(images/icons.png) left -62px no-repeat; width:10px; height:20px; }
.header .contact li td .r { background:url(images/icons.png) -190px -62px no-repeat; width:10px; height:20px; }
.header .contact .mail { width:44px; }
.header .contact .mail a { width:44px; background-position:-93px top; }
.header .contact .mail a:hover { background-position:-93px -31px; }
.header .contact .mail table { left:-12px; }
.header .contact .mail table th { background-position: -77px -62px; }
.header .contact .phone a { background-position:-62px top; }
.header .contact .phone a:hover { background-position:-62px -31px; }
.header .contact .phone table { left:-40px; }
.header .contact .phone table th { background-position: -55px -62px; }
.header .contact .facebook a { background-position:-31px top; }
.header .contact .facebook a:hover { background-position:-31px -31px; }
.header .contact .facebook table { left:-22px; }
.header .contact .facebook table th { background-position: -73px -62px; }
.header .contact .twitter a { background-position:left top; }
.header .contact .twitter a:hover { background-position:left -31px; }
.header .contact .twitter table { left:-19px; }
.header .contact .twitter table th { background-position: -77px -62px; }
.container { width:930px; height:392px; padding:5px 6px; margin:auto; position:relative; background:url(images/picFrame.png) no-repeat; }
.container .frame { background:transparent url(images/picFrame.png) no-repeat scroll -6px -5px; height:340px; left:0; position:absolute; top:0; width:930px; }
#scroller-web-wrap { width:10000em; position:absolute; }
#scroller-window,
#scroller-web-window { height:392px; width:930px; overflow:hidden; }
#scroller-window { position:relative; overflow:hidden; }
#scroller-window .project { float:left; }
#scroller-vertical { left:0px; position:absolute; top:0; width:930px; }
#scroller-web-window { overflow:hidden; width:930px; }
.project { height:392px; margin-right:0px; position:relative; width:930px; }
.project h3 { bottom:0; color:#660066; font-size:18px; font-weight:bold; left:0; padding:17px 0 0 3px; position:relative; text-shadow:0 1px 0 #FFFFFF; z-index:1; }
.project h3 a { color:#660066; font-size:18px; font-weight:bold; text-shadow:0 1px 0 #FFFFFF; text-decoration:none; }
.project-dots { z-index:1; bottom:17px; right:105px; position:absolute; }
.button-next-project { z-index:1; position:relative; bottom:14px; margin-right:11px; background:transparent url(images/icons.png) -200px top no-repeat; cursor:pointer; height:25px; position:absolute; right:0px; text-indent:-99999em; width:82px; }
.button-next-project:hover { background-position: -200px -25px; }
.button-next-project:active { background-position: -200px -50px; }
.project-dots a { background:transparent url(images/icons.png) -139px top no-repeat; display:block; float:left; height:18px; margin-right:5px; text-indent:-99999em; width:14px; }
.project-dots a.active { background:transparent url(images/icons.png) -139px -18px no-repeat; }
.project-dots a:hover { opacity:0.80; }
.contactTbl { border-collapse:collapse; margin:70px auto 0; }
.contactTbl th { width:325px; font-size:14px; color:#3f444e; padding-right:18px; background:url(images/vLine.png) right repeat-y; }
.contactTbl th a { display:-moz-inline-box; display:inline-block; width:128px; height:28px; color:#fff; font-size:12px; line-height:27px; text-align:center; text-shadow:1px 1px 0 #000; text-decoration:none; background:url(images/icons.png) left -90px no-repeat; }
.contactTbl th a:hover { background-position: left -118px; text-shadow:1px 1px 0px #000; }
.contactTbl td { width:400px; color:#3f444e; font-size:14px; padding-left:10px; }
.contactTbl td p { padding:5px 0; }
.contactTbl .mail b { display:-moz-inline-box; display:inline-block; height:14px; width:23px; overflow:hidden; background:url(images/icons.png) -156px top no-repeat; vertical-align:middle; margin-right:10px; }
.contactTbl .mail a { color:#3f444e; text-decoration:none; font-size:14px; font-weight:bold; }
.contactTbl .mail a:hover { color:#336699; text-decoration:underline; }
.contactTbl .phone { color:#3f444e; font-size:14px; font-weight:bold; }
.contactTbl .phone b { display:-moz-inline-box; display:inline-block; height:19px; width:23px; overflow:hidden; background:url(images/icons.png) -156px -14px no-repeat; vertical-align:middle; margin-right:10px; }
.contactTbl td .facebook,
.contactTbl td .twitter { display:-moz-inline-box; display:inline-block; height:31px; width:31px; overflow:hidden; background:url(images/icons.png) no-repeat; text-decoration:none; text-indent:-9999px; }
.contactTbl td .facebook { background-position:-31px top; }
.contactTbl td .facebook:hover { background-position:-31px -31px; }
.contactTbl td .twitter { background-position:left top; }
.contactTbl td .twitter:hover { background-position:left -31px; }
.ftr { text-align:center; padding:110px 0 35px; color:#333; font-size:11px; font-weight:bold; }