/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}




/* ########################################## */
/*                  GLOBAL STYLES             */
/* ########################################## */


html
{
	width:100%;
	height:100%;
}

body
{
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-color: #0FBCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:100%;
	height:100%;
	text-align: center;
}

ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	clear: both;
	font-size: 11px;
	margin-top: 0px;
	color: #456E75;
}

img
{
	border:0px;
}


.spacer
{
	clear: both;
	height: 12px;
	background: transparent;
	background:#000;
}


a
{
	color:#0FBCFF;
	text-decoration:none;
}

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

/* ########################################## */
/*                  HEADER                    */
/* ########################################## */


.header
{
	background: url( "images/header_bg.gif" ) top left repeat-x;
	height:100px;
	width:100%;
	background-color: red;
}


.header_i
{
	height:100px;
	width:960px;
	margin:auto;
	
}

.logo
{
	float:left;
	width:197px;
	height:100px;
	background: url(/portals/0/images/logo.gif) top left no-repeat;
	cursor: pointer;
} 


.contact_us
{
	height:18px;
	width:61px;
	background: url(/portals/0/images/contact_us.gif) top left no-repeat;
	margin:20px 0px 0px 0px;
	float:right;
	top:20px;
	right:70px;
	cursor:pointer;
}


.site_map
{
	height:18px;
	width:51px;
	background: url(/portals/0/images/site_map.gif) top left no-repeat;
	float:right;
	margin:20px 0px 0px 0px;
	top:20px;
	right:10px;
	cursor:pointer;
}

/* ########################################## */
/*                  NAV                       */
/* ########################################## */

.nav
{
	width:380px;
	float:right;
	margin:64px 0px 0px 0px;
	position:relative;
	z-index:999;
}

.nav_who_we_are
{
	height:35px;
	width:116px;
	background: url(/portals/0/images/nav_who.gif) top left no-repeat;
	cursor:pointer;
	
}

.nav_what_we_do
{
	height:35px;
	width:113px;
	background: url(/portals/0/images/nav_do.gif) top left no-repeat;
	cursor:pointer;
}

.nav_what_weve_done
{
	height:35px;
	width:143px;
	background: url(/portals/0/images/nav_done.gif) top left no-repeat;
	cursor:pointer;
}

#p7menubar li {
	float: left;
}

#p7menubar li {
	position: relative;
}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 110px;
}

#p7menubar ul li a  {
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
}

#p7menubar li ul li{
	background: url(/portals/0/images/dropdown_bg.gif) top left repeat-x;
	height:23px;
	color:#FFF;
	line-height:18px;
}

#p7menubar li ul li a{
	text-decoration:none;
}

#p7menubar li ul li:hover{
	background: #0FBCFF;
	height:23px;
	color:#FFF;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #FFF;
	background-color: transparent;
}
#p7menubar ul li:hover {
	background-color: #0FBCFF!important;
	color: #FFFFFF !important;
}


/* ########################################## */
/*                SPLASH                      */
/* ########################################## */


.splash
{
	float: left;
	width:100%;
	height:240px;
	background:url(/portals/0/images/splash_bg.gif) top left repeat-x;
	margin:0px;
}

.splash_i
{
	width:960px;
	height:240px;
	margin:auto;
	position:relative;
	background: url(/portals/0/images/splash.gif) top left no-repeat;
}



/* ########################################## */
/*             PAGE HEADER                    */
/* ########################################## */


.page_header
{
	float: left;
	width:100%;
	height:117px;
	background:url(/portals/0/images/page_header_bg.gif) top left repeat-x;
}

.page_header_i
{
	width:960px;
	height:117px;
	margin:auto;
	position:relative;
}

.header_who_we_are
{
	float: left;
	width:508px;
	height:117px;
	background:url(/portals/0/images/header_who_we_are.gif) top left no-repeat;
}


.header_what_we_do
{
	float: left;
	width:243px;
	height:117px;
	background:url(/portals/0/images/header_what_we_do.gif) top left no-repeat;
}


.header_what_weve_done
{
	float: left;
	width:544px;
	height:117px;
	background:url(/portals/0/images/header_what_weve_done.gif) top left no-repeat;
}

.header_graphic_design
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_graphic_design.gif) top left no-repeat;
}

.header_web_design
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_web_design.gif) top left no-repeat;
}

.header_software
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_software.gif) top left no-repeat;
}

.header_seo
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_seo.gif) top left no-repeat;
}

.header_networking
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_networking.gif) top left no-repeat;
}

.header_onsite
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_onsite.gif) top left no-repeat;
}

.header_data
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_data.gif) top left no-repeat;
}

.header_database
{
	float: left;
	width:191px;
	height:117px;
	background:url(/portals/0/images/header_database.gif) top left no-repeat;
}

.header_contact_us
{
	float: left;
	width:544px;
	height:117px;
	background:url(/portals/0/images/header_contact_us.gif) top left no-repeat;
}


/* ########################################## */
/*                  MID                       */
/* ########################################## */


.mid
{
	float: left;
	width:100%;
	background:#000;

}

.mid_i
{
	width:960px;
	margin:auto;
	position:relative;

}






/* ########################################## */
/*                    PANEL                   */
/* ########################################## */

.panel_l
{
	width:465px;
	float:left;
/*	background: url(/portals/0/images/panel_bg.gif) top left no-repeat;*/
	color:#FFF;
}

.panel_r
{
	width:465px;
	float:left;
/*	background: url(/portals/0/images/panel_bg.gif) top left no-repeat; */
	color:#FFF;
	margin-left:20px;
}

*html .panel_r
{
	margin-left:10px;
}

/* ########################################## */
/*                    NEWS                    */
/* ########################################## */

.news_header
{
	background: url(/portals/0/images/news_header.gif) top left no-repeat;
	height:29px;
	width:465px;
	float:left;
}

.news_item
{
	width:425px;
	float:left;
	margin:0px 20px 0px 20px;
	line-height:15px;
}

* html .news_item
{
	width:425px;
	float:left;
	margin:0px 10px 0px 10px;
	line-height:15px;
}

.news_top
{
	width:425px;
	float:left;
	margin:0px 0px 6px 0px;
}

.news_date
{
	float:left;
	font-weight:bold;
}

.news_title
{
	float:left;
	font-weight:bold;
	color:#0FBCFF;
	cursor:pointer;
}

/* ########################################## */
/*                   ABOUT                    */
/* ########################################## */

.about_header
{
	background: url(/portals/0/images/about_header.gif) top left no-repeat;
	height:29px;
	width:465px;
	float:left;
}

.about_content
{
	width:425px;
	float:left;
	margin:0px 20px 0px 20px;
	line-height:15px;
}

*html .about_content
{
	width:425px;
	float:left;
	margin:0px 10px 0px 10px;
	line-height:15px;
}

/* ########################################## */
/*                 REQUEST                    */
/* ########################################## */

.request_header
{
	background: url(/portals/0/images/request_header.gif) top left no-repeat;
	height:24px;
	width:465px;
	float:left;
}

.request_header_contact
{
	background: url(/portals/0/images/request_header.gif) top left no-repeat;
	height:24px;
	width:465px;
	margin-left:-24px;
	float:left;
}

.request_content
{
	width:425px;
	float:left;
	margin:0px 20px 0px 20px;
	line-height:15px;
}

.form_l
{
	width:87px;
	float:left;
	text-align:right;
	margin:0px 10px 0px 20px;
	padding:4px 0px 0px 0px;
	font-size:12px;
}

.form_ls
{
	width:60px;
	float:left;
	text-align:right;
	margin:0px 10px 0px 20px;
	padding:4px 0px 0px 0px;
	font-size:12px;
}

.form_r
{
	width:299px;
	height:18px;
	float:left;
}

.form_b
{
	width:299px;
	height:54px;
	float:left;
}

.submit_b
{
	width:101px;
	height:26px;
	float:left;
	background: url(/portals/0/images/submit_b.gif) top left no-repeat;
	cursor:pointer;
}


/* ########################################## */
/*                 COLUMNS                    */
/* ########################################## */

.column_l
{
	width:160px;
	float:left;
	font-weight:bold;
	line-height:16px;
	margin:0px 20px 0px 0px;
	text-align: left
}

.column_r
{
	width:720px;
	float:left;
	line-height:18px;
	text-align: left;
}

.title
{
	color:#0FBCFF;
}


/* ########################################## */
/*                   TEXT                     */
/* ########################################## */

.text_who_we_are
{
	width:720px;
	height:69px;
	background: url(/portals/0/images/text_who_we_are.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

.text_web_design
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_web_design.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}


.text_software_development
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_software_development.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}


.text_database_design
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_database_design.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

.text_networking
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_networking.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

.text_seo
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_seo.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}


.text_graphic_design
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_graphic_design.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}


.text_onsite
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_on_site.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

.text_data_recovery
{
	width:700px;
	height:33px;
	background: url(/portals/0/images/text_data_recovery.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

.text_recent_work
{
	width:900px;
	height:16px;
	background: url(/portals/0/images/text_recent_work.gif) top left no-repeat;
	margin:0px 0px 28px 0px;
	float:left;
}

.text_contact_us
{
	width:700px;
	height:70px;
	background: url(/portals/0/images/text_contact_us.gif) top left no-repeat;
	margin:0px 0px 12px 0px;
	float:left;
}

/* ########################################## */
/*                 PORTFOLIO                  */
/* ########################################## */


.folio_item
{
	width:160px;
	height:120px;
	margin:0px 70px 20px 0px;
	float:left;
}

.folio_pic
{
	width:160px;
	height:82px;
	margin:0px 0px 12px 0px;
	float:left;
	cursor:pointer;
}

.folio_text
{
	width:160px;
	height:12px;
	margin:0px 0px 12px 0px;
	float:left;
	font-weight:bold;
	cursor:pointer;
	color:#FFF;
}

.folio_header
{
	float:left;
	font-weight:bold;
	margin:0px 8px 0px 0px;
}

.folio_link
{
	float:left;
	font-weight:bold;
	cursor:pointer;
}

.folio_screen
{
	float:left;
	font-weight:bold;
	cursor:pointer;
	width:560px;
	height:330px;
}

.folio_description
{
	width:560px;
	margin:6px 0px 0px 0px;
}

.popup
{
	width:199px;
	height:63px;
	background: url(/portals/0/images/popup.gif) top left no-repeat;
}

.popup_name
{
	font-weight:bold;
	font-size:10px;
	margin:4px 0px 0px 28px;
	width:170px;
}

.popup_text
{
	font-size:10px;
	margin:4px 0px 0px 28px;
	width:170px;
}

/* ########################################## */
/*                    FOOTER                  */
/* ########################################## */

.footer
{
	height:39px;
	width:100%;
	float:left;
	background: url(/portals/0/images/footer_bg.gif) top left repeat-x;
}

.footer_i
{
	width:960px;
	height:39px;
	margin:auto;
	position:relative;
	background: url(/portals/0/images/footer_bg.gif) top left repeat-x;
}


.copyright
{
	height:39px;
	width:93px;
	background: url(/portals/0/images/copyright.gif) top left repeat-x;
	float:right;
}

#TJK_dropDownMenu, #TJK_dropDownMenu * {
	margin:0;
	padding:0;
}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	float:right;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:11em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	display:none;
	margin:12px 0px 0px 0px;
	padding:1px 10px 10px 10px;
	background:url(/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	cursor:pointer;
	list-style-type:none;
	font-weight:bold;
}

/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:10em/*FF*/;
	padding:0;
	height:24px;
	max-width:120%;
	background:url(/portals/0/images/dropdown_bg.gif) top left repeat-x;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color:#FFF;
	border-left:1px solid #333;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the declaration below if you want to go "full width" */
/*	width:7.47em; */
	height:2em;
	line-height:2em;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:9em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:24px;
	font-weight:normal;
	color:#FFF;
	background-position:0 50% !important;
}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#FFF}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#FFF !important;background:#0FBCFF}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #TJK_dropDownMenu li#AB a,
.CF #TJK_dropDownMenu li#CF a,
.GJ #TJK_dropDownMenu li#GJ a,
.KR #TJK_dropDownMenu li#KR a,
.ST #TJK_dropDownMenu li#ST a,
.UZ #TJK_dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.AB #TJK_dropDownMenu li#AB ul,
.CF #TJK_dropDownMenu li#CF ul,
.GJ #TJK_dropDownMenu li#GJ ul,
.KR #TJK_dropDownMenu li#KR ul,
.ST #TJK_dropDownMenu li#ST ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #TJK_dropDownMenu li#AB ul li a:focus,
.AB #TJK_dropDownMenu li#AB ul li a:active,
.CF #TJK_dropDownMenu li#CF ul li a:focus,
.CF #TJK_dropDownMenu li#CF ul li a:active,
.GJ #TJK_dropDownMenu li#GJ ul li a:focus,
.GJ #TJK_dropDownMenu li#GJ ul li a:active,
.KR #TJK_dropDownMenu li#KR ul li a:focus,
.KR #TJK_dropDownMenu li#KR ul li a:active,
.ST #TJK_dropDownMenu li#ST ul li a:focus,
.ST #TJK_dropDownMenu li#ST ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,
.UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}