body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,img,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline}
:focus {outline:0}
html,body {height:100%}
body {background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
input[type="button"], input[type="submit"], button {cursor: pointer}
ul, ol {list-style: none}
a {font-size: 14px; text-decoration: none; color: #a7a6a6; }
a:hover {color: #000; }
h3 {font-size: 18px; font-weight: normal; letter-spacing: 1px; padding-bottom: 15px}


#wrap { min-height: 100%;}
.center {width:980px; margin:0 auto; position: relative;}

#header {height: 210px; padding: 15px 0 0 0; text-align: center; border-bottom: 1px solid #ededed;}
#header .logo {}

#nav {position: relative; margin-bottom: 40px}
#nav ul {overflow: hidden; padding: 10px 0 7px; height: 20px; border-bottom: 1px solid #ededed;}
#nav>ul>li {height: 50px}
#nav ul li {padding: 0 15px 0 0; line-height: 14px; font-size: 14px; color: #a7a6a6; display: inline-block; *display: inline; zoom: 1;}
#nav ul li:first-child a {background: none}
#nav ul li a {letter-spacing: 2px; background: url(../images/point1.png) no-repeat 0 5px; padding-left: 18px}
#nav>ul>li:hover>a {color: #000; }
#nav>ul>li.active>a {color: #000; }
#nav ul li:hover ul {display: block}
#nav ul li ul {width: 100%; position: absolute; left: 0; top: 30px; display: none; padding-bottom: 5px}
#nav ul li ul li {padding: 0 7px 0 0;}
#nav ul li ul li a {font-size: 11px; background: url(../images/point2.png) no-repeat 0 3px; padding-left: 13px}
#nav ul li ul li.active a {color:#000}


#container {overflow: hidden; padding: 25px 0}

.index img {margin-bottom: 15px}
.index p {text-align: center; font-size: 18px; letter-spacing: 1px }

.about {overflow: hidden; }
.about ul li {width: 450px; float: left;}
.about ul li:first-child {margin-left: 0}
.about ul li h3, .about h3 {text-align: center}
.about ul li p {text-align: justify; font-size: 12px; color: #6b6b6b; margin-bottom: 15px; line-height: 18px;}
.about p {text-align: justify; font-size: 12px; color: #6b6b6b; line-height: 18px; margin:0 170px 15px 170px}

.services {overflow: hidden; }
.services ul li {width: 50%; float: left;}
.services ul li:first-child {margin-left: 0}
.services ul li h3, .services h3 {text-align: center}
.services ul li p {text-align: justify; font-size: 12px; color: #6b6b6b; margin-bottom: 15px; line-height: 18px;}
.services p {text-align: justify; font-size: 12px; color: #6b6b6b; line-height: 18px; margin:0 40px 15px 40px}


#slider-code { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider-code .viewport { float: left; width: 936px; height: 635px; overflow: hidden; position: relative; margin:0 22px; padding-bottom:0px}
#slider-code .buttons { display: block; text-indent: -999em; width: 32px; height: 32px; overflow: hidden; position: absolute; top: 50%; margin-top: -95px; z-index:999 }
#slider-code .next { background: url(../images/next.png) no-repeat 0 0;right: 30px; opacity:0.8}
#slider-code .prev { background: url(../images/prev.png) no-repeat 0 0; left: 30px; opacity:0.8}
#slider-code .next:hover { opacity: 1}
#slider-code .prev:hover { opacity: 1}
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 940px; left: 0 top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; height: 625px; width: 940px;}
#slider-code .overview li h6 {font-size: 24px; font-weight: normal; letter-spacing: 2px; text-align: center; padding-top: 10px}
h6 {font-size: 24px; font-weight: normal; letter-spacing: 2px; text-align: center; padding: 5px}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; padding: 15px 0; text-align: center; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
#slider-code .pager li { margin-left: 10px;  display: inline-block; *display: inline; zoom: 1;}
#slider-code .pagenum { text-decoration: none; text-align: center; display: block; }
#slider-code .pagenum img {border: 1px solid transparent;}
#slider-code .pagenum img:hover {opacity:0.5; filter:alpha(opacity=50); border: 1px solid #9b9595;}
#slider-code .active img { border: 1px solid #9b9595;}

.prev_next {clear: both; overflow: hidden; padding: 15px 0; text-align: center; font-size: 11px; color: #a7a6a6; }
.prev_next a {font-size: 11px; letter-spacing: 2px; margin: 0 5px}
.prev_next a.prev_project {background: url(../images/prev_slide.png) no-repeat 0 4px; padding-left: 12px}
.prev_next a.next_project {background: url(../images/next_slide.png) no-repeat right 4px; padding-right: 12px}







.footerH {height: 50px; clear: both}
#footer {clear: both; height: 50px; margin: -50px 0 0 0; border-top: 1px solid #ededed;}
#footer p {line-height: 14px; padding:20px 0; font-size: 9px; color: #8a8a8a; text-align: center; letter-spacing: 2px}
#footer p a {font-size: 9px;}

.clear {clear: both}


.slider_box {width:936px; height: 624px; }
.nivoSlider {position:relative; height: 624px; clear: both; width: 936px;  background: url(../images/loading.gif) no-repeat 50% 50%; margin:0 22px;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60;}
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#fff; color:#000; opacity:1; width:100%; z-index:89;}
.nivo-caption p {padding:20px; margin:0; font-size:22px}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute; top:50%; z-index:99; cursor:pointer; }
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
.nivo-controlNav {position:absolute; left:260px; bottom: 5px; }
.nivo-controlNav a {display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav {}
.nivo-directionNav a {display:block; width:30px; height:48px; margin-top: -24px; text-indent:-9999px; border:0;	background:url(../images/arrows.png) no-repeat;opacity:0.8}
.nivo-directionNav a:hover {opacity:1}
a.nivo-nextNav {background-position:-30px 0; right:8px; }
a.nivo-prevNav {left:8px; }