/*
Coder: Sam Gordon - Pixale
Website: Pixale.net
*/

/* Global Attributes */

	* {
		margin:0;
		padding:0
	}

	body {
		background: #3a4853 url(../images/bg.png) repeat-x;
		margin:0;
		padding:0;
		font-family:Tahoma;
		font-size:11px
	}

		a:link img, a:active img, a:visited img, a:hover img {
			border: 0px 
		}

		a:link, a:visited, a:active {
			color:#147ea3;
			text-decoration:none
		}

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

	.left {
		float:left
	}

	.right {
		float:right
	}

	h1, h2, h3, h4, h5, h6, span, p, ul, li {
		margin:0;
		padding:0;
		font-weight:normal
	}

	.bold {
		font-weight:bolder
	}

	#wrapper {
		background: url(../images/wrapper.png) repeat-y;
		width:788px;
		height:auto;
		margin:0 auto;
	}

/* Header Section */

#header {
	background: url(../images/header.png) no-repeat;
	width:788px;
	height:100px;
	margin:10px auto 0 auto
}

	#header h1 {
		text-indent: -10000px;
		background: url(../images/logo.png) no-repeat;
		width:244px;
		height:68px;
		float:left;
		margin:17px 0 0 16px
	}

	#header .right {
		width:461px;
		height:auto
	}

		#header .right ul {
			list-style: none;
			text-align:left;
			margin: 42px 0 0
		}

		#header .right ul li {
			display: inline;
		}

		#header .right ul li a {
			color:#fff;
			font-size:12px;
			border:0px;
			text-decoration:none;
		}

		#header .right ul li a:hover {
			color:#4ed1ff;
			text-decoration: none;
		}

			.nav {
				width: auto;
				height: 14px;
				margin: 0;text-align:center;
				padding: 0;
			}

				.nav a {
					width: auto;
					height: 14px;
					float: left;
					margin: 0 0 0 10px;
					padding: 0 3px 0 3px;
				}

				.nav a:hover {
					width: auto;
					height: 14px;
					background:  url(../images/navigation_hover.png) repeat-x;
					float: left;
					margin: 0 0 0 10px;
					padding: 0 3px 0 3px;
				}

/* Main Packages Section */

	.packages {
		width:505px;
		height:181px;
		float:right;
		margin:2px 0 0 0
	}

		.bronze {
			background: url(../images/packages/bronze.png) no-repeat;
			margin:0 13px 0 0
		}

		.silver {
			background: url(../images/packages/silver.png) no-repeat;
			margin:0 13px 0 0
		}

		.gold {
			background: url(../images/packages/gold.png) no-repeat
		}

		.bronze,
		.silver,
		.gold {
			width:157px;
			height:181px;
			float:left
		}


		.bronze ul,
		.silver ul,
		.gold ul {
			list-style: none;
			margin: 34px 0 0 11px;
			padding: 0;
		}

		.bronze ul li,
		.silver ul li,
		.gold ul li {
			list-style: none;
			padding: 0 0 15px 0;
			margin: 0;
			font-size:11px;
			color:#ffffff
		}

/* Content Section */

#content {
	height:auto;
	overflow:hidden;
	padding:0 0 12px 0
}

	#content .left {
		width:263px;
		height:auto;
		margin:0 0 0 14px
	}

		.content-extrainfo {
			background: url(../images/content-extrainfo.png) repeat-y;
			width:263px;
			height:auto;
			margin:8px 0 15px 0
		}

			.content-extrainfo-main {
				background: url(../images/content-extrainfo-main.png) no-repeat;
				width:263px;
				height:auto;
			}

				.content-extrainfo-main_inner {
					background: url(../images/content-extrainfo-footer.png) no-repeat bottom;
					padding:4px 0 5px 7px;
				}

			.content-extrainfo p {
				color:#ffffff;
				font-size:11px;
				padding:0 12px 12px;
				font-family:arial;
				font-weight:bolder;
				line-height:14px
			}

			.content-extrainfo ul {
				list-style: none;
				margin:0 0 8px 12px;
				font-family:arial;
				color:#fff;
				font-size:11px;
			}
=
				.item1 {
					width:240px;
					color:#fff;
					font-size:11px;
				}

					.item1 {
						background: url(../images/content-extrainfo-item1.png) no-repeat;
						height:22px;
						padding:6px 0 0 0
					}

		.content-support {
			background: url(../images/content-support.png) repeat-y;
			width:263px;
			height:auto;
			margin:0 0 15px 0
		}

			.content-support-main {
				background: url(../images/content-support-main.png) no-repeat;
				width:263px;
				height:auto;
			}

			.content-support h2,
			.content-extrainfo h2 {
				font-family:Century Gothic;
				font-style:italic;
				color:#fefefe;
				font-size:21px;
				padding:10px 0 0 9px
			}

			.content-extrainfo h2 {
				padding:10px 0 10px 9px
			}

				.content-support h2 span,
				.content-extrainfo h2 span {
					font-weight:bolder;
					font-style:italic;
				}

			.content-support p {
				background: url(../images/content-support-footer.png) no-repeat bottom;
				color:#ffffff;
				font-size:11px;
				padding:4px 0 5px 7px;
				line-height:14px
			}

				.content-support p a {
					color:#FFF;
					font-weight:bolder;
					text-decoration:none
				}

				.content-support p a:hover {
					color:#2cbaec;
					text-decoration:none
				}

				.content-support p span {
					color:#FFF;
					font-weight:bolder;
					
				}
				.content-support p span a {
                                         color:#2cbaec;
                                }

					.content-support p .no-bold {
						font-weight:normal
					}

	#content .right {
		width:503px;
		height:auto;
	}

		#content .right h2 {
			font-family:Century Gothic;
			font-style:italic;
			font-weight:bolder;
			color:#484848;
			font-size:36px
		}

			#content .right h2 span {
				font-style:normal;
				color:#147ea3;
			}

		#content .right p {
			padding:18px 10px 0 5px;
			color:#1d1d1d;
			font-size:11px;
			line-height:15px
		}

			#content .right img {
				float:left;
				padding:0 20px 0 0
			}

			#content .right p span {
				color:#147ea3;
				font-weight:bolder
			}

/* Footer Section */

#footer {
	background: url(../images/footer.png) no-repeat;
	width:788px;
	height:39px;
	margin:0 auto 20px auto
}

	#footer .left {
		color:#35b2dd;
		font-size:9px;
		padding: 12px 0 0 12px;
	}

		#footer .left a:link, a:visited, a:active {
			color:#35b2dd;
			text-decoration:underline
		}

		#footer .left a:hover {
			color:#FFF;
			text-decoration:underline
		}

	#footer .right {
		color:#ffffff;
		font-weight:bolder;
		font-size:9px;
		padding: 12px 12px 0 0;
	}