/*GLOBAL OPTIONS*/
html {
	font-size: 100.1%;
	height: 100%;
}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
	height: 100%;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
li {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img {border: none;}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 770px;
	padding: 0 18px;
	background: url(../_images/bg-main.gif) repeat-y;
	min-height: 100%;
	text-align:left;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 34px;
	left: 53px;
}
.logo a {
	background: url(../_images/logo.gif) no-repeat;
	height: 74px;
	width: 314px;
}
/*main navigarion*/
.main-nav {
	padding: 0;
	margin: 0;
	height: 68px;
	position: absolute;
	left: 1px;
	top: 132px;
	width: 769px;
	background: url(../_images/bg-main-nav.jpg) repeat-x 0 100%;
}
.main-nav li {float: left;}
.main-nav li a {
	display: block;
	width: 127px;
	height: 57px;
	overflow: hidden;
	text-indent: -9999px;
	margin-left: 1px;
}
/*clases for all links*/
.main-nav li a.home {background: url(../_images/img-home.jpg) no-repeat;}
.main-nav li a.abilities {background: url(../_images/img-abilities.jpg) no-repeat;}
.main-nav li a.design {background: url(../_images/img-design.jpg) no-repeat;}
.main-nav li a.technology {background: url(../_images/img-techn.jpg) no-repeat;}
.main-nav li a.portfolio {background: url(../_images/img-portfolio.jpg) no-repeat;}
.main-nav li a.contact {background: url(../_images/img-contact-us.jpg) no-repeat;}

.main-nav li a.contact_us {background: url(../_images/img-contact-us.jpg) no-repeat;}

.main-nav li a:hover, .main-nav li a.active {background-position: 0 100%;}

/*mode menu*/
.mode {
	padding: 0;
	margin: 0;
	position: absolute;
	right: 2px;
	top: 4px;
	z-index:1;
	cursor:pointer;
}
.mode li {float: left;}
.mode li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 64px;
	height: 46px;
}
.mode li a.web-mode {background: url(../_images/img-btn-web-mode.jpg) no-repeat;}
.mode li a.kiosk-mode {background: url(../_images/img-btn-kiosk-mode.jpg) no-repeat;}

.mode a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width:130px; height:45px; background: url(../_images/mode-web-btn.gif) no-repeat;
}
.mode a.active{ background: url(../_images/mode-web-btn.gif) no-repeat; }
/*HEADER*/
#header {
	height: 205px;
	background: url(../_images/bg-header.jpg) no-repeat 1px 0;
	position: relative;
}
/*CONTAINER*/
#container {
	overflow: hidden;
	padding: 0 5px;
}
h2 {
	color: #fff;
	margin: 0;
	line-height: 25px;
	padding-left: 17px;
	font-size: 160%;
	font-weight: normal;
}
/*column1*/
.column1 {
	float: left;
	width: 197px;
	overflow: hidden;
}
/*column box*/
.column-box {
	background: url(../_images/bg-column-box.gif) no-repeat;
	padding-top: 10px;
	margin-bottom: 17px;
}
.column-box p {margin-bottom: 10px;}
.column-box p, .column-box strong {
	color: #f3f3f3;
	font-size: 140%;
	padding-left: 15px;
	font-weight: normal;
}
.column-box strong {color: #000;}
.column-box-wrapper {
	background: url(../_images/bg-column-box.gif) no-repeat 0 100%;
	padding-bottom: 10px;
	overflow: hidden;
}

.column-box-wrapper .addressTitle{	color:#4D4C4E; font-size:14px; }
.column-box-wrapper .addressText{	color:#ffffff; font-size:13px; }

.column-box-wrapper a{ margin-left:15px; font-weight:bold; text-decoration:none; color:#fff; font-size:12px; }
.column-box-wrapper a:hover{ text-decoration:underline; }

.column-box-wrapper p{ margin:0 0 0 15px; padding:0; }	/*T R B L*/
.column-box-wrapper h2{
	color: #fff;
	margin: 0;
	line-height: 15px;
	padding-left: 17px;
	font-size: 160%;
	padding-bottom:5px;
	font-weight:bold;
	font-size:14px;
	height:20px;
}
/*news list*/
.news-list {
	background: #e7e8e9 url(../_images/bg-column-bottom.gif) no-repeat 0 100%;
	padding: 0 0 0 0px;/*T R B L*/
	bottom: 0px;
	margin: 0;
	width: 192px;
	position: relative;
	background-color:#fff;
}
.news-list li {
	padding: 7px 13px 20px;
	font-size: 120%;
	background: #fdfdfd url(../_images/bg-gradient.gif) repeat-x 0 100%;
	margin-bottom: 0px;
	position: relative;
}

.news-list a {		color:#F89734; font-weight:bold; text-decoration:none; font-size:12px; }
.news-list a:hover{	text-decoration:underline; } 

/*CONTENT*/
.content {
	float: left;
	width: 485px;
	height:auto;
	padding: 0 30px 0 40px;
	overflow:hidden;
}

.content .portfolio_content{
	margin-left:15px;
}

p {
	color: #000;
	font-size: 120%;
	margin: 0 0 7px;
}
.c-visual {display: block;}
/*contact*/
.contanct {
	background: #7c8da5;
	border-bottom: 1px solid #c9ccd3;
	padding: 10px;
}
.contanct p {
	color: #f3f3f3;
	font-size: 120%;
	margin: 0;
	padding-left: 12px;
	background: url(../_images/bg-contact.gif) no-repeat 0 3px;
}
.contanct p a {color: #000;}
/*content text*/
.c-text {
	background: #e7e8e9 url(../_images/bg-content-bottom.gif) no-repeat 0 100%;
	padding: 12px 22px;
}
/*FOOTER*/
#footer {
	clear: both;
	background: url(../_images/bg-footer.gif) repeat-x;
	padding-top: 7px;
	margin: 20px 0 0 2px;
	height: 30px;
}
#footer p {
	color: #8292a9;
	margin: 0;
	text-align: center;
	font-size: 120%;
}
/*PORTFOLIO*/
.portfolio-page .content{
	width: 550px;
	padding: 0;
}
.sub-navigation {
	padding: 0;
	margin: 0 0 10px;
}
.sub-navigation li a {
	background: url(../_images/bg-sub-nav.jpg) no-repeat;
	line-height: 53px;
	display: block;
	text-decoration: none !important;
	margin-bottom: 2px;
	padding-left: 40px;
	width: 157px;
	color: #333;
	font-size: 140%;

}
.sub-navigation li a:hover, .sub-navigation li a.active {background: url(../_images/bg-blue-dot.jpg) no-repeat 10px 50%;}
/*image holder*/
.image-holder {
	padding:2px;
	float: left;
	margin: 0px 10px 0px 10px;/*T R B L*/
	background:url(../_images/portfolio__img_bg.gif) no-repeat;
	width:344px;
	height:259px;
}
.image-holder img {display: block;}
/*dots*/
.dots {
	padding: 0px 20px 0 0px;/*T R B L*/
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
}
.dots li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 25px;
	height: 25px;
	background: url(../_images/img-orange-dot.jpg) no-repeat #fff;
	margin-bottom: 5px;
}
.dots li a:hover, .dots li a.active {background: url(../_images/bg-blue-dot.jpg) no-repeat #fff;}

.dots li { float:right; }
/*description*/
.description {
	clear: both;
	background: url(../_images/bg-footer.gif) repeat-x;
	margin: 0 0 10px 10px;
	padding-top: 15px;
}

.description .portfolioHeader{
	font-size:14px; font-weight:bold; color:#666;
}

.jobTitle{
	font-size:16px; font-weight:bold; color:#fff;
}

.portfolioSubTitle{
	font-size:16px; font-weight:bold; color:#999;
}

.description .portfolioDescription{
	font-size:12px;	padding:0; margin:0;
}

/* TEMPLATES: */
/* A_D_T */
#A_D_T_box{ margin:0 10px 10px 10px; height:auto; width:533px; overflow:hidden; float:right; }
.A_D_T_content_dots_horizontal, #A_D_T_content_dots_horizontal{ background:url(../_images/grey_dot.gif) repeat-x; height:6px; font-size:5px; }
#A_D_T_content{
	background:url(../_images/grey_dot_line_535px.gif) repeat-y;
	padding:10px 15px 15px 20px;/*T R B L*/
	min-height:340px;
	font-size:11px;
}
#A_D_T_content img {	padding:5px 5px 5px 0px; float:left; }
#A_D_T_content ul {		padding:5px 5px 5px 15px; font-size:12px;}
#A_D_T_content li { 	list-style-type:disc; }

#A_D_T_content a {		color:#F89734; font-weight:bold; text-decoration:none; font-size:12px; }
#A_D_T_content a:hover{	text-decoration:underline; } 

#A_D_T_content div{ font-size:12px; }
#A_D_T_content span{ font-size:12px; }

#A_D_T_content #map{	width:490px; height:425px; }

#A_D_T_content #jobs{
	padding: 0 10px 0 10px;/*T R B L*/
	color:#fff;
	font-size:14px;
	font-weight:300; 
	margin:0 0 30px 0;
	/*border:1px #ddd dotted;*/
	background: url(../_images/bg-content-box-495px.gif) no-repeat 0 100%;
}

#A_D_T_content .column-box-wrapper {
	background: url(../_images/bg-content-box-495px.gif) no-repeat;
	padding-bottom: 7px;
	height:7px;
	overflow: hidden;
}

#A_D_T_content #jobs_top{		color:#333; font-size:14px; font-weight:500; }
#A_D_T_content #jobs_contact{	color:#333; font-size:12px;}


#A_D_T_content #gallery_image_frame{
	padding: 0px;
	background:url(../_images/ourspace_img_bg.gif) no-repeat;
	width:495px;
	height:250px;
	overflow:hidden;
}
#A_D_T_content #gallery_image_holder{
	width:490px;
	height:245px;
	overflow:hidden;
	margin-left:2px;
	margin-top:-3px;
	overflow:hidden;
}

#A_D_T_content #our_space_content{
	font-size:12px;
	padding:10px 0px 10px 0px;/*T R B L*/
}

#A_D_T_content .dots {
	padding: 0;
	margin: 0 auto 0 auto;/*T R B L*/
	width: 495px;
	text-align:center;		
}

#A_D_T_content .dots li{	list-style:none; }

#A_D_T_content #our_team_content{
	width:470px;
	height:280px;
	background:url(../_images/ourteam_profile_bg2.gif) no-repeat;
	padding:0px 0px 5px 15px;/*T R B L*/
}

#our_team_content #our_team_content_title{
	margin:22px 10px 10px 10px;/*T R B L*/
	min-height:50px;
	height:50px;
	color:#333;
	font-size:14px;
	font-weight:bold;
}
#our_team_content #our_team_content_contact{
	margin:15px 10px 10px 10px;/*T R B L*/
	min-height:100px;
	height:100px;
	color:#fff;
	font-size:13px;
}

#our_team_content #our_team_content_contact .addressText{
	color:#fff;
	font-size:13px;	
}

#our_team_content #our_team_content_contact a{
	color:#fff;
	font-size:13px;	
}

#our_team_content #our_team_content_left_column{
	width:220px;
	float:left;
}
#our_team_content #our_team_content_image{
	width:244px;
	height:288px;
	float:right;
	overflow:hidden;
	margin:0;
	padding:0;
}

#our_team_content_image div{
	background:url(../_images/ourteam_profile_mask.gif) no-repeat 0 0; min-height:100%; min-width:100%;
	padding:0; margin:0;
}

#our_team_content_nav{
	width:100%; text-align:center; padding:0; margin:0; color:#fff; height: 45px;
}

	/*=======	our_team_dots	=======*/
	.our_team_dots {
		padding: 15px 0 0 5px;/*T R B L*/
		width: 150px;
		margin-left:auto;
		margin-right:auto;
	}
	.our_team_dots li a {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		width:50px;
		height: 45px;
		background: url(../_images/img-orange-dot.jpg) no-repeat 50% 0% #fff;
		margin-bottom: 5px;
		text-align:center;
		padding-top:10px;		
	}
	
	.our_team_dots li a:hover, .our_team_dots li a.active {
		background: url(../_images/bg-blue-dot.jpg) no-repeat 50% 0% #fff;
	}
	
	.our_team_dots li {
		float:left;
		list-style-type:none;
	}
	/*=======	our_team_dots	=======*/
	
/* flash_container */
#flash_container{
	position:absolute;
	display:none;
	min-height:100%;
	min-width:100%;
	background-color: #fff;
	filter:alpha(opacity=95); /* IE's opacity*/
	left: 0px;
	opacity: 0.95;
	top: 0px;
	z-index: 99;
	text-align:center;
}

#flash_container img{
	filter:alpha(opacity=100); /* IE's opacity*/
	opacity: 1;
	margin:4px 47px 0px 0px;	/*T R B L*/
	text-align:right;
}

#flash_container div{
	width:860px; margin-left:auto; margin-right:auto;
}

#flash_container a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width:130px;
	height:45px;
	background: url(../_images/mode-kiosk-btn.gif) no-repeat;
	/*margin:4px 500px 0px 0px;	/*T R B L*/
	margin-left:684px;
	margin-top:3px;
}

#flash_container #iframe_container{
	height:700px; 
	background:url(../_images/flash_layer_bg.gif) no-repeat;
}

/* MAP STYLES */
.map_form input{
	font-size:10px;
	font-weight:bold;
	color:#333;
}

.map_form #map_to_address{
	width:200px; height:14px; border:#ddd solid 1px; margin-bottom:5px;
}

.map_form #get_directions_btn{
	cursor:pointer;
}


#directions_status{
	width:485px;
	color:#CC3300;
	text-align:center;
}

#directions_status a:hover{ text-decoration:none; }

#directions_status img{
	float:none;
}

#gallery_description .jobTitle{
	color:#999; font-size:14px;
}

.map_form_error_class{
	font-size:8px;
	color:#333;
	text-align:left;
	
}

/* OVERLAY METHOD # 2 */
.black_overlay{
    
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100px;
    height: 100%;
    z-index:1001;
	background-color:#fff;
	
    /*-moz-opacity: 0.5;/* Mozilla 1.6 and below   */
    /*opacity:.50;
    filter: alpha(opacity=50); /* Internet Explorer       */
}
 
.white_content {
	/*background: url(../_images/overlay_bg_white.png) no-repeat;*/
	position:relative;
	z-index:1002;
    top: 0px;
    width: 100px;
    height: 620px;
    padding: 0;
    overflow:hidden;
	margin: 0 auto;   /* align for good browsers */
    -moz-opacity: 1;/* Mozilla 1.6 and below   */
    opacity:1;
    filter: alpha(opacity=100); /* Internet Explorer       */
}


.replacement_flash_paragraph{
	font-size:14px;
}