@import "reset.css";
html {}

body{font-family:Arial,Helvetica,Verdana,sans-serif; text-align:center;}
/* like fonts N stuff ===========================*/
h1#logo {display:block; float:left; position:relative; left:-40px; width:280px; height:84px; background:url(../images/logo_x.gif) 0 0 no-repeat; text-indent:-10000px;}
h2#strap {display:block; float:right; margin:64px 0 0 0; width:308px; height:18px; background:url(../images/strap_line_x.gif) 0 0 no-repeat; text-indent:-10000px;}

h2.title {display:block;margin:0 0 25px 0;width:100%; height:30px; text-indent:-10000px;}
h2#welcome {background:url(../images/welcome_x.gif) 0 0 no-repeat;}
h2#whatWeDo {background:url(../images/whatWeDo.gif) 0 0 no-repeat;}
h2#weddings {background:url(../images/weddings.gif) 0 0 no-repeat;}
h2#pricing {background:url(../images/pricing.gif) 0 0 no-repeat;}
h2#standards {background:url(../images/standards.gif) 0 0 no-repeat;}
h2#contactUs {background:url(../images/contactUs.gif) 0 0 no-repeat;}
h2#contactUsForm {background:url(../images/contactUsForm.gif) 0 0 no-repeat;clear:both;}
h2#events {background:url(../images/events.gif) 0 0 no-repeat;}

h3 {margin:0.5em 0; font-size:1.25em;}
h4 {margin:0.75em 0; font-size:1.2em;font-weight:bold;}

strong {font-weight:bold;}

p {margin:0 0 2em 0;font-size:1.1em;line-height:1.5em;color:#333;}
p strong {display:block;margin-bottom:1em;font-size:1.2em;color:#999;}
#maincontent ul {margin:0 0 3em 1em;color:#333;}
#maincontent ul li {margin:0 0 0 0;padding:0 0 0 20px;line-height:1.6em;background:url(../images/burst_sm_blue.gif) 0 7px no-repeat;}

p.quote{font-size:0.9em;font-style:italic;}
p.by{margin-top:-2em}



a {color:#9B5CAA;}
a:hover {color:#CFA7D8}

table {margin:0 auto 2em auto;}
td.filled{background: #ddd;}
td{width:200px;padding:10px 10px;}

/* nav ==========================================*/
ul#nav {position:relative;float:left;width:100%; height:79px; margin:0 0 60px 0; border-bottom:1px #ddd solid; padding:0 0 3px 0;background:#fff url(../images/nav_fade.jpg) bottom left repeat-x;}
ul#nav li {display:block; position: absolute;text-align:left;bottom:5px;}
ul#nav li.whatWeDo { left:165px;}
ul#nav li.weddings { left:285px;display:none;}
ul#nav li.pricing { left:340px;}
ul#nav li.standards { left:500px;}
ul#nav li.contact { left:680px;}
ul#nav li a {display:block; text-indent:17px; text-decoration:none; color:#999; font-size:0.9em;}

ul#nav li.weddings a:hover, ul#nav li.weddings a.on {background:url(../images/bell_sm_blue.gif) 0 1px no-repeat;color:#000;}
ul#nav li.home a:hover, ul#nav li.home a.on, ul#nav li.standards a:hover, ul#nav li.standards a.on {background:url(../images/burst_sm_green.gif) 0 0 no-repeat;color:#000;}
ul#nav li.whatWeDo a:hover, ul#nav li.whatWeDo a.on, ul#nav li.contact a:hover, ul#nav li.contact a.on {background:url(../images/burst_sm_purple.gif) 0 0 no-repeat;color:#000;}
ul#nav li.pricing a:hover, ul#nav li.pricing a.on {background:url(../images/burst_sm_pink.gif) 0 0 no-repeat;color:#000;}

/* page =========================================*/

#container {margin:0 auto; width:770px; text-align:left;}

#header {height:62px;margin:10px 0 0 0;}

#maincontent {float:left; padding:0 10px;}

#footer {float:left;margin:1em 0 0 0; width:100%;height:76px;border-top:1px #ddd solid;background:url(../images/footer_bg.jpg) 0 0 no-repeat;}
#footer p {color:#bbb;font-size:0.7em;}

/* home page =====================================*/
div#mainImage {float:right; margin:0 0 30px 40px;}

/* whatWeDo page =================================*/
div#maincontent.whatWeDo ul li {background:url(../images/burst_sm_purple.gif) 0 7px no-repeat;}

/* standards page ================================*/
a.ofstedLink {background:url()0 0 no-repeat;color:#170C59}
a:hover.ofstedLink {color:#00A9CC}

/* weddings page =================================*/
h1#logo.weddings {background:url(../images/logo_weddings.gif) 0 0 no-repeat;}
div#maincontent.weddings ul li {background:url(../images/bell_sm_blue.gif) 0 7px no-repeat;}

/* contact page =================================*/
.map {float:right;margin-left:20px}
p.title {display:block;width:100px;clear:left;float:left;}
form {float:left;display:block;}
input, textarea {float:left;width:300px;background:#eee;}
textarea {height:175px;}
input#submit {margin:20px 0 0 200px;clear:left;width:100px;background:#E2C1EA;}