/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY
    ARE NOT IN USE.
****************************************
***************************************/

/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border:dotted 1px gray;*/
}

/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/

#container
{
    position:relative;
}
*
{
    
}
body
{
    padding:0;
    margin:0;
    font: 12px tahoma, arial, verdana, sans-serif;
    color:#313132;
    /* Backgrounds moved to #homepage, #about, #contact, #commercial, #regeneration and #tourism */
}

#homepage
{
    background:#fff url(../images/body_bg.jpg) no-repeat top center;
}
#about
{
    background:#fff url(../images/BGAboutUs.jpg) no-repeat top center;
}
#contact
{
    background:#fff url(../images/BGContactUs.jpg) no-repeat top center;
}
#commercial
{
    background:#fff url(../images/BGCommercial.jpg) no-repeat top center;
}
#regeneration
{
    background:#fff url(../images/BGRegeneration.jpg) no-repeat top center;
}
#tourism
{
    background:#fff url(../images/BGTourism.jpg) no-repeat top center;
}


/* Global text colour styles */
.DarkRed
{
    color:#990000;
}
.Teal 
{
    color:#336666;
}
.Mustard
{
    color:#CCCC99;
}

a
{
    text-decoration:none;
}
a {color:#000;}
a:hover {color:#111;text-decoration:underline;}

address
{
    margin-left:0;
    font-style:normal;
}

#container
{
  
}

h1
{
    font:arial, sans-serif;
    font-weight:normal;
    font-size:20px;
    color:#266B65;
}

h2 .small
{
   font-size:11px; 
}
    
h2
{
    font-size:16px;
    font: Tahoma ;
    font-weight:normal;    
    color:#000;   
    margin-bottom:5px;
    color:#7F0F18;
}      

h3
{
    font-size:14px;
    font-weight:normal;    
    margin-bottom:-10px;
    color:#B0A775;

    
}


h4
{
    font-weight:bold;
    font-size:12px;
    color:#000;
}


#content img
{
    padding:3px;
    background:#fff;
    border:solid 1px #666666;
}

.gold   {color:#B0A775;}
.red    {color:#7F0F18;}
.green  {color:#256A64;}


/*background image left (bit out of place)*/
#bgimage
{
    left:-240px;
    margin:0pt;
    padding:0pt;
    position:absolute;
    top:79px;
    border:0;
}


span.small {font-size:14px}
p.small {font-size:10px}
/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
	
}

/*the contact class pushes the bread crumb class to the right*/
#header .contact
{
    color:#282828;
    float:left;
    font-size:12px;
    width:162px;
    text-align:right;
    margin-top:24px;
}

#header .contact address
{
    font-style:normal;    
}


#header #breadcrumb
{
    float:left;
    margin-top:39px;
    margin-left:43px;
    width:200px;
}

#header #breadcrumb a
{
    color:#256A64;
}
#header #breadcrumb span.selected
{
        color:#313132;
}




/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
    
#globalnav
{
	font-size:12px;
	color:#fff;
	position:relative;

}


	#globalnav #globalcurrent
	{
		background-color:gray;
		font-weight:bold;		
	}
	
	#globalnav ul 
	{
	    margin:10px 14px 0 7px;
	    padding-left:0;
	    text-align:right;
	}
	#globalnav li 
	{
	    list-style-type:none;	    
	}
    #globalnav .AspNet-Menu-Selected a
    {
        background:transparent url(../images/menu_current_bg.png) no-repeat scroll 0px 1px;        
        font-weight:bold;

    }
    div#globalnav ul li a  
    {
        color:#FFFFFF;
        padding-right:18px;
        padding-top:5px;
        padding-bottom:5px;
        width:168px;
        display:block;
        margin-left:-14px
    }
    
    #globalnav a.double
    {
        background:transparent url(../images/menu_current_bg_double.png) no-repeat scroll 0px 1px;       
    }  
    
    
	#globalnav .something
	{
	    
	}

/***************************************
    LOCAL NAVIGATION STYLES: #localnav
    ------------------------------------
    Style rules for the *local*
    navigation below the globalnav.
***************************************/

#localnav
{
	position:absolute;
	top:220px;
}




/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    
}
    #content a
    {
        text-decoration:underline;
        font-weight:bold;
        
    }    
    
    /*floating image left*/
    #content a.left
    {
        display:block;
        float:left;
        padding:0 8px 8px 0;
        
    }    
    /*floating image right*/
    #content a.right
    {
        display:block;
        float:right;
        padding:0 0 8px 8px;
    }
    
    
	#content p
	{
	    
	}

	#content hr
	{
	    width:80%;    
	}

	/*
	    left / right floating things
	    use for images etc
	*/
	#content .floatleft
	{
	    float:left;
	    display:block;
	    margin: 5px 10px 5px 0;
	}
	
	#content .floatright
	{
	    float:right;
	    display:block;
	}

	#content .quote
	{
	    height:92px;
	    width:623px;
	    color:#000000;
	    font-size:24px;
	    text-align:center;
	    padding-top:30px;
	    margin:20px 0 20px 15px;
	    clear:both;
	}
	
#content div.bulletrow
{
    width:100%;
    margin:15px 0;
}

#content ul li span
{
    color:#313132;
}
#content div.bulletrow ul , 
#content div.bulletrow li 
{
    list-style-position:inside;
    padding:0;
    padding-top:5px;
    margin:0;    
}
#content div.bulletcol1, #content div.bulletcol2, #content div.bulletcol3
{
    float:left;
    width:33%;
}

#content div.bulletcol1 {width:40%;}
#content div.bulletcol2 {width:40%; padding-left:20px;}
#content div.bulletcol3 {width:25%;}


#locDiv
{
margin-top:-10px;
}
	
/* Tables */
#content table
{
    padding:0;
}
    #content table caption
    {
        caption-side:bottom;
        font:0.8em italic;
    }

    #content table th
    {
        background-color:#7E0F18;
        color:White;
        margin-top:5px;
        padding:5px;
    }
    
    #content tr.trPadd td
    {
        padding-bottom:10px;
    }
    #content tr.trAlt
    {
        background-color:#FFFADF;
    }
    #content table .odd
    {
        background: #FFF4E9;
    }
    #content tr.trPaddTop td
    {
        padding-top:10px;
    }
    #content tr
    {
        background-color:#F4EED0;
    }
    #content td
    {
        padding-left:5px;
    }

/* Lists */
#content ol
{
}
#content ul
{
}   
/* Forms */


/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    font:Arial;
    font-size:10px;
    border-top:1px solid #9F9F9F; 
    padding-top:8px;
    margin-top:12px;
}

    #content p
    {
        margin-top:15px;
        text-align:justify;
    }

	#footer .footerleft
	{
	    float:left;
	    text-align:left;
	}

    /*the footerright class pushes down the .clear class with the grey line on top*/
	#footer .footerright
	{
	    float:right;
	    text-align:right;	    
	    position:relative;
	    margin-right:90px;
        padding-bottom:9px;
	}
	
	/*center sitemap link*/
	#footer div.middle 
	{
	    margin-left:30px;
	}
	#footer #xhtml
	{
	    padding:0;margin:4px 0 0 0;	   
	    border:none; 
	    display:inline;
	    position:absolute;
	    bottom:6px;
	    right:-90px;
	}
	
	#footer .clear
	{
	    font-size:9px;
	    color:#313132;  
	    border-top:1px solid #9F9F9F; 
	    padding-top:4px;
	    margin-bottom:10px;
	}
	
	#footer address
	{
	    display:inline;
	    margin:0;
	    font-style:normal;
	}

/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/
/*sitemap*/
#ourteam span
{
    display:block;
    float:left;   
}
#ourteam .leftrow   
{
    width:80px;clear:both
}
#ourteam .rightrow  
{
    width:500px;display:inline
}
#ourteam .background  
{
    margin-top:8px;
}

/*sitemap*/
#sitemap a      
{
    font-weight:normal;text-decoration:none;
}
#sitemap a:hover
{
    font-weight:normal;text-decoration:underline;}
#sitemap ul    
{
    color:#7F0F18;
}
#sitemap ul ul     
{
    color:#256A64;
    list-style-type:disc;    
}

/***************************************
    USEFUL
***************************************/
.clear
{
    clear:both;
}

/***************************************
    END
***************************************/