
/*
The # represents ID's.  
The . represents classes 
*/
h1 {
font-weight:bold;

font-family:Verdana, Arial;
font-size:19px;
color: #612A06;

/*height: 1em;filter: Shadow(Color=#C68B64,Direction=150,Strength=4);*/
}


h2 {
font-weight:bold;

font-family:Verdana, Arial;
font-size:16px;
color: #612A06;

/*height: 1em;filter: Shadow(Color=#C68B64,Direction=150,Strength=4);*/
}


h3 {
font-weight:bold;
font-family:Verdana, Arial;
font-size:16px;
color: #612A06;
}

A
{
	color:#A17253;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}
A:hover
{
    color:#FDB01B; 
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none
}

#small_text {
font-family:Verdana, Arial;
font-size:12px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}

/*CLASS*/
.small_text {
font-family:Verdana, Arial;
font-size:12px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}


#normal_text {
font-family:Verdana, Arial;
font-size:13px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}

.normal_text {
font-family:Verdana, Arial;
font-size:13px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}

#big_text {
font-family:Verdana, Arial;
font-size:15px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}
.big_text {
font-family:Verdana, Arial;
font-size:15px;
color: #3E3E3E;
font-weight:300;
padding: 2px;
margin-left:2px;
}
/*******************************************************/
/*this is used in right side menu options on home page */
#rightcolumn_text {
font-family:"Gill Sans MT";
font-size:17px;
color: #593f2d;
font-weight:bold;
margin-left:3px;
margin-top:5px;
/*height: 1em;filter: Shadow(Color=#C68B64,Direction=150,Strength=4);*/
}
#rightcolumn_text A
{
	color:#ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none;
}
#rightcolumn_text A:hover
{
    color:#FDB01B;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none;
}
/*******************************************************/

.rightcolumn_text {
font-family:"Gill Sans MT";
font-size:17px;
color: #593f2d;
font-weight:bold;
margin-left:3px;
margin-top:5px;
/*height: 1em;filter: Shadow(Color=#C68B64,Direction=150,Strength=4);*/
}
.rightcolumn_text A
{
	color:#ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none;
}
.rightcolumn_text A:hover
{
    color:#FDB01B;
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none;
}

/*******************************************************/


#white_text {
font-family:Verdana, Arial;
font-size:14px;
color:#FFFFFF;
font-weight:500;
margin-left:5px;
}

#white_text A {
font-family:Verdana, Arial;
/*color:#FFFFFF;*/
margin-left:5px;
}

#white_text A:hover {
font-family:Verdana, Arial;
color:#FDB01B;
margin-left:5px;
}
/*******************************************************/
/*CLASS*/
.white_text {
font-family:Verdana, Arial;
font-size:14px;
color:#FFFFFF;
font-weight:500;
margin-left:5px;
}

.white_text A {
font-family:Verdana, Arial;
/*color:#FFFFFF;*/
margin-left:5px;
}

.white_text A:hover {
font-family:Verdana, Arial;
color:#FDB01B;
margin-left:5px;
}
/*******************************************************/



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	text-align: center; /*this gets everything to be in the centre*/
   	
	background-color:#F6E6D2; 

   	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/body_background_pixel_darkbrown_cream.jpg);
	background-repeat: repeat-x;
	
	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header,#content,#footer, #container {
overflow:hidden;
}




/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*FIXED WIDTH OF 1000px SO IT FITS 1024x768 RES */
#container {
	width: 923px;
	min-height:100%;
	height:auto !important;
	
	
	
	background-color:#FFFFFF;
	
	/*height: 100%;*/
	/*position: relative;*/
	/*top: 0; right: 0; bottom: 0; left: 0; */
	/*OR CAN WRITE ABOVE AS: "margin: 0 0 0 0;"   */
	
	margin: 0 auto;
	text-align: left;
	
}



/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*WILL NEED A FIXED MIN HEIGHT*/
#header{
	height: 262px; /*288*/
	background-image: url(../images/sunset_strip_vlarge.jpg);
	background-repeat:no-repeat;	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*THIS IS THE COLOUR FOR BEHIND THE MENU STRIP*/
#menustrip{
	height: 26px; /*if we have a border in .menulist li (listmenu_h.css) then this value must be set to 28px */
	background: #2A2420;
}





/*this is the gradient strip just underneath the menu strip - NOT USED ANYMORE*/
#pagetopstrip{
	height: 25px;
	
	min-height:25px;
  	height:auto !important;
	
	background-image:url(../images/pagetopstrip_pixel.jpg);
	background-repeat:repeat-x;
}

/*this is the gradient strip just above the footer */
#pagebottomstrip{
	height: 25px;
	background-image:url(../images/pagebottomstrip_pixel.jpg);
	background-repeat:repeat-x;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content {
/*	height:100%;*/
	/*background:#9cf;*/
	background-color: #FFFFFF; /*WHITE BACKGROUND*/
	/*position: relative;*/
	
	margin-left:-2px; /*THIS MOVES WHOLE CONTENT TO THE LEFT SLIGHTLY TO REMOVE THE GAP*/
	margin-top:-2px; /*THIS MOVES WHOLE CONTENT TO THE TOP SLIGHTLY TO REMOVE THE GAP*/
	
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	min-height:100px;
	height:100px;
	clear:left;
	background-color: #F6E6D2;
	text-align: center;
	/*position: relative;*/
	margin-top:-2px; /*THIS MOVES WHOLE FOOTER UPWARDS SLIGHTLY TO REMOVE THE GAP*/
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	
    FONT-FAMILY: Verdana, Arial;
    TEXT-DECORATION: none;
	font-weight:bold;
	font-size:14px;
	
}


#menuholder {
/*text-align: center;*/
margin-top: -25px; /*the lower the minus number the lower down the menu will appear in the page*/
/*margin-left: 525px; */ /*this would push menu over to right if required*/
position:absolute;
}


/*THESE TWO CLASSES ARE THE SAME BUT CAN BE DIFFERENT*/
.table_left_column {
background-image: url(../images/column_background.jpg);
background-repeat: repeat-x;
}





#table_right_column_top {
background-image: url(../images/column_background_top.jpg);
background-repeat: repeat-x;
height:85px;
min-height:85px;

}

#table_right_column_middle {
/*background-image: url(../images/column_background_middle.jpg);
background-repeat:repeat;*/
height:100px;
min-height:345px;
width:100%;
background-color:#D88750;

}

#table_right_column_middle_longer { /*this is just for Firefox with a longer min-height to allow the extra text on the services page*/
/*background-image: url(../images/column_background_middle.jpg);
background-repeat:repeat;*/
height:100px;
min-height:605px;
width:100%;
background-color:#D88750;
}

#table_right_column_bottom {
background-image: url(../images/column_background_bottom.jpg);
background-repeat: repeat-x;
height:85px;
}

/*this is for the right side gradient image on the home page*/
#button_background {
	background-image: url(../images/button1.jpg);
	background-repeat:no-repeat;
	
	height: 48px;
	min-height:48px;
	width: 358px;
	margin-left:10px;
	/*
	min-height:27px;
  	height:27px;
	*/
	
}
.button_background {
	background-image: url(../images/button1.jpg);
	background-repeat:no-repeat;
	
	height: 48px;
	min-height:48px;
	width: 358px;
	margin-left:10px;
	/*
	min-height:27px;
  	height:27px;
	*/
	
}



#request_quote_background {
background-image: url(../images/requestquote_background.jpg);
background-repeat:no-repeat;
height:293px; /* 285 */
width:389px; /* 385 */
}


#titlebar {
background-image: url(../images/titlebar.jpg);
background-repeat:no-repeat;

width: 508px;
height: 75px;

/*
padding-left:15px; padding-top:10px;
margin-left:2;*/ 
}

#titlebar_long {
background-image: url(../images/titlebar_long.jpg);
background-repeat:no-repeat;

width: 912px;
height: 75px;

/*
padding-left:15px; padding-top:10px;
margin-left:2;*/ 
}


/*CLASSES*/
.titlebar_text_very_small {
background-image: url(../images/titlebar_text_very_small.jpg);
background-repeat:no-repeat;
}

.titlebar_text_small {
background-image: url(../images/titlebar_text_small.jpg);
background-repeat:no-repeat;
}

.titlebar_text_medium {
background-image: url(../images/titlebar_text_medium.jpg);
background-repeat:no-repeat;
}

.menuOptionSelected {
 /*background-color: #C86;  lighter pink brown*/
 background-image: url(../images/menupixel2.jpg); 
 background-repeat: repeat-x;

}

.separator {

background-image: url(../images/separatorpixel.jpg);
background-position:right;
background-repeat:no-repeat;


/*background-repeat: repeat-x;*/

}

.li_bulletpoint{ 
/*list-style-image: url(../images/bulletpoint.gif);*/
}

li {
/*padding-left:10px;*/
}

