* {
padding:0;
margin:0;
}

body {
background: #FFFFFF url(../images/BG.jpg) repeat;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

input, select {
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
background: #FAFAFA;
border: 1px solid #C8C8C8;
margin: 0 0 3px 0;
padding: 2px 3px 3px 2px;
}

a {
color:#3A99FF;
text-decoration:none;
}

a:hover {
color:#000000;
text-decoration:underline;
}

h1 {
color: #3A73BA;
font-size:26px;
font-weight:normal;
line-height:90px;
}

h2 {
color: #666666;
font-size:18px;
font-weight:normal;
margin:0 0 15px 0;
}

h3 {
color: #3A73BA;
font-size:14px;
font-weight:bold;
margin:0 0 15px 0;
}

h3.white {
color:#FFFFFF;
margin:0 0 10px 0;
}

h3.ltblue {
color:#7788A4;
margin:20px 0 10px 0;
font-weight:normal;
}

h3.ltblue2 {
color:#7788A4;
margin:40px 0 10px 0;
font-weight:normal;
}

h3.dkblue {
color:#3A73BA;
margin:0;
}

.dkblue {
color:#3A73BA;
font-weight:bold;
}

.blue {
color:#40638B;
font-weight:normal;
}

.ital {
font-style:italic;
}

.logo {
margin:25px 0 5px 0;
display:block;
}

h3.grey {
color:#666666;
font-weight:normal;
margin:0 0 10px 0;
}

h4 {
color: #FFFFFF;
font-size:21px;
font-weight:bold;
text-align:right;
}

h5 {
color: #3A73BA;
font-size:14px;
font-weight:normal;
margin:0 0 15px 0;
line-height:18px;
}

/* Wrapper */

#wrapper {
	width:960px;
	background:#FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 20px;
	clear:both;
}

#HPbanner {
width:400px;
height:227px;
background:url(../images/HPBannernew.jpg) no-repeat;
margin:15px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:36px;
padding:123px 0 0 560px;
letter-spacing:1px;
}

#bluebox {
width:235px;
height:17px;
background:#7788A4;
color:#FFFFFF;
text-transform:uppercase;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
letter-spacing:0;
font-size:14px;
font-weight:bold;
padding:10px;
margin:20px 0 0 0;
}
#bluebox a {
color:#FFFFFF;
text-decoration:none;
}

#bluebox a:hover {
color:#FFFFFF;
text-decoration:none;
}

#bluebox:hover {
width:235px;
height:17px;
background:#39485B;
color:#FFFFFF;
}

/* Header */

#header {
width:895px;
height:80px;
padding:3px 0 9px 65px;
background:url(../images/SteliotesLogo.jpg) left no-repeat;
}

#phoneno {
font-size:18px;
float:right;
width:500px;
color:#666666;
text-align:right;
padding: 28px 0 0 0;
}

.digits {
color: #3A73BA;
font-size:26px;
font-weight:normal;
}

/* Navigation */

#navigation {
width:960px;
border-top:1px dashed #666666;
border-bottom:1px dashed #666666;
}

#navigation ul {
padding:10px 0;
margin:0;
}

#navigation li {
margin:0;
display:inline;
list-style:none;
padding:0 20px;
}

#navigation a {
font-size:18px;
text-transform:lowercase;
color: #666666;
text-decoration:none;
}

#navigation a:hover {
color: #3A73BA;
text-decoration:none;
}

#navigation a.current {
color: #3A73BA;
text-decoration:none;
}

/* Sidebar */

#sidebar {
width:300px;
float:left;
margin:25px 12px 15px 13px;
}

#sidebar ul {
padding:0;
margin:0;
}

#sidebar li {
padding:0 0 5px 10px;
margin:0;
display:block;
list-style:none;
}

#page-nav {
clear:both;
margin: 0 0 25px 0;
}

#convert {
clear:both;
margin:0 0 35px 0;
border-top:1px dashed #666666;
padding:25px 0 0 0;
}

/* Form */

#form {
width:270px;
height:155px;
float:left;
padding:10px 15px;
background:#D2D3D5;
margin:0 0 25px 0;
}

.thirdtextfield {
width: 92px;
}

.halftextfield {
width: 126px;
}

.textfield {
width: 185px;
}

.comments {
width: 262px;
height:20px;
}

.select {
width: 190px;
}

.stateselect {
width: 64px;
}

.button {
float: left;
width: 268px;
height: 25px;
padding: 0;
background:#7788A4;
color: #FFFFFF;
margin:0;
}

.button:hover {
color: #FFFFFF;
background:#3A73BA; 
}

/* Content */
#TopImage {
margin:0 auto 15px auto; 
text-align:center;
}

/* Content Left */

#content {
width:600px;
float:right;
margin: 25px 12px 15px 13px;
}

#contentL {
width:274px;
float:left;
padding:0 25px 0 0;
border-right:1px dashed #666666;
}

#contentL2 {
	width:274px;
	float:left;
	border-right:1px dashed #666666;
	text-align:right;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 0;
}

#contentL p {
line-height:16px;
margin:15px 0 0 0;
}

#contentL ul {
padding:0;
margin:15px 0 0 0;
}

#contentL li {
padding:0 0 5px 10px;
margin:0;
display:block;
list-style:none;
}

/* Content Right */

#contentR {
	width:275px;
	float:right;
	background:url(../images/Stars.jpg) top left no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#contentR2 {
	width:275px;
	float:right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 25px;
}

#review {
	width:215px;
	background:url(../images/Checkmark.jpg) top left no-repeat;
	margin-top: 65px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

#review p {
margin:0 0 10px 0;
}

#review p.italic {
font-style:italic;
margin:0 0 20px 0;
}

/* Banner */

#banner-wrapper {
width:600px;
height:175px;
margin:0 0 25px 0;
}

#bannerL {
width:300px;
height:175px;
float:left;
}

#bannerR {
width:270px;
height:145px;
float:right;
background:#7788A4;
color:#FFFFFF;
padding:15px;
}

#bannerR p{
font-size:14px;
font-weight:bold;
margin:85px 0 0 0;
}

/* Footer */

#footer {
width:1000px;
margin:0 auto;
padding:15px 0;
color:#AAAAAA;
font-size:11px;
}

#footer a {
color:#666666;
text-decoration:none;
}

#footer a:hover {
color:#333333;
text-decoration:underline;
}

#footer p.left {
float:left;
}

#footer p.right {
float:right;
}