/*  
CSS Document: Halswell Parties
URI: http://www.halswellparties.co.uk
Description: CSS Document for Halswell Parties
Version: 2.0

*/


/* ------------------- Generics */
img, div { behavior: url(css/iepngfix.htc) }

body {
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:0.8em;
width: 100%;
background:#EEF4C3 url(../images/contentbg.gif) repeat-x 0 0px;
color:#610475;
}
html {
} 
a, a:link, a:visited {
text-decoration:none;
outline: none;
color:#D94FF7;
}
a:hover {
color:#610475;
}
p {
line-height:1.6em;
color:#666;
}
div.clear {
clear:both;
}

/* -------------------- Lists */


ol li {
margin-top:10px;
}
#content ul li{
padding-bottom:7px;
list-style-image:url(../images/bullet.png);
}

/* ------------------- Headings and Paragraphs */

h1 {
position:absolute;
top:-500px;
left:-500px;
margin:0;
padding:0;
color:#FF0099;
}
h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.3em;
margin-top:20px;
color:#D0007E;
}
h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#FF0099;
font-size:1.3em;
}
h4{
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
h6{
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
color:#D0007E;
}
hr{
color: #D94FF7;
border-bottom:1px solid #D94FF7;
}
#content h3 {
font-size:1.20em;
color:#FF0099;
text-align:left;
padding:3px 0 3px 20px;
background:url(../images/title_bg.gif) repeat-y;
border-top:1px #FF0099 dotted;
border-bottom:1px #FF0099 dotted;
}
#content h3.special{
font-size:1.20em;
color:#a10246;
text-align:left;
padding:3px 0 3px 0;
background:url(../images/title_bg.gif) repeat-y;
text-indent:20px;
border-top:1px #a10246 dotted;
border-bottom:1px #a10246 dotted;
}
#content h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.25em;
font-weight:normal;
}


/* ------------------- Masthead */

#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:930px;
margin:0 auto;
height:90px;
}
#title {
position:absolute;
display:block;
bottom:0px;
height:90px;
}
#hang1 {
z-index:999;
width:130px;
height:60px;
background:url(../images/hang1.png) no-repeat;
position:absolute;
bottom:-60px;
left:-104px;
}
#hang2 {
z-index:999;
width:130px;
height:60px;
background: url(../images/hang2.png) no-repeat;
position:absolute;
bottom:-60px;
right:-185px;
}
/* ------------------- Top Navigation */
#navigation {
position:absolute;
bottom:0px;
right:0px;
letter-spacing:0.1em;
}
#navigation ul {
margin:0;
padding:0;
list-style:none;
}
#navigation ul li {
float:left;
margin-right:3px;
margin-left:3px;
position:relative;
}
#navigation ul li a {
display:block;
padding:5px;
color:#F3FFFE;
}
#navigation ul li a:hover {
color:#fff;
}
#cur a,#cur a:visited {
display:block;
padding:5px;
color:#D94FF7;
font-weight:bold;
}
#cur a:hover {
color:#fff;
display:block;
}
div.tab_l {
position:absolute;
top:0;
left:0;
width:5px;
height:26px;
background:url(../images/tab_l.png) no-repeat top left;
}
div.tab_c {
height:26px;
width:auto;
margin:0 5px 0 5px;
background-color:#D94FF7;
}
div.tab_r {
position:absolute;
top:0;
right:0;
width:5px;
height:26px;
background:url(../images/tab_r.png) no-repeat top right;
}

#cur .tab_l{
position:absolute;
top:0;
left:0;
width:5px;
height:26px;
background:url(../images/tab_cur_l.png) no-repeat top left;
}
#cur .tab_r{
position:absolute;
top:0;
right:0;
width:5px;
height:26px;
background:url(../images/tab_cur_r.png) no-repeat top left;
}
#cur .tab_c{
height:26px;
width:auto;
margin:0 5px 0 5px;
background-color:#FCF6FB;
}

/* ------------------- Content */

#contentwrapper {
width:976px;
position:relative;
top:-120px;
margin:0px auto;
}
#content {
width:740px;
padding-right:20px;
float:left;
min-height:1000px;
height:auto !important;
height:1000px;
border-right:1px solid #D94FF7;
text-align:left;
}
.title_top{
font-size:20px;
text-align:center;
margin-top:0px;
}
#content img {
padding:5px;
border:1px solid #FF0099;
margin-bottom:10px;
}

#content a, #content a:visited {
border-bottom:1px dashed #D94FF7;
}
#content a:hover, #content a:focus {
border-bottom:1px solid #610475;
}
#content a img, .bordered{
padding:5px;
background-color:#ffffff;
border:#999895 1px solid;
}

#content a:hover img{
border:1px solid #990066;
padding:5px;
}

#content ul li{
padding-bottom:7px;
color:#610475;
list-style-image:url(../images/bullet.png);
}

/* ------------------- Side */
#side {
position:relative;
display:block;
left:10px;
text-align:left;
width:202px;
float:right;
min-height:680px;
height:auto !important;
height:680px;
margin-top:0px;
}

#side img.bordered {
padding:5px;
border:1px solid #FF0099;
margin:10px 0 20px 0;
}
#side img{
padding:0;
border:none;
background:none;
}
#side ul{
margin-left:20px;
padding:0;
color:#D94FF7;
}
#side ul li{
list-style-type:none;
list-style-image:url(../images/bullet.png);
}
#side ul li a:link,#side ul li a:visited{
color:#D94FF7;
list-style-type:none;
}
#side ul li a:hover{
color:#610475;
list-style-type:none;
}
#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;
}

/* ------------------- Footer */
#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;
color:#999;
padding-top:0;
text-align:center;
}
#footercontent p{
text-align:left;
float:left;
margin:0;
padding:0;
}
#footercontent .right {
position:relative;
float:right;
right:135px;
text-align:right;
}
#footer a {
color:#F52E66;
text-decoration:none;
}
#footer a:hover {
color:#666;
}

/* ------------------- Flash */
#flash_fullsize{
position:absolute; 
top:72px;  
z-index:1; 
padding:0px;
text-align:center;
min-width:800px;
min-height:500px;
width:95%;
height:95%;
}
#flash_fullsize p{
}
#flashcontent{
position:absolute; 
margin:0;
top:90px;
padding:0;
z-index:2; 
text-align:center;
min-width:800px;
min-height:650px;
width:100%;
height:100%;
}
#flashbg{
position:absolute; 
top:90px;
left:0; 
margin:0;
padding:0;
z-index:-1; 
text-align:center;
min-width:800px;
min-height:580px;
width:100%;
height:100%;
}
#flashcontent p{
}
#flashholder{
display:block;
margin:0 auto 0 auto;
float:none;
text-align:center;
padding:0;
width:720px;
height:600px;
margin-bottom:20px;
}
/* ------------------- Generics */
a, a:link, a:visited {
text-decoration:none;
color:#D94FF7;
}
a:hover {
color:#610475;
}
p {
line-height:1.6em;
color:#999;
}
.center_text{
text-align:center;
}
div.clear {
clear:both;
}

/* -------------------- Images */
#side img{
margin-right:5px;
}
#birds img{
background:none;
}
img.center{
margin:0px auto 10px auto;
}
img.icon {
border:none;
padding:0;
background:none;
}
img.pdficon {
float:left;
margin-right:10px;
margin-top:5px;
border:none;
padding:0;
background:none;
}
img.plans {
padding:2px;
border:1px solid #ccc;
background:#fff;
}
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;
}
#content a img, .bordered{
border:#D94FF7 1px solid;
}
#content a:hover img{
border:1px solid #610475;
}
/* -------------------- Tables */

table {
width:100%
text-align:center;
color:#333;
}

tr td{
border:1px solid #D5D5AD;
text-indent:5px;
font-size:12px;
vertical-align:middle;
text-align:center;
height:20px;
}
tr.alt td {
background:#A28892;
border:none;
}
tr td.left {
text-align:left;
vertical-align:middle;
width:220px;
}
tr.alt td.left{
font-weight:bold;
}
tr.top td {
background:#330033;
color:#fff; 
font-weight:bold;
border:none;
padding:0 15px 0 15px;
text-align:left;
text-indent:0px;
text-align:center;
vertical-align:middle;
}
tr.top td.left{
text-align:left;
padding-left:5px;
}
table.pow{
background:none;
}
table.pow tr td{
border:none;
text-indent:0px;
color:#666;
text-align:left;
}
tr.top3 td{
background-color:#6D6443;
color:#f2f2f2;
margin-top:10px;
}
tr.top2 td {
background:#460046;
color:#f2f2f2;
text-align:center;
text-indent:0px;
}
table.pow img{
margin-top:10px;
border:none;
}
#map_canvas img{
border:none;
}
table.late_availability{
text-align:left;
background-color:#BFA2C1;
margin-top:20px;
margin-bottom:10px;
}
tr td.first{
color:#Fff;
}
#testform tr td{
text-align:left; !important;
}
/* -------------------- Forms */

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{
width:60%;
}
.backtotop{
float:right;
padding:5px;
}
.header{
font-weight:bold;
vertical-align:middle;
text-align:left;
padding-left:5px;
height:18px;
}
#map_canvas img{
padding:0px;
background:none;
border:none;
}


/* -------------------- Extras */
.menu_top{
font-size:18px;
padding-left:50px;
text-align:left;
margin-top:0px;
position:relative;
top:-20px;
}
.flowers {
margin-top:40px;
margin-bottom:40px;
}
.flower_text{
width:90%;
}
.contact{
color:#B63465;
}
.italic {
font-style:italic;
color:#F52E66;
}
.quote{
float:right;
margin:0 40px 20px 0;
padding:0;
color:#840082;
}
.divider{
margin:0 auto 0 auto;
display:block;
text-align:center;
}
del{
color:#CD1436;
}
#TB_window {
background: #3C042C;
color:#ECECDA;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#ECECDA;
}

#TB_window a:link {color: #D94FF7;}
#TB_window a:visited {color: #D94FF7;}
#TB_window a:hover {color: #610475;}
#TB_window a:active {color: #D94FF7;}
#TB_window a:focus{color: #D94FF7;}
/* --- end of css --- */

