/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
	background: #000 url(../images/bg-body.gif) repeat-x;
	padding: 40px 0 0;
}
.inner {background-image: url(../images/bg-body2.gif);}
form {
	display: inline;
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 0;
	margin: 0;
	border-style: none;
	display: block;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {border-style: none;}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
.main-holder {
	width: 908px;
	margin: 0 auto;
	position: relative;
}
#main {
	width: 900px;
	padding: 80px 4px 0;
	background: url(../images/bg-main.png) repeat-y;
}
/*HEADER*/
#header {
	height: 120px;
	background: url(../images/bg-header.gif) repeat-x;
	position: absolute;
	width: 100%;
	top: -40px;
	left: 0;
	font-family: Gotham, Arial, sans-serif;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 58px;
	left: 25px;
	background: url(../images/logo.gif) no-repeat;
	width: 188px;
	height: 44px;
}
.logo a {
	height: 100%;
	width: 100%;
}
/*main-nav*/
.main-nav {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 72px;
	right: 25px;
}
.main-nav li {
	padding-left: 30px;
	float: left;
	font-size: 14px;
}
.main-nav li a {
	color: #195b8a;
	font-weight: bold;
	padding-right: 20px;
	background: url(../images/img-main-nav.gif) no-repeat 100% 50%;
}

/*SEO Message in the footer*/
.maintopic h1 {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	display: inline;
}
.maintopic h2 {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	display: inline;
}

/*top-menu*/
.top-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 12px;
	right: 24px;
}
.top-menu li {
	display: inline;
	padding-left: 20px;
}
.top-menu a {
	font-size: 12px;
	color: #c84b55;
	font-weight: bold;
}
/*tel*/
.tel {
	position: absolute;
	top: 12px;
	left: 25px;
	color: #aa3f47;
	font-size: 12px;
	text-transform: uppercase;
}
.tel span {color: #fff;}
/*CONTAINER*/
#container {
	width: 100%;
	display: table;
}
/*visual1*/
.visual1 {
	width: 100%;
	position: relative;
}
.visual1 .flash-holder {margin-left: -23px;position: relative; z-index: 0; }
.visual1 img {display: block;position: relative;}
/*flash-text*/
.blackbarry {padding-top: 35px;}
.blackbarry h1 {color: #6ad4c2 !important;}
.electronics h1 {color: #6591c8 !important;}
.visual1 .flash-text {
	position: absolute;
	left: 150px;
	top: 105px;
	z-index: 100;
	font-size: 43px;
	color: #125687;
}
.visual1 .flash-text h1 {
	font-size: 43px;
	margin: 0;
}
.visual1 .flash-text h3 {
	font-size: 43px;
	margin: 0;
}
.visual1 .flash-text strong {
	color: #fff;
	font-weight: normal;
}
.visual1 .flash-text span {
	font-size: 12px;
	color: #fff;
	display: block;
}
/*content*/
.content {padding: 0 20px 10px;}
/*columns-holder*/
.columns-holder {
	width: 100%;
	overflow: hidden;
	padding: 22px 0;
}
.columns {
	width: 110%;
	overflow: hidden;
}
.columns .content-box {
	float: left;
	width: 270px;
	padding-right: 25px;
}
.content-box h2 {
	font-size: 22px;
	font: Tahoma;
	letter-spacing: -1px;
	font-stretch: wider;
	margin: 0 0 10px;
	color: #185a8a;
	font-weight: normal;
	text-transform: uppercase;
}
.content-box p {
	font-size: 12px;
	line-height: 18px;
	color: #999;
	margin: 0 0 10px;
	letter-spacing: 0px;
}
.content-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 15px;
	color: #bbb;
	font-weight: 500;
}
.content-box ul.list {
	font-size: 11px;
	line-height: 18px;
	color: #888;
}
.content-box li {
	padding-left: 12px;
	background: url(../images/img-gray-bullet.gif) no-repeat 0 4px;
}
.content-box li a {color: #2aa2d7;}

/*FOOTER*/
#footer {
	padding: 0 22px;
	line-height: 50px;
}
#footer p {
	display: inline;
	font-size: 11px;
	color: #999;
}
#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#footer li {
	display: inline;
	padding-left: 14px;
}
#footer a {
	padding-left: 8px;
	color: #aa3f47;
	font-size: 11px;
	background: url(../images/img-footer-bullet.gif) no-repeat 0 50%;
}
/*visual2*/
.visual2 {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.visual2 img {display: block;}
.visual2 .flash-text {
	width: 555px;
	position: absolute;
	top: 50px;
	right: 30px;
}
.visual2 .flash-text h1 {
	color: #b94c59;
	margin: 0;
	font-size: 43px;
	font-weight: normal;
	letter-spacing: -3px;
}
.visual2 .flash-text strong {
	color: #fff;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}
.visual2 .flash-text p {
	margin: 0 0 15px;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	text-align: justify;
}
.visual2 .flash-text em {
	color: #b94c59;
	font-size: 30px;
	font-style: normal;
}
.visual2 .flash-text em span {color: #fff;}
.autor {
	color: #858484;
	font-size: 10px;
	display: block;
	position: absolute;
	bottom: 22px;
	left: 315px;
}
/*people-list*/
.people-list {
	padding: 24px 0 0;
	margin: 0 0 -20px;
	list-style: none;
}
.people-list li {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	padding-bottom: 34px;
}
.people-list img {
	float: left;
	border: 1px solid #000;
	margin-right: 23px;
}
.people-list div {
	overflow: hidden;
	height: 1%;
}
.people-list h2 {
	margin: 0 0 5px;
	font-size: 20px;
	color: #185a8a;
	text-transform: uppercase;
}
.people-list h2 span {color: #37a7d9;}
.people-list p {
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 18px;
	color: #999;
}
.people-list2 {
	border-bottom: 1px solid #ccc;
	margin-bottom:17px;
}
.people-list2 li {padding-bottom: 17px;}
.read-more {
	color: #46acdb;
	font-size: 11px;
	font-weight: bold;
}
/*text-columns*/
.text-columns {
	border-bottom: 1px solid #ccc;
	padding-bottom: 22px;
}
.text-columns img {
	display: block;
	margin-bottom: 15px;
	border: 1px solid #000;
}
.text-columns p {
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 13px;
}
/*client-logos-list*/
.client-logos-list {
	width: 100%;
	overflow: hidden;
}
.client-logos-list ul {
	padding: 0 0 10px;
	margin: 0;
	list-style: none;
	width: 110%;
	overflow: hidden;
}
.client-logos-list li {
	float: left;
	margin-right: 8px;
	padding-left: 0;
	background: none;
}
.client-logos-list img {border: 1px solid #000;}
/*electronics-columns*/
.electronics-columns {
	width: 292px;
	float: left;
}
.electronics-columns-right {width: auto;}
.electronics-columns ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
	line-height: 18px;
}
.electronics-columns a {color: #c1c1c1;}
.electronics-columns strong {
	color: #496990 !important;
	font-size: 24px !important;
	margin-bottom: 6px !important;
}
/*main-column*/
.main-column {
	float: left;
	width: 550px;
	padding-bottom: 20px;
}
/*custom format OJ*/
.main-column li li {
	padding-left: 12px;
	background: url(../images/img-gray-bullet.gif) no-repeat 0 4px;
	font-size: 11px;
	color: #999;
	margin-bottom:-15px; 
}
/*sidebar*/
.sidebar {
	float: right;
	width: 270px;
}
.sidebar .people-list img {
	float: none;
	margin-bottom: 15px;
}
.sidebar .people-list li {padding-bottom: 17px;}
/*consulting*/
.consulting {
	padding-top: 55px;
}
.consulting h1, .consulting em {color: #42ab52 !important;}
.consulting .tel-number {
	color: #39a047 !important;
	font-size: 14px !important;
}
/*custom format OJ*/
.indented li {
	padding-left: 12px;
	background: url(../images/img-gray-bullet.gif) no-repeat 0 4px;
	font-size: 12px;
	color: #999;
	margin-bottom:-15px; 
}
.indented li a {
	color: #46acdb;
	text-decoration: none
}

fieldset
{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

legend
{
	font-weight: bold;
	color: #185a8a;
	font-size: 12px;
}

input
{
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
}
checkbox
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

input.submit
{
	clear: both;
	top: 0;
}

label
{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: 0.25em;
	font-weight: bold;
	color: #999;
}

label.first
{
	margin-top: 1.5em;
}

select
{
	font-size: 11px;
	position: relative;
	top: -1.4em;
	left: 12em;
	display: block;
}
textarea
{
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
}
.people-list2 expand1
{
	font: 89% Arial, Helvetica, sans-serif;
	padding-left: 14px;
	color: #999;
}

/*drop down menu*/
#sddm
{	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 72px;
	right: 25px;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	padding-left: 30px;
	font-size: 14px;
}
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	width: 80px;
	background: #FFF;
	color: #195B8B;
	text-align: center;
	text-decoration: none;

	font-weight: bold;
	padding-right: 20px;
	background: url(../images/img-main-nav.gif) no-repeat 100% 50%;

	}

#sddm li a:hover
{	background: #FFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #FFF;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 40px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
		color: #1580CE;
		font: 71% Tahoma;
		font-weight: bolder;
		letter-spacing: -0.5px;
		background: url(../images/img-menu-bullet.gif) no-repeat 28px 50%;
			}

	#sddm div a.menu_indent
	{	color: #3EADFE;
		background: url(../images/img-menu2-bullet.gif) no-repeat 45px 50%;
		padding-left: 60px;
			}

	.menu_indent
	{	position: relative;
		display: block;
		margin: 0;
		padding-left: 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		text-transform: uppercase;
		background: #FFF;
		color: #000;
		font-weight: bolder;
		letter-spacing: -0.5px;
			}

	#sddm div a:hover
	{	background: #999;
		color: #FFF}

.sitemap-wrapper{
   position: relative;
   float: left;
   left: 10px;
   width: 880px;
}

.sitemap-wrapper h2, .sitemap-wrapper h2 a {
    color: #1580CE;
	font: 18px Tahoma;
	padding: 0px; margin: 0px;
}
.sitemap-wrapper h3, .sitemap-wrapper h3 a {
    color: #3EADFE;
	font: 15px Tahoma;
	padding-left: 0px; margin-top: 6px; margin-bottom: 0px;
}
.sitemap-wrapper h4, .sitemap-wrapper h4 a {
    color: #555;
	font: 13px Tahoma;
	padding-left: 3px; margin-top: 2px; margin-bottom: 0px;
	letter-spacing: 0px;
	line-height: 13px;
}

.sitemap-wrapper h5, .sitemap-wrapper h5 a {
    color: #999;
	font: 11px Tahoma;
	padding-left: 6px; margin-top: 2px; margin-bottom: 0px;
	letter-spacing: 0px;
	text-transform: none;
	line-height: 11px;
}

.sitemap-left1{
   position: relative;
   float: left;
   left: 0px;
   width: 210px;
}
.sitemap-left2{
   position: relative;
   float: left;
   left: 20px;
   width: 210px;
}
.sitemap-left3{
   position: relative;
   float: left;
   left: 40px;
   width: 210px;
}
.sitemap-right{
   position: relative;
   float: right;
   right: 0px;
   width: 210px;
}