/*

CSS for Swinton Hotel site

*/



/* Sets all elements to have no padding, margin or border by default, so only what you state shows up */



* {padding: 0; margin: 0; border: 0;}



body {

	font-family: Arial, Verdana, Helvetica, sans-serif;

  	line-height: 125%;   

     }



#maincontainer {

	width: 790px; /*Width of main container*/

	margin: 0 auto; /*Center container on page*/

    background: #FFFFFF url("../img/background.jpg") top center repeat-y;

               }



#topbar {

	height: 188px; /*Height of top section*/

	background: url("../img/banner.jpg") top center no-repeat;

    width: 740px;

    margin-left: 25px;

    /*border: 10px single #000;*/

	border-width: 0 5px;

        }



#content {

    width: 740px;

    margin: 0 auto;

    min-height: 630px;

    _height: 630px;

	border: 10px single #000;

	border-width: 0 5px; /* put this in so only side borders show */

	background: #F0EADC;

	padding: 20px 0;

	 }
	 
#contentprices {

    width: 740px;

    margin: 0 auto;

    min-height: 630px;

    _height: 630px;

	border: 10px single #000;

	border-width: 0 5px; /* put this in so only side borders show */

	background: #F0EADC;

	padding: 20px 0;

	 }

#intro {

    float: left; 

    width: 350px;

    text-align: center;

    color:#4F4E4B;

    padding: 0 20px;

    min-height: 600px;

    _height: 600px;

       }



#picturecolumn {

    float: left;

    width: 180px;

    border-left:1px solid #A5A5A8;

    border-right: 1px solid #A5A5A8;

    padding: 0 20px;

    min-height: 600px;

    _height: 600px;

               }

                

#footer {

	height: 20px; /*Height of footer section*/

    width: 740px;

    margin-left: 25px;

	border-width: 0 5px;

	background: #A5A5A8;

        }    

                              	

/*

Menu CSS

*/



#menu {

	width: 110px;

	margin-left: 9px;

	float: left;

	list-style: none;

	}    

	

#menu li a {

  	height: 30px;

	text-decoration: none;

	margin: 0 0 5px 0;

	border: 1px dotted #000;

	text-align: center;}	

	

#menu li a.on {

	color: red;

	text-decoration: line-through;

	}	

	

#menu li a:link, #menu li a:visited {

	color: #5E7830;

	display: block;

	background: url("../img/button.gif");

	padding: 8px 0 0 0px;

	}

	

#menu li a:hover {

	color: #26370A;

	background: url("../img/button.gif") 0 -48px;

	padding: 8px 0 0 0px;

	}

	

#menu li a:active {

	color: #26370A;

	background: url("../img/button.gif") 0 -96px;

	padding: 8px 0 0 0px;

	}