body
{
background-color:#999999;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

#frame
{
margin-left:auto;
margin-right:auto;
width:760px;
background-color:#FFFFFF;
color:#000000;
}

.copy
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.alt
{
display:none;
}

/*Header*/

#header
{
background:url("../gfx/header.gif") no-repeat 0 0;
width:760px;
height:118px;
position:relative;
text-align:left;
}

#login
{
position:absolute;
left:605px;
top:25px;
}

.loginbutton
{
	background:url("../gfx/submit.gif");
}

.signupbutton
{
	background:url("../gfx/signup.gif");
}

input.hidden
{
border:none;
background:url("../gfx/login.gif") no-repeat 0 0;
width:147px;
height:22px;
padding-left:3px;
padding-top:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

/* navigation */

#nav
{
background:#CCCCCC;
color:#000000;
height:25px;
text-align:right;
}

ul#navlist
{
height:25px;
margin:0px;
padding: 0 0 0 5px;
list-style:none;
}

ul#navlist li
{
position:relative;
float:right;
padding: 0 5px;
}

a#contact
{
display:block;
background:url("../gfx/contact.gif");
background-position:0 0;
width:60px;
height:25px;
}

a#contact:hover
{
background-position:0 -25px;
}

a#partners
{
display:block;
background:url("../gfx/partners.gif");
background-position: 0 0;
width: 64px;
height:25px;
}

a#partners:hover
{
background-position: 0 -25px;
}

a#smartcare
{
display:block;
background:url("../gfx/smartcare.gif");
background-position: 0 0;
width: 80px;
height:25px;
}

a#smartcare:hover
{
background-position: 0 -25px;
}

a#services
{
display:block;
background:url("../gfx/services.gif");
background-position:0 0;
width:64px;
height: 25px;
}

a#services:hover
{
background-position: 0 -25px;
}

a#about
{
display:block;
background:url("../gfx/about.gif");
background-position: 0 0;
width:75px;
height: 25px;
}

a#about:hover
{
background-position: 0 -25px;
}

/* Middle of the home page */

#discover
{
position:relative;
width:760px;
height:305px;
background:url("../gfx/discover.jpg") no-repeat 0 0;
}

#flashcontent
{
position:absolute;
height:289px;
width:343px;
top: 5px;
left: 5px;
overflow:auto;
z-index:1;
}

#flash
{
	z-index:2;
}

#flashlink
{
	position:absolute;
	width:60px;
	height:50px;
	z-index:5;
	top:250px;
	left:300px;
}

#discovercontent
{
text-align:left;
position:absolute;
width:325px;
height:150px;
top:140px;
left:375px;
}

/*this makes the dots dividing the wise men continue to the end of the text.  I am soooo clever */

#threewisemenframe
{
background:url("../gfx/threewisemenbg.gif");
overflow:hidden;
}

/* Container for 3 wise blurbs at bottom.  overflow:auto; is necessary to stretch the container div (for background purposes) in Firefox.  IE does this automatically. */

#threewisemen
{
position:relative;
width:760px;
background:url("../gfx/threewisemen.jpg") no-repeat 0 0;
height:140px;
}

html#threewisemen
{
min-height:140px;
}


#wiseguyone
{
position:relative;
float:left;
text-align:left;
top:25px;
left:108px;
width:140px;
}

#wiseguytwo
{
position:relative;
float:left;
text-align:left;
top:25px;
left:220px;
width:135px;
}

#wiseguythree
{
position:relative;
float:left;
text-align:left;
top:25px;
left:340px;
width:140px;
}

#wiseguyonetitle
{
	position:absolute;
	top:8px;
	left:100px;
	width:133px;
	height:17px;
}

#wiseguyonepic
{
	position:absolute;
	top: 7px;
	left:10px;
	width:88px;
	height:93px;
}
	

#wiseguytwotitle
{
	position:absolute;
	top:8px;
	left:355px;
	width:133px;
	height:17px;
}

#wiseguytwopic
{
	position:absolute;
	top: 7px;
	left:260px;
	width:88px;
	height:93px;
}

#wiseguythreetitle
{
	position:absolute;
	top:8px;
	left:605px;
	width:133px;
	height:17px;
}

#wiseguythreepic
{
	position:absolute;
	top: 7px;
	left:515px;
	width:88px;
	height:93px;
}


/* FOOTER */

.footer
{
font-family:"Courier New", Courier, monospace;
font-size:10px;
color:#008292;
background-color:#FFFFFF;
}

.copyright
{
font-family:"Courier New", Courier, monospace;
font-size:10px;
color:#666666;
background-color:#FFFFFF;
}

/* Subpage content */

#subpage
{
position:relative;
width:760px;
min-height:450px;
background:url("../gfx/topdivider.gif") no-repeat 0 0;
padding-top:3px;
}

html#subpage
{
min-height:450px;
position:relative;
}

#subleft
{
float:left;
width:208px;
padding-left:5px;
text-align:left;
}

.tip
{
color:#999999;
font-size:10px;
background-color:#FFFFFF;
}

#submid
{
float:left;
width:350px;
text-align:left;
padding-left:30px;
position:relative;

}

#subright
{
float:left;
width: 140px;
text-align:left;
padding-top:25px;
padding-left:25px;
}

ul#subnav
{
padding-left:10px;
_padding-left:0px;
_margin-left:15px;
_padding-top:12px;
}

ul#subnav li
{
list-style-image:url("../gfx/bullet.gif");
}

ul#blognav
{
padding-left:30px;
_padding-left:20px;
_margin-left:15px;
_padding-top: 0px;
}

ul#blognav li
{
list-style-image:url("../gfx/bullet.gif");
}

a.orange
{
color:#FF6600;
text-decoration:none;
background-color:#FFFFFF;
}

a.orange:hover
{
color:#FF6600;
text-decoration:underline;
background-color:#FFFFFF;
}

.articletitle
{
	font-weight:bold;
	font-size:16px;
}