@import "reset.css";


/* Generic elements */

body { background: url(images/grad3.png) top left repeat-x; color: #4d4d4d; font: .76em/1.5em Arial, Helvetica, sans-serif; text-align: center; }

a, a:link, a:visited  { color: #08439d; text-decoration: underline; } 
a:hover,a.important,a.on { color: Black; text-decoration: underline; }

p { margin-bottom: 1em; }

img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 5px 10px 5px 0; }
img.pagebanner {margin-bottom:10px}
img.cablepic { float: left; margin: 5px 10px 20px 0; }


ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, #nav { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images */

.highlight { color: #08439d; }

p img.arrow { vertical-align: middle; }



/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; color: #4d4d4d; line-height: normal; }

h1 { color: #08439d; font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
h2 { font-size: 135%; }
h3 { font-size: 110%; margin-bottom:.3em }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Custom headings */

#logo { display: inline; float: left; margin: 25px 0 40px 30px; color: #fff; text-align: left; }

#outline { display: inline; clear: left; width: 500px; float: left; margin-left: 30px; color: #fff; font-size: 19px; font-weight: normal; text-align: left; }





/* Main layers */

#container { width: 728px; margin: 30px auto 0; border: solid 1px #929292; background-color: #fff; text-align: left; }
#header { /*min-height: 159px;*/ }
#content { clear: both; min-height: 10px; padding: 60px 25px 0 30px; background: url(images/box2-bottom.png) top center no-repeat; }
#sidebar { float: left; width: 160px; }
#mainbar { float: right; width: 500px; }
#portboard { float: left; width: 434px; margin-bottom: 2em; }
#servicesmain { float: left; width: 274px; margin-bottom: 2em; }
#starbar { float: right; width: 219px; margin-bottom: 2em; }
#footer { clear: both; width: 100%; }


/* Header */

#header { background: #3465af url(images/grad6.png) bottom left repeat-x; color: #fff; text-align: right; }
#header .inner { background: url(images/banner_home.jpg) bottom right no-repeat; }
#header a { color: #fff; }

#about #header .inner { background-image: url(images/banner_about.jpg); }
#services #header .inner { background-image: url(images/banner_services.jpg); }
#contact #header .inner { background-image: url(images/banner_contact.jpg); }
#case #header .inner { background-image: url(images/banner_case_studies.jpg); }
/* Navigation */

#navbar { width: 182px; margin-left: auto; text-align: left; }
#nav { }
#nav li { border-bottom: solid 1px #6690c2; }
#nav li.last { border-bottom: none; }
#nav li a { display: block; padding: .5em 0 .5em 28px; background: url(images/grad1.png) top left repeat-y; font-weight: bold; text-decoration: none; }
#nav li a:hover, #nav li a.on { background-color: #185ab3; background-image: none; }
* html #nav li { float: left; width: 100%; }

#subnav { color: #4d4d4d; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
#subnav li { margin-bottom: .8em; }
#subnav li a { color: #2a5697; text-decoration: none; }
#subnav li a:visited { color: #2a5697; }
#subnav li a:hover, #subnav li.on a { color: #4d4d4d; }
#subnav li.on a:hover { color: #000; }
#subnav ul { margin-top: .8em; margin-bottom:.8em }
#subnav ul li { margin-bottom: 0; }

#subnav li.on ul li {color: #2a5697;}
#subnav li.on ul li a { text-decoration: none; }
#subnav li.on ul li a:visited {color: #2a5697;}
#subnav li.on ul li a:hover, #subnav li.on ul li.on a {color: #4d4d4d; }
/* Boxes */

.box { min-height: 1px; margin-bottom: 1em; }
* html .box, * html .box .after { height: 1px; }

.box1 { background: url(images/box1-bg.png) top center repeat-y; color: #7b7b7b; font-size: .92em; }
.box1 .before { background: url(images/box1-top.png) top center no-repeat; }
.box1 .after { padding: 15px 20px 30px 20px; background: url(images/box1-bottom.png) bottom center no-repeat; }
.box1 h1 {font-size:16px; color: #517cbb;}
.box1 h2 { margin-bottom: .2em; color: #517cbb; font-size: 14px; }
.box1 a { color: #517cbb; font-size: 12px; font-weight: bold; text-decoration: none; }
.box1 a:visited { color: #517cbb; }
.box1 a:hover { color: #000; }

.box2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #303030; }
.box2 .inner { background: url(images/box3-bottom.png) bottom left repeat-x; }
.box2 .before { background: url(images/box3-left.png) bottom left no-repeat; }
.box2 .after { padding: 0 3px 8px; background: url(images/box3-right.png) bottom right no-repeat; }
.box2 .body { padding: .8em 10px; border: solid 1px #ccc; background: #edf2f7 url(images/grad7.png) top right repeat-y; }
#mainbar .box2 .body { background-image: url(images/grad4.png); }
.box2 blockquote cite { font-size: 13px; font-weight: bold; }

div#news { position: relative; }
div#news .title { position: absolute; top: -53px; right: -22px; z-index: 0; height: 106px; width: 106px; background: url(images/icon-star.png) top left no-repeat; color: #000; text-transform: uppercase; }
div#news .title span { display: block; padding: 35px 15px 0; text-align: center; }


/* Lists */

ul.services li { clear: both; width: 100%; }
ul.services li img.preview { float: left; margin: 0 10px 1.5em 0; border: solid 1px #d5d5d5; }
ul.services li h3 { font-size: 1em; }


/* Footer */

#footer { padding-top: 9px; background: #2861af url(images/grad2.png) top left repeat-x; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#footer p { margin-bottom: 0; }
#copyright { padding: 1em 28px; text-align: right; }
#telephone { padding: 1em 28px;float: left;}
#tld { width: 728px; margin: 5px auto 0; padding-bottom: 30px; font-size: .92em; text-align: right; }
#tld a.important {color: #08439d; text-decoration: none; }
#tld a.important:hover {color: #4d4d4d; text-decoration: underline; }


/* Do not edit or add code below */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */

/* Tables */

.optical {margin-bottom: 10px;}


#map {float:right;}