/* CSS Document */

/* 
-----------------------------------------------
css for clive hotel website
copyright clive hotel 2006 
code created nic vanderschantz 2006

nic vanderschantz is left is right design and advertising
www.leftisrightdesign.co.nz
-----------------------------------------------
*/

/* --- browser specific css --- */

/* IE specific filter for min-height */ 
* html #container 
{
height: 800px;
}

/* IE specific filter for height of nav not including padding */ 
* html #nav
{
height: 70px;
}

/* moz / safari specific filter for min-height */
*> #container
{
min-height: 800px;
}


/* --- position css --- */
body
{
margin: 30px;
text-align: center; /* IE 5.5 center div hack */
background-color: #E7E7E8;
}

#container
{
width: 500px;
min-height: 800px;
border: solid;
border-width: 2px;
border-color: #CCCCCC;
background-color: #EBE8DA;
position: relative;
margin-left: auto;
margin-right: auto;
background-image: url("images/bg_image_trans.gif");
background-repeat: no-repeat;
background-position: 315px 330px;
text-align: left; /* compensate for hack on body */
}

#imagebar
{
width: 500px;
height: 230px;
background-image: url("images/head_new.gif");
background-repeat: no-repeat;
}

#nav
{
width: 500px;
height: 62px;
margin-top: -3px;
text-align: center;
background-image: url("images/nav_bg.gif");
background-repeat: no-repeat;
padding-top: 8px;
position: inline;
}

#content
{
width: 325px;
position: relative;
height: auto;
margin-top: 20px;
margin-left: 30px;
margin-bottom: 150px;
}

#pullimage
{
width: 200px;
height: 200px;
position: relative;
float: right;
margin-top: 75px;
margin-right: -100px;
clear: right;
display: inline; /* IE double float margin hack */
border: solid;
border-color: #CCCCCC;
border-width: 2px;
}

#footer
{
width: 500px;
height: 100px;
position: absolute;
bottom: 0px;
text-align: center;
}

hr
{
width: 450px;
}


/* --- text css --- */
a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin-right: 10px;
margin-left: 10px;
line-height: 16px;
}

.current
{
color: #636466;
}

.menulinks
{
font-size:10px;
color: #636466;
}

.menucurrent
{
font-size:10px;
color: #FFFFFF;
}

.menulinks:hover
{
color: #FFFFFF;
}


a:hover
{
color: #636466;
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1%;
line-height: 16px;
margin-top: 0px;
margin-bottom: 16px;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 0px;
margin-bottom: 7px;
}

h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0px;
margin-bottom: 7px;
}

.title
{
margin-bottom: 0px;
}

.description_ul
{
margin-top: 0px;
}

.footer
{
color: #666666;
font-weight: 100;
font-size: 9px;
line-height: 13px;
}

table
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1%;
line-height: 16px;
}

.menupara
{
padding-left: 10px;
}

.email
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1%;
line-height: 16px;
margin-left: 0px;
color: #636466;
}

.email:hover
{
color: #FFFFFF;
}

ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
letter-spacing: 1%;
line-height: 16px;
list-style: circle;
}

.input, .textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #636466;
border: solid;
border-width: 2px;
border-color: #cccccc;
padding: 2px;
}