/* CSS Reset   */
html, body, div, span, applet, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
html {font: .825em "verdana", "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Sans", sans-serif; height: 100%;}
ol, ul {list-style: none;}

body {background: #0d0d0d url(../images/site/bg.jpg) top center;}

.container {width: 900px; margin: auto;}

a {color: #848484; text-decoration: none;}
a:hover {color: #FFF; text-decoration: none;}
h2 {color: #1aa004; margin: 0 0 5px 20px; font-size: 1.2em;}

/* Rounded Corners */
.header {width: 900px; color: #848484; margin: 10px auto; background: url(../images/site/banner.jpg) 5px 8px no-repeat #2a2a2a; float: left;}
.header table {margin: auto; width: 200px; color: #9f9f9f; font-size: 0.825em; height: 130px;}
.header span {color: #b62a2a; font-weight: bold;}
.header a {color: #ebebeb; text-decoration: none;}
.header a:hover {color: #b9b9b9; text-decoration: none; border-bottom: 1px #ebebeb dotted;}

.stretch {height: 185px;}

.specials {width: 445px;background: #414141 url(../images/articles/specials/cables.jpg) top left no-repeat ; color: #848484; float: left; margin: 0 0 0 10px; }
.specials ul {width: 400px; color: #fff; margin: 10px 0px 10px 100px; float: left; }
.specials p {padding: 8px 15px; text-align: justify;color: #dadada; font-size: 0.95em; clear: both;}
.specials p span {color: #FFF; font-weight: bolder; }
.specials span a {font-size:0.75em; color: #b42222; }
.specials span a:hover {font-size:0.75em; color: #872525;}
.specials h3 {font-size: 2.0em; color: #fff; text-align: center;}
.specials h4 {font-size: 1.05em; color: #fff; text-align: center;}
.specials table {width: 420px; color: #fff; margin: auto; margin: 30px 0 0 0;}
.specials table tr {text-align: center;}
.specials table th {margin: 5px; color: #1aa004}

.links {width: 290px;background-color: #2a2a2a;color: #848484; float: left; margin: 0 0 0 10px;}
.links ul {width: 290px; margin: auto; list-style-type: none;}
.links ul li a {height: 20px; width: 260px; padding: 0 0 0 30px; display: block; background: #2a2a2a; color: #fff; letter-spacing: 2px; font-weight: bolder;}
.links ul li a:hover {height: 20px; width: 260px; padding: 0 0 0 30px; display: block; background: #0d0d0d url(../images/site/arrows.png) 170px 0px no-repeat; color: #b42222; letter-spacing: 2px; font-weight: bolder;}

.info {width: 290px;background: url(../images/site/sidetext2.jpg) 240px 15px no-repeat #2a2a2a ;color: #848484; float: right;  margin: 10px 0 10px 0;}
.info ul{width: 200px; height: 180px;  margin: auto;}
    
.main {width: 600px;background: #2a2a2a;color: #848484; float: left; margin: 0 0 10px 0;}
.main p {padding: 8px 15px; text-align: justify;}
.main p span {color: #FFF; font-weight: bolder; }
.main span a {font-size:0.75em; color: #b42222; }
.main span a:hover {font-size:0.75em; color: #872525;}
.main form {width: 300px; margin: auto;}
.main form input {margin: 3px 0;}
.main ul {width: 190px;margin: 10px 0; list-style-position: outside; padding: 15px 0 0 10px; height: 150px; background: url(../images/site/median.jpg) top right no-repeat; float: left;}
.main ul li {font-size: 0.95em; font-weight: bold; line-height: 15px;}
.main ul li a {color: #ebebeb; text-decoration: none;  background: url(../images/site/listimage.jpg) top left no-repeat; padding: 0 0 0 15px;}
.main ul li a:hover {color: #848484; text-decoration: none; background: url(../images/site/listimage2.jpg) top left no-repeat; padding: 0 0 0 15px;}
.main ol { padding: 15px 0 0 0; margin: 10px 30px; list-style-type: circle;}
.main ol li {color: #ebebeb;} 

.notification {width: 445px;background: #414141;color: #848484; float: left; margin: 0 0 10px 0;}
.notification p {padding: 8px 15px; text-align: justify; color: #dadada; font-size: 0.95em;}
.notification p span {color: #FFF; font-weight: bolder; }
.notification span a {font-size:0.75em; color: #b42222; }
.notification span a:hover {font-size:0.75em; color: #872525;}

.footer {width: 900px;background: #2a2a2a; color: #848484; margin: 0 0; clear: both;}
.footer p {text-align: center; font-size: 0.8em; line-height: 15px;}
.footer ul {margin: auto; text-align: center; margin: 5px 0 0 0; background: url(../images/site/footergrad.jpg) top center no-repeat; height: 18px;}
.footer li {display: inline; list-style-type: none; font-size: 0.8em;}

.roundcont p {margin: 0 10px;}
.roundtop { background: url(../images/site/tr.gif) no-repeat top right; }
.roundbottom {background: url(../images/site/br.gif) no-repeat top right; }
.roundtopn { background: url(../images/site/trn.gif) no-repeat top right; }
.roundbottomn {background: url(../images/site/brn.gif) no-repeat top right; clear: both; }
img.corner {width: 10px;height: 10px;border: none;display: block !important;}


.splash {width: 801px; height: 602px; background: url(../images/site/corners/splash.gif) top center no-repeat ; margin: 20px 0 0 0;}
a.pers {margin: 130px 0 0 540px; float: left; clear: left;}
a.corp {margin: 100px 0 0 130px; float: left; clear: left;}
img.pers {margin: 100px 0 0 400px; float: left; clear: left;}
img.corp {margin: 20px 0 0 20px; float: left;}