html {margin: 0; padding: 0;}

body {margin: 0;
 	padding: 0;
 	padding-top: 10px;
	padding-bottom: 20px;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	background: #222;
	font-size: 80%;
	border-top: 5px solid #46f;
}

p, ol	{
	line-height: 120%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
     font-size:    x-small;      
             /* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small;         
    }

html>p, ol    {
    font-size:  small;
    }
	
ol {padding: 0px 30px 0px  20px;}

.textbox {margin: 2em 0 3em;}

.textbox p {margin: .6em 10% .6em 18%; padding: 0;}

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}

/*XXXXXXXXXXXXX The demo rules start here XXXXXXXXXXXXX*/

p {padding: 10px 10px 10px 20px;
	margin: 0;} /*** If vertical margin is applied here, browsers may vary. ***/

.fullwrapper {
	font-size: 1em;
	font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	background: #902; /*this is the colored stripe at the bottom of the page*/
}

.fullwrapper {
margin: 0 auto; 
text-align: left; 
width: 600px; 
border-top: 5px solid #902;
border-right: 1px solid #902;
border-left: 1px solid #902;
}

.center-hackbox { text-align: center;} /*** This hack forces IE5.x/win to center div.rigid-demo. ***/

/*** The 'auto' side margins center the 'rigid' demo on the page. ***/
/*** 'text-align: left' cancels the inheritance of the centering hack above. ***/


/*XXXXXXXXX Below is a hack to feed IE5.x/win a 'width' of '602px'. XXXXXXXXXXX*/ 

* html .fullwrapper {width: 602px; w\idth: 600px;}

/*** This defeats the faulty IE5.x/win box model, and prevents a float wrap. 
  It's necessary because of the decorative side borders on div.rigid.
  See this page for details: http://css-discuss.incutio.com/?page=BoxModelHack ***/


.floatupper {
	float: left;
	width: 600px;
	background: #966;
	border-bottom: 1px solid #902;
} /*** Must enclose two of the three cols. Must include center col. ***/

.floatlower {
	float: left;
	width: 600px;
	border-bottom: 1px solid #902;
	background: #ccc url(images/stripes.gif) repeat;/*this is the bkgrnd image in the left column*/
} /*** Must enclose two of the three cols. Must include center col. ***/

.first-float-upper {float: right; width: 118px;}
.first-float-upper  {background: #ccc;}

.second-float-upper {
	float: left;
	width: 480px;
	margin-top: 0px;
}

.first-float-lower {float: right; width: 500px;}
.first-float-lower  {background: #fff; border-left: 1px solid #902; padding-bottom: 1em;}

.second-float-lower {float: left; width: 98px; padding-top: 40px;}

	/* General linkology */
	
a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #00a;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #fff;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #00f;
	background: transparent;  
	}

.first-float-upper ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

.first-float-upper ul li {
	text-align: center;
	padding: 0;
	margin-top: 0px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	margin-top: 0px;   
}

html>.first-float-upper ul li {
	margin-top: 0px;   
} 

.first-float-upper ul li a {
	font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	background: #aaf;
	width: 118px;
	height: 18px;
	border-right: 1px solid #00f;
	border-left: 1px solid #00f;
	border-bottom: 1px solid #00f;
	border-right: none;
	padding: 0;
	color: #00a;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	margin: 0;
	font-size:    x-small;   
}

html>.first-float-upper ul li a  {
	margin: 0;
	font-size: x-small;   
} 

.first-float-upper a:link, .first-float-upper a:visited {
	color: #006;
	background: #56b;
	font-weight: normal;
	text-decoration: none;
}

.first-float-upper a:hover {
	color: #000;
	background: #46f;
	font-weight: normal;
	text-decoration: none;
}

.first-float-upper a:active	{
	background: #00a;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.first-float-upper a.uberlink:link, .first-float-upper a.uberlink:visited, .first-float-upper a.uberlink:hover { 
	background: #68f;
	color: #fff;
}
.foot {
	clear: both;
	float: left;
	width: 600px;
	background: #46d url() repeat;
	color: #ccc;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

html>.foot	{
	font-size: x-small;
	} 

.foot ul	{
	margin: 5px 0 0 15px;
	padding: 0;
	}
	
.foot li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0px 10px 2px  0px;
	text-align: left;
	border: 0;
	}
	
.foot p {padding: 10px 0 0px 0; margin: 0;} /*** If vertical margin is applied here, browsers may vary. ***/	

.clearfooter{clear: both; padding:0; margin: 0; font-size:5px; line-height: 0px;}

.slogan{
	position: inline;
	background-color: #00f;
	background-image: url(images/bkgrndslogan.jpg);
	background-repeat: repeat;
	font-size: 1.5em;
	color: #ddd;
	border-bottom: 1px solid #902;
	margin: 0 0 1em 0;
	padding: 10px 0 10px 10px;
}

.login {
	padding: 2px 0 0 0;
	font-size: 10px;
	text-align: center;
}

h3 {
	margin: .5em 0 .5em 10px;
	color: #56b;
}h4 {
	margin: 0 0 -.5em 10px;
	color: #902;
}
h5 {
	margin: 0 0 -.5em 25px;
	color: #79f;
}
h6 {
	margin: 0 0 -.5em 20px;
	color: #666;
     font-size:    medium;      
             /* Tantek again */
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:    small;         
    }

html>h6    {
    font-size:  medium;
    }

ul.values {
	margin: 1em 0 0 30px;
	color: #56b;
	list-style-type: square;
}

ul.values li {
	margin: .25em 20px 1em 0;
	color: #000;
}

em {
	margin: 0 .5em 0 0;
	}

ul.services {
	margin: 1em -.5em 1em 40px;
	color: #56b;
	list-style-type: square;
}

ul.services li {
	margin: .25em 0px 0 0;
	color: #000;
}

ul.services li a:link, ul.services li a:visited, h3.served a:link, h3.served a:visited {
	color: #56b;
}

ul.services li a:hover, ul.services li a:active, h3.served a:hover, h3.served a:active { color: #c24;}

p.filler{padding: 0 0 100px 0;}

.best {color:#45c;}

ul.servicenav {
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; 
	font-size: .9em;
}

ul.servicenav li {
	display: inline;
	padding: 0 .25em 0 0;
}

ul.servicenav li a:link, ul.servicenav li a:visited {
	color: #56b;
	text-decoration: none;
}
ul.servicenav li a:hover, ul.servicenav li a:active {
	color: #c24;
	text-decoration: underline;
}
ul.servicenav li a.servicemain {
	font-size: 1em;
	font-weight: bold;
}
ul.servicenav li a:link.servicemainat, ul.servicenav li a:visited.servicemainat, ul.servicenav li a:hover.servicemainat, ul.servicenav li a:active.servicemainat {
	font-size: 1em;
	font-weight: bold;
	color: #946;
	text-decoration: none;
}
ul.servicenav li a:link.uberservice, ul.servicenav li a:visited.uberservice, ul.servicenav li a:hover.uberservice, ul.servicenav li a:active.uberservice { color: #946; text-decoration: none;}