body { background: #010119 url(images/bg_page.jpg) repeat-x scroll top left; font-size: 12px; text-align: left; font-family: Verdana,Arial,Helvetica,sans-serif; }
.page { width: 990px; margin: 0 auto;  }

/* support box for dropdowns */
.support-box { display: none; position: absolute; left:0px; float: left; z-index: 99; }
.support-box-content ul { background: #000152 url(images/default/support-areas-sprites.gif) no-repeat 0px -62px; width: 240px; list-style: none; }
/*.support-box-content li a, .support-box-outer li a:active, .support-box-outer li a:visited { width: 205px; background: none; color: #fff; text-decoration: none; font-weight: bold; line-height: 28px; padding-left: 25px; height: 28px; background-image: none;  }*/
.support-box-content li a { width: 205px; background: none; color: #fff; text-decoration: none; font-weight: bold; line-height: 28px; padding-left: 25px; height: 28px; background-image: none;  }
.support-box-content li a:hover { background: none; text-decoration: underline; padding-left: 25px; background-image: none; }
.support-box-top { height: 8px; width: 240px; background: transparent url(images/default/support-areas-sprites.png) no-repeat 0px 0px; }
.support-box-bottom { height: 8px; width: 240px; background: transparent url(images/default/support-areas-sprites.png) no-repeat 0px -28px; }

/* header */
#header { height: 93px; background-image: url(images/header.jpg); }
#header img { float: left; }

/* top navigation */
#nav { float: right; margin: 20px 20px 0px 0px; position: relative; list-style: none;}
#nav ul { margin: 0; }
#nav .empty { margin: 0px 10px; color: #000; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Tahoma; cursor:pointer}
#nav .empty:hover { margin: 0px 10px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Tahoma; cursor:pointer}
#nav li a { margin: 0px 10px; color: #000; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Tahoma; }
#nav li a:hover { color: #fff; }
#nav .support-box-content { margin-top: 20px; margin-left: -40px; }
#nav .support-box li a { color: #fff; }
#nav .support-box li a:hover { text-decoration: underline; }
#nav li { float: left; margin: 0px; }

/* menu */
#menu { height: 158px;  }
#menu-wrapper { height: 158px; background-image: url(images/navbar-sprites/navbar-sprite.jpg); background-position: 0 0; }
#menu-wrapper.menu-consulting, #menu-wrapper.menu-web-development, #menu-wrapper.menu-software-development { background-position: 0 -208px; } 
#menu-wrapper.menu-networking, #menu-wrapper.menu-remote-services { background-position: 0 -416px; } 
#menu-wrapper.menu-telephony { background-position: 0 -624px; } 
#menu-wrapper.menu-video-lifestyles { background-position: 0 -832px; }
#menu ul { margin: 0; } 
#menu li { float: left; margin: 0; }
#menu li a { display: block; text-indent: -9999px; overflow: hidden; }
#menu li.menu-consulting, #menu li.menu-consulting a,  
#menu li.menu-networking, #menu li.menu-networking a, 
#menu li.menu-telephony, #menu li.menu-telephony a, 
#menu li.menu-video-lifestyles, #menu li.menu-video-lifestyles a { width: 248px; height: 158px; }
#menu li.menu-video-lifestyles, #menu li.menu-video-lifestyles a { width: 246px; }

/* main content */
#main { background-color: #000; color: #fff; }
#main legend { color:#fff; }

/* content defaults */
#content { min-height: 350px; height: auto !important; height: 350px; padding:5px 20px 10px 0px; }
#content ol, #content ul { list-style-type:disc; list-style-position:inside; }
#content-wrapper { background-color: transparent; background-image: url(images/navbar-reflection-sprites/sprite.jpg); background-repeat: no-repeat; background-position: 0 0; }
#content-wrapper.menu-networking { background-color: transparent; background-image: url(images/navbar-reflection-sprites/sprite.jpg); background-repeat: no-repeat; background-position: -1980px 0; }
#content-wrapper.menu-consulting { background-color: transparent; background-image: url(images/navbar-reflection-sprites/sprite.jpg); background-repeat: no-repeat; background-position: -990px 0; } 
#content-wrapper.menu-telephony { background-color: transparent; background-image: url(images/navbar-reflection-sprites/sprite.jpg); background-repeat: no-repeat; background-position: -2970px 0; } 
#content-wrapper.menu-video-lifestyles { background-color: transparent; background-image: url(images/navbar-reflection-sprites/sprite.jpg); background-repeat: no-repeat; background-position: -3960px 0; } 


/* footer */
#footer { color: #fff; font-weight: bold; font-size: 14px; background: transparent url(images/bg_footer.jpg) repeat-x top left; height: 28px; padding-top: 5px; padding-left: 10px; }
#footer span { float: right; margin-right: 10px; }
#footer img{ padding-left:300px;}

/* subfooter */
#subfooter { color: #fff; padding-top: 5px; padding-bottom: 5px; font-size: 10px; }
#subfooter span#copyright { float:left; }
#subfooter ul#subnav {margin:0; list-style-position:outside;}
#subfooter ul#subnav li {display:inline;}
#subfooter ul#subnav li a{ color:#fff; text-decoration:none; font-weight:normal;}
#subfooter ul#subnav li a:hover { color:Orange;}


/* layout styles */
h1 { margin: 25px 0px 15px 0px; font-size: 16px; }
p { margin: 0px 0px; }

ul { margin: 15px 0px; }
li { margin: 5px 0px; margin-left: 10px; }

/* content pages */
#content { float: right; width: 690px; }
#sidebar { float: left; width: 250px; min-height: 300px; height: auto !important; height: 300px; background-color: #0f0f0f;}
#sidebar ul { margin: 0px; }
#sidebar ul li ul { margin: 0px 0px 0px 14px; }
#sidebar ul li ul li { margin: 5px 0 5px 0px; }
#support li, #nav li, #partners-content li, #sidebar-menu li { margin: 0px; }
#support li a, #sidebar-menu li a, #support li a:active, #sidebar-menu li a:active, #support li a:visited, #sidebar-menu li a:visited { width: 215px; display: block; height: 36px; background: transparent url(images/default/sidebar-header.jpg) no-repeat top left; color: #9c9c9c; text-decoration: none; font-weight: bold; line-height: 36px; padding-left: 35px; overflow: hidden; }
#support li a:hover, #sidebar-menu li a:hover { background: transparent url(images/default/sidebar-header.jpg) no-repeat top left; color: #fff; }
#sidebar-menu li ul li a, #sidebar-menu li ul li a:active, #sidebar-menu li ul li a:visited { background: none; line-height: 16px; height: 16px; }
#sidebar-menu li ul li a:hover { background: none; text-decoration: underline; }

/* home page */
.home ul { margin: 0px 0px; }
.home h1 { margin: 20px; font-weight: normal; width: 400px; font-size: 13px;  }
.home h2 { margin: 20px; font-weight: normal; width: 400px; }
.home #main { background: #c6c6c6 url(images/bg_content.jpg) repeat-x top left; color: #000; }
.home #content-wrapper { background: transparent url(images/content_top.gif) no-repeat top left; background-position: 0 0; }
.home #content-wrapper.menu-consulting,
.home #content-wrapper.menu-networking,
.home #content-wrapper.menu-telephony, 
.home #content-wrapper.menu-video-lifestyles { background-position: 0 0; } 


.home #content { width: 590px; float: left; margin-right: -20px; }
.home h1, .home h2 { float: left; margin: 18px 0 0 20px; }
.home #computer-networking { float: left; margin-top: 12px; }
/* home page - supported services box */
.home #support { margin-left: 20px; width: 310px; list-style: none; position: relative; float: left; margin-top: 15px; color: #fff; }
.home #support li { height: 36px; line-height: 36px; }
.home #support li a, .home #support li a:active, .home #support li a:visited { width: 351px; display: block; height: 36px; background: transparent url(images/default/support-areas.png) no-repeat top left; color: #010167; text-decoration: none; font-weight: bold; line-height: 36px; padding-left: 35px; }
.home #support li a:hover { width: 310px; display: block; height: 36px; background: transparent url(images/default/support-areas-hover.png) no-repeat top left; color: #fff; line-height: 36px; padding-left: 35px; }
.home #support .support-box { left: 240px; margin-top: -40px; }
.home #support, .home #support ul { list-style-type:none; list-style-position:outside; }
/*.home #support .support-box-content li a, .support-box-outer li a:active, .support-box-outer li a:visited { width: 205px; background: none; color: #fff; text-decoration: none; font-weight: bold; line-height: 28px; padding-left: 25px; height: 28px; background-image: none; }*/
.home #support .support-box-content li { height: 28px; line-height: 28px; padding-left: 0px; }
.home #support .support-box-content li a { width: 205px; background: none; color: #fff; text-decoration: none; font-weight: bold; line-height: 28px; height: 28px; background-image: none; }
.home #support .support-box-content li a:hover { background: none; text-decoration: underline; padding-left: 25px; background-image: none; }
.home #sidebar { float: left; margin-top: 30px; color: #01016c; background-color: transparent; }
/* home page - javascript enabled - hide all other sections in partners box until highlighted */
.JS .home #sidebar ul li.default, .JS .home #sidebar ul.menu-consulting li.menu-consulting, 
.JS .home #sidebar ul.menu-software-development li.menu-software-development, 
.JS .home #sidebar ul.menu-web-development li.menu-web-development, 
.JS .home #sidebar ul.menu-networking li.menu-networking, 
.JS .home #sidebar ul.menu-remote-services li.menu-remote-services, 
.JS .home #sidebar ul.menu-telephony li.menu-telephony, 
.JS .home #sidebar ul.menu-video-lifestyles li.menu-video-lifestyles { display: block; }
.JS .home #sidebar ul li, 
.JS .home #sidebar ul.menu-consulting li.default, 
.JS .home #sidebar ul.menu-software-development li.default, 
.JS .home #sidebar ul.menu-web-development li.default, 
.JS .home #sidebar ul.menu-networking li.default, 
.JS .home #sidebar ul.menu-remote-services li.default, 
.JS .home #sidebar ul.menu-telephony li.default, 
.JS .home #sidebar ul.menu-video-lifestyles li.default { display: none; }
/* home page - styling for partners box on right */
.home #partners-box { width: 370px; margin-left: 5px;}
.home #partners-box p { margin-bottom: 10px; }
.home #partners-box h3 { background: transparent url(images/default/partners-headers.png) no-repeat top left; width: 354px; height: 38px; margin: 4px 0px; text-align: center; line-height: 35px; }
.home #partners-top { height: 8px; width: 370px; background: transparent url(images/default/partners-sprites.png) no-repeat 0px 0px; }
.home #partners-content { background: transparent url(images/default/partners-sprites.png) no-repeat 0px -62px; min-height: 290px; height: auto !important; height: 290px; padding: 5px 10px; }
.home #partners-bottom { height: 8px; width: 370px; background: transparent url(images/default/partners-sprites.png) no-repeat 0px -28px; }
/* section-page class for all sections html pages */
.clear { clear:both; }
.fltlft { float:left; }
.fltrht { float:right; }
.notoppad { margin-top:0; }
.bold {font-weight:bold}
.underline {text-decoration:underline;}
.italic {font-style:italic}
body.section-page { line-height:150%;}
body.section-page h3 { margin-bottom:1em; }
body.section-page p { margin-bottom:1em; }
body.section-page a { font-weight:bold; color:#fff;}
body.section-page img.noflt { margin:20px 0 20px 0; }
body.section-page img.fltrht { float:right; margin:20px 0 20px 20px; }
body.section-page img.fltrhtnotop { float:right; margin:0 0 20px 20px; }
body.section-page img.fltlft { float:left; margin:20px 20px 20px 0; }
body.section-page img.fltlftnotop { float:left; margin:0 20px 20px 0; }
body.section-page p.center { text-align: center; text-indent:0; }
body.section-page ul#nobullet { list-style-type:none }
body.section-page ul#nobullet li { margin-bottom:20px }
body.section-page div.imgfrm { text-align: center; margin: 20px; width: 170px; float: left}
body.section-page table { border-collapse: collapse; }
body.section-page td, body.section-page th { border: 1px solid #fff; padding:5px;}
body.section-page th { text-align: center; }
body.section-page div.padding { padding:10px 30px; }
body.section-page ol.decimal { list-style-type:decimal; }
body.section-page ol.lower-alpha { list-style-type:lower-alpha; }
/* portfolio-page class for all portfolio pages */
body.portfolio-page p.header {margin-top:20px; text-align: center; padding:5px; background-color: rgb(102,102,102); width: 100%; clear: both; font-weight: bold }
body.portfolio-page div.frame { text-align: center; margin: 5px; width: 128px; float: left }
body.portfolio-page a { font-weight:bold; color:#fff;}
body.portfolio-page img.thumbnail { cursor:pointer;}
body.portfolio-page div.ui-dialog { position:absolute;  width:600px !important; }
body.portfolio-page a.ui-dialog-titlebar-close { position:absolute; top:15px; right:3px; background-color:red; color:white; padding:3px; text-decoration:none; font-weight:bold; }