/* reset css */
@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");

/* site styles */
html {
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:2em;
	color:#bbb;
	background:#0c0b0b;
}

.width-container {
	margin:0 auto;
	width:996px;
	position:relative;
}

#header {
	position:absolute;
	top:0;
	left:0;
	height:192px;
	width:100%;
	background:url("../images/header-background.gif") 0 0 repeat-x;
}

#info-nav {
	position:absolute;
	top:0;
	right:0;
	height:31px;
	line-height:31px;
	overflow:hidden;
}

#info-nav li {
	position:relative;
	left:8px;	
}

#info-nav a {
	color:#d3d4d5;
	padding:0 0.5em;
}

.clear, .clearer {
	clear:both;
}

ul.inline li {
	float:left;
	margin:0 0.5em 0 0;
}

a {
	color:#1fa6ec;
	text-decoration:none;
}

p, ul {
	margin:1em 0;	
}

#logo {
	position:absolute;
	top:30px;
	left:2em;
}

#footer {
	height:65px;
	background:url("../images/footer-background.gif") 0 0 repeat-x;
	text-align:center;
	color:#434242;
	clear:both;
	margin:-1.5em 0 0 0;
}

#footer .width-container {
	height:65px;
	line-height:50px;
	background:url("../images/footer-logo.gif") 98% 50% no-repeat;;	
}

#header, #body, #footer {
	background-color:#1f1f1f;	
}

.content-main {
	width:565px;
	float:left;
}

.content-right {
	float:right;
	width:416px;	
}

.content-main, .content-right {
	padding:1em 0 0 0;
	background:url("../images/text-welcome-note.gif") 0 0 no-repeat;
	position:relative;
}

#contact-us .content-main, #terms-conditions .content-main {
	width:auto;
	float:none;
	background-image:url("../images/text-contact-us.gif");
}

#booking-forms .content-main {
	background-image:none;
}

#terms-conditions .content-main {
	background-image:url("../images/text-terms-conditions.gif");
}

#dance-floor-hire .content-main {
	background-image:url("../images/text-dance-floor-hire.gif");
}

#choc-fountain-hire .content-right, #dvd-bronze-pkg .content-right, #dvd-silver-pkg .content-right, #dvd-gold-pkg .content-right, #dvd-confetti-pkg .content-right, #dvd-champagne-pkg .content-right, #wedding-photography .content-right, #dance-floor-hire .content-right {
	background:none;	
}

#choc-fountain-hire .content-main {
	background-image:url("../images/text-choc-fountain-hire.gif");
}

#dvd-bronze-pkg .content-main, #dvd-silver-pkg .content-main, #dvd-gold-pkg .content-main, #dvd-confetti-pkg .content-main, #dvd-champagne-pkg .content-main {
	background-image:url("../images/text-wedding-dvds.gif");
}

#wedding-photography .content-main {
	background-image:url("../images/text-wedding-photography.gif");
}

#home .content-right {
	background-image:url("../images/text-demo-reel.gif");
}

#flash-banner {
	margin:0 0 0.5em 0;
	width:995px;
	height:317px;
}

#body {
	padding:205px 0 1em 0;
}

#flash-video {
	width:417px;
	height:224px;
	margin:1.5em 0;
}

#main-nav {
	position:absolute;
	top:130px;
	left:0;
	height:55px;
	width:982px;
	padding:0 6px;
	line-height:50px;
	background:url("../images/menu-bg.gif") 100% 0 no-repeat;
}

#main-nav li {
	padding:0 10px 0 6px;
	background:url("../images/menu-splitter.gif") 100% 18px no-repeat;
}

#main-nav li.contact {
	background:none;	
}

#main-nav a {
	margin:18px 0;
	display:block;
	height:18px;
	text-indent:-9999px;
}

#main-nav .home a {
	width:37px;
	background:url("../images/nav-home.png") 0 0 no-repeat;
}

#main-nav .dvds a {
	width:98px;
	background:url("../images/nav-dvds.png") 0 0 no-repeat;
}

#main-nav .photography a {
	width:142px;
	background:url("../images/nav-photos.png") 0 0 no-repeat;
}

#main-nav .chocolate a {
	width:145px;
	background:url("../images/nav-choc-fountain.png") 0 0 no-repeat;
}

#main-nav .dance a {
	width:99px;
	background:url("../images/nav-dance-floor.png") 0 0 no-repeat;
}

#main-nav .contact a {
	width:65px;
	background:url("../images/nav-contact.png") 0 0 no-repeat;
}

#main-nav a:hover, #main-nav li.active a {
	background-position:0 -19px;
}

#camera-overlay {
	position:absolute;
	top:45px;
	right:0;
	background:url("../images/overlay-camera.png") 0 0 no-repeat;
	width:295px;
	height:157px;
}

.cyan, h3 {
	color:#1fa6ec;
}

#photo-overlay {
	position:absolute;
	top:0;
	right:0;
	background:url("../images/overlay-photos.png") 0 0 no-repeat;
	width:209px;
	height:138px;
}

.box-big .title {
	background:url("../images/box-big-top-bg.gif") 0 0 repeat-x;
}

.box-big .title .right {
	padding:0 1.5em;	
}

.box-small .title .right {
	padding:0 1em;	
}

.box-small .title {
	background:url("../images/box-small-middle.gif") 0 0 repeat-x;
}

.box-big .body, .box-small .body {
	background:#0f0e0e url("../images/box-left.gif") 0 0 repeat-y;
}

.box-big .wrapper, .box-small .wrapper {
	background:url("../images/box-right.gif") 100% 0 repeat-y;
}

.box-big .title .left, .box-big .title .right {
	height:39px;
	overflow:hidden;
	background:url("../images/box-big-top-left.gif") 0 0 no-repeat;
}

.box-big .title .right {
	background:url("../images/box-big-top-right.gif") 100% 0 no-repeat;
}

.box-small .title .left, .box-small .title .right {
	height:28px;
	overflow:hidden;
	background:url("../images/box-small-top-left.gif") 0 0 no-repeat;
}

.box-small .title .right {
	background:url("../images/box-small-top-right.gif") 100% 0 no-repeat;
}

.box-big .body .left, .box-big .body .right, .box-small .body .left, .box-small .body .right {
	position:relative;
	background:url("../images/box-bottom-left.gif") 0 100% no-repeat;
}

.box-big .body .right, .box-small .body .right {
	overflow:hidden;
	padding:0 1.5em 1em 1.2em;
	background:url("../images/box-bottom-right.gif") 100% 100% no-repeat;
}

.box-small .body .right {
	padding:0 1em 1em 1em;
}

.box-big .body .bottom, .box-small .body .bottom {
	background:url("../images/box-bottom.gif") 0 100% repeat-x;
}

h1, h2, h3 {
	margin:1em 0;
}

.box-big, .box-small {
	margin:1.5em 0;	
}

.box-small {
	line-height:18px;
}

#box-main .body .right {
	padding:1.5em 9em 1.5em 1.5em;
}

#contact-us .body .right {
	padding-right:1.5em;
}

#wedding-photography #box-main .body .right {
	padding:1.5em;	
}

#box-main .body .right a.arrow {
	position:absolute;
	bottom:1em;
	right:9em;
}

a.arrow {
	font-weight:bold;
	background:url("../images/blue-arrow.gif") 0 3px no-repeat;
	padding:0 0 0 18px;
	color:#bbb;
}

a.arrow span {
	padding:0 0 6px 0;
}

a.arrow:hover span {
	background:url("../images/blue-line.gif") 0 100% repeat-x;
}

.box-big .title h1, .box-big .title h2, .box-big .title h3, .box-small .title h1, .box-small .title h2, .box-small .title h3 {
	margin:0;
}

.content-right .body img {
	display:block;
	margin:0 auto;
}

strong {
	font-weight:bold;
}

ul li {
	padding:0 0 0 1em;
	background:url("../images/bullet-point.gif") 0 11px no-repeat;
}

ol li {
	list-style-type:decimal;
	list-style-position:inside;
	color:#1FA6EC;
}

ol li span {
	color:#bbb;	
}

.content-right .box-small .body img, .content-right .box-big .body img {
	float:left;
	margin:1em 2em 1em 0;
}

.content-right .box-small p {
	line-height:1.5em;
}

.right-float-content, .content-right .box-small .body img, .content-right .box-big .body .right-float-content {
	float:right;
	margin:1em 0 1em 1em;
}

.left-float-content {
	float:left;
	margin:1em 1em 1em 0;
}

#contact-us #google-map {
	float:right;
}

h3 {
	font-weight:bold;
}

#booking-forms .box-big .body .right p {
	min-height:234px;
	padding-left:25em;
	padding-top:3em;
	background:url("../images/booking-form.gif") 1em 1em no-repeat;
}

#booking-forms .box-big .body .right p a {
	margin:1em 0;
	text-indent:-999px;
	width:114px;
	height:60px;
	display:block;
	background:url("../images/booking-form-download.gif") 0 0 no-repeat;
}

#booking-forms .box-big {
	float:left;
	width:41.2em;
	margin-right:1em;
}

#booking-forms .box-big.lower {
	margin-top:0;
}

#booking-forms .content-main {
	width:1044px;
}

address {
	font-style:normal;
}