@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option
{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}



/* Style */
body {background-color:#000;}
.header {width:100%; height:50px; margin:0 auto; background: url("images/bg_header.png") repeat-x;}
a, a:hover, a:active, a:visited {color:#000;}

.followus {width:45px; height:150px; background: url(images/bg_followus.png) 0 0; position:fixed; top:150px; right:0; cursor:pointer;}
.followus:hover {width:45px; height:150px; background: url(images/bg_followus.png) 45px 0; cursor:pointer;}

.menu {width:940px; height:50px; margin:0 auto;}
.menu ul {text-align:center;list-style-type:none;margin:0;padding:0;float:right;font: bold 12px Arial, Verdana, sans-serif;overflow:hidden;}
.menu li {float:left;width:120px;height:50px;background: transparent url("images/bg_li.png") no-repeat center right;}
.menu li.first {float:left; width:120px; height:50px; background: transparent url("images/bg_li_first.png") no-repeat center;}
.menu li a, a.first {padding-top:18px; height:32px; display:block; text-decoration:none; color:#fff;}
.menu li a:hover, a:active {background: url("images/bg_li_hover.png") no-repeat center; font-size:12px; font-weight:bold;}

.content {width:100%; background:#000 url("images/bg_content.jpg") 50% 0 no-repeat; height:450px;}
.content_main {width:940px; height:450px; margin: 0 auto;}
.left {width:50%; height:450px; float:left;}
.right {width:50%; height:450px; float:left; background: url("images/bg_monitor.png") no-repeat;}

.slideshow {width:312px; height:202px; background-color:#000; margin:121px 0 0 136px;}
#slideshow {position:relative;}
#slideshow img {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#slideshow img.active {z-index:10;opacity:1.0;}
#slideshow img.last-active { z-index:9;}

.bt {position:relative;}
.bt li{list-style:none;position:absolute}
.bt li, .bt a{height:45px; display:block;}

.bt_portfolio {left:0; width:285px;}
.bt_portfolio {background:url("images/bt_portfolio.png") 0 -45px;}
.bt_portfolio a:hover {background: url("images/bt_portfolio.png") 0 0;}

.bt_quote {left:0; width:285px; margin-top:30px;}
.bt_quote {background:url("images/bt_quote.png") 0 -45px;}
.bt_quote a:hover {background: url("images/bt_quote.png") 0 0;}

.about {width:100%; height:490px; margin:0 auto; background: url("images/bg_about.png");}
.about_main {width: 940px; height:440px; margin:0 auto; padding-top:50px;}
.a_left {width:580px; height:490px; float:left;}
.a_right {width:360px; height:490px; float:left;}

h1.service {font: bold 22px Arial, Verdana, sans-serif; color:#000; margin-top:5px;}
h1.follow_us {font: 22px Arial, Verdana, sans-serif; color:#000; line-height:50px; margin-bottom:5px;}
h1.who {font: 22px Arial, Verdana, sans-serif; color:#000; background: url("images/bg_who.png") no-repeat center left;height:35px; padding-left: 40px;  padding-top:10px; margin-bottom:15px;}
h1.why {font: 22px Arial, Verdana, sans-serif; color:#000; background: url("images/bg_why.png") no-repeat center left;height:35px; padding-left: 40px;  padding-top:10px; margin-bottom:15px;}
h1.bird {font: bold 22px Arial, Verdana, sans-serif; color:#000; background: url("images/bg_bird.png") no-repeat center left;height:35px; padding-left: 45px;  padding-top:10px; margin-bottom:5px;}
h1.recent {font: 22px Arial, Verdana, sans-serif; color:#000; background: url("images/bg_recent.png") no-repeat center left;height:35px; padding-left: 40px;  padding-top:10px; margin-bottom:15px;}
h1.contact {font: 22px Arial, Verdana, sans-serif; color:#000; background: url("images/bg_contact.png") no-repeat center left;height:35px; padding-left: 40px;  padding-top:10px; margin-bottom:15px;}

p {font: 14px Arial, Verdana, sans-serif; color:#000;}

.bt_sm {position:relative;}
.bt_sm li{list-style:none; float:left; margin-right:20px;}
.bt_sm li, .bt_sm a{height:40px; display:block;}

.bt_twitter {left:0; width:40px;}
.bt_twitter {background:url("images/bt_twitter.png") 0 -41px;}
.bt_twitter a:hover {background: url("images/bt_twitter.png") 0 0;}

.bt_facebook {left:0; width:40px;}
.bt_facebook {background:url("images/bt_facebook.png") 0 -41px;}
.bt_facebook a:hover {background: url("images/bt_facebook.png") 0 0;}

.bt_flickr {left:0; width:40px;}
.bt_flickr {background:url("images/bt_flickr.png") 0 -41px;}
.bt_flickr a:hover {background: url("images/bt_flickr.png") 0 0;} 

.bt_stumble {left:0; width:40px;}
.bt_stumble {background:url("images/bt_stumble.png") 0 -41px;}
.bt_stumble a:hover {background: url("images/bt_stumble.png") 0 0;}

.bt_delicious {left:0; width:40px;}
.bt_delicious {background:url("images/bt_delicious.png") 0 -41px;}
.bt_delicious a:hover {background: url("images/bt_delicious.png") 0 0;} 

.tweets {width:320px; height:150px; background: url("images/bg_tweets.png"); padding:20px; font: 14px Arial, Verdana, sans-serif; color:#000;}
.tweets a {font-weight:bold; text-decoration:underline; color:#000;}
.tweets a:hover, a:active {color:#0054a6;}
.blue {color:#0054a6;}

.footer {width:100%; min-height:1200px; background-color:#bbb; margin:0 auto;}
.services {width:940px; height:350px; margin:0 auto; background: url("images/bg_separator.png") no-repeat center bottom;}
.stock {width:940px; height:220px; text-align:center; margin:0 auto; background: url("images/bg_separator.png") no-repeat center bottom;}
.s_content {width:470px; height:320px; float:left; padding-top:30px;}
.s_content img {float:left; margin-right:20px;}

.features {width:940px; height:640px; margin:0 auto; }
.portfolio {width:500px; height:660px; padding-top:30px; margin:0 auto; float:left;}
.contact {width:440px; height:660px; padding-top:30px; margin:0 auto; float:left;}

.form {width:400px; height:200px; background: url("images/bg_form.png"); padding:20px;}
.form p {font: 14px Arial, Verdana, sans-serif; color:#fff;}
.textform {float:left; width:140px; font: 14px Arial, Verdana, sans-serif; color:#fff;}
#textfield, .textarea {width:245px; font: 14px Arial, Verdana, sans-serif; color:#000; padding:2px;}
.textarea {height:56px;}

.send {font-family: Arial, serif; font-size:16px; letter-spacing:1px; color:#fff; width:212px; height:45px; background: transparent url("images/bg_send.png"); background-position:0 -45px; border:0; float:right; margin-right:0px; margin-top:20px;}
.send:hover {width:212px; height:45px; background: transparent url("images/bg_send.png"); background-position:0 0; cursor:pointer;}

.copyright_w {width:100%; background:#000 url("images/bg_copyright_w.jpg"); height:170px;}
.copyright {width:940px; height:100px; margin:0 auto;}
.white {color:#fff;}

.images {height:440px; width:460px; float:left; position:relative;}
.images div.pages {display:none; position:absolute; top:0; left:0; margin:0; padding:0; height:440px; font-size:12px;}

.logofooter {margin:0 10px 0 0; padding:0; float:left;}

.tabs {clear:both; margin-left:200px;}
.tabs a {width:8px; height:8px;	float:left; margin:3px;	background:url("images/navigator.png") 0 0 no-repeat; display:block; font-size:1px;}
.tabs a:hover {background-position:0 -8px;}
.tabs a.current {background-position:0 -16px;} 	

ul.hover_block { display: block; overflow: hidden; height: 1%;}
ul.hover_block li, ul.hover_block2 li {list-style:none;	float:left;background: #000 url("images/work_bg.jpg"); width:220px; position: relative; margin-right: 10px; margin-bottom:20px;}
ul.hover_block li a, ul.hover_block2 li a {display: block;position: relative;overflow: hidden; height:70px; width: 200px; padding: 10px; color: #fff;}
ul.hover_block li a, ul.hover_block2 li a {text-decoration: none; }
ul.hover_block li img, ul.hover_block2 li img {position: absolute;top: 0;left: 0;border: 0;}

.title {font: bold 14px Arial, Verdana, sans-serif; color:#fff; text-align:center;}
.work, .work a:hover, a:active {font: 14px Arial, Verdana, sans-serif; color:#fff; text-align:center; background:none;}

h2 {font: bold 14px Arial, Verdana, sans-serif; color:#fff; text-align:center;}
p.work, p.work a:hover, a:active {font: 14px Arial, Verdana, sans-serif; color:#fff; text-align:center; background:none;}

div#fancy_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 30;}
div#fancy_loading {position: absolute;height: 40px;width: 40px;cursor: pointer;	display: none;overflow: hidden;	background: transparent;z-index: 100;}
div#fancy_loading div {	position: absolute;top: 0;left: 0;width: 40px;height: 480px;background: transparent url('images/fancy_progress.png') no-repeat;}
div#fancy_outer {position: absolute;top: 0;left: 0; z-index: 90;padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;}
div#fancy_inner {position: relative;width:100%;height:100%;background: #FFF;}
div#fancy_content {margin: 0;z-index: 100;position: absolute;}
div#fancy_div {	background: #000;color: #FFF;height: 100%;width: 100%;z-index: 100;}

img#fancy_img {	position: absolute;top: 0;left: 0;border:0; padding: 0; margin: 0;z-index: 100;width: 100%;height: 100%;}
div#fancy_close {position: absolute;top: -12px;right: -15px;height: 30px;width: 30px;background: url('images/fancy_closebox.png') top left no-repeat;cursor: pointer;z-index: 181;display: none;}
#fancy_frame {position: relative;width: 100%;height: 100%;display: none;}
#fancy_ajax {width: 100%;height: 100%;overflow: auto;}

a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer;z-index: 111; display: none;background-image: url("data:image/gif;base64,AAAA");outline: none;overflow: hidden;}
a#fancy_left {left: 0px; }
a#fancy_right {	right: 0px; }

span.fancy_ico {position: absolute; top: 50%;margin-top: -15px;width: 30px;height: 30px;z-index: 112; cursor: pointer;display: block;}
span#fancy_left_ico {left: -9999px;background: transparent url('images/fancy_left.png') no-repeat;}

span#fancy_right_ico {right: -9999px;background: transparent url('images/fancy_right.png') no-repeat;}

a#fancy_left:hover, a#fancy_right:hover {visibility: visible;background-color: transparent;}
a#fancy_left:hover span {left: 20px; }
a#fancy_right:hover span {right: 20px; }

#fancy_bigIframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;}

div#fancy_bg {position: absolute;top: 0; left: 0;width: 100%;height: 100%;z-index: 70;border: 0;padding: 0;margin: 0;}
div.fancy_bg {position: absolute;display: block;z-index: 70;border: 0;padding: 0;margin: 0;}
div#fancy_bg_n {top: -20px;left: 0;width: 100%;	height: 20px;background: transparent url('images/fancy_shadow_n.png') repeat-x;}
div#fancy_bg_ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_ne.png') no-repeat;}
div#fancy_bg_e {right: -20px;height: 100%;width: 20px;background: transparent url('images/fancy_shadow_e.png') repeat-y;}
div#fancy_bg_se {bottom: -20px;	right: -20px;width: 20px;height: 20px;	background: transparent url('images/fancy_shadow_se.png') no-repeat;}
div#fancy_bg_s {bottom: -20px;left: 0;width: 100%;height: 20px;	background: transparent url('images/fancy_shadow_s.png') repeat-x;}
div#fancy_bg_sw {bottom: -20px;left: -20px;width: 20px;	height: 20px;background: transparent url('images/fancy_shadow_sw.png') no-repeat;}
div#fancy_bg_w {left: -20px;height: 100%;width: 20px;background: transparent url('images/fancy_shadow_w.png') repeat-y;}
div#fancy_bg_nw {top: -20px;left: -20px;width: 20px;height: 20px;background: transparent url('images/fancy_shadow_nw.png') no-repeat;}

div#fancy_title {position: absolute;z-index: 100;display: none;}
div#fancy_title div {color: #FFF;font: bold 12px Arial;	padding-bottom: 3px;white-space: nowrap;}
div#fancy_title table {	margin: 0 auto;}
div#fancy_title table td {padding: 0;vertical-align: middle;}

td#fancy_title_left {height: 32px;width: 15px;background: transparent url('images/fancy_title_left.png') repeat-x;}
td#fancy_title_main {height: 32px;background: transparent url('images/fancy_title_main.png') repeat-x;}
td#fancy_title_right {height: 32px;width: 15px;	background: transparent url('images/fancy_title_right.png') repeat-x;}



.formError {position:absolute;top:300px; left:300px;padding-bottom:13px;display:block;z-index:5000;cursor:pointer;}

#debugMode{background:#000;position:fixed;width:100%; height:200px;top:0; left:0;overflow:scroll;opacity:0.8;display:block;padding:10px;color:#fff;font-size:14px;z-index:100000;}

.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}

.formError .formErrorContent {width:100%; background:#ee0101;color:#fff;width:150px;font-family:tahoma;	font-size:11px;	border:2px solid #ddd;box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;	padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}

.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;z-index:5001;}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{	border-left:2px solid #ddd;border-right:2px solid #ddd;	box-shadow: 0px 2px 3px #444;-moz-box-shadow: 0px 2px 3px #444;	
-webkit-box-shadow: 0px 2px 3px #444;font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;	}

.formError .formErrorArrowBottom div{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
					
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

.formError .formErrorArrow .line10{width:15px;border:none;} 
.formError .formErrorArrow .line9{width:13px;border:none;} 
.formError .formErrorArrow .line8{width:11px;} 
.formError .formErrorArrow .line7{width:9px;} 
.formError .formErrorArrow .line6{width:7px;} 
.formError .formErrorArrow .line5{width:5px;} 
.formError .formErrorArrow .line4{width:3px;} 
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}