body {

	margin: 0;

    padding: 0;

    font-size: small;

    font-family: Helvetica, sans-serif;

    background: #e3f6f5 url(../images/bg2.png) top left repeat-x;

    background-position: 0 -62px;

    }

    

a {

	color: #FF8C46;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	color: #FF8C46;

	border-bottom: #FF8C46 dotted 1px;

}



h1 {

		margin: 0;

		padding: 0;

		}

    

h1.logo a {

		float: left;

		background: #fff url(../images/logo4.png) top left no-repeat;

		padding-left: 788px;

		width: 0;

		height: 108px;

		overflow: hidden;

		margin: 0 7px 14px 0;

}



h1.logo a:hover {

		border: 0;

}



.info {

		float: left;

		margin: 0;

		width: 562px;

		padding: 8px 10px;

		height: 89px;

		color: #fff;

		font-weight: bold;

		font-size: 160%;

		background: #6a8086 url(../images/info_bg.png) top left no-repeat;

    text-align: right;

		}

		

.info2 {

		background-color: #cae3e2;

		padding: 1px 4px;

		margin-bottom: 2px;

		color: #083a3a;

		font-weight: bold;

		text-align: right;

		font-size: 12px;

		font-style: italic;

		font-family: Georgia, serif;

		}

		

.home {

		padding-top: 23px;

		padding-right: 10px;

		}

		

.examples {

		padding-top: 35px;

		padding-right: 10px;

		font-style: italic;



		}



h1.ptitle {

		margin: 0;

		padding: 0;

		font-size: 120%;

		color: #667079;	

}

		

.rant {

		padding-top: 35px;

		padding-right: 10px;

		font-style: italic;

		}

		

.grad {

		padding-top: 35px;

		padding-right: 10px;

		font-style: italic;

		}

		

.purchase {

		padding-top: 35px;

		padding-right: 10px;

		font-style: italic;

		}

		

.about {

		padding-top: 35px;

		padding-right: 10px;

		font-style: italic;

		}

		

a.what {

		float: right;

		padding: 2px 4px 1px 4px;

		background-color: #e0eeee;

		width: 70px;

		margin: 2px 0 0 0;

		color: #3D8281;

		text-decoration: none;

		text-align: center;

		font-weight: bold !important;

		border: #083a3a solid 1px;

		border-bottom: #083a3a solid 2px;

		font-size: 85%;

}



div.error {

		border: #fa1c00 solid 1px;

		background: #fb6a64 url(../images/error.png) top left no-repeat;

		background-position: 4px 2px;

		float: left;

		padding: 10px;

		color: #fff;

		margin-top: 6px;

		width: 95%;

		font-size: 120%;

		margin-bottom: 6px;

		float: left;

}

    

h2 {

		margin: 0;

		padding: 0;

		color: #fff;

		font-size: 160%;

		font-weight: bold;

		font-style: italic;

		}



.titlebox {

		float: left;

		text-align: left;

		width: 367px;

		margin: 0 0 10px 0;

		padding: 3px 6px 2px 6px;

		background-color: #96b2bc;

		color: #fff;

		border-bottom: #6a8086 solid 2px;

		line-height: normal;	

}



.titlepop {

		width: 348px !important;

		margin: 0 0 10px 0;

		padding: 4px 6px;

		background-color: #96B2BC;

		color: #fff;

		border-bottom: #6a8086 solid 2px;	

}

		

h3 {

		float: left;

		color: #fff;

		margin:  2px 0;

		padding: 0;

		}

		

h4 {

		background-color: #A4C4CF;

		padding: 5px 10px 4px 6px;

		color: #fff;

		margin: 0 1px 4px 0;

		font-size: 120%;

		}

		

h5 {

		float: left;

		background-color: #A4C4CF;

		color: #fff;

		margin: 4px 0 10px 0;

		padding: 4px 6px;

		font-size: 120%;

		font-weight: bold;

		}

		





.in-form {

	margin: 20px 0;

	float: left;

	background: #A4C4CF;

	width: 557px;

	padding: 10px;

}



	.in-form h5{

		margin: 0; padding: 0;

		margin-bottom: 5px;

		margin-left: 2px;

		float: none;

		background: none;

	}



h6 {

		color: #6a8086;

		margin: 0;

		padding: 0;

		font-size: 115%;

		font-weight: bold;

		margin-bottom: 10px;

		margin-top: 10px;

		}

		

#email_signup {

		float: left;

		width: 178px;

		padding: 12px;

		background-color: #e0eeee;	

		margin-bottom: 4px;

}

		

a.viewbtn {

		float: left;

		margin: 4px 0 0 6px;

		background-color: #eee;

		border: #ddd solid 1px;

		border-bottom: #ddd solid 2px;

		text-decoration: none;

		padding: 2px 6px;

		font-size: 80%;   

		font-weight: bold;

		color: #666;

 		}

 		

#exinfo {

		float: left;

		}

		

p {

		line-height: 150%;

		}

		

.loud_logo {

		margin-top: -1px;

		}

		

#main_shadow {

		width: 100%;

		margin: 0 auto;

		top: 88px;

		z-index: -10000;

		position: absolute;

		background: transparent url(../images/shadows2.png) top center no-repeat; 

		height: 400px;

}

	

#container {

    width: 790px;

    margin: 0 auto;

    margin-top: 21px;

    padding: 7px;

    background-color: #fff;

    }

    

#header {

		width: 789px;

		margin: 2px 0 8px 0;

		background: #fff url(../images/header_bg.gif) top left repeat-x;

		}

		

#nav {

		width: 789px;

		background-color: #b3b4b9;

		margin-bottom: 7px;

		height: auto;

		}



.cleft_title {

		float: left;

		margin: 0;

		width: 170px;

		margin: 0;

		padding: 4px;

		color: #fff;

		font-weight: bold;

		background-color: #A4C4CF;

}



#mb-name, #mb-kydli-kydli {

		width: 168px;

		padding: 4px;

		border: #7fc7bc solid 1px;

}



#mb-kjtlj-kjtlj {

		width: 168px;

		padding: 4px;

		border: #7fc7bc solid 1px;	

}







#email_signup form div label {

		float: left;

		font-size: 85%;

		font-weight: bold;

		color: #3D8281;

		margin-top: 10px;

		padding-bottom: 0;

		padding-left: 1px;

}



#terms {

	width: 95%;

	height: 200px;

	background-color: #fff;

	border: #3D8281 solid 1px;

	padding: 10px;

	overflow-x: hidden;

	overflow-y: scroll;

	color: #000;

}



#terms p {

	padding-bottom: 20px;

}



#subscribe {

	float: right;

}



		

#nav ul {

		list-style: none;

		list-style-type: none;

		margin: 0;

		padding: 0;

		}



#values tbody tr td {

		padding: 10px 10px 0 0;

}

		

#nav ul li {

		float: left;

		}

		

#nav ul li a {

		float: left;

		padding: 12px;

		margin: 0;

		color: #fff;

		text-decoration: none;

		font-size: 130%;

		font-weight: bold;

		border-left: #b3b4b9 solid 1px;

		border-right: #b3b4b9 solid 1px;

		height: auto;

		}

		

#nav ul li a:hover {

		float: left;

		padding: 12px;

		background: #b3b4b9 url(../images/nav_bg2.png) top left repeat-x;

		margin: 0;

		color: #fff;

		text-decoration: none;

		border-right: #a2a3a8 solid 1px;

		border-left: #a2a3a8 solid 1px;

		border-bottom: 0;

		}

		

#nav ul li a.selected {

		float: left;

		padding: 12px;

		background: #b3b4b9 url(../images/nav_bg2.png) top left repeat-x;

		margin: 0;

		color: #fff;

		text-decoration: none;

		border-right: #a2a3a8 solid 1px;

		border-left: #a2a3a8 solid 1px;

		border-bottom: 0;

		}

		

#content {

		float: left;

		width: 790px;

		}

		

.inner {

		padding: 10px 6px;	

		background-color: #fff;

		margin: 0 4px 4px 4px;

		}

		

.icon {

		float: left;

		margin-right: 10px;

		}

		

#examples {

		float: left;

		width: 368px;

		background-color: #9bb8c1;

		margin: 7px 7px 7px 0;

		padding: 10px;

		color: #fff;

		height: 107px;

		}

		

#testimonials {

		float: right;

		width: 373px;

		background-color: #9bb8c1;

		margin: 7px 1px 7px 0;

		padding: 10px;

		color: #fff;

		height: 107px;

		}

		

#promo {

		float: left;

		width: 480px;

		background-color: #e7954d;

		margin-right: 20px;

		padding: 10px;

		font-size: 180%;

		color: #fff;

		font-weight: bold;

		}

		

#career_help {

		float: left;

		width: 280px;

		}

		

#choose {

		float: right;

		width: 116px;

		background-color: #fff;

		padding: 15px 20px;

		margin-left: 20px;

		border-bottom: #976030 solid 3px;

		font-size: 90%;

		font-weight: bold;

		color: #976030;

		}

		

#choose a {

		color: #976030;

		text-decoration: none;

		}

		

#choose a:hover {

		text-decoration: underline;

		border-bottom: 0;

		}

		

#footer {

		padding: 12px 4px 10px 4px;

		text-align: center;

		color: #667079;

		font-size: 80%;

		font-weight: bold;

		background: #fff url(../images/footer_bg.gif) top left repeat-x;

		line-height: 150%;

		}

		

#footer a {

		color: #667079;

		text-decoration: none;

		}

		

#footer a:hover {

		color: #667079;

		text-decoration: none;

		border-bottom: #667079 dotted 1px;

		}

		

/* Purchase Stying */



#cleft {

		float: left;

		width: 200px;

		margin-right: 10px;

		}

		

#cleft ul {

		list-style: none;

		list-style-type: none;

		margin: 0;

		padding: 0;

		}

		

#cleft ul li {

		margin: 0;

		padding: 0;

}



#cleft ul li.off {

		float: left;

		padding: 4px 6px;

		background-color: #e0eeee;

		width: 188px;

		margin: 0 4px 4px 0;

		color: #8cacab;

		text-decoration: none;

		border: #cae3e2 solid 1px;

		border-bottom: #cae3e2 solid 3px;

		}

		

#cleft ul li a {

		float: left;

		padding: 4px 6px;

		background-color: #A7DCE7;

		width: 188px;

		margin: 0 4px 4px 0;

		color: #1f5049;

		text-decoration: none;

		border: #7FC7BC solid 1px;

		border-bottom: #7A929A solid 3px;

		}

		

#cleft ul li a:hover {

		float: left;

		padding: 4px 6px;

		background-color: #96b2bc;

		width: 188px;

		margin: 0 4px 4px 0;

		color: #fff;

		text-decoration: none;

		border: #7a929a solid 1px;

		border-bottom: #7a929a solid 3px;

		}

		

#cleft ul li a.selected {

		float: left;

		padding: 4px 6px;

		background-color: #96b2bc;

		width: 188px;

		margin: 0 4px 4px 0;

		color: #fff;

		text-decoration: none;

		border: #7a929a solid 1px;

		border-bottom: #7a929a solid 3px;

		}

		

#cright {

		float: left;

		width: 580px;

		}

		

#realtxt {

		color: #666;

		border: #666 solid 1px;

		padding: 5px;

		}

		

.packblock {

		float: left;

		width: 190px;

		background-color: #e0eeee;

		border-bottom: #CAE3E2 solid 3px;

		margin-bottom: 10px;

		}

		

.innerblock {

		padding: 10px;

		border-top: #fff solid 1px;

		}

		

.selectme {

		background-color: #96b2bc;

		padding: 4px 6px;

		color: #fff;

		font-weight: bold;

		border-bottom: #6a8086 solid 2px;

		text-align: right;

		}



.price {

		float: right;

		padding: 12px 0;

		color: #6a8086;

		font-size: 220%;

		font-weight: bold;

		}

		

.packdetails {

		float: left;

		width: 390px;

		margin-bottom: 7px;

		line-height: 140%;

		}



.innerpack {

		padding: 0 1px 10px 10px;

		}

		

div.innerpack a {

		color: #000;

		text-decoration: none;

		line-height: normal;

		font-weight: normal;

}



#packages div.packdetails div.innerpack ul li.tooltip a:hover {

		border-bottom: 0;

}



#packages div.packdetails div.innerpack ul li {

	margin-bottom: 4px;

}

		

div.innerpack .tooltip {

		position:relative;

		}

div.innerpack .tooltip p {

		background: #eef7f4;

		border:#3D8281 2px solid;

		border-width:1px 2px 2px 1px;

		display:none;

		left:-45px;

		padding:10px;

		top:30px;

		position:absolute;

		width:420px;

		z-index:5000;

		font-size: 11px;

		font-weight: normal;

		color: #000;

		}



#packages div.packdetails div.innerpack ul li.tooltip.nobullet div.rush a {

		color: #3D8281;

}



#packages div.packdetails div.innerpack ul li.tooltip.nobullet div.rush a:hover {

		border: 0;

}



.nobullet {

		list-style: none;

		list-style-type: none;

}

div.innerpack .left .tooltip p {

		left:10px;

		}

div.innerpack .tooltip:hover p {

		display:block;

		}

		

div.innerpack ul {

		list-style: square;

		list-style-type: square;

		list-style-position: inside;

		color: #b;

		margin: 0;

		padding: 0;

		}

		

.rush {

		background-color: #f1f8f8;

		padding: 4px 6px;

		margin-top: 22px;

		font-size: 80%;

		font-weight: bold;

		color: #3D8281;

		}



.grey {

		background-color: #e0eeee;

		padding: 3px 6px 4px 6px;

		width: 567px !important;

		border-bottom: #A4C4CF solid 1px;

		color: #6a8086;

		}

		

.pop {

		background-color: #e0eeee;

		padding: 3px 6px 4px 6px;

		width: 360px !important;

		border-bottom: #6a8086 solid 1px;

	  color: #6a8086;

		}

		

.testpost {

		border-top: #F8B067 solid 1px;

		border-bottom: 0;

		background-color: ;

		margin: 10px 0 0px 0;

		background-color: #f7fade;

		padding-bottom: 10px;

		color: #7e5835;

		line-height: 150%;

}

		

.author1 {

		display: inline;

		font-size: 90% !important;

		width: 80px;

		color: #c98d56;

		text-align: right;

		font-weight: bold;

}



div.author1 a {

		color: #c98d56;

		text-decoration: none;

		border-bottom: #c98d56 dotted 1px;

}



.agree_label {

		padding-left: 10px;

		}

		

.instruct {

		padding: 4px 0;

		}

		

a.next, input.next {

		float: right;

		padding: 4px 6px;

		background-color: #e0eeee;

		width: 75px;

		margin: 4px 1px 10px 10px;

		color: #3D8281;

		text-decoration: none;

		text-align: center;

		font-weight: bold;

		border: #cae3e2 solid 1px;

		border-bottom: #cae3e2 solid 3px;

		cursor:	pointer;

		font-size: 100%;

		}

		

a.back, input.back {

		float: right;

		padding: 4px 6px;

		background-color: #e0eeee;

		width: 75px;

		margin: 4px 1px 10px 10px;

		color: #3D8281;

		text-decoration: none;

		text-align: center;

		font-weight: bold;

		border: #cae3e2 solid 1px;

		border-bottom: #cae3e2 solid 3px;

		cursor: pointer;

		font-size: 100%;

		}

		

a.edit, input.edit {

		float: right;

		padding: 4px 6px;

		background-color: #fff;

		width: 75px;

		margin: 4px 0px 10px 10px;

		color: #3D8281;

		text-decoration: none;

		text-align: center;

		font-weight: bold;

		border: #cae3e2 solid 1px;

		border-bottom: #cae3e2 solid 3px;

		cursor: pointer;

		}

		

.labels {

		float: left;

		width: 100px;

		padding: 10px;

		text-align: right;

		}

		

.formitems {

		float: left;

		padding: 10px;

		}

		

.details {

		font-size: 85%;

		margin-left: 10px;

		margin-bottom: 20px;

		}

		

.order {

		font-size: 140%;

		font-weight: bold;

		}

		

.discount {

		float: right;

		font-size: 80%;

		font-weight: bold;

		}

		

		.discount .discount_applied {

			font-size: 140%;

			color: #FF3300;

			font-weight: bold;

		}

		

#discountcode {

		color: #666;

		border: #999 solid 1px;

		padding: 5px;

		}

		

.same {

		float: left;

		padding: 8px 10px;

		font-size: 90%;

		}

		

.add {

		float: left;

		background-color: #ccc;

		color: #333;

		padding: 6px 10px;

		font-size: 80%;

		font-weight: bold;

		}

		

.form1 {

		float: left;

		margin-right: 10px;

		}

		

p {

	margin: 0;

	margin-bottom: 10px;

	padding: 0;

	}



#cright div.packdetails.grey p {

	margin-bottom: 0;	

}

	

form {

	margin: 0;

	padding: 0;

	}

		

img, img a, img a:hover {

    border: 0 !important;

    }

    

.hide {

	display: none;

}



.soon {

	width: 100%;

	text-align: left;

	font-size: small;

}



.popinfo {

  float:right;

  width: 85px;

  font-size: 11px;

  line-height: 14px;

  color: #6a8086;

  text-align: right;

  margin-right: 10px;

}



.light {

	color: #9ec0c7;

}



.black {

	color: #000;

}



.small {

	font-size: 11px;

}



span.quo1 {

	font-size: 200%;

	font-family: "Georgia", serif;

	float: left;

	color: #A4C4CF;

	font-weight: bold;

	margin-right: 10px;

	margin-top: ;

}



span.quo2 {

	font-size: 200%;

	font-family: "Georgia", serif;

	float: right;

	color: #A4C4CF;

	font-weight: bold;

	margin-top: 10px;

}



span.source {

	float:  left;

	width: 100%;

	font-size: 85%;

	text-align: right;

}



#quobox {

		float: left;

		width: 178px;

		padding: 12px;

		background-color: #e0eeee;	

		margin-bottom: 4px;

		line-height: 140%;

}



.cleft_title2 {

		float: left;

		margin: 0;

		width: 170px;

		margin: 0 0 10px 0;

		padding: 4px;

		color: #fff;

		font-weight: bold;

		background-color: #A4C4CF;

		line-height: normal;

}



/* Remove the dotted line outline from all Mozilla browsers */



* {

  outline: none;

    }



#content a:hover img {

	border-bottom: none !important;

}



#packages div.packdetails div.innerpack ul li.tooltip {

        width: 200px;

}


#gift_certificate_notification_form {
	background-color: #f3f8f8; 
	padding: 30px; width: 500px; margin: 10px auto; 
	border-bottom: #fff solid 1px;
}


		

/* The below class allows a div to be cleared without using dummy tags */



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear:both;

    visibility: hidden;

    }

    

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */