/* CSS Document */

body {
margin:0;
padding:0;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#9D0A3E;
background-color:#ffffff;
padding:0px;
}
html {
overflow-y:scroll;
}
a{
text-decoration: none;
}
#text_holder a,#text_holder a:visited,#text_holder a:link,#text_holder3 a,#text_holder3 a:visited,#text_holder3 a:link { 
text-decoration: none;
color:#AF0E18;
}
#text_holder a:hover,#text_holder3 a:hover{
text-decoration:underline;
}
#wrapper{
position:absolute;
margin:0;
padding:0;
height:100%;
min-width:980px;
width:auto; !important;
width:100%;
z-index:9;
}

h1 {
position:absolute;
top:-300px;
left:-300px;
}

h2{
color:#660066;
margin-left:20px;
font-size:16px;
font-weight:300;
}
background-image, img { 
	behavior: url(/iepngfix/iepngfix.htc) ;
}
div.clear {
clear:both;
}
#background{
position:absolute;
min-width:800px;
width:auto; !important
width:100%;
height:100%;
right:150px;
margin-top:18px;
}
#background2{
position:absolute;
width:100%;
height:100%;
}
#bg{
position:fixed;
background:url(http://www.curiouscompany.co.uk/images/template/body_bg.jpg) no-repeat 35% 45%;
height:100%;
width:100%;
margin:0;
padding:0;
}
#bg2{
}
.pink_wash{
position:fixed;
background:url(http://www.curiouscompany.co.uk/images/template/bg2.png) repeat;
height:100%;
width:100%;
}

#logo {
position:absolute;
margin:0;
top:20px;
left:3%;
width:306px;
height:156px;
background-image:url(http://www.curiouscompany.co.uk/images/template/logo.png);
z-index:4;
}
#logo2 {
position:absolute;
top:20px;
left:3%;
width:306px;
height:156px;
background-image:url(http://www.curiouscompany.co.uk/images/template/logo1.png);
z-index:4;
}
#hl {
position:absolute;
top:176px;
left:5%;
right:5%;
width:90%;
height:2px;
background-image:url(http://www.curiouscompany.co.uk/images/template/hl.png);
}
#hl2 {
position:absolute;
top:176px;
left:5%;
right:5%;
width:90%;
height:2px;
background-image:url(http://www.curiouscompany.co.uk/images/template/hl2.png);
}
h3{
color:#820462;
margin:0;
font-size:16px;
margin-top:20px;
padding-bottom:0;
font-weight:600;
}
h4{
color:#B6068A;
margin-bottom:0;
padding-bottom:0;
font-weight:400;
}

#br{
position:fixed;
width:100%;
height:100%;
}
#br3{
position:fixed;
width:100%;
height:100%;
background:url(http://www.curiouscompany.co.uk/images/template/wrapper.png) no-repeat bottom right;
}
#br2{
position:absolute;
z-index:1;
bottom:2%;
right:4%;
}


#nav{
margin:0;
padding:0;
display:block;
position:absolute;
top:30px;
right:0px;

background-image:url(http://www.curiouscompany.co.uk/images/template/nav_bg.png);
background-repeat:repeat;
text-align:right;
height:100%;
width:200px;
z-index:10;
margin:0;
padding:0;
}
#nav ul{
float:right;
/*margin:20px 20px 20px 0;*/
list-style:none;
font-size:15px;
direction:rtl;
margin:0;
margin-right:20px;
padding:0;
}
#nav ul li{

}
#nav a{
color:#AF0E18;
display:block;
width:180px;
padding:1px 5px 1px 5px;

}
#nav a:hover{
display:block;
color:#000;
padding:1px 5px 1px 5px;
text-decoration:none;
}
#nav a:visited{

}
#nav .current a:visited{
text-decoration:none;
}
#nav ul li.current{
font-style:normal;
list-style-image:url(http://www.curiouscompany.co.uk/images/template/heart.png);
list-style-position:inherit;
}
#nav .current a:hover{
background:none;
}
#nav .current a, #nav .current a:link, #nav .current a:active{
color:#800465;
font-weight:bold;
}

#nav ul li a.current_head{
color:#800465;
}
#nav ul li .current_head:hover {
color:#fff;
}
#sub{
font-size:12px;
padding-right:2px;
}
#sub a{
color:#b535a2;
}
.last{
margin-bottom:10px;
}


.image3{
float:left;
vertical-align:top;
padding:20px;
width:15%;
margin-top:32px;
background:url(http://www.curiouscompany.co.uk/images/template/bg.png) repeat;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}


.quote{
padding:0;
margin:0;
width:90%;
text-align:right;
color:#820462;
}
hr{
border:none;
border-bottom:1px solid #7D0369;
width:50%;
margin:0 auto 0 auto;
}
.text p{

}
.image:first-child{
border-right:none;
}

.image img{
}
#text_holder{
margin:0;
padding:0;
position:absolute;
top:196px;
width:700px;
left:4%;
min-height:300px;
height:auto !important;
height:300px;
z-index:10;
}
#text_holder2{
margin:0;
padding:0;
position:absolute;
top:196px;
left:4%;
min-height:300px;
height:auto !important;
height:300px;
min-width:160px;
width:auto; !important;
width:20%;
z-index:8;
margin-right:20px;
}
#text_holder3{
margin:0;
padding:0;
width:45%;
position:absolute;
top:196px;
left:7%;
min-height:300px;
height:auto !important;
height:300px;
z-index:8;
}
#hand{
position:absolute;
top:25%;
left:-134px;
background-image:url(http://www.curiouscompany.co.uk/images/template/hand.png);
width:149px;
height:145px;
z-index:11;
}
.white{
float:left;
vertical-align:top;
min-height:240px;
height:auto !important;
height:240px;
background:url(http://www.curiouscompany.co.uk/images/template/bg6.png) repeat;
margin-bottom:4%;
padding-left:10px;
}

.red{
float:left;
vertical-align:top;
width:80%;
margin-top:40px;
min-height:240px;
height:auto !important;
height:240px;
background:url(http://www.curiouscompany.co.uk/images/template/bg3.png) repeat;
}
.list{
margin-bottom:10px;
padding-top:10px;
padding-left:20px;
}
.list:first-child{

}
.list p{
}
.list img{
float:left;
margin-bottom:10px;
margin-right:10px;
}
.list ul li{
list-style-image:url(../images/template/heart2.png);
}
.text{
float:left;
vertical-align:top;
padding:10px;
}
.image_text{
float:left;
margin-left:20px;
width:460px;
}
.image_text h3{
}
#alice{
position:absolute;
top:82px;
right:30%;
}
#image p{
float:left;
}

#flashholder{
width:500px;
position:absolute;
top:5%;
left:30%;
margin:0 auto 0 auto;
padding:0;
z-index:1;
text-align:center;
}
#flashholder2{
width:400px;
height:400px;
position:absolute;
top:-150px;
left:30%;
margin:0 auto 0 auto;
padding:0;
z-index:1;
}
#flashcontent5{
width:90%;
height:100%;
position:absolute;
margin:0;
padding:0;
z-index:1;
text-align:left;
}
#flashholder3{
position:absolute;
top:0;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:100000;
}


.image-right{
float:right;
display:block;
width:300px;
text-align:right;
z-index:7;
positiom:relative;
height:100%;
bottom:0;
vertical-align:baseline;
}
ul{
float:left;
}
#design{
position:absolute;
bottom:10px;
left:10px;
}
#design a{
color:#666666;
}