/* Global Styles */

* { margin:0px; padding:0px; outline:0; }

body { font-size:0.9em; font-family: Arial, Helvetica, sans-serif; color:#fff; line-height:1.4em; color:#232E34; }

h1 { font-weight:bold; font-size:1.9em; font-family: Helvetica, Arial, sans-serif; }
h2 { font-size:1.6em; color:#fff; font-weight:bold; }
h3 { font-size:1.4em; color:#758C9A; font-weight:bold; }
h6 { font-size:.85em; color:#333; }

a { color:#84cfe7; text-decoration:none; font-weight:bold; }
a:hover { color:#99ff00; text-decoration:none; font-weight:bold; }
hr { float:left; background:#F35901; height:1px; width:100%; border:0;}
img { border:none; }
i { display:block; }
li { list-style:square; margin-left:20px; }
td { text-align:left; padding:2px; }
th { text-align:left; color:#fff; padding:2px; }


/* Headings */

.homepage_heading, .our_clients_heading { color:#FF6600; }
.what_we_do_heading { color:#FF6600; font-size:2.2em; font-weight:bold; }
.about_heading { color:#FF6600; }
.contact_heading { color:#FF6600; }
.work_with_us_heading { color:#FF6600; }

.about_sub_heading { color:#18a4a9; font-size: 1.4em; margin: 15px 0 13px 0; }
.contact_sub_heading { color:#18a4a9; font-size: 1.4em; margin: 15px 0 13px 0; }
.clients_sub_heading { color:#18a4a9; font-size: 1.4em; margin: 15px 0 13px 0; }
.work_with_us_sub_heading { color:#84cfe7; font-size: 1.4em; margin: 15px 0 13px 0; }	
.selectButton { width:auto; padding:1px; color:#000; font-weight:bold; }

/* Containers */

#outer-container {  position:relative; float:left; left:100px; width:881px; }		
#container { position:relative; float:left; width:881px; height:auto; }

/* Backgrounds */

/*.homepage-bg1,.homepage-bg2, .homepage-bg3, .homepage-bg4, .about_bg, .what_we_do_bg, .contact_bg, .our_clients_bg, .work_with_us_bg, .adv_bg,.dove_bg, .dyrup_bg, .blu_bg, .qiib_bg, .hbm_bg, .pachin_bg, .msi_bg, .superted_bg, .bridge_bg, .flutes_bg, .origins_bg, .sapin_bg, .wyevale_bg, .summit_bg, .tamangang_bg,
#homepage-opacity, #about_opacity, #work_with_us_opacity, #what_we_do_opacity, #contact_opacity, #our_clients_opacity, .bg-opacity { display:none }*/


/* Top */

#logo { display:none }
#logo-print { display:block; margin:40px 0 40px 0; height:150px; width:600px; }
a.button-services { display:none; }

/* Left */

#left, #screen2 { display:none }

/* Homepage */

#slideshow, #screen2 { display:none; }

/* About us */

#focus-how-why-content { display:none; }
#print-focus-how-why, .focus-how-why-block { position:relative; margin-top:40px; left:40px; display:block; }

/* Copyright */

#copyright { position:relative; float:left; right:10px; z-index:999; text-align:right; }
#copyright a { color:#FF6600; }
#copyright li { list-style:none; }

/* Main */

#main { position:relative; float:left; width:722px; }

.block-content { display:block; width: 540px; }
.block-content-video-services { display:none }


.screenshot-blocks { position:relative; float:left; width:120px; margin-right:49px; }

.contact-content { position: relative; width: 500px; top: 210px; right: 22px; float: left; left: 0; z-index: 2; background: #232E34; color:#f7cf3a; padding: 23px; }
.contact-content a { color:#f35901; text-decoration:none; font-weight:bold; }
.contact-content a:hover { color:#f35901; text-decoration:underline; font-weight:bold; }
.contact-content h2 { font-weight:bold; color:#fff; }
#our_clients_content { position: relative; height: 22em; width: 400px; top: 250px; right: 22px; float: left; left: 50px; z-index: 2; background: #232E34; color:#fff; padding: 23px; background: #232E34; }
#our_clients_content a { color:#99ff00; text-decoration:none; font-weight:bold; }
#our_clients_content a:hover { color:#99ff00; text-decoration:underline; font-weight:bold; }
#work_with_us_content { position: relative; width: 460px; top: 250px; right: 22px; float: left; left: 50px; z-index: 2; background: #232E34; color:#fefefe; padding: 23px;  }
#work_with_us_content a { color:#84cfe7; text-decoration:none; font-weight:bold; }
#work_with_us_content a:hover { color:#84cfe7; text-decoration:underline; font-weight:bold; }
#work_with_us_content h2 { color:#fefefe; }
#hbm_content { position: relative; height: 470px; width: 650px; top: 220px; float: left; left: 20px; z-index: 2; background: #232E34; color:#fff; border: 10px solid #232E34; }

.left { position:relative; float:left; margin-right:53px; }
.right { position:relative; float:left; }

#interface { display:none }

#page_bottom {
	position: absolute;
	z-index: 1;
	height: 12em;
	width: 700px;
	left: 22px;
	top: 660px;
	background: #ffffff;
}
#tv { position: absolute; height: 190px; width: 280px; left: 485px; top: 228px; z-index: 10000; border:4px solid #000; }
#frame { position: absolute; height: 220px; width: 136px; left: -11px; top: 300px; z-index: 3; background: url(../../images/what_we_do/frame.png); padding: 25px; }
#kaleidoskope { position: absolute; height: 200px; width: 135px; left: 15px; top: 149px; z-index: 3; }
#homepage_animation { position: absolute; height: 150px; width: 204px; left: 209px; top: 78px; z-index: 3; }
#who_we_are { position: absolute; height: 150px; width: 220px; left: 555px; top: 242px; z-index: 3; }
#balloon, #balloonIE7 { display:none }

#browserHB { position: absolute; display:block; top:235px; height: 228px; width: 303px; left: 478px; z-index: 5; border: 10px solid #232E34; }
#browserST { position: absolute; display:block; top:27px; height: 228px; width: 303px; left: 16px; z-index: 5; border: 10px solid #232E34; }
#browserMSI { position: absolute; display:block; top:576px; height: 228px; width: 303px; left: 295px; z-index: 5; border: 10px solid #232E34; }

#back-to-clients { position:relative; float:right; margin-top:10px; right:0; text-align:right; }

.mainAreaInternal { float:left; width: 380px; overflow: auto; padding: 2px; z-index: 0;	background: #000; }
.mainAreaLoading { position: absolute; top: 0px; left: 0px; width: 450px; height: 500px; background: #000; z-index: 1; }
.loading { position: relative; top: 100px; left: 175px }

#what_we_do { position: absolute; height: 100px; width: 400px; left: 0px; top: -102px; }

/* Work with us */

a.work-with-us-tabs { display:none }

/* What we do */

a#tab-web-development, a#tab-internet-video, a#tab-digital-design { color:#89E307; }

#featured-project-scroll .featured-projects { display:none}

a.previous-project, a.next-project { display:none; }

/* Links */

a.green-links { color:#89E307 }

/* Footer */
		
#footer-container, #footer-container #footer { display:none; }
#footer li.first { display:block; }

#footer li.third, #footer li.fourth, #footer li.second, #footer li.fifth { display:none }


/* Forms and Misc */
.image-opacity { cursor:pointer }
.floatLeft { float:left }
.floatRight { float:right }
.noMargin { margin:0; }
.selectButton { width:auto; background:transparent; color:#F35901; font-weight:normal; font-size:2em; padding-top:2px; border:none !important; }
.selectButton:hover { color:#F7CF3A }
.selectButton::-moz-focus-inner { padding:0; border: 0; }
.radio { width:11px; border:0; background:#E5E5FF;}
.check { width:14px; border:0; background:#E5E5FF;}
.subHead  { font-size:1em; color:#888;}
.errorText { font-size:1em; color:#f00; font-weight:bold; }
.empty { margin:7px; }
.clearBoth { clear:both; }
.hide_last_elm { display:none; }
.warning { font-weight:bold; color:#f00; }

#noprint, .noprint { display: none; }