/*  
CSS Document: Halswell Pink
URI: index.co.uk/parties
Description: CSS Document for Halswell Pink
Version: 2.0
Author: Charlie Ridley
*/



/* ------------------- Generics */

html {

} 


body {
margin:0;
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:0.8em;
background:#000 url(../images/contentbg.jpg) repeat-x 0 90px;
color:#ccc;
}

a:link, a:visited {
color:#fff;
text-decoration:none;
}

a:hover, a:focus {
color:#ed75bd;
border-bottom:#ed75bd 1px solid;
}



/* -------------------- Lists */

ul {
list-style:url(../images/bullet.gif);
margin-left:30px;
}

ul li ul {

margin:10px;
padding:0;
}

ol#development {
padding-left:0;
margin-left:20px;
line-height:1.4em;
}

ol#development li {
margin-top:20px;
margin-bottom:20px;
}



/* ------------------- 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:#FF0099;
font-size:1.3em;
margin:0;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#FF0099;
font-size:1.3em;
margin:0;
margin-bottom:15px;
}
h4{
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}

.italic {
font-style:italic;
}
#content h3 {

}

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 25px 10px 0;
padding:0;
text-align:center;
}

p.echoesright {
float:left;
padding:0;
text-align:center;
margin:10px 0;
}

/* ------------------- Images */

img.floatleft {
float:left;
border:1px solid #330033;
margin:5px 20px 10px 0;
padding:2px;
}

img.floatright {
float:right;
border:1px solid #330033;
margin:5px 0 10px 20px;
padding:2px;
}

img.plans {
background:#330033;
border:1px solid #999;
padding:2px;
}	

img.left {
float:left;
padding:2px;
border:1px solid #330033;
background:#fff;
margin:0 10px 10px 0;
}

img.right {
float:right;
padding:2px;
border:1px solid #330033;
background:#fff;
margin:0 10px 10px 10px;
}

img.pdficon {
float:left;
margin-right:10px;
margin-top:5px;
border:none;
padding:0;
background:none;
}

/* ------------------- Masthead */

div.clear {
clear:both;
}



#masthead {
height:140px;
background:url(../images/mastheadbg.gif) no-repeat center top;
min-width:800px;
overflow:hidden;
}

#masthead a {
text-decoration:none;
}

#head {
position:relative;
width:760px;
margin:0 auto;
height:90px;
}

#title {
position:absolute;
bottom:0px;
left:0;
width:396px;
height:90px;
background:url(../images/title.gif) no-repeat;
}

#hang1 {
width:130px;
height:60px;
background:url(../images/hang1.jpg) no-repeat;
position:absolute;
display:block;
bottom:-60px;
left:-190px;
}
#hang2 {
width:130px;
height:60px;
background: url(../images/hang2.jpg) no-repeat;
position:absolute;
bottom:-60px;
right:-270px;
}

#flashcontent{
position:absolute; 
top:160px; 
width:1100px; 
height:600px; 
z-index:1; 
padding:0px;
visibility:hidden;


}
#flashcontent p{
background-color: #FFFFFF;
margin-top:500px;
margin-left:190px;
}
#flashcontent4{
z-index: 1;
position:absolute;
top:90px;
left:0px;
height:1000px;
width:100%;
}
 
/* -------------------- NAVIGATION */

#navigation {
position:absolute;
bottom:0;
right:30px;
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:#330033;
position:relative;
}

#navigation ul li a {
background:#330033;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#999;
}

#navigation ul li a:hover {
display:block;
color:#fff;
border-bottom:none;
}

#navigation ul li.cur a {
background:#131324;
display:block;
padding:10px;
padding-top:7px;
padding-bottom:7px;
color:#eee;
font-weight:bold;
}

#navigation ul li.cur a:hover {
background:#131324;
color:#fff;
display:block;
}

div.tab_l {
width:5px;
height:5px;
position:absolute;
background:url(../images/tab_l.jpg) no-repeat;
}

div.tab_r {
width:5px;
height:5px;
position:absolute;
right:0;
background:url(../images/tab_r.jpg) no-repeat;
}

div.tab_cur_l {
width:5px;
height:5px;
position:absolute;
background:url(../images/tab_cur_l.jpg) no-repeat;
}

div.tab_cur_r {
width:5px;
height:5px;
position:absolute;
right:0;
background:url(../images/tab_cur_r.jpg) no-repeat;
}

/* ------------------- Content */
fieldset {
background:#330033;
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; 
}

#contentwrapper {
width:800px;
margin:0px auto;
position:relative;
top:-50px;
}


#content {
width:526px;
padding-right:10px;
margin-top:20px;
float:left;
min-height:1080px;
height:auto !important;
height:1080px;
border-right:1px solid #330033;
}

#side {
text-align:left;
width:252px;
float:right;
min-height:1080px;
height:auto !important;
height:1080px;
margin-top:20px;
font-size:11px;
}

#footnotes {
font-size:0.9em;
margin-right:20px;
}


#side ul li{
color:#FF0099;
list-style-type:none;
list-style-image:url(http://www.halswellpink.co.uk/images/bullet2.gif);

}
#side ul li a:link,#side ul li a:visited{
color:#cccccc;
list-style-type:none;
list-style-image:url(http://www.halswellpink.co.uk/images/bullet.gif);
}
#side ul li a:hover{
color:#ed75bd;
list-style-type:none;
list-style-image:url(http://www.halswellpink.co.uk/images/bullet3.gif);
}

#side img{
margin-right:8px;
}

#footer {
height:200px;
background:url(../images/footerbg.jpg) repeat-x bottom;
margin-top:30px;
padding-top:50px;
font-size:0.8em;
}

#footercontent {
width:720px;
margin:0 auto 20px auto;
}

#footercontent p {
float:left;
color:#999;
}

#footercontent p.right {

float:right;
text-align:right;
}

#footer a {
color:#666;
text-decoration:none;
}

#footer a:hover {
color:#999;
}



/* -------------------- Tables */

table {
width:100%;
text-align:center;
font-size:12px;
color:#fff;

}

table tr td {
padding:3px;
color:#fff;
}

tr.top td {
background:#330033;
color:#fff;
}
tr td{
color:#fff; !important;
}
tr.alt td {
background:#17022C;
}

td.left {
text-align:left;
}

table.late_availability{
text-align:left;
color:#fff;
margin-top:20px;
margin-bottom:10px;
}

table.pow tr td{
border:none;
text-indent:0px;
}
tr.top3 td{
background-color:#6D6443;
color:#f2f2f2;
padding:5px;
margin-top:10px;
}
tr.top2 td {
background:#460046;
color:#f2f2f2;
text-align:center;
text-indent:0px;
}
.emphasised{
color:#ff0099;
}
#map_canvas img{
padding:0px;
background:none;
border:none;
}
.search{
margin-top:20px;
}

#late, #late p,#late ul{
color:#990000;
}
#late li{
color:#fff;
}

#late p{
margin:4px;
padding:0px;
}
#late ul{
margin-top:0px;
}
table.late_availability{
text-align:left;
color:#fff;
margin-top:20px;
margin-bottom:10px;
}
#testform table{
background-color:#330033;
}
#rates{
float:right;
width:400px;
margin-right:20px;
text-align:right;
margin-top:10px;
}
#rates ul{
float:right;
list-style:none;
}
#rates ul li{
float:left;
margin-left:20px;
}
#birds img{
background:none;
}
#birds a:link, #birds a:hover,#birds a,#birds a img,#birds a:hover img,#birds img a:hover{
border:none;
text-decoration:none;
}
.title_top{
font-size:20px;
text-align:center;
margin-bottom:20px;
}
#content h3 {
margin-left:0;
font-size:1.20em;
color:#ff0099;
text-align:left;
padding:3px 0 4px 20px;
background:url(http://www.halswellpink.co.uk/images/title_bg.gif) repeat-y;
border-top:1px #460046 solid;
border-bottom:1px #460046 solid;
}
hr{
border:none;
border-top:1px #460046 solid;
}

