/* --- General --- */
* { margin: 0; padding: 0; }
a { text-decoration: none; }
a:link, a:visited { border-bottom: 1px dotted #F0B9C8; color: #CC0033; }
a:hover { background: #CC0033; color: #FFFFFF; text-decoration: none; }
blockquote { margin: 0px; padding: 20px; }
body { background: url(images/page-background.jpg) #6699CC 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: #CC0033; font: bold 17px 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; margin: 0; padding: 2px 0 0 0; text-align: left; text-transform: none; }
h2 { color: #336699; font: bold 15px/normal 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; margin: 0; padding: 10px 0 4px 0; text-align: left; text-transform: none; }
h3 { color: #336699; 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 --- */
#hero { background: url(images/hero-background.jpg) #336699 no-repeat right; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; height: 170px; margin: 0 auto; padding: 0; text-align: center; width: 730px; }
#previewhero { background: url(images/previewhero-background.jpg) #336699 no-repeat right; font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; height: 170px; margin: 0 auto; padding: 0; text-align: center; width: 730px; }
#hero h1, #previewhero h1 { color: #FFFFFF; font-size: 30px; font-weight: bold; margin: 0; padding: 14px 180px 0 20px; text-align: left; text-transform: none; }
#hero h2, #previewhero h2 { color: #FFFFFF; font-size: 18px; padding: 14px 200px 0 20px; }
#herobackground { background: #FFFFFF; height: 170px; text-align: center; width: 750px; }
#heroleft { background: url(images/hero-roundedleft.gif) #336699 no-repeat left; clear: none; float: left; height: 170px; width: 10px; }
/* --- 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 4px 30px; text-align: left; }
/* --- Top level navigation --- */
#nav { background: url("images/nav-background.gif") #FFFFFF no-repeat; height: 70px; margin: 10px 0 0 0; }
#nav h3 { color: #333333; line-height: 28px; margin: 0; padding: 10px 20px 0 0; text-align: right; text-transform: capitalize; }
#navlist { font-size: 11px; margin: 1px 20px 0 0; padding: 0; text-align: right; }
#navlist a:link, #navlist a:visited { border: none; color: #333333; font-weight: bold; margin: 0 0 0 10px; text-decoration: none; }
#navlist a:hover { color: #333333; }
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover { background: transparent; border-bottom: 2px solid #CC0033; color: #336699; padding-bottom: 2px; }
#navlist ul, #navlist li { display: inline; list-style-type: none; margin: 0; padding: 0; text-transform: uppercase; }
#navlogo { display: inline; float: left; height: 42px; margin-left: 20px; margin-top: 14px; width: 151px; }
#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 dd.navnormal { display: list-item; font-weight: bold; list-style-position: outside; list-style-type: none; margin: 0 0 0 25px; padding: 5px 0 0 0; }
#subnav dd.navselected { display: list-item; font-weight: bold; list-style-position: outside; list-style-type: square; margin: 0 0 0 25px; padding: 5px 0 0 0; }
#subnav dd.soft { color: #666666; }
#subnav dl { background: url(images/box-160-bottom.gif) #F7DEDE 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) #CC0033 no-repeat left top; border-bottom: #FFFFFF 2px solid; color: #FFFFFF; font-weight: bold; margin: 0; padding: 4px; text-align: center; text-transform: uppercase; }
#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; }
/* --- Preview graphic --- */
#subnavpreview { background: url(images/home-preview.jpg) #CC0033 no-repeat; height: 100px; margin: 0 0 16px 0; padding: 0; text-align: left; width: 160px; }
#subnavpreview a:link, #subnavpreview a:visited { color: #FFFFFF; }
#subnavpreview a:hover { background: transparent; }
#subnavpreview p { color: #FFFFFF; font-weight: bold; line-height: 1.3em; padding: 8px 67px 0 10px; }
/* --- Share graphic --- */
#subnavshare a:link, #subnavpreview a:visited { color: #CC0033; border: none; background: none; }
#subnavshare a:hover { background: none; }