﻿/*--------------------------------------------
-------------CSS ON CDN-----------------------
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 0;
}

a {
	color: #000000;
	/*text-decoration: underline;*/
}

address
{
    font-style:normal;
    display:inline;   
}

a:hover {
	font-weight: normal;
}

a:focus
{
    outline:none;   
}

#header
{
    margin-top:15px;   
}

#topheader, #nav, #body, #footer {
	margin: 0 auto;
}

#topheader > a > img
{
    margin-top:30px;   
}

.h-nav {
	padding-top: 5px;
}

#topheader .h-nav ul
{
    margin:65px 15px 0 0;  
}

#topheader .h-nav ul li
{
    display:inline;
    margin:0;
    font-weight:bold;
}

#topheader a {
	/*padding: 1em;*/
	font-weight: bold;
	color: #fcc300;
	text-decoration: none;
}

#topheader a:hover {
	text-decoration: underline;
}

a.h-support, a.h-support:active, a.h-support:visited, a.h-support:hover {
	color: #ff0000;
}

#nav-wide {
	background-image: url('../images/Cyberstreams_NavGrayBarSM.jpg');
	background-repeat: repeat-x;
	min-height: 45px;
	margin-bottom:-15px;
}

#nav {
	max-height: 45px;
	z-index: 2;
	position: relative;
}

#nav a, a:active, a:visited, a:hover {
	color: #000000;
	text-decoration: none;
}


 #nav .sf-menu a
{
    font-weight:normal;
	font-size:1.1em;
}

#nav .sf-menu a:hover
{
    text-decoration:none;   
}

#nav .sf-menu li ul li a:hover
{
    color:#fff;
    text-decoration:none;
}

#snav a { 
	background: #cccccc; 
	text-decoration: none; 
	margin: 0 5px; 
	padding: 0 5px;  
}

#snav a.activeSlide { 
	background: #fcc300; 
}

#snav a:focus { 
	outline: none; 
}

#snav {
	margin: 0 auto;
	text-align: center;
}

#feature {
    position: relative;
	clear: both;
	min-width: 715px;
	max-width: 715px;
	min-height: 312px;
	max-height: 312px;
	margin: 0 auto;
	z-index: 1;
}

#feature a:visited{
	
	text-decoration: underline;
}

img.f {
	z-index: -20;
	position: absolute;
	top: 0;
	left: 0;
}

#partnerSlider img.f
{
    position:inherit;
    margin:8px;   
}

.feature-h1, .feature-p {
	width: 400px;
	z-index: 1;
}

.feature-h1 {
	color: #132d3a;
	font-weight: normal;
	font-size: 2.3em;
	line-height: 1em;
	margin: 0;
	padding: 20px 25px 0px 20px;
}

.feature-p {
	font-size: 1.4em;
	margin-top: 1.5em;
	padding: 0px 25px 0px 20px;
	width:370px;
}

/*#feature ul {
	font-size: 1.3em;
	margin-top: .1em;
	padding: 0px 25px 0px 25px;
	list-style: disc;
}*/

img.feature {
	position:absolute;
left:0px;
top:0px;
z-index:-1;
}

#services {
	width: 862px;
	margin: 0 auto;
	clear: both;
    margin-top: -10px;
}

#services a:visited{
	
	/*text-decoration: underline;*/
}

#footer {
	height: 50px;
	font-size: .9em;
	line-height: 1.5em;
	clear: both;
}

#footer h1
{
    display:inline;
    font-size:1em;
}

#footer a:visited{
	
	text-decoration: underline;
}

#footer .float-left a
{
    text-decoration:underline;
}

#network-pane, #phone-pane {
	width: 338px;
	height:240px;
	overflow: hidden;
	padding:10px 10px 0 10px;
	/*padding: 30px 140px 40px 25px;*/
	margin-top: 25px;
	float: left;
	background: url('../images/Cyberstreams_IndexYlwITServicesBox.jpg') no-repeat top left;
}

#phone-pane
{
    margin-right:145px;
}

#network-pane h2, #phone-pane h2 {
	font-size: 1.75em;
	font-weight: normal;
	color: #ffffff;
	/*margin-top: -25px;*/
	padding: 0;
	text-align:center;
}

#phone-pane h2
{
    font-size:1.50em;
}

#network-pane p, #phone-pane p {
	font-size: .9em;
	line-height: 1.6em;
	margin-top: -10px;
	padding: 0;
	font-weight:normal;
	width:320px;
}

#network-pane p a, #phone-pane p a
{
    font-weight:bold;
    text-decoration:none;
}

#network-pane a:hover, #phone-pane a:hover
{
    text-decoration:underline;
}

#network-pane img, #phone-pane img
{
    float:right;  
    margin-top:-20px; 
}

#services div.info-pane {
	margin: 15px 10px 50px 0;
	background: url('../images/Cyberstreams_IndexWhtBoxSeattleITConsulting.jpg') repeat-y;
    width:231px;
	height:368px;
}

.info-pane > div
{
    width:200px;
}

.info-head {
	background: none no-repeat;
}

.info-end {
	background: none no-repeat bottom;
	height: 30px;
}

.info-head h3 {
	padding: 1em .8em .5em .8em;
	font-weight: normal;
	font-size: 1.4em;
}

.info-body {
	color: #666666;
	padding: 1em 1em .5em 1em;
	font-size: .90em;
	line-height: 1.4em;
	height:220px;
}

.info-body h3, .info-body h4
{
    font-size:1em;
    display:inline;   
    font-weight:normal;
}

.info-body a[rel="prettyPhoto"] img
{
    max-width:200px;
    margin-top:25px;   
}

.topOffset
{
    margin-top:-20px;
}

div#more-details img.topOffsetLrg, img.topOffsetLrg
{
    margin-top:-270px;   
}

.info-body ul 
{
    margin: 5px 0 0 -15px;
	list-style: disc;
	/*margin: 1em 0 1em 2.75em;*/
	font-size:1em;
	
}

.info-body p {
	padding: 0 1em .5em 1em;
	font-size: .95em;
	line-height: 1.4em;
	min-height: 200px;
}

.info-body a
{
    font-weight:bold;
}

.info-body a:hover
{   
    text-decoration:underline;
}

.service {
	clear: both;
	margin: 0 auto;
	background: none repeat-x;
	margin-bottom: 25px;
}

.service a:visited {

	text-decoration: underline;
}

div#serv-tabs a
{
    font-weight:bold;
    text-decoration:none;   
}

div#serv-tabs a:hover
{
    text-decoration:underline;   
}

.serv-form, .serv-form2 {
	/*padding: 0 20px 0 0;*/
}

.serv-form h1
{
    padding-top:15px;
}

.serv-form2 {
	clear: both;
	margin-bottom: 50px;
}

.service h1 {
	font-size: 2.1em;
	font-weight: normal;
margin-bottom: .5em;
}

.service h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin-top: 1em;
margin-bottom: .5em;
}

.service p {
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	margin-bottom: 1.7em;
}

.tag {
	float: right;
	padding-left: 20px;
	margin: -2px 0 20px 0;
	background:transparent url(../images/Cyberstreams_CallNowSeattleITConsulting.png) no-repeat top right;
	width:230px;
	height:193px;
	color:#fff;
    text-align:center;
}

.tag h3
{
    font-size:2.5em;
    font-weight:normal;
    margin-top:5px;
}

.tag h4
{
    font-size:2.25em;
    font-weight:normal;
    margin-bottom:0px;
}

.tag h5
{
    color:#555;
    font-size:1.25em;
    font-weight:normal
}

.tag h6
{
    margin:16px 0px;
    padding:0 1px;
    font-size:1.2em;
}

.tag h6.tagLongService
{
    margin:-5px 0 0;   
}

.showListStyle
{
    margin-left:0;
}

.showListStyle li
{
    list-style:disc none outside;
}

#serv-tabs {
	clear: both;
}

#serv-tabs ul {
	display: block;
	/*height: 25px;*/
	background: none repeat-x;
	margin: 0;
	padding: 0;
}

img.moreDetailsTopImage
{
    float:right;
    margin-left:10px;
}

#more-details > img.moreDetailsTopImage
{
    float:right;
    margin-top:0px;
    padding: 0 2px; 
}

#serv-tabs div#more-details ul
{
    list-style:disc none outside; 
    margin-bottom:15px;  
}
 /*#serv-tabs div#more-details ul li
{
    list-style-type:disc;   
    list-style-position:inside;
    border:solid 1px red;
    padding:0 0 0 20px;

}*/

/*#serv-tabs div li {
	display: inline;
	float: left;
}*/

#serv-tabs div ul li span
{
    font-weight: bold   
}

#desk-copy {
	font-size: 1.1em;
	line-height: 1.6em;
	color: #666666;
}

.x {
	
	border-right: 1px solid #999999;
	overflow: hidden;
	width: 345px;
}

.y {
	overflow: hidden;
	width: 345px;
}

.x hr, .y hr {
	border: none;
	border-top: 1px solid #999999;
}

#downloads {
	margin: 30px 0 50px 0;
	text-align: center;
}

#downloads a {
	padding: 0 1em;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear
{
    clear:both;
}

.center {
	text-align: center;
}

.contentImgPlaceholders
{
    height:180px;
    border:dashed 1px #CCC;
    margin-left:0px;
    margin-bottom:15px;
}

#feature, #sidebar
{
    margin-top:15px;
}

#sidebar
{
    text-align:center;  
    font-weight:bold; 
    margin-top:10px;
    min-height:645px;
}

#sidebar > div
{
    background:transparent url(../images/Cyberstreams_RightColBG.jpg) no-repeat 0 0; 
    margin-left:-15px;
    padding:5px 15px;
    width:208px;
    height:183px;
    text-align:left; 
}

#sidebar div#comptia
{
    background-image:none;
    margin-top:30px;
	text-align: center;
}

#sidebar div#comptia img {
	width: 150px;
}

#sidebar div#comptia.home {
	margin-top: 50px;
}

#sidebar div#comptia.home img {
	width: 100px;
}

#sidebar #sidebarNav
{
    background: none;   
    margin: 0 0 25px -30px;
    height:183px;
    /*min-height:155px;
    max-height:155px;
    overflow:hidden;*/
}

#clickForMore 
{
    background:transparent url(../images/Cyberstreams_RightColMdl1px.jpg) repeat-y 0 0;
    min-width:230px;
    padding: 5px 0px 0 10px;
    display:block;
    color:#666;
    font-style:italic;
    margin-top:-5px;
    font-weight:normal;
}

#clickForMore:hover
{
    text-decoration:underline;
}

#sidebar #sidebarNav #sidebarNavMiddle
{
    background:transparent url(../images/Cyberstreams_RightColMdl1px.jpg) repeat-y 0 0;
    width:227px;
    padding:0px 0 0 10px ;
    margin:0px;   
    min-height:153px;
    color:#333;
}

#sidebarNavMiddle h4, #promotions h4, #testimonials h4 
{
    margin-bottom:2px;    
    text-align:center; 
    color:#666;
}

#sidebarNavMiddle ul
{
    margin-bottom:2px;  
}

#sidebarNavMiddle ul li a
{
    color:#333;
    text-decoration:none;
}

#sidebarNavMiddle ul li a:hover
{
    color:#f90;
    font-weight:bold;   
}

#sidebarNavMiddle h4
{
    margin-left:-10px;
}

#sidebar div p
{
    margin-top:0px;
}

#sidebar div#promotions
{
    text-align:center;
    /*padding-right:10px;   */
}

#promotions h4, #testimonials h4
{
    margin-top:8px;   
}

#promotions h5
{
    margin-bottom:2px;   
    padding-top:40px;
}

#promotions h3
{
    color:#ff9900;   
    font-size:2.8em;
    margin-bottom:2px;
    line-height:25px;
}

#promotions h2
{
    color:#ff9900;   
    font-size:3.7em;
    padding-top:50px;
}

#promotions p
{
    font-size:.9em;
    font-weight:normal;   
}

#promotions a
{
    margin-top:-40px;
    display:block;
    height:100%;
    width:100%;
    text-decoration:none;
}

#promotions p a:hover
{
    text-decoration:underline;   
}

#testimonials
{
    color:#333; 
    /*padding-right:10px;  */
}

#testimonials h4
{  
   /* margin-left:-15px;*/
}

#testimonials q
{
    font-size:.9em;
    margin-bottom:5px;   
    font-style:italic;
    line-height:1.4em;
    /*padding-right:10px;*/
    font-weight:normal;
}

#testimonials p
{
    color:#000;   
    margin-bottom:70px;
}

#testimonials div
{
    width:100px;
    margin:0px auto;   
}

#testimonials div#comptia
{
    /*position:relative;
    top:20px;   */
}

#testimonials div#comptia a img
{
    width:100px;
}

#siteMapDiv
{
    margin-top:-200px;
}

#siteMapDiv table
{
    margin-top:0;
}

#siteMapDiv table h2
{
    margin:20px 10px 0 0px;   
}


#siteMapDiv table a
{
    text-decoration:none; 
    width:100%;  
}

#siteMapDiv table a:hover
{
    text-decoration:underline;
}

#more-details ul li
{
    float:none; 
    display:list-item;  
}

#addValue li
{  
    list-style:none;
    font-weight:bold;
}

#addValue ul li
{   
    font-weight:normal;
}

#hostedSolutionsPrices tr td
{
    /*border-right:dashed 1px black;  */
    border-bottom:dashed 1px #999;
    padding:5px 10px;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    font-family: 'Times New Roman';
}

#hostedSolutionsPrices tr td.hostedSolutionsTableFirstColumn
{
    text-align:left;
}

.prosConsHeader
{
    font-weight:bold;
    font-size:1.25em;
    list-style-type:none;   
}

#servicesPageWrapper ul li
{
    list-style-type:none;
    margin-top:10px;
}

#servicesPageWrapper ul li a
{
    text-decoration:none;
    font-size:1.5em; 
}

#servicesPageWrapper ul li a img
{
    vertical-align:middle;
    margin-right:-10px;
    padding-right:5px;
}

#servicesPageWrapper ul li a:hover
{
    color:#dca603;
}

h2 > img
{
    vertical-align:middle;   
}

.pdf
{
    color:#666;
    font-style:italic;   
}

.pdf img
{
    vertical-align:middle;
}

.contactTB
{
    width:180px;
    height:20px;
    margin:5px;
    font-size:12px;
}

.contactTextArea
{
    width:180px;
    height:100px;
    margin:5px;
    font-size:12px;   
}

.noListStyleType
{
    list-style-type:none;   
}

.parentUnorderedList
{
    list-style-type:none;   
}

#reportCard, #workstation
{
    list-style-type:disc;   
    margin-left:0px;
}

#reportCard ul
{
    list-style-type:circle;
    margin:0px;  
}

li.video
{
    background:transparent none no-repeat 0 0;
    height:309px;
    width:718px;   
}

li.video img
{
    margin:55px 0 0 345px;
}

li.video div img
{
    display:none;  
}

.hidden
{
    display:none;   
}

/* Tabs
----------------------------------*/

.ui-tabs { }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font-weight: normal; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
