@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 16px;
}
a:link {
	text-decoration: underline;
	color:#10222b;
}

a:visited {
	color: #345566;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #345566;
}

#account {
color: #345566;
text-decoration: none;
font-weight:normal;
}

#account:hover {
color: #10222b;
}


#centered {
	position:relative;
	left:50%;
	width:960px; /*width of centered div*/
	margin-left: -480px; /*set to a negative number 1/2 of your width*/
	
}

#container {
	position: relative;
}

/*top*/

#top {
	position: relative;
	z-index: 100;
}

#topbar {
	background-color: #eaeaea;
	position: relative;
	height: 30px;
	width:960px;
	overflow: hidden;
}

#phone {
	float: left;
	position: relative;
	height: 30px;
	padding-top: 8px;
	padding-left: 5px;
	
}

#client_account {
	float: right;
	position: relative;
	height: 30px;
	padding-top: 2px;
	margin-right: 10px;
}

#left {
	position: relative;
	left: -210px;
}

#right {
	position: relative;
	padding-top: 6px;
	padding-left: 10px;
	margin-top: -32px;
}

#login {
	border: 1px solid #000000;
}

#client_logged_in {
	color: #345566;
	font-weight: bold;
	font-size:15px;
	margin-top: 2px;
	position: relative;
}


#my_account {
	position:absolute;
	left: -135px;
	width:200px;
	top: 1px;
}


#header {
	background-image: url(../images/global/top/header.gif);
	background-repeat: no-repeat;
	height: 104px;
	width: 960px;
	position: relative;
}

#logo {
	position: absolute;
	margin-top: 11px;
	margin-left: 18px;
}

#main_nav {
	position: relative;
	top: 70px;
	left: 455px;
	width: 505px;
	margin: 0px;
	padding: 0px;
}

/* menu */
#menu { margin:0px; padding:0px; list-style:none; color:#fff; display:inline-block; float:left; z-index:999;}
#menu a {
	color:#bdd684;
	text-decoration:none;
}

#menu > li {
	float:left;
	position:relative;
}

#menu > li a:hover {color:#ffffff;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul {
	position:absolute;
	top:24px;
	left:-11px;
	width:200px;
	line-height:16px;
	background-color:#1c2a36; /* for IE */
	display:none;
	z-index: 999;
}
#menu li:hover ul { display:block;}
#menu li ul li{
	display:block;
	margin-top:5px;
	list-style-type:none;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#menu li ul li:first-child { }
#menu li ul li a { display:block; color:#bdd684; }
#menu li ul li a:hover { color:#ffffff; }

#service_nav {
	background-image: url(../images/global/top/services_backer.gif);
	background-color: #717c81;
	background-repeat: no-repeat;
	position: relative;
	height: 42px;
	width: 960px;
	z-index: -1;
}

#service {
	position: relative;
	margin:0px;
	padding:0px;
	list-style:none;
	color:#fff;
	display:inline-block;
	float:left;
	margin-left:90px;
	height: 38px;
	z-index: 0;
}
#service a {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
}

#service > li {float:left; position:relative; margin-top:8px;}

#service > li a:hover {color:#bdd684;}

#service > li a.service_nav_onstate {color:#bdd684;}

/*footer*/
#footer {
	background-image: url(../images/global/footer/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 960px;
	
}

#footer_links { margin:0px; padding:0px; list-style:none; color:#fff; display:inline-block; float:left; margin-left:5px; margin-top:2px;}

#footer_links a {
	color:#bdd684;
	text-decoration:none;
	font-size: 10pt;
}

#footer_links > li {float:left; position:relative;}
#footer_links > li a:hover {color:#ffffff;}

/*home*/
#home_content_left {
	float: left;
	height: 473px;
	width: 722px;
	margin-left: -3px;
	background-image: url(../images/home/left_area_bg.jpg);
	background-repeat: no-repeat;
}
#home_content_right {
	float: right;
	height: 473px;
	width: 238px;
}
#home_content_photo {
	width: 960px;
	height: 230px;
	margin-bottom: 10px;
	z-index: -1;
}
#tagline {
	position: relative;
	height: 113px;
	width: 529px;
	left: 14px;
	top: 10px;
}
#action_button {
	height: 41px;
	width: 267px;
	position: relative;
	left: 14px;
	top: 15px;
}
#fcs {
	position: relative;
	width: 694px;
	left: 15px;
}
#iotm {
	position: relative;
	width: 694px;
	left: 15px;
	top: 10px;
}

.iotm_item {
	position:absolute;
	padding: 4px;
}
	
.search_catalog {
	position: relative;
	margin-left: 5px;
	width: 226px;
	z-index: -1;
}

#wwww {
	position: relative;
	margin-left: 5px;
	margin-top: 10px;
	width: 226px;
}
#news {
	position: relative;
	margin-left: 5px;
	margin-top: 10px;
	width: 226px;
}
.fcs_box {
	height: 250px;
	width: 210px;
	position: absolute;
	top: 10px;
	border: 2px solid #345566;
}
.vcs {
	margin-top:12px;
	position: relative;
}
.fcs_image {
	width: 181px;
	height: 181px;
	border: 2px solid #bdd684;
	position: relative;
	margin-left: 12px;
	margin-top: 12px;
}	

#home_news {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:7px;
	margin-top:15px;
	height:55px;
}

#home_news_icon {
	float:left;
	width:48px;
	margin-right:5px;
}

#home_news_leadin {
	float:right;
	width:160px;
	color: #345566;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;
	display: inline-block;
	vertical-align: middle;
}

/*services*/
#services_content {
	width: 940px;
	height: 600px;
	margin-left: 10px;
	position: relative;
}

.services_item {
	position: absolute;
	top: 45px;
}

.services_item_descrip {
	color: #345566;
	font-weight: bold;
}

.services_item_client {
	color: #345566;	
	margin-top: -5px;
}

/*who we've worked with*/
.clients {
	position: relative;
	width: 694px;
	left: 15px;
}

.client_box {
	height: 160px;
	width: 155px;
	position: absolute;
	top: 10px;
	border: 2px solid #345566;
}

.client_logo {
	width: 140px;
	height: 140px;
	position: relative;
	margin-left: 7px;
	margin-top: 10px;
}

/*contact*/
#contact_content_left {
	position: relative;
	float: left;
	width: 760px;
	background-repeat: no-repeat;
	margin-left: 6px;
	margin-top: 7px;
	z-index: -1;
}
#contact_content_right {
	position: relative;
	float: right;
	width: 192px;
	z-index: -1;
}
.rep_box {
	height: 163px;
	width: 178px;
	border: 2px solid #345566;
	margin-top: 7px;
}
.rep_name {
	padding:5px;
	color:#10222b;
	font-size: 17px;
	font-weight: bold;
}
.rep_pic {
	height: 66px;
	width: 66px;
	border: 2px solid #345566;
	margin-left: 5px;
}
.rep_email {
	padding: 15px;
	margin-top: 10px;
}
.rep_phone {
	color:#345566;
	font-size: 15px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
}
.office_location {
	margin-left: 4px;
	margin-top:2px;
	font-size:14px;
	font-weight:bold;
	color:#10222b;
	line-height:17px;
}

/*overview*/
p.overview {
	line-height: 20px;
	margin-left: 14px;
	margin-top: 5px;
	font-size: 17px;
	color: #10222b;
	position: relative;
	
}

/*proposal request*/
#proposal {
	position: relative;
	width: 732px;
	left: 17px;
	z-index: 0;
}

p.proposal {
	line-height: 20px;
	margin-left: 14px;
	margin-top: 5px;
	font-size: 17px;
	color: #10222b;
	position: relative;
	
}
.either {
	width: 254px;
	height: 105px;
	border: 2px solid #345566;
}
.presentation {
	width: 160px;
	height: 122px;
	margin-left: 4px; 
	margin-top: 20px;
	border: 2px solid #345566;
}

#proposal_form {
	width: 920px;
	margin-left: 10px;
	margin-top: 14px;
	font-size: 17px;
	color: #10222b;
}


#proposal_content {
	width: 960px;
	
	background-image: url(../images/request/bg.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	position: relative;
}

.proposal_field {
	border: 1px solid #10222b;
}

.proposal_field_text { 
	color: #345566;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;	
}

/*tips*/

p.tips {
	line-height: 20px;
	margin-left: 14px;
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 17px;
	color: #10222b;
	position: relative;
	
}

.tips_divide {
	margin-top: 10px;
	margin-bottom: 10px;
}

#tips {
	width:151px;
	height:25px;
	margin-bottom: 5px;
	position:relative;
	z-index:1;
}

#tips_menu { margin:0px; padding:0px; list-style:none; color:#fff; display:inline-block; float:left;position:relative;}

#tips_menu a {
	color:#bdd684;
	text-decoration:none;
	position: relative;
}

#tips_menu > li {
	float:left;
	position:relative;
}

#tips_menu > li a:hover {color:#ffffff;position:relative;}
/* sub-menus*/
#tips_menu ul { padding:0px; margin:0px; display:block; display:inline;position:relative;}
#tips_menu li ul {
	position:absolute;
	left:0px;
	top:25px;
	width:210px;
	line-height:16px;
	background-color:#28333c; /* for IE */
	display:none;
	border: 1px solid #000;
}
#tips_menu li:hover ul { display:block;}
#tips_menu li ul li{
	display:block;
	margin-top:0px;
	list-style-type:none;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #333333;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#tips_menu li ul li:first-child {}
#tips_menu li ul li a { display:block; color:#bdd684; }
#tips_menu li ul li a:hover { color:#ffffff; }


/*iotm*/
.iotm {
	position: relative;
	width: 694px;
	left: 15px;
}

p.iotm {
	width: 680px;
	line-height: 20px;
	margin-top: 14px;
	margin-left: -8px;
	font-size: 17px;
	color: #10222b;
	position: relative;
}

.iotm_box {
	height: 170px;
	width: 670px;
	margin-top: 17px;
	margin-left: 7px;
	border: 2px solid #345566;
	position: relative;
	color: #10222b;
}

.iotm_item_box {
	float: left;
	height: 145px;
	width: 150px;
	position: relative;
	margin: 10px;
	border: 2px solid #bdd684;
}

.iotm_descrip {
	float: right;
	position: relative;
	width: 475px;
	font-size: 14px;
	margin-right: 10px;
	margin-top: 20px;
	
}

.iotm_item_title {
	font-weight: bold;
	font-size: 17px;
}

.iotm_item_descrip {
	margin-bottom: 10px;
	line-height: 17px;
}

.iotm_item_pricing {
	font-weight: bold;
}

.iotm_item_timing {
	font-weight: bold;
}

#iotm_email {
	margin-left: 5px;
	margin-bottom: 10px;
}

#iotm_signup_copy {
	color: #10222b;
	font-size: 16px;	
	padding: 6px;
	line-height: 18px;
}

#iotm_email_field {
	border: 1px solid #000000;
	width: 190px;
	position: relative;
	margin-bottom: 10px;
}

#iotm_list {
	margin-left: 5px;
}

.iotm_list_active {
	color: #10222b;
	font-size: 18px;	
	font-weight: bold;
}

.iotm_list_inactive {
	color: #10222b;
	font-size: 17px;
}

#iotm_past {
	margin-left: 7px;
}

#iotm_links { margin:0px; padding:0px; list-style:none;}

#iotm_links a {
	color:#10222b;
	text-decoration:none;
	font-size: 18px;
}

#iotm_links > li {
	float:left;
	position:relative;
	width: 125px;
	line-height: 26px;
}
#iotm_links > li a:hover {font-size: 18px;color:#345566;}
#iotm_links > li a:active {font-size: 18px;color:#345566;}

#iotm_bottom_row {
	position:relative;
}

.iotm_bottom_row_copy { 
	color: #345566;
	font-size: 16px;
	font-weight: bold;
	line-height: 17px;	
}

/*ordering policy*/
p.order {
	line-height: 24px;
	margin-top: 12px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #10222b;
	position: relative;
}

#order_content_left {
	float: left;
	background-repeat: no-repeat;
	position: relative;
	margin-left: 6px;
	margin-top:6px;
	height:2300px;
	width:716px;
	background-image: url(../images/tips/left_area_bg.jpg);
	background-repeat: no-repeat;
}

/*our work*/
#our_work_content {
	width: 960px;
	height: 434px;
	background-image: url(../images/our_work/bg.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	position: relative;
}

#our_work_detail_content {
	width: 960px;
	height: 528px;
	background-image: url(../images/our_work/bg_detail.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	position: relative;
}

.work_box {
	height: 360px;
	width: 210px;
	position: absolute;
	top: 65px;
	background-color: #ffffff;
	border: 2px solid #345566;
}

.work_item_leadin {
	position: relative;
	width: 200px;
	height: 100px;
	font-size: 14px;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 18px;
}

#content_header_title {
	position: absolute;
	color: #ffffff;
	font-size: 25pt;
	top: 0px;
	left: 7px; 
}

#our_work_detail_overview {
	float:left;
	height:420px;
	width:430px;
	margin: 15px;
}

#our_work_detail_overview_title {
	color: #10222b;
	font-weight: bold;
	font-size: 16px;
}

p.our_work_detail{
	color: #10222b;
	font-size: 14px;
}

/*galleria*/
#galleria_float {
	float:right;
	border: 2px solid #345566;
	height:420px;
	width:430px;
	margin:15px;
}


.galleria{
	list-style:none;
}
.galleria li{
	display:block;
	width:88px;
	height:88px;
	overflow:hidden;
	float:left;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 0;	
}



.galleria li a{display:none}
.galleria li div{position:absolute;display:none;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
	cursor:pointer;
	display:block;
	width:auto;
	height:auto;
}
.galleria li .caption{
	display:block;
	padding-top:0.5em;

}
.demo{
	position:relative;
	height: 430px;
	margin-left:5px;
}
.gallery_demo{
	width: 440px;
	height: 90px;
	position: relative;
}

.gallery_demo li{
	width:88px;
	height:88px;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 2px solid #bdd684;
	
}

.galleria_container{
	margin-top: 5px;
	margin-bottom: 7px;
	position: relative;
	height: 306px;
	width: 416px;
	border: 2px solid #bdd684;
}


* html .galleria li div span{width:700px} /* MSIE bug */

/*catalog request*/
.field {
	border: 1px solid #10222b;height: 13px;
}

.request_text { 
	color: #345566;
	font-size: 15px;
	font-weight: bold;
	line-height: 31px;	
}

.required {
	color: #10222b;
	font-size:18px;
	font-weight: bold;
}

#request_content {
	width: 960px;
	height: 500px;
	background-image: url(../images/request_catalog/bg.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	position: relative;
}

/*jobs at monitor*/
.job {
	margin-top:20px;
}

.job_title {
	font-weight: bold;
	font-size:16px;
	color: #10222b;
} 

.job_descrip {
	font-size:14px;
	color: #10222b;
}

.education {
	font-size:14px;	
	color: #10222b;
}

.job_header {
	font-weight:bold;
	margin-top:10px;
	font-size:14px;
	color: #10222b;
}

.skill {
	font-size:14px;
	color: #10222b;
}

.date_posted {
	font-size:14px;
	color: #10222b;
}

.job_contact {
	font-size:14px;
	color: #10222b;
}

#job_content_left {
	float: left;
	position: relative;
	margin-left: 6px;
	margin-top:6px;
	height:1200px;
	width:716px;
	background-image: url(../images/tips/left_area_bg.jpg);
	background-repeat: no-repeat;
}

.jobs_divider {
	border-bottom: 2px dashed #bdd684;
	margin-top: 15px;
}

/*client lounge*/

p.client_lounge {
	line-height: 20px;
	font-size: 17px;
	color: #10222b;
	margin-bottom:20px;
	margin-top: 5px;
}

#client_lounge_past {
	margin-bottom: 10px;
	font-size:15px;
	color: #10222b;
	border-top:dashed 2px #bdd684;
}

#client_lounge_po {
	margin-bottom: 10px;
	font-size:15px;
	color: #10222b;
}

.client_lounge_gray {
	background-color:#e8e8e8;
	padding:5px;
}

.client_lounge_white {
	padding:5px;
}

#client_lounge_logo {
	margin-bottom: 10px;
	margin-top:10px;
}

#client_lounge_info_box {
	height: 320px;
	width: 178px;
	border: 2px solid #bdd684;
}


.left_field {
	float:left;
	
}

.right_field {
	float:right;
}

.lounge_rep_name {
	padding:5px;
	color:10222b;
	font-size: 17px;
	font-weight: bold;
}

.lounge_rep_phone {
	color:#345566;
	font-size: 15px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
}

#benefits_content {
	width: 960px;
	height: 250px;
	background-image: url(../images/client_lounge/bg.jpg);
	background-repeat: no-repeat;
	z-index: -1;
	position: relative;
}

/*site map*/

.sitemap a {
	color:#10222b;
}

.sitemap a:hover {
	color:#bdd684;
}

/*privacy policy*/

#privacy_content_left {
	float: left;
	position: relative;
	margin-left: 6px;
	margin-top:15px;
	width:715px;
}

/*global elements*/
#page_content {
	width: 960px;
	margin-top: 3px;
	margin-bottom: 10px;
	position: relative;
	z-index: 0;
}

.white_box {
	background-color: #FFFFFF;
	border: 2px solid #bdd684;
	position: relative;
	
}
.box_header {
	position: relative;
	z-index: 999;
}
.dashed_box_header {
	position: relative;
	margin-top: 7px;
}
#content_intro_area {
	width: 940px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	position: relative;
	z-index: -1;
}
p.intro_area {
	line-height: 20px;
	width: 920px;
	margin-left: 7px;
	margin-top: 14px;
	font-size: 17px;
	color: #10222b;
}
#content_left {
	float: left;
	width: 722px;
	background-repeat: no-repeat;
	position: relative;
}
#content_right {
	float: right;
	width: 238px;
	z-index: -1;
	position:relative;
}
.testimonial_copy {
	color: #10222b;
	font-size:14px;
	padding: 10px;
	font-weight: bold;
}
.testimonial_client {
	color: #10222b;
	font-size:13px;
	padding-left: 10px;
	padding-right: 10px;
}

.testimonial_box {
	background-color: #FFFFFF;
	border: 2px solid #bdd684;
	position: relative;
	width:223px;
}

#content_header {
	width: 940px;
	margin-left: 10px;
	margin-top: 10px;
	height: 48px;
	position: relative;
}

.white_box_noborder {
	background-color: #FFFFFF;
	position: relative;
}

/* CMS CSS Below */

/* admin */
#adminheader {
	background-image: url(../images/global/footer/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 960px;
	
}

#admin_links { margin:0px; padding:0px; list-style:none; color:#fff; display:inline-block; float:left; margin-left:5px; margin-top:2px;}

#admin_links a {
	color:#bdd684;
	text-decoration:none;
	font-size: 10pt;
}

#admin_links > li {float:left; position:relative;}
#admin_links > li a:hover {color:#ffffff;}

table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: ;
	border-collapse: separate;
	background-color: white;
}

table.sample th {
	border-width: 0px 0px 0px 0px;
	color: white ;
	padding: 5px 5px 5px 5px;
	border-style: none none none none;
	border-color: ;
	background-color: black;
	
}

table.sample tr {
	vertical-align: top;
}

table.sample td {
	padding: 5px;
	vertical-align: top;
}


.adminlinks A:link {color:#254252;
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;}
.adminlinks A:visited {color:#254252;
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;}
.adminlinks A:active {color:#254252;
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;}
.adminlinks A:hover {color:#245A78;
	text-decoration:none;
	font-size: 1em;
	font-weight: bold;}


.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}