/* CSS Document */
body {
background-image:url(/images/bk2.gif);
background-repeat:repeat-x;
background-color:#00557d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
margin: 0px;
}
a {
  -moz-outline-style: none; 
  }
#wrapper {
width: 800px;
padding: 0px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
}
#container {
padding: 0px;
margin: 0px 0px 0px 0px;
background-attachment: scroll;
background-image: url(/images/body_bg3.gif);
background-repeat: repeat-y;
width: 800px;
height:auto;
float:left;
}
#container2 {
padding: 0px;
margin: 0px 0px 0px 0px;
background-attachment: scroll;
background-color:#e4e3df;
width: 800px;
height:auto;
}
.bodyblue {
color:#00557d;
}
.bluestrong {
color:#00557d;
font-weight:700;
}
#bluestrong  a:link, #phonehead  a:visited, #phonehead  a:active {
font-size: 11px;
color:#00557d;
font-weight:700;
text-decoration:none;
}
#bluestrong  a:hover {
color: #508cb7;
text-decoration: underline;
}
.h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#00557d;
font-weight:700;
line-height:23px;
}
.h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#00557d;
font-weight:700;
line-height:16px;
}

.h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#00557d;
font-weight:700;
line-height:16px;
}
.h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#508cb7;
font-weight:700;
padding:0px;
margin:0px;
}
.h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#00557d;
font-weight:700;
}
.h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#00557d;
font-weight:700;
}

.h7{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00557d;
font-weight:700;
line-height:15px;
}
.h8 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#508cb7;
font-weight:700;
padding:0px;
margin:0px;
line-height:20px;
}

#arrows{
font-family:Arial, Helvetica, sans-serif;
list-style:none;
}
#arrows li{
margin: 0px;
display:block;
background-image:url(/images/arrow.gif);
background-repeat: no-repeat;
background-attachment: scroll;
color: #00557d;
text-decoration: none;
padding: 0px 15px 5px 15px;
list-style:none;
line-height:20px;
}

#arrows li a:link, #arrows li a:visited, #arrows li a:active {
color:#00557d;
text-decoration:underline;
list-style:none;
}
#arrows li a:hover {
color:#666666;
}

.no-outline:active{
outline:none;
}


.nolink{
list-style:none;
}

/*==============================
	HEADER
===============================*/
#header {
margin: 0px;
padding: 0px;
height: 114px;
width: 800px;
background-image:url(/images/bk2-1.gif);
}
#flash2 {
margin:0px;
padding:0px;
width:800px;
height:229px;
text-align:left;
float:left;
background-image:url(/images/home_image3.gif);
background-repeat:no-repeat;
}
#flashinset{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:15px 0 0 400px;
width:390px;
text-align:center;
line-height:20px;
}

#flash {
width:800px;
text-align:left;
float:left;
background-color:#F2F2F0;
}
#imagebanner {
width:562px;
text-align:left;
float:left;
background-color:#F2F2F0;
}
#findfit{
float:left;
width:215px;
height:210px;
margin-top:10px;
margin-bottom:-10px;
margin-left:15px;
}
#findfit2{
float:left;
width:215px;
height:175px;
}
#hdpics{
float:left;
height:175px;
width:269px;
}
#logo {
background-image:url(/images/logo_alum.gif);
background-repeat:no-repeat;
margin: 0px;
padding: 0px;
height: 114px;
width: 250px;
float:left;
}
#betaofferhead {
margin:0px 0 0 0px;
padding:0px;
float:left;
width:382px;
}

#support {
float:left;
width:130px;
padding:30px 0 0 10px;
border:none;
outline: none; /* hide dotted outline in Firefox */
}

#phonehead{
float:right;
width:180px;
height:80px;
list-style-image: none;
list-style-type: none;
margin:0 0 0 0px;
padding:30px 0px 0px 10px;
}
#phonehead li {
background-position:top;
background-image: url(/images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px;
margin:0px;
padding:0 0 0 10px;
text-decoration:none;
color:#00557d;
font-size:16px;
}
#phonehead li a:link, #phonehead li a:visited, #phonehead li a:active {
text-decoration: none;
color:#00557d;
}
#leftcoltext li a:hover {
color: #508cb7;
text-decoration: underline;
}
#aboutus-pic {
background-image:url(/images/about_pic.gif);
background-repeat:no-repeat;
height:194px;
width:800;
margin: 0px;
padding:0px;
}

#getstarted-pic {
background-image:url(/images/getstarted_pic.gif);
background-repeat:no-repeat;
height:194px;
width:800px;
margin: 0px;
padding:0px;
}

#divider{
float:left;
height:27px;
width:800px;
background-color:#e4e3df;
}

/*==============================
	LEFT COLUMN
===============================*/

#left {
margin: 0px;
width: 219px;
padding: 25px 0px 10px 15px;
float: left;
line-height:16px;
text-align:left;
}
#left2 {
margin: 0px;
width:231px;
/*width: 233px;
padding: 25px 0px 10px 0px;*/
padding: 10px 0px 10px 0px;
float: left;
line-height:16px;
text-align:left;
}
#left a:link #left a:visited, #left a:active {
color: #00557d;
text-decoration:underline;
}
#search {
width:219px;
height: auto;
float: left;
margin: 0px 0px 0px 0px;
padding:0px 10px 0 0;
}
#leftbar, .leftbar {
background-color:#4d8ab5;
width:212px;
margin:0 0px 5px -15px;
padding: 4px 0 4px 20px;
color:#FFFFFF;
float:left;
}
#leftbar2 {
background-color:#4d8ab5;
padding:3px;
width:212px;
margin:0 0px 5px -25px;
padding: 8px 0 8px 20px;
color:#FFFFFF;
font-size:12px;
}
#leftbar3 {
background-color:#4d8ab5;
width:212px;
margin:0 0px 5px 0px;
padding: 4px 0 4px 20px;
color:#FFFFFF;
float:left;
}
#leftcoltext3 {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#leftcoltext, .leftcoltext {
margin: 0 10px 0 10px;
}
#leftcoltext li {
margin: 0px;
display:block;
background-image:url(/images/arrow.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
padding: 0px 20px 0px 15px;
}
#leftcoltext li a:link, #leftcoltext li a:visited, #leftcoltext li a:active {
color: #00557d;
text-decoration: underline;
display: block;
margin: 0px;
padding: 0px 20px 3px 0px;
}
#leftcoltext li a:hover {
color: #999;
text-decoration: none;
}
#nav {
margin: 0px 0 0 0;
padding: 8px 0px 0px 10px;
list-style-image: none;
list-style-type: none;
line-height:15px;
}
#nav li {
margin: 0px;
display:block;
background-image:url(/images/arrow.gif);
background-repeat: no-repeat;
background-attachment: scroll;
color: #000000;
text-decoration: none;
padding: 0px 15px 5px 15px;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color: #00557d;
text-decoration: underline;
margin: 0px;
}
#nav li a:hover {
color: #999;
text-decoration: none;
}

#sublinkshd{
padding:0 0px 0 45px;
text-decoration:none;
}
#sublinkshd a:visited, #sublinkshd a:link, #sublinkshd li a:active{
text-decoration:none;
color:#085a82;
}
#sublinkshd a:hover{
text-decoration:underline;
}
#sublinks{
padding:0 0px 0 0px;
}
#sublinks li{
list-style:none;
margin-left:-30px;
}
.sublinks-last {
border-bottom:1px solid #e4e3df;
}
.sublinks, .sublinks-last {
border-top:1px solid #e4e3df;
padding:7px 0 7px 15px;
}
#sublinks li a:visited, #sublinks li a:link, #sublinks li a:active{
color:#085a82;
text-decoration:none;
padding:0 0px 0 20px;
}
#sublinks li a:hover {
background-image:url(/images/features-arrow2.gif);
background-repeat:no-repeat;
}

#freepost{
}

/*==============================
	CENTER COLUMN
===============================*/
#center {
height: auto;
width: 300px;
padding: 26px 20px 10px 13px;
float: left;
margin: 0px 0px 0px 0px;
line-height:15px;
text-align:left;
}
#colcenter {
height: auto;
width: 500px;
padding: 26px 20px 10px 13px;
float: left;
margin: 0px 0px 0px 0px;
line-height:18px;
text-align:left;
}
#colcenter2 {
height: auto;
width: 545px;
padding: 26px 8px 10px 13px;
float: left;
margin: 0px 0px 0px 0px;
line-height:18px;
text-align:left;
}
#colcenter3 {
height: auto;
width:500px;
/*width: 500px;*/
padding: 26px 25px 10px 35px;
float: left;
margin: 0px 0px 0px 0px;
line-height:18px;
text-align:left;
}
#coolcenter3 ul{

}
#colcenter3 li{
list-style-image:url(/images/features-arrow3.gif);
list-style-position:outside;
}
#colcenter3 a:link, #colcenter3 a:active, #colcenter3 a:visited{
color:#00557d;
text-decoration:none;
}
#colcenter3 a:hover{
text-decoration:underline;
}
#colcenter4 {
height: auto;
width:545px;
/*width: 715px;
padding: 26px 25px 10px 35px;*/
float: left;
margin:0px;
padding:0px;
line-height:18px;
text-align:left;
}
#homelist {
margin:0px;
padding:0px;
margin: 0px;
list-style:none;
}
#homelist li {
margin: 0px;
display:block;
background-image:url(/images/arrow.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
padding: 0px 15px 0px 15px;
}
#homelist li a:link, #homelist li a:visited, #homelist li a:active {
color:#666666;
text-decoration: underline;
display: block;
margin: 0px;
}
#homelist li a:hover {
color: #00557d;
text-decoration: none;
}
#centertext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
text-align:left;
}
#centertext  a:link, #centertext a:visited, #centertext  a:active {
color: #00557d;
text-decoration: underline;
margin: 0px;
}
#text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:320px;
float:left;
}
#beta {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:320px;
float:left;
}
#numberlist {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#numberlist li {
margin: 0px;
display:block;
background-image:url(/images/arrow_circleG2.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
padding: 0px 20px 0px 30px;
}
#numberlist li a:link, #numberlist li a:visited, #numberlist li a:active {
color: #00557d;
text-decoration: underline;
margin: 0px;
}
#numberlist li a:hover {
color: #999;
text-decoration: none;
}

.numberlist li { padding-bottom: 20px; }
/*==============================
	RIGHT COLUMN
===============================*/
#right {
padding: 25px 0 0 0;
height: auto;
width: 220px;
float: left;
margin: 0px 0px 0px 0px;
text-align:left;
}
.rightcol {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
width:auto;
float:left;
}
.rightcol a:link, .rightcol a:visited, .rightcol a:active {
color: #00557d;
text-decoration:underline;
margin: 0px;
}
#chart {
float:left;
width:auto;
}
#pullouts {
background-image:url(/images/rightcol_bk.gif);
background-repeat:no-repeat;
width:auto;
height:200px;
text-decoration:none;
}
#pullouts li {
margin: 0px;
display:block;
color: #000000;
text-decoration: none;
padding: 15px 10px 0px 35px;
line-height:15px;
list-style-type:none;
list-style-image:none;
}
#rightbar, .rightbar {
background-color:#4d8ab5;
width:auto;
margin:0 0px 0px 0px;
padding: 10px 0px 10px 0px;
text-align:center;
color:#FFFFFF;
}
#rightcoltext, .rightcoltext {
margin: 0px 0 0 0;
padding: 8px 0px 0px 10px;
list-style-image: none;
list-style-type: none;
background-color:#dcdbd7;
line-height:15px;
}
#rightcoltext li, .rightcoltext li {
margin: 0px;
display:block;
background-image:url(/images/arrow.gif);
background-repeat: no-repeat;
background-attachment: scroll;
color: #000000;
text-decoration: none;
padding: 0px 15px 5px 15px;
}
#rightcoltext a:link, #rightcoltext a:visited, #rightcoltext a:active {
color: #00557d;
text-decoration: underline;
margin: 0px;
}
#rightcoltext a:hover {
color: #999;
text-decoration: none;
}



/*==============================
	FOOTER
===============================*/
.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
/*#footer2 {
float:left;
}*/
#footer {
margin: 0px 0px 0px 0px;
text-align: center;
padding: 5px 0px 5px 0px;
background-color: #9ec54d;
/*float:left;*/
width:800px;
}
#footer p {
color: #FFFFFF;
margin: 0px auto 0px auto;
padding: 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #FFFFFF;
text-decoration:underline;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
}
#white {
color:#FFFFFF;
font-size:11px;
list-style:none;
width:800px;
margin-left:137px;
}
#white li {
float:left;
text-align:center;
}
#white a:link, #white a:visited, #white a:active {
color: #FFFFFF;
text-decoration:none;
list-style:none;
}
#white a:hover {
color: #FFFFFF;
text-decoration: underline;
list-style:none;
}
#ARMlogo {
width:800px;
height:20px;
margin:10px 0 0 0;
}



#gallery {
float:left;
padding:0px;
width: 130px;
	}
#gallery2 {
float:left;
padding:0px 20px 0 0;
width: auto;
	}

button
	{
   border-color:#000000;
   border-width:1px;
   border-style:outset;
   color:#ffffff;
   background-color:#4e8ab6;
   margin-top:  5px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 5px;
   width: 75px;
	}
	
ButtonFocused{
border-color:#9ec54d;
   border-width:2px;
   border-style:solid;
   color:#ffffff;
   background-color:#4e8ab6;
   margin-top:  5px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 5px;
   width: 75px;
}


ButtonNotSelected{
background-color:#999999;
border-color:#333333;
   border-width:1px;
   border-style:outset;
   color:#ffffff;
   margin-top:  5px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 5px;
   width: 75px;
}
	
.privacy {
background-color:#F2F2F0;
}

.FeatureComparison {
width:500px;
border-bottom-color:#dcdbd7;
}

.Tlogo{
border-top:#f2f2f0 solid 1px;
float:left;
}