/*  
CSS Document: Halswell Wedding Fair
URI: http://www.halswellweddingfair.co.uk
Description: CSS Document for Halswell Wedding Fair
Version: 1.0
Author: Charlie Ridley
*/



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

html {
	height: 100%;
}

body {

width: 100%;
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:80%;
background:#000 url(../images/contentbg.gif) repeat-x 0 0px;
color:#fff;
}
p{
color:#E4F1FD;
}
a:link, a:visited {
color:#A6BCE3;
text-decoration:none;
z-index:1;
}

a:hover, a:focus {
color:#9C0C45;
z-index:1;
}

#content a, #content a:visited {
border-bottom:1px dotted #fff;
z-index:1;
}

#content a:hover, #content a:focus {
border-bottom:1px solid #a6bce3;
z-index:1;
}



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

#side ul li a:link,#side ul li a:visited{
list-style:url(http://www.halswellweddingfair.co.uk/images/bullet3.png);
z-index:1;
}
#side img{
margin-right:10px;
}
#side ul li a:hover{
list-style:url(http://www.halswellweddingfair.co.uk/images/bullet2.gif);
}
ul li ul {
margin:10px;
padding:0;
}

#side ul li{
color:#6FA0E3;
list-style-type:none;
list-style-image:url(http://www.halswellweddingfair.co.uk/images/bullet3.png);
}

/* ------------------- 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;
color:#DDEFD1;
font-size:1.3em;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#fff;
font-size:1.2em;
margin:0;
}

h3.photo {
width:414px;
height:84px;
background:#666;
border:1px solid #999;
padding:10px;
margin-left:5px;
color:#333;
font-size:1.3em;
}

#content h3 {
font-size:1.20em;
color:#6d9fe4;
text-align:left;
padding:3px 0 3px 20px;
background:url(../images/title_bg.gif) repeat-y;
border-top:1px #6d9fe4 dotted;
border-bottom:1px #6d9fe4 dotted;
}


p {
line-height:1.4em;
}

p.center {
text-align:center;
margin-top:35px;
margin-bottom:35px;
}

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

p.echoesleft {
float:left;
margin: 10px 35px 10px 0px;
padding:0;
text-align:center;
}
p.echoescenter{
float:left;
margin: 10px 35px 10px 0;
padding:0;
text-align:center;
}
p.echoesright {
float:left;
padding:0;
text-align:center;
margin:10px 0px 10px 0px;
}
a img,images2 a img{
border:#DDEFD1 solid 2px;
}

#header{
font-size:18px;color:#A6BCE3;
font-family:Times New Roman, Times, serif;
}

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

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

img.bordered {
background:#666;
border:1px solid #999;
padding:2px;
}	

img.left {
float:left;
padding:2px;
border:1px solid #ccc;
background:#fff;
margin:0 10px 10px 0;
}


img.right {
float:right;
padding:2px;
border:1px solid #ccc;
background:#fff;
margin:0 10px 10px 10px;
}

.pdficon, p img.pdficon {
float:left;
margin-right:10px;
margin-top:5px;
border:none;
padding:0;
background:none;
}

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

div.clear {
clear:both;
}

masthead_holder{
position:absolute;
top:0;
z-index:10;
}
#masthead {
position:relative;
top:-90px;
height:150px;
background:url(../images/mastheadbg.gif) no-repeat center top;
min-width:960px;
overflow:hidden;
z-index:1;
}
#mastheadbg{
min-width:960px;
width: auto; !important;
width:100%;
top:0px;
height:90px;
z-index:0;
overflow-x:hidden;
}

#masthead a {
text-decoration:none;
}

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

}

#title {
position:absolute;
bottom:0px;
left:0;
width:410px;
height:90px;
}

#hang1 {
width:130px;
height:60px;
background:url(../images/hang1.png) no-repeat;
position:absolute;
bottom:-60px;
left:-80px;
}
#hang2 {
width:130px;
height:60px;
background: url(../images/hang2.png) no-repeat;
position:absolute;
bottom:-60px;
right:-161px;
}

/* -------------------- NAVIGATION */

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

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

#navigation ul li {
float:left;
margin-right:10px;
margin-left:10px;
background:#46491b;
position:relative;
}

#navigation ul li a {
background:#20314e;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#d3e3f9;
}

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

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

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

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

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

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

div.tab_cur_r {
width:5px;
height:5px;
position:absolute;
right:0;
background:url(http://www.halswellweddingfair.co.uk/images/tab_cur_r.jpg) no-repeat;
}
#navigation2 {
position:absolute;
float:left;
bottom:-30px;
left:15px;
letter-spacing:0.1em;
z-index:99;
}

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

}

#navigation2 ul li {
float:left;
margin-right:3px;
margin-left:3px;
background:#20314E;
position:relative;
}

#navigation2 ul li a {
background:#20314E;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#999;
}

#navigation2 ul li a:hover {
display:block;
color:#fff;
border:none;
}

#navigation2 ul li.cur a {
background:#6D9FE4;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#eee;
font-weight:bold;
}

#navigation2 ul li.cur a:hover {
background:#6D9FE4;
color:#fff;
display:block;
}
div.tab2_l {
bottom:0px;
width:5px;
height:5px;
position:absolute;
background:url(http://www.halswellweddingfair.co.uk/images/tab2_cur_l.gif) no-repeat;
}

div.tab2_r {
bottom:0px;
width:5px;
height:5px;
position:absolute;
right:0px;
background:url(http://www.halswellweddingfair.co.uk/images/tab2_r.gif) no-repeat;
}
div.tab2_cur_l {
bottom:0px;
width:5px;
height:5px;
position:absolute;
background:url(http://www.halswellweddingfair.co.uk/images/tab2_l.gif) no-repeat;
}

div.tab2_cur_r {
bottom:0px;
width:5px;
height:5px;
position:absolute;
right:0px;
background:url(http://www.halswellweddingfair.co.uk/images/tab2_cur_r.gif) no-repeat;
}
/* ------------------- Content */
#wrapper{
position:absolute;
margin:0;
padding:0;
height:100%;
width:100%;
z-index:2;
}
#contentwrapper {
width:976px;
margin:0px auto;
position:relative;
top:-120px;
}

#content {
width:740px;
padding-right:10px;
float:left;
border-right:1px solid #6C9FE5;
min-height:630px;
height:auto !important;
height:630px;
}
#content ul li{
font-size:14px;
color:#A6BCE3;
}
#content a,#content a:link,#content a:visited{
color:#A6BCE3;
}
#content a:hover{
color:#9C0C45;
}
#flashcontent{
position:absolute;
top:0px;
left:0px;
min-height: 2000px; 
min-width: 1000px; 
height: 200%;
width:100%;
padding:0px;
z-index:0;
}
#flashcontent3{
width:100%;
position:absolute;
margin:0 auto 0 auto;
top:90px;
padding:0;
z-index:1000;
text-align:center;
}
#flashcontent4{
width:100%;
position:absolute;
top:0px;
margin:0 auto 0 auto;
padding:0;
z-index:1000;
text-align:center;
}
#flashcontent2{
position:absolute;  
width:1100px; 
height:600px; 
z-index:0; 
padding:0px;
}
#gallery{
width:500px;
}
#flashcontent2 p{
background-color: #FFFFFF;
margin-top:1500px;
margin-left:190px;
}
#flashholder{
position:relative;
display:block;
margin:0;
padding:0;
width:516px;
height:600px;
margin-bottom:20px;
}
#tt {
float:left;
position:relative;
top:10px;
left:0px;
}
#side {
text-align:left;
width:202px;
float:right;
min-height:800px;
height:auto !important;
height:800px;
margin-top:20px;
}
#footer {
position:relative;
margin:auto;
height:170px;
background:url(../images/footerbg.jpg) repeat-x bottom;
font-size:0.8em;
text-align:center;
}


#footercontent {
margin:auto;
width:976px;
height:20px;
padding-top:0;
text-align:center;
}

#footercontent p{
text-align:left;
float:left;
margin:0;
padding:0;
}

#footercontent .right {
position:relative;
float:right;
right:145px;
text-align:right;
}

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

#footer a:hover {
color:#999;
}


/* -------------------- Tables */

table {
width:100%;
text-align:left;
}

table tr td {
padding:5px;
}

tr.top td {
background:#1a2534;
color:#ccc;
font-weight:bold;
}

tr.alt td {
background:#666;
}

td.left {
text-align:left;
}
#map_canvas img{
padding:0px;
background:none;
border:none;
}
#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;
}



.header{
margin-top:20px;
margin-bottom:20px;
padding:0;
background:none;
border:none;
}
.noborder{
padding:0px;
background:none;
border:none;
}
#content a:hover img,#content images2 a:hover img{
border:1px solid #6D9FE4;
padding:5px;
}
#content a,#content a:hover,#content a:visited{
border:none;
}
p.duoleft {
clear:both;
float:left;
margin-left:53px;
margin-bottom:20px;
}

p.duoright {
float:left;
margin-left:80px;
margin-bottom:20px;
}


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.trioleft2 {
clear:both;
float:left;
margin-left:17px;
margin-bottom:20px;
}
p.triocenter2 {
float:left;
margin-left:65px;
margin-bottom:20px;
}
p.trioright2 {
float:right;
margin-right:17px;
margin-bottom:20px;
}
p.trioleft3 {
clear:both;
float:left;
margin-left:17px;
margin-top:15px;
margin-bottom:20px;
}
p.triocenter3 {
float:left;
margin-left:31px;
margin-bottom:20px;
}
p.trioright3 {
float:right;
margin-top:15px;
margin-right:17px;
margin-bottom:20px;
}
p.trioleft4 {
clear:both;
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:20px;
}
p.triocenter4 {
float:left;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
}
p.trioright4 {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:20px;
}
p.trioleft5 {
clear:both;
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:20px;
}
p.triocenter5 {
float:left;
margin-left:58px;
margin-top:28px;
margin-bottom:20px;
}
p.trioright5 {
float:right;
margin-top:10px;
margin-right:10px;
margin-bottom:20px;
}
.fourtet{
float:left;
margin-right:12px;
}
.title_top{
font-size:20px;
text-align:center;
margin-top:0px;
color:#918DCC;
}