@charset "UTF-8";


/*
Theme Name: ITSTheme
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* CSS Document */

body {
    font-family: helvetica;
    background-image:url(body.png);
    background-repeat:repeat-x;
    background-color:#333333;
}
img {
    border:0;
}
p{
    font-family:helvetica;
    font-size:12px;
    line-height:20px;
    margin-left:10px;
    margin-right:10px;
    text-align: justify;  
}

/* main content header */
h1 {
    width:530px;
    height:30px;
    background-image:url(h2.png);
    background-repeat:no-repeat;
    color:#ffffff;
    font-family:helvetica;
    font-size:16px;
    font-weight:500;
    text-align:center;
    margin:0;
    margin-top:-18px;
    margin-bottom:10px;
    padding-top:10px;
}
h2 {
    font-family:helvetica;
    font-size:14px;
    font-weight:600;
    color:#003366;
    line-height:20px;
    margin:0;
    margin-left:10px;
    
}
h3 {
    
}
h4{
    font-family:helvetica;
    font-size:14px;
    font-weight:600;
    color:#003366;
    line-height:30px;
    text-indent:105px;
    width:300px;
    height:30px;
    margin:0;
    margin-left:10px;
    background-image:url(h4.png);
    background-repeat:no-repeat;
    
}
h5 {
    font-family:helvetica;
    font-size:14px;
    font-weight:600;
    color:#003366;
    line-height:30px;
    width:300px;
    height:30px;
    text-indent:40px;
    margin:0;
    margin-bottom:5px;
    margin-left:10px;
    background-image:url(h5.png);
    background-repeat:no-repeat;
}

h6 {
    margin:0;
    margin-bottom:5px;
    padding:0;
    font-family:helvetica;
    font-size:12px;
    font-weight:600;
    color:#ffffff;
    text-align:center;
    text-decoration:underline;
    
}
a {
    color:#003366;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
#wrapper {
    width:800px;
    min-height:200px;
    margin:0;
    margin-top:-8px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    background-image:url(wrapper.png);
    background-repeat:repeat;

}
#mast {
    width:800px;
    height:200px;
    margin:0;
    padding:0;
    background-image:url(mast.jpg);
    background-repeat:no-repeat;
    clear:both;
   
}

#info {
    margin:0;
    margin-top:0px;
    padding-top:202px;
    text-indent:140px;
    text-align:left;
    font-size:18px;
    line-height:30px;
    color:#ffffff;
    font-style: italic;

}
#info a{
    color:#ffffff;
   
}
.littlenav {
    margin:0;
    margin-left:540px;
    padding:0;
    padding-top:5px;  
    font-size:11px;
    line-height:16px;
}
.littlenav li {
    display:inline;
    margin-right:5px;
}
.littlenav li a:hover{
    text-decoration:none;
}
#left {
    float:left;
    width:250px;
    min-height:400px;
    margin-top:-10px;
    margin-left:0px;
    margin-right:10px;
    padding:0;
    }
    
/* provides continuous white background on content*/    
#white {
    margin-top:30px;
    width:800px;
    min-height:600px;
    background-color:#ffffff;
    
}

#cloudpricing
     th { font-size:10px; }
     .collapsus  { font-size:10px; border:1px solid black; width: 500px; text-align: center; border-collapse: collapse; }

#main {
    float:right;
    width:530px;
    min-height:400px;
    margin-top:20px;
    margin-right:10px;
    padding:0;

}
#main ul {
    list-style:none;
    font-family:helvetica;
    font-size:12px;
}
#main ul li {
    line-height:20px;
   
}


.mainright {
    float:right;
    margin:0;
    margin-left:10px;
    
}
.textbox {
    width:480px;
    height:80px;
    margin-left:50px;
    background-image:url(textbox.png);
    background-repeat:no-repeat;
    
}
.textbox p {
    width:460px;
    height:60px;
    margin-left:10px;
    margin-top:10px;
    font-weight:600;
}
.northlinn {
    background-image: url(northlinn.jpg);
    background-repeat: no-repeat;
    background-color:#cccccc;
    }
.anamosa {
    background-image: url(anamosa.jpg);
    background-repeat: no-repeat;
    background-color:#cccccc;

    }

/*------------------various list properties-----------------*/
  
/*default ul for lists with arrow graphic li's*/    
.arrow li {
    list-style: url(arrowbullet.png);
    margin-bottom:5px;
}

/*used on facility page to describe leading edge technology*/
.hightech li {
    list-style: url(arrowbullet.png);
    color:#000000;
    text-align:justify;
    margin-right:20px;
    margin-bottom:5px;
}
/*used on physical page to describe points of physical security*/
.physical li {
    list-style: url(arrowbullet.png);
    width:300px;
    text-align:justify;
    margin-bottom:5px;
}
/*used on redundancy page to describe points of redundancy*/
.redundancy li {
    list-style: url(arrowbullet.png);
    margin-right:75px;
    text-align:justify;
    margin-bottom:5px;
}
/*used throughout site to give li headings the blue text color - used with a span*/
.blue {
    color:#003366;
    font-weight:600;
}
.fineprint {
    font-size:10px;
    margin:0;
    margin-left:10px;
    line-height:14px;
}
    
/*tables*/
.vaultingheader {
    margin:0;
    margin-left:10px;
    margin-top:10px;
    width:220px;
    height:20px;
    background-color:#003366;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
.vmheader {
    margin:0;
    margin-left:10px;
    margin-top:10px;
    width:200px;
    height:20px;
    background-color:#003366;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
.vmlinux {
    width:200px;
    background-color:#cccccc;
    margin-left:10px;
    font-size:14px;
}
.vmlinux tr{
    width:100px;
    background-color:#eeeeee;
    line-height:20px;
}
.oneclick {
    width:220px;
    background-color:#cccccc;
    margin-left:10px;
    font-size:12px;
}
.oneclick tr{
    width:100px;
    background-color:#eeeeee;
    line-height:20px;
}
#table1 {
    margin:0;
    margin-right:20px;
    width:200px;
    float:left;
    display:inline;
}
#table2 {
    margin:0;
    width:200px;
    float:left;
    display:inline;
    
}
#table3 {
    margin:0;
    margin-right:20px;
    width:220px;
    float:left;
    display:inline;
    
}
#table4 {
    margin:0;
    width:220px;
    float:left;
    display:inline;
    
}

/*----------------------captions ----------------------------*/


/*used to describe sideview building sketch on facilities page / also used on green page for description for cooling unit and cooling diagram*/
.caption {
    font-size:11px;
    width:300px;
    float:right;
    background-color:#cccccc;
    padding:5px;
}
/*used for a full main width quote - blue color - used on disaster recovery planning page*/
.caption1 {
    margin-top:0;
    font-size:11px;
    width:500px;
    float:right;
    background-color:#003366;
    padding:5px;
    color:#aaaaaa;
}

/*used to describe raised floor and Novec picture on facilities page*/
.caption2 {
    margin-top:10px;
    font-size:11px;
    width:200px;
    float:right;
    background-color:#cccccc;
    padding:5px;
    color:#000000;
    clear:both;
}
/*used to describe generator picture on redundancy page*/
.caption3 {
    margin-top:0;
    font-size:11px;
    width:180px;
    float:left;
    background-color:#cccccc;
    padding:5px;
    color:#000000;
}
/*used with caption 1 on disaster recovery page to give white color to text*/
.quote {
    font-size:12px;
    color:#ffffff;
}

/*used for a full main width quote - blue color - used on disaster recovery planning page*/
.companybio {
    margin:0;
    margin-right:10px;
    margin-left:10px;
    font-size:12px;
    font-weight:400;
    width:200px;
    min-height:500px;
    float:right;
    background-color:#003366;
    padding:5px;
    color:#ffffff;
    line-height:12px;
}
.companybio ul {
    margin:0;
    margin-top:10px;
    padding:0;
    
}
.companybio ul li {
    margin:0;
    padding:0;
    margin-left:10px;
    font-size:11px;
    color:#aaaaaa;
}
.bioheader {
    font-size:12px;
    color:#ffffff;
}
/* ----------------graphics---------------*/

/*life preserver graphic used on data recovery page*/
.recovery {
    width:100px;
    float:left;
}
/*safe graphic on data vaulting page*/
.vaulting {
    width:100px;
    float:left;
}
/*pep wave graphic on wifi page*/
.right {
    margin-right:10px;
    width:200px;
    height:300px;
    float:right;
}
/*gear graphic on data vaulting page*/
.gears {
    width:150px;
    float:right;
    margin-left:10px;
}
/*diagram of hot aisle / cold aisle concept*/
.coolingdiagram {
    width:200px;
    margin-top:11px;
}
.generator {
    float:right;
    width:300px;
    margin-right:10px;
}
/*picture of APC cooling unit on top-right of green page*/
.cooling {
    width:100px;
    float:right;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:3px;
}
/*handscanner pic (button) used on physical security page*/
.handscanner {
    float:right;
    margin-right:10px;
    width:150px;
    height:150px;
    
}
/*pics of raised floor and Novec tanks*/
.raisedfloor {
    margin-right:10px;
    width:100px;
    height:150px;
    float:right;
}
/*sideview building sketch on facilities page*/
.sideview {
    width:200px;
    float:left;
}

#footer {
    margin:0;
    margin-top:-150px;
    width:800px;
    height:200px;
    background-image:url(footer.png);
    background-repeat:repeat-x;
    clear:both;

    
}
#footer a {
    color:#ffffff;

}
#footer a:hover{
    color:#003366;
}
.address {
    margin:0;
    margin-left:300px;
    margin-top:-35px;
    text-align:center;
    line-height:20px;
    color:#ffffff;
}
.phone {
    margin:0;
    margin-left:300px;
    margin-top:-35px;
    text-align:center;
        line-height:20px;
        color:#ffffff;

}
#footerpic {
    background-image:url(footerpic.png);
    width:250px;
    height:200px;
    
}


/* Navigation */

#nav    {
    width: 230px; /*width of accordion menu*/
    margin:0;
/*changed from 12*/
    margin-top:12px;
    margin-left:10px;

}

#nav .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
    font-family: helvetica;
    font-size:14px;
    font-weight:600;
    color:#ffffff;;
    background-image:url(button.png);
    background-repeat: no-repeat;
    width:230px;
    height:24px;
    margin:0;
    margin-bottom:10px; /*bottom spacing between header and rest of content*/
    padding:0;
    padding-top:6px;
    text-indent: 20px;
    cursor: hand;
    cursor: pointer;
}

#nav .openheader{ /*CSS class to apply to expandable header when it's expanded*/
    background-image: url(buttonon.png);
    margin:0;
    margin-bottom:10px;
}
#nav a {
    text-decoration:none;
    color:#ffffff;
}

#nav ul{ /*CSS for UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

#nav ul li{
    padding-bottom: 2px; /*bottom spacing between menu items*/
}

#nav ul li .opensubheader{ /*Open state CSS for sub menu header*/
    background: lightblue !important;
}

#nav ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
    background: lightgreen !important;
}

#nav ul li a{
    color: #000000;
    background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 19px; /*link text is indented 19px*/
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #dadada;
    font-size: 90%;
}

#nav ul li a:hover{ /*hover state CSS*/
    background-image: url(nav.png);
    background-repeat: repeat;
}

#nav ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
    background: lightblue;
}