/****************************************************
 COLORS AT A GLANCE
****************************************************/ 

/* 	

*/

/****************************************************
 GLOBAL
****************************************************/
* {
 margin: 0; 
 padding: 0;
}

body {
 font: 76%/140% Verdana,Arial,Helvetica,sans-serif;
/* background: #fff url(/_img/bg.gif) top center no-repeat;*/
 background: #fff url(/_img/bg-01.gif) top center no-repeat;
}

hr {
 clear: both;
 visibility: hidden;
}

.clear {
 clear: both;
}

.centered, p.centered {
 text-align: center;
}

.right {
 text-align: right;
}
		
img {
 border:0;
}	

/****************************************************
 LINKS
****************************************************/
a:link
{
	color: #333388;
	/*font-size: 10px;*/
	text-decoration: none;
}
a:visited
{
	color: #333388;
	/*font-size: 10px;*/
	text-decoration: none;
}
a:active
{
	/*font-size: 10px;*/
	text-decoration: none;
}
a:hover
{
	color: #ff0000;
	text-decoration: none;
}	


/****************************************************
 WRAPPER
****************************************************/

#wrapper {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

/****************************************************
 HEADER
****************************************************/

#header {
 margin: 5px 0 0 0;
/* border: 1px solid #000;*/
 height: 120px;
}

#header .inner {
 padding-top: 1px;
 margin: 0 10px 10px 0;
}


/****************************************************
 NAV
****************************************************/

#nav {
 float: right;
/* border-bottom: 4px solid #308018;*/
 margin: 0 0 10px 0;
}

#nav .inner {
 padding-top: 1px;
 margin: 0 0 0 0;
}

#nav .inner a:link, #nav .inner a:visited {
 text-decoration: none;
 color: #fff;
 font-weight: bold;
}	

#nav .inner a:hover{
 text-decoration: underline;
}	

/****************************************************
 CONTENT
****************************************************/

#content {
 float: left;
 width: 440px;
 margin: 0;
/* border: 1px solid #000;*/
}

#content .inner {
 padding-top: 1px;
 margin: 0 10px 10px 0;
}

#content .inner p {
 margin: 20px 0 0 0;
}

#content-1col .inner p {
 margin: 20px 0 0 0;
}

.content {
 float: left;
 width: 440px;
 margin: 0;
/* border: 1px solid #000;*/
}

.content .inner {
 padding-top: 1px;
 margin: 0 10px 0 0;
}



/****************************************************
 SIDE
****************************************************/

#side {
 margin: 0 0 0 320px;
/* border: 1px solid #000;*/
}

#side .inner {
 padding-top: 1px;
 margin: 0 10px 10px 10px;
}

#side .inner p {
 font-size: 12px;
 line-height: 16px;
 margin: 0 0 15px 0;
 padding: 0;
}

.side {
 float: right;
 width: 320px;
 margin: 0;
/* border: 1px solid #000;*/
}

.side .inner {
 padding-top: 1px;
 margin: 0 10px 0 10px;
}

.side .inner p {
 font-size: 12px;
 line-height: 16px;
 margin: 0 0 15px 0;
 padding: 0;
}

/****************************************************
 FOOTER
****************************************************/

#footer {
 margin: 10px 0;
 clear: both;
/* background-color: #7FC53A;*/
 color: #000;
/* border: 1px solid #000;*/
}

#footer .inner {
 font-size: 11px;
/* border: 1px solid #000;*/
}

/*#footer .inner a {
 color: #fff;
 text-decoration: underline;
}*/

#footerLinks {
 float: right;
}

/****************************************************
 HEADINGS
****************************************************/

h1 {
 text-indent: -9999px;
 width: 238px;
 height: 70px;
 background: transparent url(/_img/logo-ontrak.gif) top left no-repeat;
 margin: 15px 0 0 0;	
}

h2 {
 font-size: 14px;
 font-weight: bold;
 line-height: 14px;
 margin: 0 0 5px 0;
 color: #003399;
}

h3 {
 font-size: 145%;
}

h4 {
 font-size: 118%;
}

/****************************************************
 LISTS
****************************************************/
 
.basicList {
 margin: 20px;
 line-height: 150%;
}

#checkList {
 list-style: none;
 margin-top: 10px;
 padding-left: 0;
}


#checkList li {
 padding: 0 0 10px 20px;
 background: #fff url(/_img/icon-check.gif) 0 3px no-repeat;
}

#checkList2 {
 list-style: none;
 margin-top: 20px;
 padding-left: 0;
 margin-bottom: 0;
}


#checkList2 li {
 padding: 0 0 5px 20px;
 background: #FFF9D8 url(/_img/icon-check2.gif) 0 3px no-repeat;
}

/****************************************************
 MISC
****************************************************/

.screenshot {
 margin: 20px 0;
}

.colorMeGold {
 color: #FF9900;
 font-size: 18px; 
 line-height: 20px;
}

.imgTour {
 border: 2px solid #ddd;
 padding: 3px;
 margin: 0 0 0 0;
}

.clearallrule {
 margin: 0 0 15px 0;
 border-bottom: 1px solid #ccc;
 clear: both;
 font-size: 2px;
}

.highlight {
 background-color: #ffc;
}

.subHead {
 font-weight: bold;
 color: #003399;
 font-size: 14px; 
 line-height: 20px;
}

.viewScreenshot {
 height: 16px;
 padding: 0 0 0 20px;
 background: transparent url(/_img/search_left.gif) left top no-repeat;
}


/****************************************************
 FIELDSET
****************************************************/

fieldset {
 border: 1px solid #ccc;
 padding: 20px;
 margin: 20px 0;
 width: 600px;
}

legend {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #666;
 background-color: #eee;
 border: 1px solid #ccc;
 border-bottom-color: #999;
 border-right-color: #999;
 padding: 4px 8px;
}