@import url(/assets/ispbrain/library.css);


/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/
html, body, form, fieldset{ margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin: 1em 0;padding: 0; }
li, dd, blockquote{ margin-left: 1em; }
form label{ cursor: pointer; }
fieldset{ border: none; }
input, select, textarea{  }
/* End Normalization */

/* Powered By Text */
span.poweredby img {border:0; padding: 0; margin: 0; position: relative; top: 3px;}

/* Type selectors
-----------------------------------------------------------------*/
body{ background:#fff url(/assets/ispbrain/background.png) 50% 0 repeat-y; color:#000; font-size:62.5%;}
a{color:#1F3A8B; text-decoration:underline;}
a:hover{color:#89AE28; text-decoration:underline;}

h1, h2, h3, h4, h5, h6{color:#000; border-bottom:1px solid #98C81F;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ text-decoration:none; }

h2{
font-size:1.5em;
}
p{
line-height:1.3em;
}

img, img a{ border:0; }

blockquote{border-left:6px double #ccc; padding-left:1em; }
blockquote cite { margin: 5px 0 0; display: block; }

ul{ margin: 0 0 0 1em; padding: 0 0 0 1em; list-style:none;}
li{ margin: 0; padding: 0 0 0 10px; background:url(/assets/ispbrain/sm-bullet.png) 0 3px no-repeat;  }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea {  }

strong{color:#036;}
hr{ display:none; }

label{color:#000; display:block;}

input.formbox{
margin:0 5px 0 0; padding: 3px;
border:1px solid #666;
}

.alignleft{float:left;}
.alignright{float:right;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}

#access{display:none;}

#header, #main, #products{
width:656px;
margin:0 auto;
}

#header h1{
font-size:1em;
width:257px;height:35px;
float:left;
background:url(/assets/ispbrain/ispbrain-logo.png) no-repeat;
text-indent:-9000px;
margin:40px 0 0 2em;
border:0;
}
#header h2{
font-size:1em;
height:34px;width:261px;
float:right;
background:url(/assets/ispbrain/buildingintelligentnet.png) no-repeat;
text-indent:-9000px;
margin:4em 1em 2em 0;
border:0;
}

ul#navigation{
text-align:center;
margin:0;padding:1em 0;
background:#145493 url(/assets/ispbrain/nav-back.png) left top repeat-x;
border-bottom:1px solid #80AECA;
border-top:1px solid #7F7FB2;
list-style:none;
clear:both;
font-size:1.1em;
}
ul#navigation li{
display:inline;
margin:0;padding:0;
background:transparent;
}

ul#navigation li a{
color:white;
padding:1.1em; margin:0;
text-decoration:none;
border-right:1px solid #709ABE;
}
ul#navigation li.first a{
border-left: 1px solid #709ABE;
}
ul#navigation li a:hover, ul#navigation li.current a{
background:#f8f8f8 url(/assets/ispbrain/nav-over.png) repeat-x;
color:#1F398A;
}


ul#features{
margin:1em 0 2em 2em;padding:0;
list-style:none;
float:left;
}

ul#features li{
margin:0 0 1em 0;
padding:0;
}

#subnav{
width:130px;
float:left;
margin-top:2em;
background: #346EAE url(/assets/ispbrain/subnav-back.png) left top repeat-x;
}
#subnav ul{
margin:0;
padding: 0 0 88px 0;
background:url(/assets/ispbrain/subnav-watermark.png) left bottom no-repeat;

}
#subnav ul li{
background:transparent;
text-align:center;
margin:0;padding:0;
}

#subnav ul li a{
display:block;
padding:1em 0;
width:130px;
color:white;
text-decoration:none;
border-bottom:1px solid #5D75B1;
}
#subnav ul li a:hover{
background:white url(/assets/ispbrain/subnav-back-over.png) repeat-x;
color:#204D95;
}


#content{
width:506px;
float:right;
font-size:1.1em;
line-height:1.3em;
margin:1em 0 2em 0;
}

body.home #content{
width:375px;
background:url(/assets/ispbrain/watermark.png) 50% 50% no-repeat;
}

#products{
clear:both;
}

#products h2{
text-align:center;
background:url(/assets/ispbrain/green-bar.jpg) 0 50% repeat-x;
color:#98C81F;
font-size:1.2em;
text-transform:uppercase;
font-weight:normal;
margin:0 0 .5em 0;padding:0;
border:0;
}
#products h2 span{
background:white;
padding:0 .4em;
}

div.product{
width:144px;
padding:0 10px;
float:left;
text-align:center;
}
div.product h3{
border:0;
margin:0 0 .5em 0;padding:0;
padding-left:12px;
background:url(/assets/ispbrain/lg-bullet.png) 0 50% no-repeat;
text-align:left;
}
div.product p{
text-align:right;
}

#footer{
clear:both;
background:url(/assets/ispbrain/footer-bar.png) left top repeat-x;
padding-top:20px;
color:#369;
}
#footer p{
width:656px;
margin:0 auto;
}