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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	background: url(images/body_repeat.jpg) repeat-x;
	margin:0 auto;
	padding:0px;
}

.landing {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	background: url(images/body_repeat_landing.jpg) repeat-x;
	margin:0 auto;
	padding:0px;
}

img a {
	border:none;
}

a img {
	border:none;
}

#wrapper {
	width:1000px;
	text-align:left;
}

.clear {
	clear:both;
	width:100%;
	line-height:0px;
	height:0px;
	font-size:0px;
}
/*  Support *******************************************************/

#support {
	background:url(images/support_bg_repeat.jpg) repeat-x !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	margin:0 auto;
	padding:0px;	
}


#support_content {
	width:900px;
	min-height:200px;
	padding-top:20px;
	margin:0px;
	padding-left:50px;
	padding-right:50px;
}


/*  Header *******************************************************/
#header {
	background:url(images/header_bg.jpg) no-repeat top center;
	width:1000px;
	height:85px;
	padding:0px;
	margin:0px;
}

#top_menu {
	float:right;
	width:700px;
	padding-right:0px;
	font-size:11px !important;
	height:62px;
	text-align:right;
	margin-right:50px;
	color:#888;
}

#top_menu a {
	color:#2a99c6;
	text-decoration:none;
	font-size:11px !important;	
	
}

#top_menu a:hover {
	color:#333;
	text-decoration:none;
}


#top_menu .green {
	color:#0C0;
	text-decoration:none;
}

#top_menu .grey {
	color:#666;
	text-decoration:none;
}

#header_menu {
	margin-right:50px;
}

.search_form {
	font-size:10px !important;
}
.search_form input {
	font-size:9px !important;
	font-family:Verdana, Geneva, sans-serif;
}


/*  Focus *******************************************************/
#focus {
	background:url(images/highlight_bg.jpg) no-repeat top center;
	width:1000px;
	height:259px;
	padding:0px;
	margin:0px;
	font-size:13px;
}

#focus-landing {
	background:url(images/highlight_bg.jpg) no-repeat top center;
	width:1000px;
	height:135px;
	padding:0px;
	margin:0px;
	font-size:13px;
}

#focus h1 {
	font-size:18px;
	padding:5px;
	margin:0px;
}


#focus ul {
	display:block;
}

#focus hr {
	clear:both;
	color:#FFF !important;
}

#focus p {
	padding:5px;
	margin:0px;
	font-size:15px;
}

#focus ul {
	margin-bottom:0px;
	padding-bottom:8px;
	margin-top:0px;
	padding-top:8px;	
}


#focus li b {
	color:#FF0;
}

#lfocus_home a {
	color:#FC3;
}
#lfocus_home a:hover {
	color:#FFF;
}

.focus_more {
	background:url(images/focus_more.png) top center no-repeat;
	width:180px;
	height:24px;
	display:block;
	padding-top:4px;
	margin-top:0px;
	margin-left:15px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	float:left;
}


.focus_action {
	background:url(images/focus_action.png) top center no-repeat;
	width:180px;
	height:24px;
	display:block;
	padding-top:4px;
	margin-top:0px;
	margin-right:15px;
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	float:right;
}


.focus_more a {
	color:#333 !important;
}


.focus_action a {
	color:#333 !important;
}

a .focus_more  {
	color:#333 !important;
}


a .focus_action  {
	color:#333 !important;
}

#l_button {
 	width:50px;
 	background: url(images/l_arrow.png) 0 -75px no-repeat;
	float:left;
	margin-top:90px;
	height:164px;
}
#l_button  a {
 display:block;
 height:75px;
 font-size:0px;
 color:#2576ae;
 background-position: 0 0;
 width:50px;
 background: url(images/l_arrow.png) 0 0 no-repeat;
}
#l_button  a:hover {
 background: transparent;
}





#r_button {
 	width:50px;
 	background: url(images/r_arrow.png) 0 -75px no-repeat;
	float:right;
	margin-top:90px;
	height:164px;	
}
#r_button  a {
 display:block;
 height:75px;
  font-size:0px;
 color:#2576ae;
 background-position: 0 0;
 width:50px;
 background: url(images/r_arrow.png) 0 0 no-repeat;
}
#r_button  a:hover {
 background: transparent;
}






#focus_content {
	width:880px;
	height:239px;
	padding:10px;
	margin-left:50px;
	margin-right:50px;
	float:left;
	color:#FFF;
}

#lfocus {
	width:420px;
	float:left;
	padding:5px;
	border:1px #09F dotted;
}

#rfocus {
	width:420px;
	float:right;
	padding:5px;
	border:1px #09F dotted;	
}


#lfocus_home {
	width:420px;
	float:left;
	padding:5px;
}

#rfocus_home {
	width:420px;
	float:right;
	padding:5px;
}




/* SLIDER *************************************************************/

#slider {

	/* You MUST specify the width and height */
	width:880px;
	height:239px;
	padding:10px;
	overflow:hidden;
	margin:0px;
	float:left;
	color:#FFF;	

}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:1;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}






/*  Pic Menu *******************************************************/
#pic_menu {
	background:url(images/picmenu_bg.jpg) no-repeat top center;
	width:900px;
	height:101px;
	padding:0px;
	margin:0px;
	padding-left:50px;
	padding-right:50px;
}

#pic_menu a {
	text-decoration:none;
	height:101px;
	color:#FFF;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	width:225px;
	display:block;
}

#pic_menu a h1 {
	margin:0px;
	padding-top:80px;
	padding-right:8px;
	padding-bottom:0px;
	padding-left:0px;
	text-align:right;
	color:#FFF;
	text-align:right;
	font-size:14px;
	font-weight:bold;	
}

#pic_colo {
	background:url(images/bg_colo.jpg);
	height:101px;
	width:225px;
	float:left;
}

#pic_enterprise {
	background:url(images/bg_enterprise.jpg);
	height:101px;
	width:225px;
	float:left;
}

#pic_mds {
	background:url(images/bg_mds.jpg);
	height:101px;
	width:225px;
	float:left;
}

#pic_managed {
	background:url(images/bg_managed.jpg);
	height:101px;
	width:225px;
	float:left;
}

/*  Content *******************************************************/
#content {
	background:url(images/content_top_bg.jpg) no-repeat top center;
	width:900px;
	min-height:200px;
	padding:0px;
	margin:0px;
	padding-left:50px;
	padding-right:50px;
}

#content h1 {
	color:#2a99c6;
	font-size:16px;
	margin:0px;
}

.content_col1 {
	width:259px;
	margin:10px;
	padding:10px;
	border-right:dotted 1px  #DDD;
	float:left;
}
.content_col2 {
	width:259px;
	margin:10px;
	padding:10px;
	border-right:dotted 1px #DDD;
	float:left;
}
.content_col3 {
	width:259px;
	margin:10px;
	padding:10px;
	float:left;
}

/*  Inside Content *******************************************************/

#inside_content {
	width:900px;
	min-height:200px;
	margin:0px;
	padding-left:50px;
	padding-right:50px;
	padding-top:20px;
	padding-bottom:20px;
}

#inside_content h1 {
	color:#2a99c6;
	font-size:16px;
	margin:0px;
}

#inside_contact {
	width:265px !important;
	float:right;
	padding-left:10px;
	margin-left:20px;
	border-left:1px dotted #CCC;
	text-align:left;
}

#inside_left {
	width:600px;
	float:left;
	overflow:hidden;
}

.tiny {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
}

.col {
	width:280px;
	float:left;
	padding:10px;
}


.col h2 {
	font-size:13px;
	color:#699a00;
}

.bigger {
	font-size:15px;
	color:#333;
	padding-left:10px;
	border-left:5px solid #FC3;
}


#mini_table input, select, textarea {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

fieldset {
	text-align:right;
}

fieldset strong {
	color:#FC3;
	font-size:16px;
}

legend {
	color:#666;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.goto {
	font-size:13px;
}

.motivate {
	text-align:right;
	background:#EEE;
	border:1px dotted #CCC;
	padding:5px;
	margin-left:15px;
	margin-right:10px;
}


a {
	color:#2274ac;
	text-decoration:none;
}

a:hover {
	color:#30a5f4;
}


.side_info_1 {
	border-top: 3px solid #2374ac;
	padding:5px;
	font-size:14px;
}

.side_info_2 {
	border-top: 2px solid #2b8dd1;
	padding:5px;
	font-size:12px;
}

.side_info_3 {
	border-top: 1px solid #32a6f6;
	padding:5px;
	font-size:11px;
}

/*  Footer *******************************************************/
#footer {
	background:url(images/footer_bg.jpg) no-repeat top center;
	width:1000px;
	min-height:100px;
	padding:0px;
	margin:0px;
	padding-top:12px;
	text-align:center;
}


.undertype {
	color:#AAA;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	padding:25px;
	padding-left:100px;
	padding-right:100px;
}



/************Menu Test****************/

.new_menu {
	width:170px;
	font-size:11px !important;	
	font-family:arial !important;
	font-weight:bold;	
}


#dropDownMenu,
#dropDownMenu * { 
	margin:0;
	padding:0;

}
/* "Master" UL (the whole Menu) */
#dropDownMenu {
	color:#000;
	font-family:arial !important;
	font-weight:bold;
	font-size:11px !important;
	position:relative;
	padding-right:0px;
	max-width:100%;
	float:right;


}
/* sub-menu ULs */
#dropDownMenu li ul {
	width:170px !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	background:#cccccc;
	left:0px;
	z-index:3;

}
/* All LIs */
#dropDownMenu li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;

}
/* sub-menu LIs */
#dropDownMenu li ul li {
	width:170px !important;
	padding:0;
	border:none;
	max-width:120%;
	border-top:none;	
}
/* All anchors */
#dropDownMenu li a {
	cursor:default;
	color:#000;
	text-decoration:none;
	display:block;
	float:left;
	background:url('images/menu_bg.jpg') center;
	padding-left:5px;
	height:24px;
	line-height:2em;
	width:170px !important;	
}
/* sub-menu Anchors */
#dropDownMenu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	font: bold 11px/18px arial, helvetica, sans-serif;
	color:#000;
	background:url('images/menu_bg.jpg') center;
	text-decoration: none;
	border-width: 0px;
	border-style: solid;
	border-color: #ccc #888 #777 #bbb;
	width:175px;
	text-align:left;
	background-position:0 50% !important;
}
/*hover and stuff */
#dropDownMenu li a:hover{
	vertical-align:middle;
	background:url('images/menu_bg_selected.jpg') center;
	color:#000;
	background-repeat:repeat-x;
	width:170px !important;	
}

#dropDownMenu li ul li a:hover{
	vertical-align:middle;
	background:url('images/menu_bg_selected.jpg') center;
	color:#000;
	background-repeat:repeat-x;
	width:170px !important;	
}
#dropDownMenu li a:focus,
#dropDownMenu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#000 !important;background:#eee}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}

/* end drop downs */




/* RECAPTCHA *******************************************************************/


#recaptcha_response_field {
	float:right;
	font-size:10px;
}

.recaptcha_only_if_image {
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;	
	text-align:right;	
	float:left;	
}
.recaptcha_only_if_audio {
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	float:left;
}

#recaptcha_image {
	width:220px !important ;
	height: 40px !important ;	
	float:left !important;
	padding:0px;
	margin:0px;
}

#recaptcha_image img {
	width:220px !important ;
	height: 40px !important ;
	float:left !important ;
	padding:0px;
	margin:0px;	
}


#controls {
	float:right;
	width:25px;
	padding:0px;
	margin:0px;
	margin-left:5px;
}

#divrecaptcha {
	width:100%;
	float:left;
}

/*****************landing******************/
#inside_contact_landing {
	width:265px !important;
	float:left;
	padding-right:10px;
	margin-right:20px;
	border-right:1px dotted #CCC;
	text-align:left;
}

#inside_left_landing {
	width:600px;
	height: 675px;
	padding-top:75px;
	float:left;
	overflow:hidden;
	background-image:url(images/landing-page-bg.png);
	background-repeat:no-repeat;
}

#focus_content_landing {
	width:880px;
	height:135px;
	padding:10px;
	margin-left:50px;
	margin-right:50px;
	float:left;
	color:#FFF;
	background-image:url(images/landing_header.png);
	background-repeat:no-repeat;
}

#inside_left_landing li{
	font-size:16px;
	color:#FFF;
}

#inside_left_landing p{
	font-size:14px;
	color:#FFF;
}

#contact-area {
	width: 400px;
	margin-left: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 8px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	margin-left: 15px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 20px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #000;
}

#contact-area input.submit-button {
	width: 100px;
	float: left;
}

td.left {
	margin-left:150px;
	width: 80px;
	text-align: left;
	font-size: 12px;
	color:#FFF;
	font-weight:bold;
	text-align:right;
}

#catpcha-area {
	margin-left: 200px;
}

.landing-logo {
	float: left;
	width: 125px;
	height:86px;
}

/****************************end landing/