﻿/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ============================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 70% arial, sans-serif;text-align:center;background:#595959 url(/images/body_repeatx.jpg) repeat-x;} /* Text-Align needed for IE5.5 */

/* Links */
a, a:link, a:visited{color:#ffffff;}
a:hover{text-decoration:none;}

a.formbutton, a.formbutton:link, a.formbutton:visited{display:block;color:white;width:150px;height:40px;line-height:37px;text-align:center;font-size:1em;text-decoration:none;background:url(/images/content/btnSubmit.jpg) 0px 0px;outline:none;}
a.formbutton:hover{background-position:0px 40px;color:white;text-decoration:none;}

/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:5px;padding-left:0px;font-size:1.2em;line-height:1.3em;color:#cccccc;}
p.small{font-size:1.1em;}

img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;font-weight:normal;padding:4px;padding-left:0px;color:#ffffff;}
	h1{font-size:18px;}
	h2{font-size:1.5em;margin-top:5px;}
	h3{font-size:1.4em;}
		h3.question{font-size:1.3em;margin-top:5px;font-style:italic;}
	
ul{list-style-type:disc;font-size:1.2em;margin:10px;margin-left:22px;color:#aaaaaa;}
	li{padding:2px;}
	
.left{float:left;}
.right{float:right;}
div.clear{clear:both;visibility:hidden;}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:left;width:800px;background:url(/images/canvas_repeaty.jpg) repeat-y;}

/* Banner */
#banner{position:relative;text-align:left;width:800px;height:305px;background:url(/images/banner/banner.jpg) top left no-repeat;}
	
	#banner #couple{position:absolute;top:13px;left:18px;width:280px;height:291px;}
	#banner #microphone{position:absolute;top:197px;left:0px;width:800px;height:107px;}
	#banner #logo{position:absolute;top:65px;left:465px;width:247px;height:59px;}
	#banner h1{position:absolute;top:130px;left:350px;width:360px;text-align:right;font-size:17px;color:#eeeeee;}
	#banner p.description{position:absolute;top:180px;left:340px;width:380px;font-size:14px;font-style:italic;color:#dddddd;}
	
	/* Navigation */
	#banner #navigation{position:absolute;top:17px;left:50px;height:31px;width:700px;background:url(/images/banner/nav_background.jpg) repeat-x;}
		#banner #navigation ul{margin:0px;padding:0px;list-style-type:none;}
		#banner #navigation ul li{margin:0px;padding:0px;display:inline;float:right;}
			#banner #navigation ul li a{margin:0px;padding:0px;float:left;width:95px;border-right:1px solid #330000;height:31px;line-height:31px;text-align:center;font-size:12px;text-decoration:none;color:#cccccc;}
			#banner #navigation ul li a:hover{background:url(/images/banner/nav_background_highlight.jpg) repeat-x;color:white;}
			#banner #navigation ul li a.focus{background:url(/images/banner/nav_background_focus.jpg) repeat-x;color:white;}
			#banner #navigation ul li a.focus:hover{background:url(/images/banner/nav_background_focus.jpg) repeat-x;color:white;}
			#banner #navigation ul li a.last{width:95px;border:none;}


/* Content */
#content{position:relative;text-align:left;margin-left:65px;width:670px;padding:0px;}
	
	#content div.body_box{float:left;width:295px;padding:25px;padding-top:30px;padding-right:10px;background:url(/images/content/big_box.jpg) top left no-repeat;}
	
	#content #booking_left{float:left;width:330px;height:300px;padding-top:15px;}
	#content #booking_right{float:left;width:300px;padding-left:25px;padding-top:20px;background:url(/images/content/big_box.jpg) top left no-repeat;}
	
	
	#content div.solo{float:right;width:210px;height:250px;padding-left:20px;padding-right:20px;padding-top:20px;background:url(/images/content/small_box.jpg) top left no-repeat;margin-left:20px;margin-bottom:20px;}
	
	#content #faq{width:420px;padding-right:250px;background:url(/images/content/faq.jpg) top right no-repeat;}
	

/* footer */
#footer{position:relative;text-align:left;width:800px;height:93px;background:url(/images/footer/footer.jpg) no-repeat;}
	#footer p{margin:0px;padding:0px;}
		#footer #contact {position:absolute;top:37px;left:60px;}
		#footer #design {position:absolute;top:75px;width:750px;text-align:right;}
			#footer #design p{color:#999999;}
			#footer #design a, #footer #design a:link, #footer #design a:visited{color:#bbbbbb;}
			#footer #design a:hover{text-decoration:none;}
	
/* tables */
table{margin-top:10px;margin-bottom:10px;font-family: arial, sans-serif;font-size:1.1em;color:#aaaaaa;}
	td{vertical-align:top;padding:3px;padding-left:0px;padding-right:0px;}
	td.label{width:80px;}
	td.data{}
	
/* Inputs */
form{}
input, textarea{font-family: arial, sans-serif;margin:0px;padding:0px;font-size:1em;color:#444444;}

