/* strip down style */
* {margin: 0; padding: 0;}
:link, :visited {text-decoration: none;}
ul, ol {list-style: none;}
img {border: none;}
h1, h2, h3, h4 {font-size: 1em;}
/* links */
a {color: #6c6c9a;}


/* here we go */
body {
	font-family: Tahoma, Helvetica, sans-serif; font-size: 76%;  background: #fff url(../i/bgs/body.jpg) repeat-x 0 0; text-align: center; color: #454545; 
}


/* big ones */
#container {
	margin-left: auto; margin-right: auto; width: 760px;
}
.copy {
	padding: 27px; text-align: left; background-color: #fff;
}
.copy p {
	margin: 1em 0 0;
}

/* home stuff */
#introimg {
	float: left; width: 250px; height: 220px; background: transparent url(../i/introimg.jpg) no-repeat 0 0;
}
#intro {
	float: right; width: 510px; 
}
#intro img {
	margin: 5px 20px 0 0; float: right;
}
#introtxt {
	border-top: 2px solid #d5dae0; width: 510px; padding: 10px 0 0; font-size: 11px; text-align: left;
}
#introtxt h2 {
	color: #6c6c9a; padding: 0 15px; 
}
#introtxt p {
	padding: 0 15px; margin-top: 7px; line-height: 14px; color: #454545;
}
#introbox {
	width: 760px; height: 220px; background: transparent url(../i/bgs/intro.gif) repeat-x 0 0; margin-top: 15px;
}
#introbox:after {
	content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
h1#homeh1 {
	width: 760px; height: 20px; background: transparent url(../i/bgs/homeh1.gif) no-repeat 0 0; margin: 15px 0 10px;
}
#home h1 span {
	display: none;
}
#features {
	border-bottom: 3px solid #dadfe9; background: transparent url(../i/bgs/features.gif) repeat-x 0 100%; font-size: 11px; padding: 0 10px 25px;
}

.ffcontainer {
	text-align: left; background: transparent url(../i/bgs/ffcont.gif) repeat-y 0 0; float: left; width: 277px; 
}
.ffcontainer ul {
	padding: 0 10px 0 0; 
}
.ffcontainer li {
	padding-left: 15px;  background: transparent url(../i/bgs/li.gif) no-repeat 0 2px; margin-top: 7px;
}
#features img {
	float: left;
}

/* header */
#headernavi {
	background: transparent url(../i/bgs/header.jpg) repeat-x 0 0; height: 121px; position: relative;
}
#headernavi h1 {
	position: absolute; left: 205px; top: 25px; height: 50px; background: transparent url(../i/bgs/slogan.gif) no-repeat 0 0; text-align: left; width: 450px;
}

#headernavi #headimg {
	position: absolute; width: 175px; height: 65px; left: 590px; top: 18px;
}
#headernavi h1 span {
	display: none; /* span for stupid ie5 */ 
}
#logo {
	position: absolute; top: 12px; left: 23px; 
}


/* navigation */
#navi {
	height: 26px; background: transparent url(../i/bgs/navi.gif) no-repeat 0 0; position: absolute; left: 155px; top: 95px; width: 574px;
}
#navi li, #navi a {
	height: 26px; display: block;
}
#navi li {
	position: absolute; top: 0;
}
#navi a {
	text-indent: -9999px; 
}

#homelnk {left: 1px; width: 98px;}
#timelnk {left: 103px; width: 109px;}
#trylnk {left: 217px; width: 109px;}
#doclnk {left: 331px; width: 125px;}
#contlnk {left: 461px; width: 109px;}

#homelnk a:hover {background: transparent url(../i/bgs/navi.gif) -1px -26px no-repeat;}
#timelnk a:hover {background: transparent url(../i/bgs/navi.gif) -103px -26px no-repeat;}
#trylnk a:hover {background: transparent url(../i/bgs/navi.gif) -217px -26px no-repeat;}
#doclnk a:hover {background: transparent url(../i/bgs/navi.gif) -331px -26px no-repeat;}
#contlnk a:hover {background: transparent url(../i/bgs/navi.gif) -461px -26px no-repeat;}

#home #homelnk {background: transparent url(../i/bgs/navi.gif) -1px -26px no-repeat;}
#ts #timelnk {background: transparent url(../i/bgs/navi.gif) -103px -26px no-repeat;}
#tb #trylnk {background: transparent url(../i/bgs/navi.gif) -217px -26px no-repeat;}
#dd #doclnk {background: transparent url(../i/bgs/navi.gif) -331px -26px no-repeat;}
#cu #contlnk {background: transparent url(../i/bgs/navi.gif) -461px -26px no-repeat;}

/* footer */
#footer {
	width: 800px; padding: 10px 0; font-size: 10px; 
}
#footer li {
	display: inline; padding: 0 10px; border-right: 1px solid #4d4d4d; color: #ababab;
}
#footer li.nobrdr {
	border-right: none;
}

#footlogos {
	margin: 10px 0 30px; text-align: center;
}
#sidemargin {
	margin: 0 90px 0 110px;
}

/* content */
#contentbox {
	margin-top: 30px; text-align: left; padding: 0 0 30px 25px; background: transparent url(../i/bgs/content.jpg) no-repeat left bottom; font-size: 11px;
}


#content {
	width: 410px; border-right: 1px dotted #c7d3e6; 
}
#cu #content, #dd #content, #tb #content, #pp #content {
	height: 400px; width: 460px; 
}
#ts #content {
	height: 500px;
}
#content a, #sidebar a {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content ul, #content p, #content ol {
	line-height: 16px; margin: 8px 0 0;
}
#content ul, #content p, #content h2, #content h3 {
	margin-right: 20px;
} 
#content ul li {
	padding-left: 15px; background: transparent url(../i/bgs/li.gif) no-repeat 3px 5px;
}
#content ol li {
	margin: 12px 15px 12px 50px; list-style: decimal;
}
#content .pdf li {
	padding: 10px 0  10px 25px; background: transparent url(../i/bgs/lipdf.gif) no-repeat 0 50%;
}

#content h1, #content h2, #content h3 {
	font-weight: normal; color: #6c6c9a; font-family: Arial, Helvetica, sans-serif;
}
#content h2 {
	font-size: 18px; margin-top: 10px;
}
h2#icrmlink {
	text-align: center; margin-top: 150px;
}
#content h3 {
	font-size: 14px; margin-top: 10px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #eea409; background: url(../i/bgs/h4.gif) no-repeat 0 0; padding: 4px 0 4px 50px;
}
h5 {
	font-size: 12px; text-align: center; margin: 10px 0 0;
}
#clear {clear: both; height: 0; line-height: 0;}

.center {
	text-align: center; 
}

#sidebar {
	float: right; width: 310px;
}
#cu #sidebar, #dd #sidebar, #tb #sidebar, #pp #sidebar {
	width: 250px;
}
form {
	width: 285px; margin: 10px 15px 10px 5px; font-size: 10px; 
}
#sidebar form p {
	margin: 0 0 4px 0; 
}
fieldset {
	border: 0;
}
input {
	width: 70px; margin: 7px 0;
}
label {
	font-weight: bold; padding-top: 5px;
}
#overbutton {
	margin-top: 10px; padding-top: 7px; border-top: 1px solid #c7d3e6; text-align: center;
}
#button {
	margin-top: 3px; 
}
#sidebar p {
	margin: 5px 0 0 5px;
}
.lresult, .rresult, form div {
	font-size: 11px; margin: 0; color: #6c6c9a; 
}
.lresult {
	float: left; width: 140px; padding: 0; margin: 0; font-weight: bold; 
}
.rresult {
	float: left; width: 40px; text-align: left; margin: 0 7px 10px 0; font-weight: bold; color: #000; border: 1px solid #fff; font-size: 12px;
}
form div { 
	clear: both; 
}
#result {
	text-align: center; font-size: 12px;
}
#inputresult {
	border: 0; background-color: #e29803; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: center; margin: 0 5px;
}
form span {
	font-size: 20px; 
}