/*  
CSS Document: Halswell Weddings
URI: http://www.halswellweddings.co.uk
Description: CSS Document for Halswell Weddings
Version: 1.0

*/



/* ------------------- Generics */

body {
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:0.8em;
}
html {
} 

a:link, a:visited {
text-decoration:none;
}


#content h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.4em;
margin:0;
}




/* -------------------- Lists */






#side img{
margin-right:5px;
}
#plans ul {
list-style:none;
list-style-type:none;
}

ol li {
margin-top:10px;
}



/* ------------------- Headings and Paragraphs */

h1 {
position:absolute;
top:-500px;
left:-500px;
margin:0;
padding:0;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.3em;
margin-top:20px;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1.3em;
}

h4{
font-size:1.25em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

#content h3 {
margin-left:0;
}



.italic {
font-style:italic;
}

p {
line-height:1.6em;
}

p.skipto {
position:absolute;
top:-500px;
left:-500px;
}

p strong {
letter-spacing:1px;
}


p em {
text-align:right;
float:right;
margin-top:-20px;
}

p.georgia b {
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

/* ------------------- Masthead */

div.clear {
clear:both;
}




#masthead a {
text-decoration:none;
}

#head {
position:relative;
width:760px;
margin:0 auto;
height:90px;
}





/* ------------------- Content */

#contentwrapper {
width:800px;
margin:0px auto;
}


#content {
width:516px;
padding-right:10px;
margin-top:20px;
float:left;
min-height:1080px;
height:auto !important;
height:1080px;

}

#side {
text-align:left;
width:252px;
float:right;
min-height:1080px;
height:auto !important;
height:1080px;
margin-top:20px;
}

#side h3{

}
#side img {
padding-right:5px;
}

#plans, #accommodation {
margin-top:40px;
}

#termsform {
margin-top:50px;
margin-bottom:50px;
}


.flowers {
margin-top:40px;
margin-bottom:40px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}



#footercontent {
width:720px;
margin:0 auto 20px auto;
}

#footercontent p {
width:360px;
float:left;
color:#999;
margin-top:10px;
}

#footercontent p.right {
width:360px;
float:left;
text-align:right;
}

#footer a {
color:#999;
text-decoration:none;
}

#footer a:hover {
color:#666;
}
#flashcontent{
position:absolute;
width:860px; 
height:600px; 
z-index:1; 
padding:0px;
margin:0 auto;
}
#flashcontent p{
background-color: #FFFFFF;

}

/* -------------------- Images */



img.pdficon {
margin-right:10px;
margin-top:5px;
}

img.guide {
margin:20px;
}

img.plans {
padding:2px;
border:1px solid #ccc;
background:#fff;
}

#content p.echoesleft a, #content p.echoesright a, #content p.echoescenter a, #content p.third a,
#content p.echoesleft a:visited, #content p.echoesright a:visited, #content p.echoescenter a:visited, #content p.third a:visited,
#content p.echoesleft a:hover, #content p.echoesright a:hover, #content p.echoescenter a:visited, #content p.third a:hover {
border:none;
}


#content a,#content a:hover,#content a:visited{
border:none;
}

p.echoesleft {
clear:both;
float:left;
margin-left:10px;
margin-bottom:15px;
padding:10px;
text-align:center;
}

p.echoescenter {
clear:both;
float:left;
margin:20px auto 15px 144px;
padding:10px;
}

p.echoesright {
float:right;
padding:10px;
text-align:center;
margin-right:10px;
}

p.trioleft {
clear:both;
float:left;
margin-left:0px;
margin-bottom:20px;
}

p.triocenter {
float:left;
margin-left:30px;
margin-bottom:20px;
}

p.trioright {
float:right;
margin-right:0px;
margin-bottom:20px;
}
p.center{
text-align:center;
}
.noborder{
border:none;
}
img.floatleft {
float:left;
border:1px solid #ccc;
margin:5px 20px 10px 0;
padding:2px;
}

img.floatright {
float:right;
border:1px solid #ccc;
margin:5px 0 10px 20px;
padding:2px;
}
/* -------------------- Tables */

table {
width:100%;
text-align:center;
color:#333;

}
tr{
vertical-align:top;
}
table.left {
text-align:left;
}

table tr td {
padding:3px;
font-size:12px;
vertical-align:top;
}

tr.top td {
background:#423d29;
color:#f2f2f2;
}

tr.alt td {
background:#d5d5ad;
}

td.left {
text-align:left;
}

/* -------------------- Forms */

fieldset {
background:#e8e8d9;
border:1px dashed #aaa;
padding-left:10px;
padding-bottom:10px;
}

legend {
display: none;
}

textarea, input, select {
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:1.0em;
}

label {
display:block;
margin-top:10px;
}

input:focus, textarea:focus {
background:#fefeeb;
}

textarea,input.text {
width:60%;
}

input.button {
float:left;
margin:10px 10px 0 0; 
}

.header{
font-weight:bold;
vertical-align:top;
}
.texttop{
vertical-align:top;
}
.top{
background-color:#403B24;

}
.emphasised{
color:#990000;
}


body {
background:#fff url(http://www.halswellweddings.co.uk/images/contentbg.jpg) repeat-x top;
color:#666;
}
a:link, a:visited {
color:#333;
}
a:hover {
color:#6d6444;
}
#content{
border-right:1px solid #ccc;
}
#content a, #content a:visited {
border-bottom:1px dotted #333;
}
#content h1{
color:#616149;
}
h2{
color:#616149;
}
h3{
color:#787858;
}
p{
color:#666;
}
#content a:hover, #content a:focus {
border-bottom:solid 1px #6d6444;
}
#side ul li{
color:#6d6444;
list-style-type:none;
list-style-image:url(http://www.halswellweddings.co.uk/images/bullet.gif);

}
#side ul li a:link,#side ul li a:visited{
color:#666666;
list-style-type:none;
list-style-image:url(http://www.halswellweddings.co.uk/images/bullet2.gif);
}
#side ul li a:hover{
color:#6d6444;
list-style-type:none;
list-style-image:url(http://www.halswellweddings.co.uk/images/bullet2.gif);
}
#side a:link img,#side a:visited img,#side a:hover img,#side ul li img{
border:0px;
}
#side a:hover img{
border-bottom:0px;
}
#masthead {
height:90px;
background:#6d6444 url(http://www.halswellweddings.co.uk/images/mastheadbg.jpg) no-repeat center;
}
#title {
position:absolute;
bottom:0px;
left:0;
width:410px;
height:90px;
background:url(http://www.halswellweddings.co.uk/images/title.jpg) no-repeat;
}

#hang1 {
width:130px;
height:60px;
background:url(http://www.halswellweddings.co.uk/images/hang1.jpg) no-repeat;
position:absolute;
bottom:-60px;
left:-190px;
}

#hang2 {
width:130px;
height:60px;
background: url(http://www.halswellweddings.co.uk/images/hang2.jpg) no-repeat;
position:absolute;
right:-272px;
bottom:-60px;
}

#navigation {
position:absolute;
bottom:0;
right:-10px;
letter-spacing:0.1em;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation ul li {
float:left;
margin-right:3px;
margin-left:3px;
background:#403b24;
position:relative;
}

#navigation ul li a {
background:#403b24;
display:block;
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#999;
}

#navigation ul li a:hover {
background:#403b24;
display:block;
color:#fff;
border:none;
}

#navigation ul li.cur a {
background:#ececda;
display:block;
padding:10px;
padding-top:5px;
padding-bottom:5px;
color:#333;
font-weight:bold;
}

#navigation ul li.cur a:hover {
background:#ececda;
color:#000;
display:block;
}

div.tab_l {
width:5px;
height:5px;
position:absolute;
background:url(http://www.halswellweddings.co.uk/images/tab_l.jpg) no-repeat top left;
}

div.tab_r {
width:5px;
height:5px;
position:absolute;
right:0;
background:url(http://www.halswellweddings.co.uk/images/tab_r.jpg) no-repeat top left;
}

div.tab_cur_l {
width:5px;
height:5px;
position:absolute;
background: url(http://www.halswellweddings.co.uk/images/tab_cur_l.jpg) no-repeat top left;
}

div.tab_cur_r {
width:5px;
height:5px;
position:absolute;
right:0;
background: url(http://www.halswellweddings.co.uk/images/tab_cur_r.jpg) no-repeat top left;
}