/* --- General --- */
* { margin: 0; padding: 0; }
a { text-decoration: none; }
a:link, a:visited { border-bottom: 1px dotted #FFCC99; color: #FF6600; }
a:hover { background: #FF6600; color: #FFFFFF; text-decoration: none; }
blockquote { margin: 0px; padding: 20px; }
body {
	background:  url("images/page-background.jpg") #333366 repeat-x top;
	font: 11px Tahoma, 'Lucida Grande', Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
fieldset, .thumbnails a:link, .thumbnails a:visited { border: none; }
form { width: 520px; }
h1 { color: #000033; font-size: 17px; font-weight: bold; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }
h2 { color: #000033; font-size: 15px; font-weight: bold; margin: 0; padding: 10px 0 4px 0; text-align: left; text-transform: none; }
h3 { color: #000033; font-size: 11px; font-weight: bold; margin: 0; padding: 12px 0 8px 0; text-align: left; text-transform: none; }
h4 { border-bottom: solid 1px #999999; color: #336699; font-size: 11px; font-weight: bold; padding: 12px 0 2px 0; text-align: left; }
hr { background: #999999; border: 0; color: #999999; height: 1px; }
img { border: 0; }
input, textarea, select { font: 11px Tahoma, 'Lucida Grande', Arial, sans-serif; padding: 2px; }
p { color: #333333; font-size: 11px; line-height: 1.4em; list-style-type: square; margin: 0; padding: 4px 10px 4px 10px; text-align: left; vertical-align: top; }
select { padding: 0; }
td { color: #333333; font-size: 11px; line-height: 1.4em; list-style-type: square; margin: 0; padding: 4px 0 4px 10px; text-align: left; }
.clearboth { clear: both; }
.fineprint { font-size: 10px; padding: 4px 10px 4px 10px; }
.floatleft { clear: none; float: left; margin-left: -13px; margin-right: 10px; }
.floatright { clear: none; float: right; margin-left: 10px; }
.indent { padding: 20px 60px 20px 60px; }
.pagescontainer { color: #333333; float: left; font-size: 11px; line-height: 1.4em; list-style-type: square; margin: 10px 0 10px 0; padding: 0 0 0 10px; text-align: left; width: 225px; }
.textcenter, #callout p, #callout h1 { text-align: center; }
#thumbnailscontainer { margin: 10px 0 0 8px; width: 500px; }
#callout { background: #F3F3F3; margin: 10px 80px 10px 80px; padding: 15px; }
#container { margin: 0 auto; padding: 0; text-align: left; width: 750px; }
/* --- Packages listing --- */
.packages dd { color: #333333; margin: 0 0 0 10px; padding: 5px 10px 5px 10px; }
.packages dl { background:  url("images/box-160-bottom.gif") #D7D7D7 no-repeat left bottom; margin: 0; padding: 0; }
.packages dt { background:  url("images/box-160-top.gif") #999999 no-repeat left top; border-bottom: #FFFFFF 2px solid; color: #FFFFFF; font-weight: bold; margin: 0; padding: 4px; text-align: center; text-transform: uppercase; }
.packages, .packagescallout { float: left; margin: 10px 6px 10px 7px; padding: 0; width: 160px; }
.packagescallout dd { color: #FFFFFF; margin: 0 0 0 10px; padding: 5px 10px 5px 10px; }
.packagescallout dl { background:  url("images/box-160-bottom.gif") #6699CC no-repeat left bottom; margin: 0; padding: 0; }
.packagescallout dt { background:  url("images/box-160-top.gif") #336699 no-repeat left top; border-bottom: #FFFFFF 2px solid; color: #FFFFFF; font-weight: bold; margin: 0; padding: 4px; text-align: center; text-transform: uppercase; }
.packagescallouthilight { font: italic bold 14px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; margin: 0; padding: 0 10px 10px 10px; text-align: center; }
/* --- Site preview thumbnails --- */
.thumbnails { float: left; padding: 0 0 10px 20px; }
.thumbnails dd { color: #333333; font-size: 10px; font-weight: bold; margin: 0; padding: 4px 0 5px 0; text-align: center; text-transform: uppercase; }
.thumbnails dl { background:  url("images/box-142-bottom.gif") #D7D7D7 no-repeat left bottom; margin: 0; padding: 0; width: 142px; }
.thumbnails dt { background:  url("images/box-142-top.gif") #D7D7D7 no-repeat left top; border-bottom: 0; margin: 0; padding: 6px 6px 0 6px; }
/* --- Footer --- */
#footer { background:  url("images/footer-background.gif") no-repeat top right; margin: 0 auto; padding: 12px 0 20px 0; width: 750px; }
#footer p { color: #FFFFFF; font-size: 9px; margin: 0 auto; padding: 1px; text-align: center; text-transform: uppercase; }
/* --- Main hero graphic --- */
#herobackground { background: #FFFFFF; height: 170px; text-align: center; width: 750px; }
#hero { background:  url("images/hero-background.jpg") #D7DCE5 no-repeat right; height: 170px; margin: 0 auto; padding: 0; text-align: center; width: 730px; }
#hero h1 { color: #000033; font-size: 30px; font-weight: normal; margin: 0; padding: 50px 20px 0 400px; text-align: right; text-transform: none; }
/* --- Main body content --- */
#main { background: #FFFFFF; margin: 0 auto; padding: 6px 22px 6px 22px; }
#main li{ padding-bottom: 8px; }
#main ol{ color: #333333; font-size: 11px; line-height: 1.4em; margin: 0; padding: 0 20px 8px 40px; text-align: left; }
#main ul{ color: #333333; font-size: 11px; line-height: 1.4em; list-style: square outside; margin: 0; padding: 0 20px 8px 30px; text-align: left; }
/* --- Top level navigation --- */
#nav { background:  url("images/nav-background.gif") #FFFFFF no-repeat; height: 70px; margin: 10px 0 0 0; }

#navlist { margin: 43px 20px 0 0; padding: 0; text-align: right; }

#navlist li {
display: inline;
padding-left: 12px;
background-repeat: no-repeat;
}

#navlist a {
padding-left: 12px;
font-weight: bold;
text-decoration: none;
border: none;
}

#navlist a:link, #navlist a:visited {
padding-left: 12px;
color: #666666;
background:  url("images/navbullet.gif");
background-position: 0 -27px;
background-repeat: no-repeat;}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
color: #000033;
padding-left: 12px;
background: url(images/navbullet.gif);
background-repeat: no-repeat;
background-position: 0 -16px;} 

#navlogo { display: inline; float: left; height: 58px; margin-left: 20px; margin-top: 4px; width: 128px; }
#navlogo a:link, #navlogo a:visited, #navlogo a:hover { background: transparent; border: none; }

/* --- Sub navigation --- */
#subnav { clear: none; float: right; margin: 10px 0 0 10px; width: 160px; }
#subnav dd { color: #333333; margin: 0; padding: 5px 10px 5px 10px; }

#subnav a {
padding: 0 0 0 12px;
font-weight: bold;
text-decoration: none;
border: none;}

#subnav a:link, #subnav a:visited {
padding-left: 12px;
color: #666666;
background:  url("images/navbullet.gif");
background-position: 0 -27px;
background-repeat: no-repeat;}

#subnav a:link#current, #subnav a:visited#current, #subnav a:hover {
color: #000033;
padding-left: 12px;
background: url(images/navbullet.gif);
background-repeat: no-repeat;
background-position: 0 -16px;} 

#subnav dd.soft { color: #666666; }
#subnav dl { background:  url("images/box-160-bottom.gif") #CCCCFF no-repeat left bottom; margin: 0 0 16px 0; padding: 0 0 10px 0; }
#subnav dl.soft { background:  url("images/box-160-bottom.gif") #E6E6E6 no-repeat left bottom; }
#subnav dt { background:  url("images/box-160-top.gif") #333366 no-repeat left top; border-bottom: #FFFFFF 1px solid; color: #FFFFFF; font-weight: bold; margin: 0; padding: 4px; text-align: center; text-transform: none; }
#subnav dt.soft { background:  url("images/box-160-top.gif") #CCCCCC no-repeat left top; color: #666666; }
#subnav p { margin: 0 0 16px 0; padding: 0; }


.reqdtextbox {border:1px solid #666666; background:#DDDDDD; }
.misstextbox {	border: 1px solid #333333;	background: #FFA500; }
.textbox {border:1px solid #999999; background:#EEEEEE; }