@charset "UTF-8";

@import url(reset.css); /* DO NOT REMOVE OR MODIFY */


/* ############################################################################################# */
/* ########################################## CAUTION ########################################## */
/* ############################################################################################# */

body {
	/*font-size: 62.5%; /* sets to 10px default */
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #333;
	text-align: center;
	background: #CCC;
	behavior: url("js/csshover.htc");
	position: relative; /* fixes IE6 browser resize bug */
}

html, body {
	height: 100%;
	overflow: auto;
}

#pagewrapper {
	text-align: left;
	font-size: 1.2em;
	width: 960px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.pageset {
	margin-left: 50px;
	position: relative;
	height: 100%;
}

.pageset .edge_left {
	width: 30px;
	min-height: 100%;
	height: 100%;
	float: left;
	margin-bottom: -1px; padding-bottom: 1px; /* column equalizer */
}

.pageset .edge_left img.top {
	position: absolute;
	top: 0;
}

.pageset .edge_left img.bottom {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
}

.pageset .edge_right {
	width: 30px;
	min-height: 100%;
	height: 100%;
	float: right;
	margin-bottom: -1px; padding-bottom: 1px; /* column equalizer */
}

.pageset .edge_right img.top {
	position: absolute;
	top: 0;
}

.pageset .edge_right img.bottom {
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
}

.pageset .wrapper {
	width: 910px;
	height: auto !important;
	background: #FFF url(../images/mla_pageshadow_mid.png) repeat-y;
	position: absolute;
	top: 0;
	overflow: hidden;
}

.pageset .wrapper .content_area {
	position: relative;
	margin: 0 30px;
	margin-bottom: -1px; padding-bottom: 1px; /* column equalizer */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	z-index: 30;
}

.pageset .wrapper .footer_area {
	width: 850px;
	height: 200px;
	background: url(../images/mla_page-bottom.png) no-repeat;
	position: relative;
	left: 30px;
	bottom: 0 !important;
	bottom: -1px;
	z-index: 20;
}
.pageset .wrapper .footer_area .col_left {
	position: absolute;
	top: 42px;
	left: 30px;
	width: 220px;
}
.pageset .wrapper .footer_area .col_right {
	position: absolute;
	top: 25px;
	right: 30px;
	width: 480px;
	text-align: right;
}
.pageset .wrapper .footer_area .col_left .tag {
	font-size: 14px;
	color: #808080;
}


img.logo {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 100;
}






/* ############################## */
/* ########## Top Navs ########## */
/* ############################## */

.banner_area h3.topnav_01 {
	position: absolute;
	top: 0;
	right: 130px;
	width: 125px;
	height: 35px;
	background: url(../images/topnav_getintouch.png) no-repeat 0 0;
	text-indent: -10000px;
}
.banner_area h3.topnav_01:hover {
	background: url(../images/topnav_getintouch.png) no-repeat 0 -35px;
	cursor: pointer;
}

.banner_area h3.topnav_02 {
	position: absolute;
	top: 0;
	right: 5px;
	width: 125px;
	height: 35px;
	background: url(../images/topnav_friends.png) no-repeat 0 0;
	text-indent: -10000px;
}
.banner_area h3.topnav_02:hover {
	background: url(../images/topnav_friends.png) no-repeat 0 -35px;
	cursor: pointer;
}

.banner_area h3.topnav_03 {
	position: absolute;
	top: 0;
	right: 255px;
	width: 77px;
	height: 35px;
	background: url(../images/topnav_home.png) no-repeat 0 0;
	text-indent: -10000px;
}
.banner_area h3.topnav_03:hover {
	background: url(../images/topnav_home.png) no-repeat 0 -35px;
	cursor: pointer;
}






/* ############################################## */
/* ########## Main Navigation settings ########## */
/* ############################################## */

body.mainLayout div.nav_main,
body.gettingstartedLayout div.nav_main,
body.servicesLayout div.nav_main,
body.servicesubLayout div.nav_main,
body.whymarklongoLayout div.nav_main,
body.friendsLayout div.nav_main,
body.contactLayout div.nav_main {
	position: absolute;
	left: 40px;
	top: 195px;
	z-index: 90;
}


body.mainLayout div.nav_main h2.menu01,
body.servicesLayout div.nav_main h2.menu01,
body.servicesubLayout div.nav_main h2.menu01,
body.whymarklongoLayout div.nav_main h2.menu01,
body.friendsLayout div.nav_main h2.menu01,
body.contactLayout div.nav_main h2.menu01 {
	text-indent: -10000px;
	width: 40px;
	height: 149px;
	background: url(../images/mainnav_start.png) no-repeat 0 0;
}
body.mainLayout div.nav_main h2.menu01:hover,
body.servicesLayout div.nav_main h2.menu01:hover,
body.servicesubLayout div.nav_main h2.menu01:hover,
body.whymarklongoLayout div.nav_main h2.menu01:hover,
body.friendsLayout div.nav_main h2.menu01:hover,
body.contactLayout div.nav_main h2.menu01:hover {
	background: url(../images/mainnav_start.png) no-repeat -60px 0;
	cursor: pointer;
}


body.mainLayout div.nav_main h2.menu02,
body.gettingstartedLayout div.nav_main h2.menu02,
body.whymarklongoLayout div.nav_main h2.menu02,
body.friendsLayout div.nav_main h2.menu02,
body.contactLayout div.nav_main h2.menu02 {
	text-indent: -10000px;
	width: 40px;
	height: 100px;
	background: url(../images/mainnav_services.png) no-repeat 0 0;
}
body.mainLayout div.nav_main h2.menu02:hover,
body.gettingstartedLayout div.nav_main h2.menu02:hover,
body.whymarklongoLayout div.nav_main h2.menu02:hover,
body.friendsLayout div.nav_main h2.menu02:hover,
body.contactLayout div.nav_main h2.menu02:hover {
	background: url(../images/mainnav_services.png) no-repeat -60px 0;
	cursor: pointer;
}


body.mainLayout div.nav_main h2.menu03,
body.gettingstartedLayout div.nav_main h2.menu03,
body.servicesLayout div.nav_main h2.menu03,
body.servicesubLayout div.nav_main h2.menu03,
body.friendsLayout div.nav_main h2.menu03,
body.contactLayout div.nav_main h2.menu03 {
	text-indent: -10000px;
	width: 40px;
	height: 168px;
	background: url(../images/mainnav_why.png) no-repeat 0 0;
}
body.mainLayout div.nav_main h2.menu03:hover,
body.gettingstartedLayout div.nav_main h2.menu03:hover,
body.servicesLayout div.nav_main h2.menu03:hover,
body.servicesubLayout div.nav_main h2.menu03:hover,
body.friendsLayout div.nav_main h2.menu03:hover,
body.contactLayout div.nav_main h2.menu03:hover {
	background: url(../images/mainnav_why.png) no-repeat -60px 0;
	cursor: pointer;
}


/* ##### getting started page ##### */
body.gettingstartedLayout div.nav_main h2.menu01 {
	text-indent: -10000px;
	width: 60px;
	height: 149px;
	background: url(../images/mainnav_start.png) no-repeat -120px 0;
}


/* ##### services page ##### */
body.servicesLayout div.nav_main h2.menu02,
body.servicesubLayout div.nav_main h2.menu02 {
	text-indent: -10000px;
	width: 60px;
	height: 100px;
	background: url(../images/mainnav_services.png) no-repeat -120px 0;
}


/* ##### why mark longo page ##### */
body.whymarklongoLayout div.nav_main h2.menu03 {
	text-indent: -10000px;
	width: 60px;
	height: 168px;
	background: url(../images/mainnav_why.png) no-repeat -120px 0;
}




/* ################################## */
/* ########## Footer links ########## */
/* ################################## */

.footer_area a {
	margin: 0 3px;
	color: #5C80A4;
	text-decoration: none;
}
.footer_area a:hover {
	text-decoration: underline;
}




/* ##################################### */
/* ########## Banner settings ########## */
/* ##################################### */


/* ##### main page ##### */
body.mainLayout .banner_area {
	position: relative;
	width: 850px;
	height: 350px;
	background: url(../images/mla_page-banner_main.jpg) no-repeat;
}

body.mainLayout .banner_area .askmarklongo {
	position: absolute;
	top: 255px;
	left: 680px;
}


/* ##### getting started page ##### */
body.gettingstartedLayout .banner_area {
	position: relative;
	z-index: 10;
	width: 850px;
	height: 385px;
	background: url(../images/mla_page-banner_gettingstarted.png) no-repeat;
}
body.gettingstartedLayout .banner_area .banner_text {
	position: absolute;
	top: 80px;
	left: 400px;
	color: #999;
}

body.gettingstartedLayout .banner_area div.on {
	background: url(../images/arrow_white.png) no-repeat center 55px;
	_height: 1%; /* IE6 PEEK-A-BOO FIX */
	position: relative;
	z-index: 1;
}

body.gettingstartedLayout .banner_area div.start_link01 {
	position: absolute;
	top: 327px;
	left: 130px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 45px;
	color: #6893BD;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	/* border: 1px solid red; /* comment out after finalizing layout */
}
body.gettingstartedLayout .banner_area div.start_link01:hover {
	text-decoration: underline;
}

body.gettingstartedLayout .banner_area div.start_link02 {
	position: absolute;
	top: 327px;
	left: 250px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 25px;
	color: #6893BD;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	/* border: 1px solid red; /* comment out after finalizing layout */
}
body.gettingstartedLayout .banner_area div.start_link02:hover {
	text-decoration: underline;
}

body.gettingstartedLayout .banner_area div.start_link03 {
	position: absolute;
	top: 327px;
	left: 370px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 45px;
	color: #6893BD;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	/* border: 1px solid red; /* comment out after finalizing layout */
}
body.gettingstartedLayout .banner_area div.start_link03:hover {
	text-decoration: underline;
}

body.gettingstartedLayout .banner_area div.start_link04 {
	position: absolute;
	top: 327px;
	left: 490px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 45px;
	color: #6893BD;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	/* border: 1px solid red; /* comment out after finalizing layout */
}
body.gettingstartedLayout .banner_area div.start_link04:hover {
	text-decoration: underline;
}

body.gettingstartedLayout .banner_area div.start_link05 {
	position: absolute;
	top: 327px;
	left: 610px;
	text-align: center;
	width: 110px;
	cursor: pointer;
	padding-top: 20px;
	padding-bottom: 25px;
	color: #6893BD;
	font-size: 1.2em;
	line-height: 1em;
	font-weight: bold;
	/* border: 1px solid red; /* comment out after finalizing layout */
}
body.gettingstartedLayout .banner_area div.start_link05:hover {
	text-decoration: underline;
}

body.gettingstartedLayout img.askmarklongo {
	float: left;
}


/* ##### services page ##### */
body.servicesLayout .banner_area {
	position: relative;
	width: 850px;
	height: 430px;
	background: url(../images/mla_page-banner_services-main.png) no-repeat;
}
body.servicesLayout .banner_area .banner_text {
	position: absolute;
	top: 290px;
	left: 150px;
	width: 550px;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #666;
}
body.servicesLayout .banner_area .banner_text p {
	margin: 10px 0;
}

body.servicesLayout .banner_area .quote_text {
	position: absolute;
	top: 105px;
	left: 570px;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #A6CE39;
}
body.servicesLayout .banner_area .quote_source {
	text-align: right;
	margin-top: 5px;
	color: #999;
}

body.servicesLayout img.askmarklongo {
	position: absolute;
	top: 690px;
	left: 635px;
	z-index: 40;
}


/* ##### services sub pages ##### */
body.servicesubLayout .banner_area {
	position: relative;
	width: 850px;
	height: 380px;
	background: url(../images/mla_page-banner_services-sub.png) no-repeat;
}
body.services01 .banner_area {
	background: url(../images/mla_page-banner_services-01.png) no-repeat;
}
body.services02 .banner_area {
	background: url(../images/mla_page-banner_services-02.png) no-repeat;
}
body.services03 .banner_area {
	background: url(../images/mla_page-banner_services-03.png) no-repeat;
}
body.services04 .banner_area {
	background: url(../images/mla_page-banner_services-04.png) no-repeat;
}
body.services05 .banner_area {
	background: url(../images/mla_page-banner_services-05.png) no-repeat;
}
body.services06 .banner_area {
	background: url(../images/mla_page-banner_services-06.png) no-repeat;
}
body.services07 .banner_area {
	background: url(../images/mla_page-banner_services-07.png) no-repeat;
}
body.services08 .banner_area {
	background: url(../images/mla_page-banner_services-08.png) no-repeat;
}
body.services09 .banner_area {
	background: url(../images/mla_page-banner_services-09.png) no-repeat;
}
body.services10 .banner_area {
	background: url(../images/mla_page-banner_services-10.png) no-repeat;
}
body.services11 .banner_area {
	background: url(../images/mla_page-banner_services-11.png) no-repeat;
}

body.servicesubLayout .banner_area .quote_text {
	position: absolute;
	top: 105px;
	left: 570px;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #A6CE39;
}
body.servicesubLayout .banner_area .quote_source {
	text-align: right;
	margin-top: 5px;
	color: #999;
}

body.servicesubLayout img.askmarklongo {
	position: absolute;
	top: 570px;
	left: 485px;
	z-index: 40;
}


/* ##### why mark longo page ##### */
body.whymarklongoLayout .banner_area {
	position: relative;
	width: 850px;
	height: 430px;
	background: url(../images/mla_page-banner_why.png) no-repeat;
}
body.whymarklongoLayout .banner_area .banner_text {
	position: absolute;
	top: 290px;
	left: 150px;
	width: 550px;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #666;
}
body.whymarklongoLayout .banner_area .banner_text p {
	margin: 10px 0;
}

body.whymarklongoLayout .banner_area .quote_text {
	position: absolute;
	top: 105px;
	left: 570px;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #A6CE39;
}
body.whymarklongoLayout .banner_area .quote_source {
	text-align: right;
	margin-top: 5px;
	color: #999;
}

body.whymarklongoLayout img.askmarklongo {
	position: absolute;
	top: 1400px;
	left: 485px;
	z-index: 40;
}


/* ##### why mark longo page ##### */
body.friendsLayout .banner_area {
	position: relative;
	width: 850px;
	height: 400px;
	background: url(../images/mla_page-banner_friends.png) no-repeat;
}
body.friendsLayout .banner_area .banner_text {
	position: absolute;
	top: 260px;
	left: 150px;
	width: 550px;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #666;
}
body.friendsLayout .banner_area .banner_text p {
	margin: 10px 0;
}

body.friendsLayout .banner_area .quote_text {
	position: absolute;
	top: 105px;
	left: 570px;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #A6CE39;
}
body.friendsLayout .banner_area .quote_source {
	text-align: right;
	margin-top: 5px;
	color: #999;
}

body.friendsLayout img.askmarklongo {
	position: absolute;
	top: 920px;
	left: 485px;
	z-index: 40;
}


/* ##### get in touch page ##### */
body.contactLayout .banner_area {
	position: relative;
	width: 850px;
	height: 350px;
	background: url(../images/mla_page-banner_contact.png) no-repeat;
}
body.contactLayout .banner_area .banner_text {
	position: absolute;
	top: 260px;
	left: 150px;
	width: 550px;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #666;
}
body.contactLayout .banner_area .banner_text p {
	margin: 10px 0;
}

body.contactLayout .banner_area .quote_text {
	position: absolute;
	top: 105px;
	left: 570px;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #A6CE39;
}
body.contactLayout .banner_area .quote_source {
	text-align: right;
	margin-top: 5px;
	color: #999;
}






/* ############################################# */
/* ########## content layout settings ########## */
/* ############################################# */

body.mainLayout .margins01,
body.servicesubLayout .margins01,
body.whymarklongoLayout .margins01,
body.friendsLayout .margins01,
body.contactLayout .margins01 {
	padding: 30px 30px 30px 150px;
}
body.mainLayout .margins01 .col_left,
body.servicesubLayout .margins01 .col_left,
body.whymarklongoLayout .margins01 .col_left,
body.friendsLayout .margins01 .col_left,
body.contactLayout .margins01 .col_left {
	float: left;
	width: 315px;
}
body.mainLayout .margins01 .col_right,
body.servicesubLayout .margins01 .col_right {
	float: right;
	width: 315px;
}

body.mainLayout .margins02 {
	padding: 20px 65px;
}
body.mainLayout .margins02 .col_left {
	float: left;
	width: 600px;
	height: 80px;
}
body.mainLayout .margins02 .col_left img.flt_left {
	float: left;
}
body.mainLayout .margins02 .col_left p.center {
	margin: 10px 0;
}
body.mainLayout .margins02 .col_right {
	float: right;
	width: 100px;
	height: 80px;
}
body.mainLayout .margins02 .col_right p.center {
	margin: 30px 0;
}


body.gettingstartedLayout .margins01 {
	padding: 30px;
}
body.gettingstartedLayout .margins01 .col_question {
	float: left;
	width: 184px;
	height: 130px;
	position: relative;
}
body.gettingstartedLayout .margins02 {
	padding: 30px;
	padding-top: 0;
}
body.gettingstartedLayout .margins02 .col_answer .services_position {
	margin-left: 202px;
}
body.gettingstartedLayout .margins02 .col_answer .services_position ul {
	float: left;
	margin-right: 20px;
}
body.gettingstartedLayout .margins02 .col_answer a {
	cursor: pointer;
}
body.gettingstartedLayout .margins01 .col_spacer,
body.gettingstartedLayout .margins02 .col_spacer {
	float: left;
	width: 18px;
}


body.servicesLayout .margins01 {
	padding: 0;
	height: 400px;
	background: url(../images/mla_services_mainbg.gif) no-repeat;
}

body.servicesubLayout .margins01 .col_left .section_nav {
	color: #FFF;
	font-weight: bold;
	margin-top: 20px;
	text-align: right;
}
body.servicesubLayout .margins01 .col_left .section_nav div {
	display: inline;
	margin-left: 10px;
}
body.servicesubLayout .margins01 .col_left .section_nav div.disabled {
	color: #BFCFDB;
}
body.servicesubLayout .margins01 .col_left .section_nav div.disabled a {
	color: #BFCFDB;
	font-size: .9em;
	text-decoration: none;
	cursor: default;
}
body.servicesubLayout .margins01 .col_left .section_nav a {
	color: #FFF;
	font-size: .9em;
	text-decoration: none;
}
body.servicesubLayout .margins01 .col_left .section_nav a:hover {
	text-decoration: underline;
}



/* ##### notepad settings ##### */
body.servicesLayout .notepad_main {
	width: 350px;
	position: absolute;
	left: 250px;
	top: -30px;
}
body.servicesubLayout .notepad_main {
	width: 350px;
	position: absolute;
	left: 480px;
	top: 350px;
	z-index: 50;
}

body.servicesLayout .notepad_main .notepad_rings {
	width: 350px;
	height: 30px;
	background: url(../images/notepad_rings01.png) no-repeat;
}
body.servicesubLayout .notepad_main .notepad_rings {
	width: 350px;
	height: 30px;
	background: url(../images/notepad_rings02.png) no-repeat;
}

body.servicesLayout .notepad_main .notepad_banner {
	height: 10px;
	font-size: 0;
	background: url(../images/notepad_white_bg.png) repeat-y;
}
body.servicesubLayout .notepad_main .notepad_banner {
	font-size: 0;
	background: url(../images/notepad_white_bg.png) repeat-y;
}
body.servicesubLayout .notepad_main .notepad_banner img {
	margin: 0 8px;
}

.notepad_main .notepad_header {
	position: relative;
	height: 49px;
	text-align: right;
	background: url(../images/notepad_header.png) no-repeat;
}
.notepad_main .notepad_header .title {
	position: absolute;
	right: 25px;
	top: 22px;
	font-weight: bold;
	color: #FFF;
}
.notepad_main .notepad_header a {
	position: absolute;
	right: 50px;
	top: 22px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
}
.notepad_main .notepad_header a:hover {
	text-decoration: underline;
}
.notepad_main .notepad_header img {
	position: absolute;
	right: 25px;
	top: 28px;
}

.notepad_main .notepad_items {
	width: 355px;
}
.notepad_main .notepad_items li {
	height: 23px;
	line-height: 23px;
	padding-left: 27px;
	background: url(../images/notepad_item_bg.png) no-repeat;
}
.notepad_main .notepad_items li a {
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
}
.notepad_main .notepad_items li a:hover {
	text-decoration: underline;
}
.notepad_main .notepad_items .notepad_footer {
	height: 36px;
	background: url(../images/notepad_footer.png) no-repeat;
}
.notepad_main .notepad_bottom {
	height: 27px;
	background: url(../images/notepad_bottom.png) no-repeat;
}





/* ###################################### */
/* ########## General settings ########## */
/* ###################################### */


/* ##### misc ##### */
.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

p {
	margin-bottom: 10px;
}

.bubble_clear {
	height: 220px;
}


/* ##### heading styles ##### */
h1.pagetitle {
	color: #A8C067;
	font-size: 2.4em;
	line-height: 1.2em;
	position: absolute;
	top: 265px;
	left: 150px;
}

h3.style01 {
	color: #000;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

h3.style02 {
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.4em;
	margin-bottom: .5em;
}

h3.style03 {
	color: #A6CE39;
	font-size: 1.5em;
	line-height: 1.4em;
}

h4.question {
	display: inline;
	color: #FFF;
	font-weight: bold;
}

h4.answer {
	color: #666;
	font-weight: bold;
}

h4.style01 {
	color: #000;
	font-weight: bold;
	font-size: 1.4m;
	line-height: 1.3em;
	margin-bottom: .3em;
}


/* ##### link styles ##### */
a {
	text-decoration: none;
	color: #06377A;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}

a.links01 {
	text-decoration: none;
	color: #06377A;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
	padding-right: 10px;
	background: url(../images/cta_arrow01.gif) no-repeat right;
}
a.links01:hover {
	text-decoration: underline;
}

.col_question a.cta {
	text-decoration: none;
	color: #FFF;
	position: absolute;
	bottom: 0;
	cursor: pointer;
}
.col_question a.cta:hover {
	text-decoration: underline;
}

.col_answer a.cta {
	text-decoration: none;
	color: #FFF;
	font-size: 1.2em;
	padding-right: 15px;
	background: url(../images/cta_arrow02.gif) no-repeat right;
}
.col_answer a.cta:hover {
	text-decoration: underline;
}


/* ##### list styles ##### */
ul.simple {
	margin: 5px 0 10px 5px;
}
ul.simple li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/bullet01.gif) no-repeat 0 7px;
}

div.checklist_pos {
	position: absolute;
	top: 305px;
	left: 150px;
}
ul.checklist {
	float: left;
	margin-right: 15px;
}
ul.checklist li {
	background: url(../images/check_off.gif) no-repeat 0 -4px;
	padding-left: 20px;
}
ul.checklist li a {
	color: #777;
	text-decoration: none;
}
ul.checklist li.on {
	background: url(../images/check_on.gif) no-repeat 0 -4px;
	padding-left: 20px;
}
ul.checklist li.on a {
	color: #000;
	text-decoration: none;
}
ul.checklist li.check {
	background: url(../images/check_on.gif) no-repeat 0 -4px;
	padding-left: 20px;
}
ul.checklist li.check a {
	text-decoration: none;
}
ul.checklist li a:hover,
ul.checklist li.on a:hover {
	text-decoration: underline;
}

/* ##### callout settings ##### */
.callout {
	position: absolute;
	top: -15px;
	left: 475px;
	width: 355px;
}
.callout .top {
	background: url(../images/callout_top.png) no-repeat;
	height: 35px;
}
.callout .mid {
	background: url(../images/callout_mid.png) repeat-y;
}
.callout .mid .padding {
	padding: 10px 30px;
	_height: 1%; /* IE6 PEEK-A-BOO FIX */
}
.callout .bottom {
	background: url(../images/callout_bottom.png) no-repeat;
	height: 20px;
}


/* ##### background colours ##### */
.bg01 {
	background: #A3BACB;
	position: relative;
	width: 850px; /* IE7 PEEK-A-BOO FIX */
	_height: 1%; /* IE6 PEEK-A-BOO FIX */
}

.bg02 {
	background: #C2CBA3;
	position: relative;
	width: 850px;
	_height: 1%; /* IE6 PEEK-A-BOO FIX */
}


/* ##### contact form table settings ##### */
.contact_table th,
.contact_table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 0;
	border-top: 1px solid #6789AB;
}

.contact_table input {
	font-family: Helvetica, Arial, sans-serif;
	width: 230px;
	padding: 2px;
}
.contact_table input.btn {
	width: auto;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	cursor: pointer;
}
.contact_table input.btn:hover {
	width: auto;
	color: #000;
	border: 1px solid #666;
	padding: 3px;
	cursor: pointer;
}

.contact_table textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	width: 230px;
	padding: 2px;
	height: 200px;
	border: none;
}