@charset "utf-8";
body {
	/*font: ;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #445564;
}
#scr_container {
	/*text-align:left;*/
	margin-top: 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:60em;
}

/* ================ Header  ================= */

#header {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:60em;
	/*background-color: #01125A;orig color */
	/*background-color: #445564;*/
	background-color:#FFFFFF;
	height: 8em;
	text-align: left;
}

#logo {
	color: #000;	
	float: left;
}

#logo .logo_pic {
	margin-left:1em;
	margin-top:.5em;
	/*height: 7.5em;
	width:20em;*/
}

#login {
	font-size:.8em;
	padding-right:7.5em;
	padding-top:.5em;
	float:right;
	color:#fff;
}

#login table {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #878787;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #878787;
	border-top-width: 1px;
	border-top-style: solid;
	background-color:#445564;
}

#login th {
	text-align:center; 
	font-weight:bold;
	background-color:#C6E8E2;
	margin-bottom:.5em;
	color:#333;
}

#slogan {
	margin-left: 17.5em;
	padding-top: 1.5em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.4em;
	color: #08004A;	
	font-style:italic;
}

/* ================= Menu ==================== */

#menu {
	/*background-image: url(../images/menu.png);
	background-repeat: repeat-x;*/
	background-color:#2C3741;
	height: 30px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:60em;
	padding: 0px;
	margin-bottom:.5em;
	/*
	margin-top:-1em;*/
	
}

.nav {
	list-style-type: none;
	padding: 0px;
	text-align:center;
	margin-bottom:0em; /* do not change this value to any positive number or else the layout breaks in FF */
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;	
	width:45em;
}

.nav li {
	border-right-width: 1px;
	/*border-right-style: solid;
	border-right-color: #878787; */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;	
	padding:0px;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 5px;

}

.nav li.left_bar {
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #878787; */
}

.nav li a, .nav li a:link {  
		color:#2C3741;
		text-decoration:none;
		display:block;
		margin:0 0 0 0;
		padding:5px 10px 5px;
		text-decoration:none;
		color:#FFF;
}

.nav li a:visited {
}

.nav li a:hover {
	/*background-color: #DEF7F8;	
	color:#000;*/
	text-decoration:underline;
}

#menu .current {
	/*background-color:#4A7EB8;*/
	/*color:#fff;*/
	/*background-color: #DEF7F8;	
	color: #000;*/
	font-weight:bold;
	text-decoration:none !important;
}

/* =============== Body ====================== */

#container {
	/*background-image: url(../images/container.jpg);
	background-repeat: repeat-x;
	min-height: 600px;
	max-height: 900px;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:60em;
	/*background-position: top;*/
	background-color: #D6DCF5;
}


/* ----------- Sidebar ---------------- */

#sidebar {
	float: left;
	height: 550px;
	/*background-color: #0C9;*/
	/* above color may be good for sub nav pages? */
	width: 160px;
	margin-left:1em;
	margin-right:0;
	
}

.customer_testimonial {
	/*height:10em;*/
	/*background-color:#0a2e7b;*/
	margin-bottom:2em;
}

/*.customer_testimonial span,  .customer_testimonial .customer_quote, .customer_testimonial .rt_quote {
	padding-top:4em;	
}*/

.customer_testimonial .customer_quote {
	display:block;
	color:#ffffff;
	padding-left:2em;
	padding-top:1em;
	background-image: url(../images/lt_quote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.customer_testimonial .rt_quote {
	float:right;
	display:block;
	height:40px;
	padding-right:2em;
	background-image: url(../images/rt_quote.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #F4DEDE;
}


/* ----------- mainContent ------------ */

#mainContent {
	/*margin-left:12em;*/
	margin:0 auto;
	width:48em;
}

/* The style below effects all 3 intro divs: */
#flash_intro, #services_intro, #whyus_intro {
	width: 47em;
	margin-bottom:.8em;
}



/* These is for each div indivisually, any special characteristics: */
#flash_intro {
	/*background-color: #FFF;*/
	height: 80px;
	text-align:center;
}

.movie {
	width:735px;	
}

#services_intro {
	/* background-color: #7697b3; */
	/* Transparency */
		/* TODO: get transparency working */
  	/* for IE */
  	/*filter:alpha(opacity=50);*/
 	/* CSS3 standard */
 	/*opacity:0.5;*/
	/* for fire fox */
	/*-moz-opacity:.5;*/
	height: 250px;
}
/* ------ Service Menu ----------- */
#service_menu {
	background-color:#FFFFFF;
	border-left:1px solid #878787;
	border-right:1px solid #878787;
	height:2.5em;
	text-align:center;
}

#serv_list {
	height:2em;
	width:40em;
	
}

#serv_list a {
	color:#000 !important;	
}

#serv_list a:hover {
	background-color: #7697b3;
	font-weight:bold;
	text-decoration:none !important;
}

#serv_list li {
	width:7em;
	height:2em;
	padding-top:.5em;
}

.sel a {
	color:#000 !important;
	font-weight:bold;
}

/* -------------------------------- */

/* ------ All service left & right divs ----- */
.left {
	padding-top:1em;
	padding-left:1em;
	width:22em;
	/*float:left;*/
	height:10em;
	background-color:#7697B3;
	text-align:left;
	
}

.left ul {
	
}

.right {
	float:right;
	padding-top:1em;
	width:22em;
	border-left:solid 1px #878787;
	height:10em;

}

.right img {
	width:14em;
	height: 9em;
}
/* ---------------------------------- */
/* ---------------------------------- */
#corporate, #sales, #networking, #security, #maintenance {
	background-color: #7697b3;
	border-top:solid thin #878787;
}

#sales, #networking, #security, #maintenance {
	display:none;
}

/*
#services_intro h1 {
	color:#ffffff;
}*/

#whyus_intro {
	text-align:left;
	background-color: #16588D;
	height: 180px;
	color:#FFF;
}


/* ------- Transparencies ----------- */
.trans_whyus {
	/* transparency control for IE: */
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/33p_whyus.png');*/
}

/* transparency control for Moz Firefox */
.trans_whyus[class] {
	/*background-image:url(../images/33p_whyus.png);*/
}
/* ------------------------------------------ */


/* ------ Homepage Specific Styles ---------- */


/* Services */
.service_right, .service_none, .service_left {
	float:left;
	width:10.75em;
	height:13.75em;
	padding:.3em;
	cursor: pointer;
	margin: 0 auto;
}

.service_right {
	border-right: solid 1px #878787;
	/*padding-left:1em;*/
}

.pic {
	margin-bottom:0;	
}

.descrip {
	margin-top:-.5em;
	height:6em;
	width:10.5em;
	/*background-color:#0C3; -- used for debugging */
}

.descrip ul {
	text-align:left;
	margin: 1em;
	padding-top:0;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: .5em;
	font-size: .8em;
	color: #FFF;
		
}

.s_image {
	margin-top:.25em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:90px;
	width:115px;
}

.s_image_small {
	margin-top:1em;
	text-align:center;
	margin-left:3.5em;
	margin-right:auto;
	height:90px;
	width:115px;
}

/* Why Us */

#whyus_intro p {
	margin-bottom:0;
	padding-left:1em;
}

ul.right_float, ul.left_float {
	text-align:left;
	padding-left:1em;
	padding-right:1em;
	margin-top:0px;
	padding-top:0px;
	list-style-image:url(../images/list_img.png);
}

ul.left_float {
	border-right: solid 1px #878787;
	float:left;
	margin-left: 7em;
	margin-right:0px;
	height:5.5em;
}

ul.right_float {
	width:19em;
	float:right;
	margin-right: 2em;
}



/* ---------------- footer ------------------- */

#footer {
	margin-top:.5em;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	
}

/* =============== Elements =================== */

br.clearfloat {
	
}

h1, h2, h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: medium;
}

h1 {
	background-color:#2c3741;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	padding-top:.25em;
}

h2 {
	text-align:center;
	padding:0;
	margin:0;
}

h3 {
	padding:0;
	margin:0;
}



img {
	border-style: none;
}

a, a:link {
	color:#C4E3D6;
	text-decoration:none;
}

a:visited {
	
}

a:hover {
	color:#fff;
}

a:active {
	
}

/* For Search Bar */

#search {
	margin-top:1em;
	margin-left:1em;
}

#cse-search-box {
	padding-top:.25em;	
}


.sfield {
	width:8em;
	background-color:#FFC;
}

.sbtn {
	background-image:url(../images/search_buttons2.png);
	background-color:#2C3741;
	width:25px;
	height:20px;
	border:none;
}

.sbtn:hover {
	background-position: 26px !important;
	width:25px !important;
}
/* --------------------- */

/* --------- Nifty Background Elements ------- */
.dkBlue_wrap { background-color:#D6DCF5; }
.mdBlue_wrap { background-color:#104690; }
.whyus_wrap { background-color:#D6DCF5; }

.li_blue { background-color:#0F418A; }
.li_lgtblue { background-color:#248ED8; }

/* ------------------------------------------- */

#popUp {
	display:none;
	width:15em;
	height:15em;
	background-color:#EFEFEF;
	border: 1px solid #CCC;
	position:fixed;
	top:40%;
	left:40%;
}

#close {
	color:#F36;
	display:block;
	float:right;
	margin:.25em;
}