/* Telsasoft Style SHeet 
by Dan Moriarty (.com)
©2006*/

/*BASE RULES */

body {
	background:#6899cb url(../images/images-template/bg-page.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000033;
	
	}

img {
	border:none;
	}

a:link {
	color:#006;
	font-weight:bold;
	text-decoration:none;
	}

a:visited {
	color:#a30082;
	font-weight:bold;
	text-decoration:none;
	}

a:hover {
	color:#00A0C6;
	text-decoration:underline;
	}
	
/*HOLDER TAGS */

#wrapper2 {
	background: url(../images/images-template/bg-body.gif) repeat-y;
	width:820px;
	margin: 10px auto;
	
	}

#wrapper {
	background:#fff;
	width:800px;
	margin: 0 auto;
	font-size:90%;
	}

#top {

	
	}

#content {
	padding:10px;
	margin:0 0 10px 0;
	
	}

#leftcol {
	width:430px;
	float:left;
	padding:0 0 10px 0;
	margin-left:10px;
	}

#leftcol img {
	float:left;
	padding:8px;
	margin:2px;
	}

#productspage #leftcol img {
	float:none;
	}
	
#rightcol {
	margin-left:460px;
	padding:0 5px;
	}

#leftcol.wider {
	width:630px;
	}

#rightcol.narrower {
	margin-left:660px;

	}
	
#footer {
	padding:30px 10px;
	clear:both;
	background:#ccc url(../images/images-template/bg-footer.gif) no-repeat;
	text-align:center;
	margin:10px 0 0 0;
	border-bottom:2px solid #000;
	}

	

/* HTML, TYPOGRAPHY */

h1.header {
	background: url(../images/images-headers/header-h1.jpg) 22px 0px no-repeat;
	height:73px;
	padding:0;
	margin:0;
	text-indent:-9999px;
		}

h1.header a:link, h1.header a:visited {
	display:block;
	width:340px;
	height:70px;
	text-decoration:none;
	}
	

h2 {
	margin:8px 0 0 0;
	padding:0;
	font-size:200%;
	}

h3 {
	font: normal 140% Georgia, "Times New Roman", Times, serif;
	line-height:1.3em;
	margin:6px 0;
	color:#000;
	}

h4 {
	font-weight:normal;
	color: #006B33;
	font-size:120%;
	margin:0 0 2px 0;
	}

ul {
	margin:0;
	padding:0;
	list-style:none;
		}
	
li {
	background: url(../images/images-template/asterik.gif) 0px 4px no-repeat;
	padding-left:20px;

	}
	
p {
	line-height:1.5em;
	margin:.8em 0 1em 0;
	}
	
dl {
	margin:0;
	}

q {

	color:#333;
	}

hr {
	border: 0;
	height: 1px;
	background-color: black;
	width: 50%;
	margin: 2em 0 2em 0;
	}
cite {
	font-style:italic;
	font-weight:bold;
	}
	
/*PAGE-SPECIFIC RULES */


#homepage h2.header2 {
	background: url(../images/images-headers/h2-homepage.gif) no-repeat;
	height:19px;
	text-indent:-9990px;
	margin:8px 0;
	}
	
#newspage #leftcol a:link {
	}

#logo a  {
	text-decoration:none;
	}

	
	
/*PRODUCTS page */

.product-callout {
	border:1px dotted #999;
	background:#fff;
	padding:5px 5px 5px 110px;
	margin:8px 0;
	}
	
#product-list {
	margin:10px 0;
	}

#product-list h4 {
	padding:0px;
	font-size:22px;
	font-weight:bold;
	margin:5px 0;
	}

#product-list p {
	overflow:auto;
	margin:4px 0;
	}

#product-links {
	clear:both;
	margin:10px;
	padding-top:4px;
	border-top:1px solid #ccc;
	}
	

#tecalert {
	background: url(../images/images-screenshots/tecalert1-tiny.png) no-repeat;
	}

#opsalert {
	background: url(../images/images-screenshots/opsalert1-tiny.png) no-repeat;
	}

#capalert {
	background: url(../images/images-screenshots/capalert-tiny.png) no-repeat;
	}

#sitebook {
	background: url(../images/images-screenshots/sitebook2-tiny.png) no-repeat;
	}

#cdr-reports {
	background: url(../images/images-screenshots/cdrs-tiny.png) no-repeat;

	}

#troubleaid {
	background: url(../images/images-screenshots/troubleaid1-tiny.png) no-repeat;

	}

#productspage #content li {
	background: url(../images/images-template/arrow.gif) 0px 4px no-repeat;
	line-height:1.4em;
	margin:6px 0;
	}

#productspage #navigation li {
	}

#productspage #navigation #products {
	background:#09f;
	}

#productspage #leftcol img{
	border:1px solid #666;
	}

#customerspage #leftcol li {
	padding-bottom:4px;
	font-size:110%;
	}
	

/*NAVIGATION */


#navigation {
	background: #6899cb url(../images/images-template/bg-navigation-bar.gif) repeat-x left bottom;
	float:left;
	margin-bottom:10px;
	width:100%;
	}

#navlist ul{
	margin:0 0 0 25px;
	padding:0;
	list-style: none;
	
	}
	
#navlist ul li{
	float:left;
	padding:4px;
	margin:6px 2px 0 0;
	display:inline;
	font:12px/14px Helvetica, Arial, sans-serif;
	border: 1px solid #fff;
	border-bottom:none;
	background:none;
	}


#navlist a:link, #navlist  a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	}

#navlist  a:hover {
	text-decoration:none;
	background:#09f;
	}

#cords-overlay {
	float:right;
	width:350px;
	height:30px;
	background: transparent url(../images/images-template/cords-overlay.jpg) no-repeat;
	}


/* THIS IS FOR GRAPHIC NAVIGATION, BUT I SWITCHED TO TEXT...
#home {left: 35px; width: 45px;}
#products {left: 80px; width: 60px;}
#customers {left: 140px; width:70px;}
#news {left: 210px; width: 50px;}
#aboutus {left: 260px; width: 60px;}
#contact {left: 320px; width:58px;}

 Rollover like effects 
#home a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) 0px 0px no-repeat;}
#products a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) -45px 0px no-repeat;}
#customers a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) -105px 0px no-repeat;}
#news a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) -175px 0px no-repeat;}
#aboutus a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) -225px 0px no-repeat;}
#contact a:hover	{background: transparent url(../images/images-template/navigation-bar.gif) -285px 0px no-repeat;}

/* Show the page you are on - main nav*/ 
#homepage #home {background:#09f;}
#productspage #products	{background:#09f;}
#customerspage #customers	{background:#09f;}
#newspage #news	{background:#09f;}
#aboutpage #aboutus	{background:#09f;}
#contactpage #contact	{background:#09f;}





/*VARIOUS DIVs */


/*product list on home page */

.callout-small {
	float:left;
	display:inline;
	margin:8px 8px 8px 0;
	width:118px;
	height:100px;
	padding:7px;
	background: url(../images/images-template/bg-smallbox.gif) 50% 60% no-repeat;
	text-align:center;
	}

.callout-small dt {
	margin:12px 0 4px 0;
	font-size:1.1em;
	}

.callout-small dd {
	margin:0;
	line-height:1.2em;
	font-size:90%;

	}

/*clients callout box */

#callout-box {
	border:1px solid #000;
	padding:10px;
	margin:10px 0;
	width:280px;
	}	
	
#greenbox {
	background:#006B33;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:-10px;
	
	}

#greenbox h3 {
	padding:3px 10px;
	margin:0 0 20px;
	}


#greenbox h3 a:link, #greenbox h3 a:visited {
	text-decoration:none;
	color:#fff;
	}
	
#greenbox a:hover {
	color:#009933;
	}
	
h3.greyblock {
	background:#333;
	padding: 5px 5px 5px 10px;
	margin:0 0 8px 0;
	color:#fff;
	font: 12px/16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	
	}




/* CUSTOM HEADERS */
h2.homeheader {
	background: url(../images/images-headers/homepage-header.gif) no-repeat;
	height:45px;

		text-indent:-9999px;

	}

#productspage h2 {
	margin:12px 0 0 0;
	padding:0;
	}


h2.telsasoft-products  {
	background: url(../images/images-headers/products-header.gif) no-repeat;
	height:38px;
	text-indent:-9999px;

	}

h2.tecalert {
	background: url(../images/images-headers/tecalert-header.gif) no-repeat;
	height:54px;
	text-indent:-9999px;
	}

h2.opsalert {
	background: url(../images/images-headers/opsalert-header.gif) no-repeat;
	height:56px;
	text-indent:-9999px;
	}

h2.capalert {
	background: url(../images/images-headers/capalert-header.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
	}

h2.sitebook {
	background: url(../images/images-headers/sitebook-header.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
	}

h2.cdr {
	background: url(../images/images-headers/cdr-header.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
	}

h2.troubleaid {
	background: url(../images/images-headers/troubleaid-header.gif) no-repeat;
	height:50px;
	text-indent:-9999px;
	}
	
h2.webalert {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #449ec1;
	height:50px;
	width: 250px;
	}



/* various classes */

table.contact-table {
	margin:10px 0;
	border:none;
	width:400px;
	border-collapse:collapse;
	}

.contact-table tr {
	margin:10px 0;
	background:#ccc;
	}

.contact-table td {
	padding:6px;
border:1px solid #fff;
	}


.tablecat {
	font-weight:bold;
	
	}
	
.big-green { 
	color:#006B33; 
	font-size:1.6em;
	font-weight:bold;
	margin:4px 0;
	letter-spacing:-1px;
	}

.big-green a:link, .big-green a:visited {
	text-decoration:none;
	color:#006B33;
	}

.pixcaption {
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

.twoimages {
	float:left; 
	width:100%;
	}

.twoimages img {
	margin-right:10px;
	border:1px solid #666;
	padding:8px;
	}