/****************
* Generic settings  *
****************/
/* Body */
BODY {
    FONT-FAMILY:  Lucida Console;
    FONT-SIZE: 14;    /* Now controls Global font, except for a couple of instances where smaller text is required */
    background-color: black;
    color: orange;
	background-position: top left;
	background-repeat: no-repeat;
}

/* Links */
A:LINK, A:VISITED {
    color: red;
    text-decoration : none;
}
A:ACTIVE, A:HOVER, A:FOCUS {
    color: yellow;
}

/* Images */
IMG {
    border: 0;  /* no border on any image (in particular, links */
}

/* Default table settings. */
TABLE {
    border: 0;
	padding: 0;
}

/**********************
* Left Hand Menu settings *
**********************/
.toplvl { text-indent: 0; }
.2ndlvl { text-indent: 1em; }
.2ndline { text-indent: 3em; }


/*********************
* Content Page settingst *
*********************/
/* Features Page Layout */
.title { 
    color: red;
    font-size: 28;
	vertical-align: top;
}
li.points {
	list-style-type: circle;
	color: orange;
}
table.content {
    margin-left: 8em;
    width: 500;
	text-align: justify;
}
table.content2 {
    margin-left: 100px;
    width: 500;
	text-align: justify;
}
table.content3 {
    margin-left: 220px;
    width: 370;
	text-align: justify;
}
table.content4 {    /* Easy to use GUI, Browsing Control */
    margin-left: 270px;
    width: 450;
	text-align: justify;
}
table.content5 {    /* Traffic Shaping */
    margin-left: 150px;
    width: 500;
	text-align: justify;
}

/* Data page alignment */
.secu { text-indent: 0; }    /* Security */
.cost { text-indent: 110px; line-height: 0.5;}   /* Cost */
.mana { text-indent: 165px; }   /* Manageability */
/* Front page paragraph */
.fpara1 {
    position: absolute;
	top: 130px;
	left: 20px;
	z-index: 1;
	text-align: justify;
	font-weight: bold;
}
.fpara2 {
    position: absolute;
	top: 170px;
	left: 40px;
	z-index: 1;
	text-align: justify;
	font-weight: bold;
}

/* Top frame */
body.top { background-image: url(../images/bgtop.gif); }  /* note: image is relative to stylesheet document. */

/* Anti Virus */
body.antivirus { 
    background-image: url(../images/antivirusbg.jpg); 
	background-position: 0 45px;
}
div.avcert { margin-left: 475px; }

/* Stable Internet */
body.stableinternet { 
    background-image: url(../images/stableinternetbg.jpg); 
	background-position: 0 50px;
}

/* Protection from Hackers */
body.protectionhackers {
    background-image: url(../images/protectionhackersbg.jpg); 
	background-position: 0 50px;
}
/* Cert.org table */
table.cert {
	font-size: 12;
	text-align: center;
	color: orange;
}
table.certtext {
    font-size: 10;
	text-align: justify;
	margin-left: 25em;
	color: orange;
}
/* Usage Monitoring and Reporting */
body.usagemonitoring {
    background-image: url(../images/usagemonitoringbg.jpg);
	background-position: 0 60px;
}
/* Browsing Control */
body.browsingcontrol {
    background-image: url(../images/browsingconfigurationbg.jpg);
	background-position: 0 55px;
}
/* Usage Limit */
body.usagelimiting {
    background-image: url(../images/usagelimitingbg.jpg);
	background-position: 0 50px;
}
/* Traffic Shaping */
body.trafficshaping {
    background-image: url(../images/trafficshapingbg.jpg);
	background-position: 0 50px;
}
/* Remote Access */
body.remoteaccess {
    background-image: url(../images/remoteaccessbg.jpg);
	background-position: 0 50px;
}
/* Easy to use GUI */
body.easygui {
    background-image: url(../images/easyguibg.jpg);
	background-position: 0 55px;
}
/* Email */
body.email {
    background-image: url(../images/emailbg.jpg);
	background-position: 0 55px;
}
/* Brochure */
.bdownload { margin-left: 50px; }
/***********
* Copyright  *
***********/
/* horizontal rule */
HR.data {
    margin-left: 20px;
	width: 475px;
	height: 1px;
	color: red;
    text-align:  left;
}
HR.main {
	height: 1px;
	color: red;
	width: 700; /* 600 */
	text-align: left;
}
/* text */
.copyright {
    margin-left: 70px;
	font-size: 9;
	color: red;
}

/**********************
* Technical Specifications *
**********************/
table.tech {
    color: orange;
	width: 635px;
	margin-left: 10px;
}
td.heading {
    font-weight: bold;
}
tr.tech {
	vertical-align: top;
}
.techindent {
    margin-left: 15px;
}

/**********************
* Pricing Information *
**********************/
table.price {
    color: orange;
	width: 635px;
	margin-left: 10px;
	margin-top: 20px;
}
td.pheading {
    font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.smallheading {
    font-weight: normal;
}
td.product {
    vertical-align: top;
	font-weight: bold;
	width: 30%;
}
td.description {
	width: 50%;
	vertical-align: top;
}
td.price {
    vertical-align: top;
	text-align: right;
	font-weight: bold;
	width: 120%;
}
div.note {
    margin-left: 20px;
	width: 570;
	font-size: 12;
}

/***********
* Simulation *
***********/
div.simulation {
    width: 560px;
	margin-left: 25px;
	text-align: justify;
	vertical-align: top;
	font-size: 16;
}
div.userpass {
	margin-top: 45px;
}

/**********
* Contact *
**********/
div.contactdetails {
    margin-left: 20px;
}

/**********************
* Who uses us *
**********************/
td.companyname {
    vertical-align: middle;
	font-weight: bold;
	width: 50%;
}
td.type {
	width: 20%;
	vertical-align: middle;
	text-align: center;
}
td.logo {
    vertical-align: middle;
	text-align: center;
	font-weight: bold;
	width: 30%;
}