/* COMMENTS CANNOT BE NESTED */
/* If four values are given, they apply to top, right, bottom, and left padding, respectively. */
/* If one value is given, it applies to all sides. */
/* If two or three values are given, the missing values are taken from the opposite side. */



html {
	height: 100%;
	/* border: thick solid blue; */
	}

body {
	height: 100%;
	margin: 0px;			/* controls the margin around CONTENT */
	padding: 0px;			/* controls the margin around CONTENT */
	font-family: tahoma, arial;
	color: #333333;
	background: white;
	text-align: center;
	font-size: smaller;
	/* border: thick solid yellow; */
	}

h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: x-large;
	font-weight: lighter;
	font-family: tahoma, arial;
	/* color: #0099cc; */
	/* color: #0066FF; */
	color: #3399FF;
	}
h2 {
	margin: 30px 0px 10px 0px;
	padding: 0px;
	font-size: large;
	font-weight: lighter;
	font-family: tahoma, arial;
	/* color: #0099cc; */
	/* color: #0066FF; */
	/* color: #3399FF; */
	}
h3 {
	font-weight: lighter;
	font-family: tahoma, arial;
	}
p {
	margin: 16px 0px 16px 0px;
	padding: 0px;
	font-family: tahoma, arial;
	}

li {
	margin: 9px 0px 9px 0px;
	padding: 0px;
	}
li.navlist {
	margin: 0px;
	padding: 0px;
	}

a {
	color: #0099cc;
	font-family: tahoma, arial;
	text-decoration: none;
	}
a:link {color: #0099cc;}
a:visited {color: #0077aa;}
a:hover {background: #eeeeee;}

  


/* ====================================================== */
/*   banner                                               */
/* ====================================================== */

#banner {
	/* width: 730px; */			/* Uncomment this line, when using a banner */
	position: absolute;
	top: 10px;
	left: 20px;
	margin-top: 10px;
	/* border: 2px solid orange; */
	}



/* ====================================================== */
/*   nav-00                                               */
/* ====================================================== */

#nav-00 {
	/* width: 730px; */			/* Uncomment this line, when using a banner */
	position: absolute;
	/* top: 160px;				Vertical Position of top nav bar - when using a Banner Header */
	top: 20px;
	left: 20px;
	text-align: left;
	font-size: large;				/* Delete this font-size line, when using a Banner Header */
	/* border: 2px solid purple; */
	}



/* ====================================================== */
/*   page                                                 */
/* ====================================================== */

#page-01 {
	margin-top: 20px;
	text-align: center;
	/* border: thick solid #e6e6e6; */
	}
#page-02 {
	margin-top: 0px;
	text-align: left;
	/* border: thick solid green; */
	}



/* ====================================================== */
/*   content                                              */
/* ====================================================== */

.content {
	/* margin: 202px 200px 0px 200px;	Vertical Position of content - when using a Banner Header */
	/* margin: 62px 200px 0px 200px; */
	margin: 66px 200px 0px 200px;
	padding: 0px;
	/* font-size: small; */
	/* border: 2px solid yellow; */
	}

.toc {				/* Table of Contents, such as for an article */
	border: 1px solid #000000;
	padding: 0px 12px 12px 6px;
	}


/* ====================================================== */
/*   nav-01                                               */
/* ====================================================== */

#nav-01 {
	width: 160px;
	position: absolute;
	/* top: 200px;				Vertical Position of top nav bar - when using a Banner Header */
	top: 60px;	
	left: 10px;
	padding: 10px;
	/* font-size: small; */
	/* background:#eeeeee; */
	/* border-right: 1px solid #eeeeee; */
	/* z-index: 2; */
	}



/* ====================================================== */
/*   quotecontainer                                       */
/* ====================================================== */

#quotecontainer {
	width: 160px;
	}
#quotecontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}
#quotecontainer a {
	width: 160px;
	display: block;
	padding: 3px;
	color: #333333;
	/* background: #99F0FF; */
	background: #FFB90F;
	border-bottom: 1px solid #333333;		/* lines above and below links */
	border-right: 1px solid #333333;		/* lines above and below links */
	border-left: 1px solid #333333;		/* lines above and below links */
	border-top: 1px solid #333333;		/* lines above and below links */
	}
#quotecontainer a:hover {background-color: #00BFFF; color: #000000;}
#quotecontainer a:link {color: #000000; text-decoration: none;}
#quotecontainer a:visited {color: #000000; text-decoration: none;}

#quotelist a {text-decoration: none;}



/* ====================================================== */
/*   navcontainer                                         */
/* ====================================================== */

#navcontainer {
	width: 160px;
	}

#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}

#navcontainer a {
	width: 160px;
	display: block;
	padding: 3px;
	color: #333333;
	background: #00BFFF;
	border-bottom: 1px solid #333333;	/* lines above and below links */
	}
#navcontainer a:hover {background-color: #3399FF; color: #333333;}
#navcontainer a:link {color: #EEE; text-decoration: none; color: #333333;}
#navcontainer a:visited {color: #EEE; text-decoration: none; color: #333333;}

#navlist a {text-decoration: none;}

#navaddress a {font-size: smaller; text-decoration: none;}

.navlistheader {
	width: 160px;
	display: block;
	margin: 0px;	/* effects the space between header and its subordinate links */
	padding: 3px;
	background: #cccccc;
	border-top: 1px solid #333333;	/* lines above and below links */
	border-bottom: 1px solid #333333;	/* lines above and below links */
	}



/* ====================================================== */
/*   nav-02                                               */
/* ====================================================== */

#nav-02 {
	width: 160px;
	position: absolute;
	/* top: 200px;				Vertical Position of top nav bar - when using a Banner Header */
	top: 60px;
	right: 10px;
	padding: 10px;
	/* font-size: small; */
	/* background: #eeeeee; */
	/* border-left: 3px solid #eeeeee; */
	/* z-index: 1; */
	}



/* ====================================================== */
/*   nav-03                                               */
/* ====================================================== */

#nav-03 {
	margin: 20px 200px 20px 200px;
	padding: 3px 0px 3px 0px;
	/* font-size: small; */
	/* background: #eeeeee; */
	border-top: 1px solid black;
	}



/* ====================================================== */
/*   nav-04                                               */
/* ====================================================== */

#nav-04 {
	position: absolute;
	top: 160px;
	left: 20px;
	padding: 3px 3px 3px 3px;
	/* font-size: small; */
	background: #eeeeee;
	border: 1px solid black;
	}



/* ====================================================== */
/*   Case Study Pages                                     */
/* ====================================================== */

.indexhead {
	margin: 3em 0px .3em 0px;
	/* font-size: small; */
	font-weight: bolder;
	}

.indexsubhead {
	margin: 2em 0px .3em 0px;
	/* font-size: small; */
	font-weight: bolder;
	}

.indexitem {
	margin: 0em 0px .3em 0px;
	/* font-size: small; */
	}

.casestudy {
	margin: 1em 0px 0em 0px;
	padding: 0em 0px 0em 0px;
	text-align: left;
	border: 1px solid #999999;
	background: #FFFFFF;
	}

.casestudynumber {
	margin-top: 0em;
	float: right;
	padding: .2em 6px .2em 6px;
	/* font-size: small; */
	font-weight: bolder;
	}

.casestudyclient {
	padding: .3em 0px 0em 12px;
	font-size: medium;
	/* font-size: small; */
	font-weight: bolder;
	}

.casestudytext {
	padding: .3em 0px .3em 12px;
	font-size: medium;	/* was small */
	/* font-size: small; */
	font-weight: bolder;
	}

.casestudylist {
	/* display: list-item; */
	margin: 0em 30px .3em 80px;
	text-indent: -20px;
	/* font-size: small; */
	}

.casestudyresult {
	margin-top: .6em;
	background: #efefef;
	border-bottom: 1px solid #efefef;
	}

.casestudyresultheader {
	padding: .3em 0px .3em 12px;
	/* font-size: small; */
	font-weight: bolder;
	}

.casestudyresulttext {
	/* display: list-item; */
	padding: 0em 0px .6em 0px;
	margin: 0em 30px 0em 60px;
	/* font-size: small; */
	}



/* ====================================================== */
/*   About Us Page                                        */
/* ====================================================== */

img.photo {
	float: right;
	margin: 0px 20px 20px 20px;
	} 



/* ====================================================== */
/*   Testimonial Pages                                    */
/* ====================================================== */

.t {						/* This was testimonial */
	margin: 20px 0px 20px 0px;
	padding: 1em 30px 2em 30px;
	text-align: left;
	/* font-size: small; */
	border: 1px solid #666666;
	background: #FFFFFF;
	}
#tdate {					/* This was testimonialdate */
	margin: 0em 0px 0em 0px;
	text-align: right;
	}
#tstart {					/* This was testimonialstart */
	margin: .6em 0px 0em 0px;
	}
#tbody {					/* This was testimonialbody */
	margin: .6em 0px 0em 0px;
	}
#tname {					/* This was testimonialname */
	margin: .6em 0px 0em 0px;
	font-weight: bolder;
	}
#tpos {					/* This was testimonialposition */
	margin: 0em 0px 0em 0px;
	}
#tco {					/* This was testimonialcompany */
	margin: 0em 0px 0em 0px;
	}
#tst {					/* This was testimonialstate */
	margin: 0em 0px 0em 0px;
	}
#twww {					/* This was testimonialwww */
	margin: 0em 0px 0em 0px;
	}
#ttop {					/* This was testimonialtop */
	margin: 1em 0px 0em 0px;
	}


/* ====================================================== */
/*   Bullets                                              */
/* ====================================================== */

#bullet {
	margin: 0em 0px .6em 0px;
	padding: 0em 0px 0em 30px;
	line-height: 110%;
	}

#box {
	margin: 20px 0px 20px 0px;
	padding: 12px 12px 0px 12px;
	background: #ffffff;
	border: 1px solid #999999;
	}