@charset "UTF-8";
/* CSS Document */

img, a {
	border:0;
}
h1, h2, h3, h4, h5 {
	margin:0 0 0.5em 0;
	padding:0;
	font-weight:normal;
	font-family:inherit;
}
p {
	margin:0 0 1em 0;
	padding:0;
}
a {
	color:#ccc;	
}
a:hover {
	text-decoration:none;
}
body {
	background:#000;
	color:#B3B3B3;
	margin:0;
	padding:0;
	font: 13px Arial, Helvetica, sans-serif;
}
.hdr-1 {
	width:100%;
	height:214px;
	background:#76a5e1 url(../img/hdr-1-bg.png) repeat-x;
}
.hdr-2 {
	width:100%;
	height:214px;
	background:url(../img/hdr-2-bg.png) 90% 0 no-repeat;
	position:relative;
}
.logo {
	width:547px;
	height:164px;
	position:absolute;
	left: 5%;
	overflow:hidden;
	background:url(../img/marvelle-logo.png) no-repeat;
}
.logo a {
	position:absolute;
	left:-547px;
}
.logo a img {
	padding-right:547px;	
}

.nav 								{	width:960px; height:50px; margin:0 auto; padding-top:164px; }
.nav ul								{	list-style-type:none; margin:0; padding:0; }
.nav ul li 							{	float:left; display:block; overflow:hidden; background:#B6CEEE; width:120px; height:50px; }
.nav ul li.blog 					{	padding:0 0 0 360px; }
.nav ul li a 						{	display:block; width:120px; height:0; padding:50px 0 0 0; background:url(../img/nav.png) no-repeat; }

.nav ul li.home a 					{	background-position: 0 0; }
.nav ul li.gallery a 				{	background-position: -120px 0; }
.nav ul li.services a 				{	background-position: -240px 0; }
.nav ul li.contact a 				{	background-position: -360px 0; }
.nav ul li.blog a 					{	background-position: -840px 0; }

.nav ul li.home a:hover 			{	background-position: 0 -50px; }
.nav ul li.gallery a:hover 			{	background-position: -120px -50px; }
.nav ul li.services a:hover 		{	background-position: -240px -50px; }
.nav ul li.contact a:hover 			{	background-position: -360px -50px; }
.nav ul li.blog a:hover 			{	background-position: -840px -50px; }

#home		.nav ul li.home a 		{	background-position: 0 -100px; }
#gallery	.nav ul li.gallery a 	{	background-position: -120px -100px; }
#services	.nav ul li.services a 	{	background-position: -240px -100px; }
#contact	.nav ul li.contact a 	{	background-position: -360px -100px; }
#blog		.nav ul li.blog a 		{	background-position: -840px -100px; }

.bdy-1 {
	width:100%;
	background:url(../img/bdy-1-bg.jpg) repeat-x;
}
.bdy-2 {
	width:100%;
	background:url(../img/bdy-2-bg.jpg) no-repeat 95% 0;
	min-height:300px;
}
.bdy-3 {
	width:960px;
	margin:0 auto;
}
.txt-wrap {
	
}
.ftr-1 {
	width:100%;
	background:url(../img/ftr-1-bg.jpg) no-repeat 95% 0;
	padding:15px 0 30px; 
}
.ftr-2 {
	width:928px;
	padding:16px 16px 16px 16px;
	margin:0 auto;
	background:#121518;
	color:#545F6E;
}

/* -------------------- */
/* Page specific styles */
/* -------------------- */

/* ----------------- HOME ------------------ */

#home .bdy-3 {
	position:relative;
}
#home .bdy-3 .txt-wrap {
	left:0;
	padding:340px 0 0 0;
	width:960px;
	overflow:hidden;
}
#home .bdy-3 .txt-wrap .txt {
	width:310px;
	padding: 0 0 0 0;
	float:left;
	margin:0 10px 0 0;
}
#home .bdy-3 .hero {
	position:absolute;
	left:0;
	top:0;
	width:960px;
	height:320px;
	overflow:hidden;
	background:url(../img/hero-bg.jpg) repeat-x;
}
#home .bdy-3 .hero .left {
	width:430px;
	float:left;
	padding:55px 25px 25px 25px;
}
#home .bdy-3 .hero .right {
	width:480px;
	height:320px;
	float:left;
	background:url(../img/hero-external-1.jpg) no-repeat;
}
#home h1, #home h2 {
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:0.25em;
}
#home .hero h3 {
	font-size:30px;
	color:#efefef;
}
#home .link-wrap {
	width:326px;
	height:39px;
	margin-top:10px;
	overflow:hidden;
}
#home .hero .left a {
	display:block;
	width:326px;
	height:0;
	padding:39px 0 0 0;
	background:url(../img/btn-view-gallery.gif) no-repeat 0 0;
}
#home .hero .left a:hover {
	background:url(../img/btn-view-gallery.gif) no-repeat 0 -39px;
}

/* ----------------- SERVICES ------------------ */

#services .bdy-3 {
	padding-top:15px;
}
#services .pnl-wrap-1 {
	width:100%;
	background:url(../img/pnl-wrap-1-bg.gif);
}
#services .pnl-wrap-2 {
	width:100%;
	background:url(../img/pnl-wrap-2-bg.gif) repeat-x bottom left;
}
#services .pnl-top-wrap, #services .pnl-bottom-wrap {
	width:100%;
	overflow:hidden;
	color:#b5cdee;
}
#services .pnl-top-wrap ul {
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;
}
#services .pnl-top-wrap li {
	background:url(../img/pnl-bullet.gif) no-repeat 0px 5px;
	padding-left:8px;
}

#services h1 {	margin-bottom:0.6em; margin-top:0.3em; font-size:28px; color:#FFF; }
#services h2 {	font-size:28px; color:#4F709D; margin-bottom:0.4em; padding-top:5px; }
#services h4 {	font-size:1.65em; padding-top:6px;}

#services .pnl-top-wrap .pnl-1 	{				width:280px; float:left; padding-left: 15px; padding-top: 9px; padding-right:30px; }
#services .pnl-top-wrap .pnl-2 	{				width:280px; float:left; padding-left: 15px; padding-top: 9px; padding-right:30px; }
#services .pnl-top-wrap .pnl-3 	{				width:280px; float:left; padding-left: 15px; padding-top: 9px; padding-right:15px; }

#services .pnl-bottom-wrap .pnl-1 	{			width:310px; float:left; background:url(../img/pkg-1.jpg) no-repeat 15px 0; height:160px; padding-right:15px; }
#services .pnl-bottom-wrap .pnl-2 	{			width:310px; float:left; background:url(../img/pkg-2.jpg) no-repeat 15px 0; height:160px; padding-right:15px; }
#services .pnl-bottom-wrap .pnl-3 	{			width:310px; float:left; background:url(../img/pkg-3.jpg) no-repeat 15px 0; height:160px; }

#services dl {		display:block; width:280px; height:0; position:relative; margin:0 0 38px 0; padding:0; }
#services dt {		display:block; width:280px; position:absolute; left:0; top:0; }
#services dd {		display:block; width:280px; position:absolute; right:0; top:6px; text-align:right; font-size:1.1em; }

#services .gst-info {		border: 1px solid #2D4059; padding:10px 5px 11px; text-align:center; margin:15px 0; }
#services .gst-info p {		margin-bottom:0; font-size:1em; color:#4F709D; }

#services .pnl-txt-wrap { width:100%; overflow:hidden; margin-bottom:5px; }

#services .pnl-txt-wrap .pnl-1 {	width:310px; float:left; padding-right:15px; }
#services .pnl-txt-wrap .pnl-2 {	width:310px; float:left; padding-right:15px; }
#services .pnl-txt-wrap .pnl-3 {	width:310px; float:left; }

#services .pnl-txt-wrap h3 {
	font-size: 1.2em;
	font-weight:bold;
	margin-bottom:0.25em;
}

/* ----------------- GALLERY ------------------ */

#flashcontent {
	font-size:1.3em;
	padding-top:20px;
}

/* ----------------- CONTACT ------------------ */

#contact .bdy-3 {			overflow:hidden; }

#contact h2 {				font-size: 28px; padding-top:6px;}

#contact .left {				width:360px; float:left; padding-top:15px; }

#contact dd a {					color:#4170c9; text-decoration:none; }/* 5489da */
#contact dd a:hover {			color:#71aff4; }

#contact dl {					margin:0 0 1em 0; padding:0; }
#contact dt {					font-size:1.2em; font-weight:bold; margin:0 0 0.25em 0; }
#contact dd {					margin:0 0 0 0; padding:0; }

#contact .right {				width:560px; float:right; padding:12px 20px; background:#121518 url(../img/frm-bg.gif) repeat-x top left; color:#B5CDEE; }
#contact form {					border-top:1px solid #7b8aa0; border-bottom:1px solid #444d59; margin:0 0 15px 0; padding:20px 0;}

#contact .row {					width:560px; overflow:hidden; padding-bottom:5px; }
#contact .label {				width:180px; float:left; padding-top:6px; font-weight:bold; font-size:1.1em;}
#contact .input {				width:380px; float:left; }

#contact #frm-email	{			background:#0b0d0f;	border:none; color:#B5CDEE; width:280px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#contact #frm-name	{			background:#0b0d0f;	border:none; color:#B5CDEE; width:280px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#contact #frm-company	{		background:#0b0d0f;	border:none; color:#B5CDEE; width:280px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#contact #frm-address	{		background:#0b0d0f;	border:none; color:#B5CDEE; width:280px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:50px; overflow:auto;}
#contact #frm-date	{			background:#0b0d0f;	border:none; color:#B5CDEE; width:140px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#contact .radio-row {			padding:0 0 15px 0; }
#contact .radio-row input {		padding:0; margin:5px 5px 0 0; }
#contact .radio-row label {		padding:0; margin:0 5px 0 0; }
#contact #frm-instructions	{	background:#050708;	border:none; color:#B5CDEE; width:280px; padding-top:7px; padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:90px; overflow:auto; margin-bottom:10px;}

#contact .booking-info	{		color:#657284; }