/* - - IMPORT - - */

@import "reset.css";
@import "typography.css";


/* - - HOME - - */


#homeDeck {
 margin:0px 26px 14px 0px;
 position:relative;
 width:754px;
 overflow: visible;
}

#homeDeck .swif {
 background:transparent url(../images/FLSH-snow.jpg) no-repeat scroll left top;
 left:-23px;
 padding:16px 11px 0px 8px;
 position:absolute;
}

#homeDeck h1 {
 left:193px;
 padding:36px 0px 26px;
 position:relative;
 width:504px;
}

#homeDeck p {
 font-size:1.08333em;
 margin-left:6px;
 padding-bottom:1.30769em;
 position:relative;
 left: 193px;
 width:430px;
}

#homeLeft {
 margin-right:23px;
 width:528px;
}

#homeLeft .border {
 padding-bottom: 12px;
}

#homeLeft .border h2 {
 width:327px;
 margin: 14px 0px 0px 13px;
 padding-bottom:0.7em;
}

#homeLeft .border ul {
 color:#333333;
 margin:10px 0px 0px 13px;
}

#homeLeft .border a.pointer {
 margin:12px 0px 0px 13px;
 background: transparent url(../images/LINK-pointer_grey.gif) no-repeat left 5px;
}

#homeLeft #grey {
 background:#E1E1E1 none repeat scroll 0%;
 margin-top:4px;
 padding: 21px 0px 0px 23px;
 overflow:visible;
}

#homeLeft #grey a.pointer {
 background: transparent url(../images/LINK-pointer_grey.gif) no-repeat left 5px;
 margin-bottom: 25px;
}

#homeLeft #cream {
 background:#EEE8D6 none repeat scroll 0%;
 margin-top:20px;
 padding-bottom: 18px;
}

#homeLeft #cream h2 {
 padding-bottom:0.5em;
 width:414px;
}

#homeLeft #cream p {
 font-size:0.916667em;
 line-height:1.45455em;
 padding-bottom:1em;
}

#homeLeft #cream a.pointer {
 background: transparent url(../images/LINK-pointer_cream.gif) no-repeat left 5px;
}

#homeRight {
 margin-left:0px;
 overflow:visible;
 position:relative;
 width:177px;
}

#homeRight p, #homeRight h3, #homeRight ul, #homeRight a {
 position: relative;
 top: 236px;
}

#homeRight h3 {
 margin-top:10px;
 padding-bottom:0.4em;
 width:146px;
}

#homeRight ul {
 font-size:0.833333em;
 line-height: 1.3em;
 padding-left: 10px;
}

#homeRight ul li {
 padding-bottom: 0.6em;
}

#homeRight a {
 font-size:0.846154em;
 font-weight: bold;
 padding-left: 10px;
 background:transparent url(../images/LINK-pointer_small.gif) no-repeat scroll left 4px;
}

/* - - IEroot - - */

#IEroot #wrapper #content #homeDeck {
 width: 780px;
 padding: 0px;
 left: 13px
}

#IEroot #wrapper #content #homeRight, #IEroot #wrapper #content #startRight {
 padding:0px;
}

#IEroot #wrapper #content #homeLeft .border {
 width: 508px;
}

#IEroot #wrapper #content #homeLeft #grey {
 width: 529px;
 padding: 0px;
}

#IEroot #wrapper #content #homeLeft #grey a.pointer {
 margin: 21px 0px 0px 23px;
 display: block;
}

#IEroot #wrapper #content #homeLeft #grey img {
 left: 360px! important;
 bottom: -1px! important;
}

#IEroot #wrapper #content #homeRight ul {
 padding-left: 16px;
}


/* - - GETTING STARTED - - */


#startDeck, #setDeck {
 width:728px;
 margin-bottom:6px;
}

#startDeck h1 {
 padding-bottom:13px;
 width:709px;
 margin-left:0px;
}

#startDeck p {
 font-size:1.08333em;
 margin-left:5px;
 padding-bottom:0.8em;
 width:670px;
}

#startLeft {
 margin-right:23px;
 width:419px;
}

#startLeft .border h2 {
 float:left;
 font-size:2.7em;
 margin:37px 0px 0px 5px;
 width:200px;
}

#startLeft .border p {
 clear:left;
 color:#333333;
 float:left;
 margin:5px 0px 0px 20px;
}

#startLeft #white {
 background:#FFFFFF url(../images/BG-white.gif) no-repeat scroll right top;
 margin-top:18px;
 padding-bottom:18px;
}

#startLeft #white h2 {
 font-size:2em;
 padding-bottom:8px;
 width:290px;
}

#startLeft #white p {
 margin-right:35px;
 padding-bottom:1em;
}

#startRight {
 margin-left:0px;
 overflow:visible;
 position:relative;
 width:286px;
}

#startRight h3 {
 font-size:1.6em;
 margin-top:5px;
 padding-bottom:6px;
 width:286px;
}

#startRight p {
 background:transparent url(../images/H3-my_vault.jpg) no-repeat scroll left 64px;
 font-size:0.916667em;
 line-height:1.27273em;
 margin-right:0px;
}

#startRight .callOut {
 background:transparent url(../images/BG-callout.gif) no-repeat scroll left bottom;
 position: relative;
}

#startRight .callOut h3 {
 color:#666666;
 font-size:1.4em;
 margin:0px 0px 0px 15px;
 width:240px;
}

#startRight .callOut p {
 background:transparent none repeat scroll 0%;
 color:#000000;
 margin:0px 64px 0px 13px;
}

/* - - IEroot - - */

#IEroot #wrapper #content #startDeck, #IEroot #wrapper #content #setDeck {
 left: 39px;
 padding:0px;
}

#IEroot #wrapper #content #startLeft .border {
 width: 399px;
}

#IEroot #wrapper #content #startLeft .border p {
 float:none;
}

#IEroot #wrapper #content #startRight p {
 background:transparent url(../images/H3-my_vault.jpg) no-repeat scroll left 58px;
 font-size:0.83333333em;
}


/* - - GETTING SETTLED - - */


#setDeck {
 margin-bottom:0px;
}

#setDeck h1 {
 margin-left:0px;
 padding-bottom:15px;
 width:650px;
}

#setDeck p {
 font-size:1.08333em;
 margin-left:0px;
 width:720px;
}

#setLeft {
 margin-right:23px;
 width:380px;
}

#setLeft .border {
 background:#EEEED6 url(../images/BG-border2.gif) repeat-x scroll left top;
 border:10px solid #EEEED6;
}

#setLeft .border h2 {
 font-size:2em;
 margin:5px 0px 0px 12px;
 padding-bottom:4px;
}

#setLeft .border p {
 font-size:0.916667em;
 letter-spacing:-0.5px;
 line-height:1.45455em;
 margin:0px 10px 0px 11px;
 padding-bottom:0.6em;
 word-spacing:-0.5px;
}

#setLeft .border h3 {
 font-size:1.3em;
 margin:3px 0px 0px 12px;
 padding-bottom:5px;
}

#setLeft #white {
 padding:15px 15px 0px 23px;
}

#setLeft #white h2 {
 padding-bottom:5px;
}

#setLeft #white p {
 padding-bottom:0.6em;
}

#setLeft #white a.pointer {
 background:transparent url(../images/LINK-pointer_white.gif) no-repeat scroll left 5px;
 margin-bottom:18px;
}

#setLeft #grey {
 background:#F0F0F0 none repeat scroll 0% 50%;
 padding:15px 0px 10px 23px;
}

#setLeft #grey h2 {
 padding-bottom:6px;
}

#setLeft #grey p {
 padding-bottom:0.4em;
}

#setLeft #grey a.pointer {
 background:transparent url(../images/LINK-pointer_grey.gif) no-repeat scroll left 5px;
 margin-bottom: 15px;
}

#setRight {
 background:#F2E6DB none repeat scroll 0%;
 margin-left:0px;
 position:relative;
 width:325px;
 padding-bottom:0px;
}

#setRight h2 {
 font-size:1.9em;
 margin:16px 0px 0px 12px;
 padding-bottom:6px;
}

#setRight p {
 margin:0px 12px 0px 12px
}

/* - - IEroot - - */

#IEroot #wrapper #content #setLeft .border {
 width: 360px;
}

#IEroot #wrapper #content #setRight {
 padding:0px 0px 19px 0px;
}


