@font-face {
    font-family: 'Segoe-UI';
    src: url('fonts/segoe-ui.eot');
    src: url('fonts/segoe-ui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui.woff') format('woff'),
         url('fonts/segoe-ui.ttf') format('truetype'),
         url('fonts/segoe-ui.svg#Segoe-UI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe-UI-Bold';
    src: url('fonts/segoe-ui-bold.eot');
    src: url('fonts/segoe-ui-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui-bold.woff') format('woff'),
         url('fonts/segoe-ui-bold.ttf') format('truetype'),
         url('fonts/segoe-ui-bold.svg#Segoe-UI-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: 'Segoe-UI', sans-serif;
    color: #494949;
    min-width: 488px;
}

#container {
	width:488px; 
	margin: 0 auto;
	position:relative;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: 'Segoe-UI', arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2, h3, h4 { font-weight:normal; font-family: 'Segoe-UI-Bold', arial; }
h4 { font-size:24px; line-height:28px; }
h5 { font-size:12px; line-height:14px; font-weight:normal; }

/* Header */
#siteHeader { padding:48px 12px 50px 0; width:476px; }

h1#logo img, h1#logo a { display:block; }
h1#logo img { margin: 0 auto; }

/* Steps */
#steps { width:488px; height:248px; background: #fff; border-radius: 9px; position:relative; }
#steps .head { position:absolute; top: -22px; left: 50%; margin-left:-90px; background: url('images/step-head.png') no-repeat 0 0; width:176px; height:49px; }
#steps .head li { list-style: none; position:absolute; top: 0; left: 0; width:100%; display:none; }
#steps .head h4 { color:#fff; text-shadow: 2px 2px 2px #5e8d24; text-align:center; padding: 7px 0; }
#steps .body { width:100%; height:100%; position:relative; }
#steps .body .step { position:absolute; top: 0; left: 0; display:none; padding: 41px 10px 10px; height:194px; width:468px; text-align:center; }
#steps .body h4 { padding-bottom:16px; word-spacing: -1px; }
#steps .body h5 { padding-bottom:4px; }
#steps .progress { width:422px; height:20px; margin: 0 auto 19px; display:block; background: url('images/progress-bg.png') no-repeat 0 0; text-align:left; }
#steps .progress span { font-size: 0; line-height: 0; text-indent: -4000px; height:100%; display:block; background: url('images/progress-bar.png') no-repeat 0 0; }
#steps .select-box { border: 1px solid #949494; padding: 5px; width:228px; height:18px; margin: 0 auto 19px; }
#steps .select-box select { width:221px; }
#steps .container { border: 1px solid #cbcbcb; border-radius: 6px; width:324px; height:30px; margin: 0 auto 17px; }
#steps .container input { background: transparent; border: 0; width:314px; font-size:14px; height:19px; padding: 5px 5px 6px; }
#steps .button { width:134px; height:42px; background: url('images/step-button.png') no-repeat 0 0; display:block; color:#fff; margin: 0 auto; line-height:42px; border: 0; }
#steps .button { font-family: 'Segoe-UI-Bold', arial; font-size:18px; line-height:22px; text-shadow: 1px 1px 1px #578420; padding: 7px 0 13px; text-indent: -14px; }
#steps .button:hover { text-decoration:none; }
#steps input.button { background: url('images/send-btn.png') no-repeat 0 0; text-indent:-4px; cursor: pointer; }

/* Footer */
#siteFooter { padding: 16px 0; text-align:center; font-size:14px; }
#siteFooter a { text-decoration:underline; color:#494949; }
#siteFooter a:hover { text-decoration:none; }