/*-----------------------------------------------------------------------------------------------
CSS for Conifers Guest House, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 
------------------------------------------------------------------------------------------------*/


/*--------FOR IE 6 AND UNDER ONLY --------*/

/*-------------END-----------------*/

body {
font-family:  "Arial", "Verdana", "Tahoma";
font-size: 12px;
color: #444444;
background-color: #fff;  
margin: 0px;
padding: 0px;

}

img { border:0;}

#outer {
width:800px; 
margin-left:auto;
margin-right:auto;
position:relative;
padding-top: 4px;
padding-bottom: 0px;
margin-bottom: 0px;
background: #FFFFFF;
}

#banner {
margin: 0;
width:800px;
height: 120px;
padding: 0;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-color: #ca6b19;
}

#picbanner1 {
margin-top: -4px;
width:580px;
height: 111px;
padding-bottom:4px;
background-image:url(../images/picbanner2.jpg);
background-repeat:no-repeat;
}

#banner3 {
margin: 0;
width:800px;
height: 107px;
padding-bottom:4px;
background-image:url(../images/banner3.jpg);
background-repeat:no-repeat;
}

#banner4 {
margin: 0;
width:800px;
height: 107px;
padding: 0;
background-image:url(../images/banner4.jpg);
background-repeat:no-repeat;
}

#logo {
background-image:url(../images/logo2.jpg);
background-repeat:no-repeat;
width: 800px;
height: 64px;
margin-top: 1px;
text-align: right;
color: #244993;
}

/*-------the link section------*/


a:link, a:link, a:visited {
color:#666;
text-decoration:underline;
}

a:hover {
color:#f00;
text-decoration:underline;
}

a:active {
color:#f00
text-decoration:underline;
}


.font:link, .font:visited {
color:#000;
text-decoration:none;
font-size:14px;
}

.font:hover {
color:#f00;
text-decoration: none;
}

.font:active {
color:#000;
}


#menu{
width: 800px;
height: 35px;
font-size: 100%;
background-color: #cd0104;
margin-top: 3px;
}

#menu ul{
padding: 10px 0;
margin:0px;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#menu ul li{
display: inline;
margin-right: -3px;
}

#menu ul li a{
color: #fff;
padding-left:14px;
padding-right:14px;
padding-top:10px;
padding-bottom:10px;
margin: 0;
text-decoration: none;
}

#menu ul li a:hover{
background: #f36e02 ;
height: 35px;
}

.current {
background: #f28e02;
height: 35px;
}

.clear {
clear:both;}

/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/

h1 {
font-size:16px;
color: #1B7B9C;
}

h2 {
font-size:14px;
}

#content {
text-align:justify;
width:800px;
margin-top: 3px; 
padding: 0;
background-image:url(../images/back.jpg);
background-repeat: repeat-y;
background-color: #fff;
height: 100%;
}

#redblock {
margin-top: 0;
margin-bottom: 1px;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
width: 216px;
float: left;  
color: #fff;
font-size:14px;
text-align:center;
}

#main {
margin-top: 0;
padding-top: 4px;
width: 580px;
padding-left: 4px;
float: left;  
}

#main1{
margin-top: 0;
width: 584px;
padding: 0px;
}

#main2{
margin-top: 0;
width: 340px;
padding: 0px;
float:left;
}

#right{
margin-top: 0;
width: 400px;
padding: 0px;
float:left;
}


#footer {
width:800px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0px; 
padding: 0px;
text-align:center;
font-weight:normal;
background-color: #ca6b19;
color:#FFFFFF;
}