/* 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: #006699;}
#copy a:hover, #sidebar a:hover {color: #000;}
/* let's go */
html {
	background: #fff url(../i/bgs/bghtml.gif) repeat-x 0 0; 
}
body {
	font-family: Arial, sans-serif; font-size: 76%; line-height: 1.5; margin-top: 135px;
}
/* navigation */
#navi {
	height: 30px; position: absolute; left: 170px; top: 85px; width: 680px; background: transparent url(../i/bgs/bgnavi.gif) repeat-x 0 0;
}
#navi li, #navi a {
	height: 30px; display: block;
}
#navi li {
	position: absolute; top: 0;
}
#navi a {
	text-indent: -9999px; 
}
#homelnk {left: 1px; width: 134px;}
#featlnk {left: 137px; width: 134px;}
#benelnk {left: 273px; width: 134px;}
#techlnk {left: 409px; width: 134px;}
#contlnk {left: 545px; width: 134px;}

#homelnk a:hover {background: transparent url(../i/bgs/bgnavi.gif) -1px -30px no-repeat;}
#featlnk a:hover {background: transparent url(../i/bgs/bgnavi.gif) -137px -30px no-repeat;}
#benelnk a:hover {background: transparent url(../i/bgs/bgnavi.gif) -273px -30px no-repeat;}
#techlnk a:hover {background: transparent url(../i/bgs/bgnavi.gif) -409px -30px no-repeat;}
#contlnk a:hover {background: transparent url(../i/bgs/bgnavi.gif) -545px -30px no-repeat;}

#home #homelnk, #overview #homelnk, #support #homelnk, #solutions #homelnk {background: transparent url(../i/bgs/bgnavi.gif) -1px -30px no-repeat;}

#benefits #benelnk {background: transparent url(../i/bgs/bgnavi.gif) -273px -30px no-repeat;}
#contacts #contlnk {background: transparent url(../i/bgs/bgnavi.gif) -545px -30px no-repeat;}
#features #featlnk, #sync #featlnk, #mapp #featlnk {background: transparent url(../i/bgs/bgnavi.gif) -137px -30px no-repeat;}
#technical #techlnk {background: transparent url(../i/bgs/bgnavi.gif) -409px -30px no-repeat;}

h1#header {
	position: absolute; left: 170px; top: 22px; font-size: 30px; font-family: "Arial Narrow", Arial, sans-serif; line-height: 24px;
}
h1#header span {
	font-size: 19px; color: #5a6580; 
}
h2 {
	font-size: 16px; border-bottom: 3px double #a5afc4; padding: 0 0 4px 20px; margin-left: -20px;
}
#benefits h2, #contacts h2, #privacy h2, #technical h2, #sitemap h2, #rfi h2 {
	padding-left: 170px; margin-left: 0;
}
#sync h2, #mapp h2 {
	margin-left: 150px;
}
h2, h3, h4 {
	color: #994c3d; 
}
h3 {
	font-size: 15px; margin: 20px 0 -5px;
}
h4 {
	font-size: 13px; margin: 12px 0 0;
}
.copyholder {
	padding-left: 170px;
}

/* main areas */
#logo {
	position: absolute; top: 20px; left: 65px;
}
#content {
	width: 850px; background: transparent url(../i/bgs/bordertwo.gif) 169px 0 repeat-y; 
}
#submenu {
	position: absolute; left: 20px; top: 135px; width: 150px;
}
#submenu ul {
	padding: 10px 0 23px; border-top: 1px solid #c1c6d9; border-bottom: 1px solid #c1c6d9; font-weight: bold; background: transparent url(../i/bgs/subnavi.gif) 0 0 repeat; margin-right: 20px;
}
#submenu li {
   line-height: 14px; margin-top: 10px;
}

#sidebar {
	position: absolute; left: 700px; top: 135px; width: 150px; line-height: 1.1;
}
#sidebar h1 {
	color: #994c3d; font-size: 14px; font-family: "Myriad Roman", "Arial Narrow", Arial, sans-serif; padding: 6px 0 6px 7px; border-bottom: 1px solid #a5afc4; text-transform: uppercase;
}
.mt25 {
	margin-top: 25px;
}
#sidebar p {
	padding: 5px 0 7px 75px; font-size: 11px; margin-left: 1px; 
}
#sidebar ul {
	padding: 5px 0 7px 65px; font-size: 11px; margin-left: 1px; background: transparent url(../i/bgs/downloads.gif) 0 0 no-repeat; font-size: 10px;
}
#sidebar ul li {
	margin-top: 3px;
}
#sidebar p img {
	margin: 0px 0 0 -35px;
}
p#trial {
	background: transparent url(../i/bgs/trial.gif) 0 0 no-repeat;
}
p#release {
	padding: 14px 0 22px 65px; background: transparent url(../i/bgs/release.gif) 0 0 no-repeat;
}
p#downloads {
	background: transparent url(../i/bgs/downloads.gif) 0 0 no-repeat;
}
#copy {
	margin: 0 170px 0 190px; font-size: 11px; line-height: 1.4; font-size: 12px;
}
#overview #copy, #support #copy, #solutions #copy, #contacts #copy, #privacy #copy, #mapp #copy, #sitemap #copy {
	height: 465px;
}
#benefits #copy, #contacts #copy, #privacy #copy, #technical #copy, #sync #copy, #mapp #copy, #sitemap #copy, #rfi #copy {
	margin-left: 20px;
} 

#copy p {
	margin: 14px 0 0; color: #5a6580; 
}
#copy p.slogan {
	font-style: italic; font-weight: bold; 
}
#copy p.entry {
	font-size: 14px; 
}

/* clearing the float */
#copy:after {
	content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

#copy ul {
	color: #5a6580; margin: 12px 0; line-height: 1.3;
}
#copy ul ul {
	margin: 6px 0;
}
#copy li {
	padding-left: 20px; background: transparent url(../i/bgs/li.gif) 5px 6px no-repeat; margin: 3px 0 0;
}
#copy li li {
	background: transparent url(../i/bgs/lili.gif) 5px 6px no-repeat;
}
.col3 h1 {
	text-indent: -9999px; width: 150px; height: 30px;
}
.col3 h1#schedule {
	background: transparent url(../i/bgs/schedule.gif) 0 0 no-repeat; 
}
.col3 h1#communicate {
	background: transparent url(../i/bgs/communicate.gif) 0 0 no-repeat; 
}
.col3 h1#work {
	background: transparent url(../i/bgs/work.gif) 0 0 no-repeat; 
}
.col3 {
	float: left; width: 150px; margin: 20px 20px 0 0; font-size: 10px;
}
.mr0 {
	margin-right: 0;
}
#copy .col3 ul {
	height: 19em; color: #4d4d4d; background: transparent url(../i/bgs/col3ul.gif) 0 0 repeat; font-size: 11px; margin: 0; line-height: 1.3;
}
#copy .col3 li {
	padding: 10px 5px 0 20px; background: transparent url(../i/bgs/col3li.gif) 7px 12px no-repeat; margin: 0;
}
.col3 span {
	font-weight: bold; color: #000;
}

/* big list */
#biglist li {
	padding: 18px 0 18px 130px; font-size: 18px;
}
#biglist li#sync{
	background: transparent url(../i/icons/sync.gif) 30px 50% no-repeat;
}
#biglist li#mess{
	background: transparent url(../i/icons/mess.gif) 30px 50% no-repeat;
}
#biglist li#face{
	background: transparent url(../i/icons/face.gif) 30px 50% no-repeat;
}
#biglist li#form{
	background: transparent url(../i/icons/form.gif) 30px 50% no-repeat;
}

/* footer */
#footer {
	border-top: 7px solid #006699; margin-top: 60px; width: 850px; text-align: center; padding: 15px 0; color: #4d4d4d; 
}
#footer li {
	display: inline; padding: 0 10px; border-right: 1px solid #4d4d4d;
}
#footer li.nobrdr {
	border-right: none;
}

/* tables */
#tsync {
	margin: 12px 0; width: 490px; border-top: 1px solid #5a6580; color: #5a6580; font-size: 11px;
}
#tsync tr#thead {
	background-color: #a5afc4; color: #fff; font-weight: bold; font-size: 12px;
}
#tsync td {
	padding: 4px 0 4px 50px; border-bottom: 1px solid #5a6580;
}
#tsync td.rbrdr {
	border-right: 1px solid #5a6580;
}
#tps {
	margin: 30px 0; color: #4d4d4d;
}
#tps tr#tpshead {
	background-color: #0077b3; color: #fff;
}
#tps td.ttitle {
	 padding: 7px 0; font-size: 13px; font-weight: bold; text-align: center;
}
#tps td {
	width: 150px; vertical-align: text-top; font-size: 11px; padding: 7px 5px 7px 10px; border-right: 1px solid #d6dbdc; 
}
#tps td.nrbrdr {
	border-right: none;
}
#tps tr.tbgshade {
	background-color: #eff2f3;
}

/* forms */
form {
	margin: 10px 0 0; width: 420px; color: #5a6580; 
}
form div { 
	clear: both; padding: 4px 0 0; 
}
label { 
	float: left; width: 120px; text-align: right; 
}
input, textarea { 
	float: right; width: 280px; text-align: left; 
}
textarea { 
	height: 8em; 
}
#button { 
	float: none; margin: 10px 0 0 140px; width: 100px; text-align: center; 
}

#copyholder  {
	height: 520px !important;
}

#copy {
	height: 520px;
}

