/* *********************************
   CableCom Main CSS File
   This file contains basic layout information across all pages as well as basic text styles to be used on every page.
***********************************/

@import url(headers.css);

* { margin:0; padding:0; }
body { margin:20px; background:#FFF url(../images/body_bg.gif) top center repeat-x; font:8pt/1.7em Verdana,Arial,san-serif; text-align:center; }
#container { background:#FFF url(../images/main_bg.gif) top center repeat-y; margin-left:auto; margin-right:auto; text-align:left; width:750px; }
#header { background:#FFF url(../images/header_bg.jpg) top center repeat; height:157px; width:100%; }
#subnav { background:#FFF url(../images/nav_bg.gif) top center repeat; height:31px; width:100%; }
#main { width:100%; }
#content { float:right; width:494px; margin-left:10px; padding-bottom:20px; }
#sidebar { background:url(../images/left_bg.gif) top left no-repeat; min-height:326px; margin:0; padding:0; }
* html #iesidebar { height:326px; }
#contactinfo { height:121px; padding-top:14px; }
#footer { background:url(../images/footer_bg.gif) top center no-repeat; clear:both; height:67px; padding-top:5px; width:100%; }

/* TAGS */
p, h1, h2, h3, h4, h5, h6, dl { padding:15px 35px 0 30px; color:#333; }
h1 { font:150%/1.5em "Trebuchet MS",Verdana,Arial,san-serif; color:#000; padding: 16px 0 0 15px; }
h2, .client { font:bold 120%/1.5em "Trebuchet MS",Verdana,Arial,san-serif; color:#3179b4; }
h3 { font:100%/1.5em "Trebuchet MS",Verdana,Arial,san-serif; color:#000; }
dt { font-weight:bold; }
dd { padding-left:20px; padding-bottom:3px; }
ul, ol { margin:0 30px 0 55px; padding-top:10px; }
li { padding:0 35px 0 15px; }
ul li { background:url(../images/greenbullet.gif) 0 5px no-repeat; list-style-type:none; margin-bottom: 10px; }
ul ul, ol ol { padding:0; margin:0 25px; }
ul ul li, ol ol li { padding:0 0 0 15px; }
ul ul li { background:url(../images/bluebullet.gif) 0 5px no-repeat; }
a:link, a:visited { color:#818a0a; }
a:hover { color:#3179b4; }
a:active { color:#cad818; }
a img { border:0; padding:0; margin:0; }

/* CLASSES */
.small { font-size:9px; }
.more { text-align:right; }
.center { text-align:center; }
.input { width:326px; border:1px solid #999; padding:2px; font-size:11px; font-family:Verdana, Arial, sans-serif; }
.submitbutton { margin:10px 3px; }
.positions { padding-left: 15px; }
.red { color:#e64141; }
ul.logos { padding-top:25px; margin-left:25px; }
ul.logos li { background-image:none; display:block; float:left; height:75px; line-height:75px; list-style-type:none; margin:0; padding:0; text-align:center;width:210px; }
ul.logos li img { vertical-align:middle; }

/* CONTACT US FORM */
#contactus { margin:20px 25px 20px 20px; border:1px solid #fff; }
#phone { width:220px; float:left; }
#address { width:220px; float:left; }
#contactusform { border:1px solid #999; margin:20px 60px 20px 55px; background:#fff url(../images/contactusbg.gif) bottom left repeat-x; clear:both; }
#phone p, #address p, #contactusform p, #contactusform dl { padding:0 10px 5px 10px; }
#phone h2, #address h2, #contactusform h2 { padding:5px 10px 0 10px; }
#contactusform h2 { color:#333; background:#cbd91a url(../images/nav_bg2.gif) center left repeat; padding-bottom:5px; border-bottom:1px solid #999; margin-bottom:5px;}

/* HEADER */
#printlogo { display:none; }
#logo { background:url(../images/logo.gif) top center no-repeat; height:117px; left:18px; position:relative; top:33px; width:113px; }
#logo a { display:block; height:117px; margin:0; padding:0; width:113px; }
#logo span { display:none; }
#topnav { padding-left:150px; padding-top:6px; }
#topnav ul { list-style-type:none; margin:0; padding:0 4px; text-align:right; }
#topnav ul li { float:left; height:28px; margin:0; padding:0 8px 0 0; width:110px; }
#topnav ul li a { display:block; width:110px; height:28px; }
#topnav ul li.dec a { background:url(../images/navd.gif) top center no-repeat; }
#topnav ul li.dec a:hover { background:url(../images/navd.gif) bottom center no-repeat; }
#topnav ul li.comm a { background:url(../images/navc.gif) top center no-repeat; }
#topnav ul li.comm a:hover { background:url(../images/navc.gif) bottom center no-repeat; }
#topnav ul li.ls a { background:url(../images/navl.gif) top center no-repeat; }
#topnav ul li.ls a:hover { background:url(../images/navl.gif) bottom center no-repeat; }
#topnav ul li.abc a { background:url(../images/nava.gif) top center no-repeat; }
#topnav ul li.abc a:hover { background:url(../images/nava.gif) bottom center no-repeat; }
#topnav ul li.tcc a { background:url(../images/navt.gif) top center no-repeat; }
#topnav ul li.tcc a:hover { background:url(../images/navt.gif) bottom center no-repeat; }
#topnav ul li a span { display:none; }

/* SUB NAV */
#subnav p { background:#FFF url(../images/nav_bg.gif) top right no-repeat; font:100%/1.5em "Trebuchet MS",Verdana,Arial,san-serif; height:31px; line-height:31px; margin:0; padding:0 6px; text-align:right; }
#subnav p a:link, #subnav p a:visited { color:#fff; padding:7px 8px; }
#subnav p a:hover, #subnav p a:active { background:#cbd91a url(../images/nav_bg2.gif) top left repeat; border-right:1px solid #fff;border-left: 1px solid #fff; color:#333; padding:7px 7px; text-decoration:none; }
* html #subnav p a:link, * html #subnav p a:visited { padding:8px 8px 7px 8px; }
* html #subnav p a:hover, * html #subnav p a:active { padding:8px 7px 7px 7px; }

/* SIDEBAR */
#sidebar p, #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { padding:0 15px 10px 19px; }
#contactinfo p { color:#666; padding-bottom:0; }

#sidebar .testimonials { padding-bottom:15px; }
#sidebar .testimonials p { padding:0 15px 0 19px; }
#sidebar .testimonials p.name { font-style:italic; text-align:right; color:#666; }
#sidebar .testimonials p.title { text-align:right; color:#666; }
#sidebar .testimonials p.company { text-align:right; color:#666; }

/* FOOTER */
#footer ul { list-style-type:none; text-align:center; margin:0; padding:0 3px; }
#footer ul li { background-image:none; color:#ccc; display:inline; font:90%/1.5em Verdana,Arial,san-serif; margin:0; padding:0 3px; }
#footer p { color:#fff; font:90%/1.5em Verdana,Arial,san-serif; margin:0; padding:0 3px; text-align:center; }	
#footer a:link, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#ddd; }

/* do not modify */
.sIFR-flash { visibility:visible !important; margin:0; }
.sIFR-replaced { visibility:visible !important; }
span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }

.sIFR-hasFlash #content h1 { visibility:hidden; font-size:8px; }
.sIFR-hasFlash #sidebar h1 { visibility:hidden; font-size:8px; margin:0; width:170px; }