/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent;  }
body { font-family: Arial, Helvetica, sans-serif;  background: #fff;  }
p { font-size: 13px; color: #808080; line-height: 18px; }
#header { width: 100%; height: 90px; background: url(../i/splashHeader.gif) center no-repeat #D9D9D9; border-bottom: 4px solid #C6C8CA; }
#header h1 { text-indent: -9999px; }
#instruct { width: 100%; height: 60px; background: url(../i/waterTile.gif) center no-repeat #0044b2; }
#instruct p { text-indent: -9999px }
#content { margin: 0 auto; width: 752px; padding-top: 35px; }
#content ul { float: left; width: 752px; display: inline; }
#content ul li { float: left; list-style: none; width: 250px; }
#content ul li.rule { float: left; width: 1px; background: #CCC; height: 250px; }
#content ul a.title { float: left; margin: 0 15px; }
#content ul p { float: left; margin: 0 15px; width: 220px; }
#content ul li a.title { float: left; color: #1F60A9; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-bottom: 5px; }
#content ul li a.title:hover { background: #C6C8CA; }
#content ul li a.main { float: left; width: 180px; margin: 0 35px; height: 280px; background: url(../i/monitors1.jpg) no-repeat -180px 0; }
#content ul li a.main:hover { background-position: 0 0; }
#content ul li a.blog { float: left; width: 180px; margin: 0 35px; height: 280px; background: url(../i/monitors2.jpg) no-repeat -180px 0; }
#content ul li a.blog:hover { background-position: 0 0; }
#content ul li a.flickr { float: left; width: 180px; margin: 0 35px; height: 280px; background: url(../i/monitors3.jpg) no-repeat -180px 0; }
#content ul li a.flickr:hover { background-position: 0 0; }
#content p.footer { float: left; width: 752px; color: #BBBBBB; text-align: center; margin: 50px 0; }