/*

Empress Fencing CSS file

(c)2007 Branches Design Ltd


 --- Document pallette ---

Body lower section			#666600
Bopy upper section			#D0A91E
Main contentbody background	#FFFCD9
H1, p						#4C2716
Bottom links				#7A791E
Top nav highlight			#D9D2BB
Top nav bottom border		#D9D2BB
Logo						#336600
Top nav tabs text highlight	#FFCC00
Top nav tabs text standard	#FFFFFF
Right col and site links bg	#E6E3C3
Tell a friend...bg			#F2BC73





======================================================== 
	Normalization of tags
========================================================
*/


body, q, html, cite, blockquote, p, h1, h2, h3, h4, h5, h6 ul, ol, li, form {
	margin: 0px; padding: 0px;	
	}
	
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(../images/top_bg_slice.gif);
	background-repeat:repeat-x;
	background-color: #666600;
	color: inherit;
	
	/* Transparent body bg shadow test */
	
	/*background-image: url(../images/body_shadow.png);
	background-position: top center;
	background-repeat:repeat-y;*/
	}
	
ul, ol, li {
	list-style: none;
	margin: 0px; padding:0px;
}

a {
	color: #4C2716;
	background-color: inherit;
	}
	
a:hover {
	background-color: #E6E3C3;
	text-decoration: none;
	color: inherit;
	}

/*
======================================================== 
	Picture alignment
========================================================
*/


.picleft {
	float: left;
	padding: 5px;
	margin: 7px;
	background-color:#E6E3C3;
	border: 1px solid #D1AB74;
	color: inherit;
	}

.picright {
	float: right;
	padding: 5px;
	margin: 7px;
	background-color:#E6E3C3;
	border: 1px solid #D1AB74;
	color: inherit;
	}
	
.piccentre {
	padding: 5px;
	margin: 7px;
	background-color:#999933;
	border: 1px solid #D1AB74;
	color: inherit;
	}

.image-list{
	margin: 0;
	padding: 0 0 10px;
	width:98%;
	overflow:hidden;
	font-size: 0.67em;
}

.image-list li{
	padding: 20px;
	display: inline;
	float:  left;
	list-style:none;

}

.image-list img{
	padding: 5px;
	background-color:#E6E3C3;
	border: 1px solid #D1AB74;
}


/*
======================================================== 
	Container
========================================================
*/

	
#container {
	width: 760px;
	margin: auto;
	border-left: 5px solid #eee;
	border-right: 5px solid #eee;
	border-bottom: 5px solid #eee;
	background-color: #FFFCD9;
	color: inherit;
	}	
	
/*
======================================================== 
	Branding
========================================================
*/

#branding {
	height: 129px;
	background-image:url(../images/top_brand_slice.png);
	background-repeat:repeat-x;
	width: 100%;
	color: inherit;
	background-color: inherit;
	}

#branding img {
	float: left;
	border: none;
	}

#branding a {
	border:none;
	}

/*
======================================================== 
	Top Links
========================================================
*/

#toplinks {
	width: 340px;
	float: right;
	}

#toplinks ul {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #D9D2BB;*/
	}

#toplinks li {
	background-color: transparent;
	list-style: none;
	display: inline;
	}

#toplinks a {
	padding: 5px 8px 5px 8px;
	font-size: 12px;
	text-decoration: none;
	text-transform:uppercase;
	color: #4C2716;
	background-color: inherit;
	}

#toplinks a:hover {
	background-color: #D9D2BB;
	color: inherit;
	}

/*
======================================================== 
	Tabs
========================================================
*/

#tabs {
	clear: both;
	}

#tabs ul {
	text-align: center;
	padding:12px 0px 12px 0px;
	margin:0px;
	font-size: 22px;
	font-weight:bold;
	}

#tabs li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	/*padding: 12px 0px 15px 0px;*/
	}

#tabs li a {
	color:#FFFFFF;
	text-decoration: none;
	padding: 12px 12px 15px 12px;
	background-color: inherit;
	}

#tabs li a:hover {
	background-color: #336600;
	color:#FFCC00;
	}

/*
======================================================== 
	Header
========================================================
*/

#header {
	background-image:url(../images/header_home.jpg);
	height: 149px;
	}

/*
========================================================
	Individual headers
========================================================
*/
#header-about {
	background-image:url(../images/header_aboutus.jpg);
	height: 149px;
	}

#header-thankyou {
	background-image:url(../images/header-thankyou-ef.jpg);
	height: 149px;
	}
	
#header-gates {
	background-image:url(../images/header-gates-ef.jpg);
	height: 149px;
	}

#header-decking {
	background-image:url(../images/header_decking.jpg);
	height: 149px;
	}
	
#header-panels {
	background-image:url(../images/header-panels-ef.jpg);
	height: 149px;
	}
	
#header-grange {
	background-image:url(../images/header-grange-ef.jpg);
	height: 149px;
	}
	
#header-links {
	background-image:url(../images/header_links.jpg);
	height: 149px;
	}
	
#header-map {
	background-image:url(../images/header-map-ef.jpg);
	height: 149px;
	}
	
#header-timbers {
	background-image:url(../images/header-timber-ef.jpg);
	height: 149px;
	}
	
#header-pricelist {
	background-image:url(../images/header_pricelist.jpg);
	height: 149px;
	}
	
#header-downloads {
	background-image:url(../images/header-downloads-ef.jpg);
	height: 149px;
	}

/*
======================================================== 
	Wrapper
========================================================
*/

#wrapper {
	width: 100%;
	background-attachment: scroll;
	background-image: url(../images/wrapperbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
	

/*
======================================================== 
	Main Content
========================================================
*/
	
#main_content {
	padding: 5px 10px 5px 10px;
	width: 520px;
	float: left;
	background-color: #FFFCD9;
	color: inherit;
	}

#main_content p {
	background-color: inherit;
	color: #4C2716;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-bottom: 1em;
	}

#main_content h1 {
	color: #4C2716;
	font-size: 1.7em;
	font-weight: bold;
	background-color: inherit;
	}

/*
======================================================== 
	Sub Content
========================================================
*/

#sub_content {
	width: 190px;
	float: right;
	padding: 5px 10px 5px 10px;
	background-color: #E6E3C3;
	color: inherit;
	}

#sub_content ul {
	margin:0px;
	padding: 0px;
	}

#sub_content li {
	list-style: none;
	display: block;
	border-bottom: 1px solid white;
	}

#sub_content a {
	padding: 8px 0px 8px 8px;
	display: block;
	text-decoration: none;
	color: #4C2716;
	background-color: inherit;
	}

#sub_content a:hover {
	background-color: #C9C7AB;
	color: inherit;
	}

.contactinfo {
	padding-left: 5px;
	padding-top: 20px;
	}

/*
======================================================== 
	Site info 
========================================================
*/

#site_info {
	clear: both;
	height: 171px;
	background-image:url(../images/info_grad_orange.png);
	background-repeat:repeat-x;
	}
	
#site_info form {
	margin:0px; padding: 5px 0px 10px 0px;
	}
	
#mailinglist {
	padding-top:15px;
	width: 200px;
	height: 140px;
	float: left;
	margin: 0px 20px 0px 20px;
	}

#mailinglist h1 {
	font-style:italic;
	font-size: 16px;
	color:#FFFFFF;
	background-color: inherit;
	}
	
#mailinglist ul {
	padding: 8px;
	background-color: #F2BC73;
	color: inherit;
	}

.friend {
	padding-left: 18px;
	background-image: url(../images/icon_friend.gif);
	background-repeat:no-repeat;
	}

.bookmark {
	padding-left: 18px;
	background-image: url(../images/icon_bookmark.gif);
	background-repeat:no-repeat;
	}

.email {
	padding-left: 18px;
	background-image: url(../images/icon_mail.gif);
	background-repeat:no-repeat;
	}

#downloads {
	padding-top:15px;
	width: 200px;
	float: left;
	margin: 0px 10px 0px 20px;
	}

#downloads ul {
	padding: 8px;
	}

#downloads li {
	background-image:url(../images/icon_download.gif);
	background-position: left 50%;
	background-repeat:no-repeat;
	padding-left: 25px;
	line-height: 1.8em;
	}

#downloads h1 {
	font-style:italic;
	font-size: 16px;
	color:#FFFFFF;
	background-color: inherit;
	}

#smallmap {
	width: 182px;
	height: 152px;
	float: right;
	padding: 10px 15px 0px 0px;
	}

#smallmap img {
	border: none;
	}

/*
======================================================== 
	Site Links
========================================================
*/

#site_links {
	text-align: center;
	clear:both;
	background-color: #FFFCD9;
	color: inherit;
	}

#site_links ul {
	padding: 10px 12px 10px 12px;
	margin: 0px;
	}

#site_links li {
	display: inline;
	list-style:none;
	line-height: 1.7em;
	padding-right: 5px;
	padding-left: 6px;
	border-left: 1px solid #7A791E;
	}

#site_links a {
	font-size:14px;
	color: #7A791E;
	text-decoration:none;
	background-color: inherit;
	}

#site_links a:hover {
	text-decoration: underline;
	}

a.firstitem {
	border-left: none;
	}

a.lastitem {
	border-right: 1px solid #7A791E;
	padding-right: 8px;
	}

#site_links p {
	font-size: 12px;
	color: #4C2716;
	line-height: 1.7em;
	padding-bottom: 10px;
	background-color: inherit;
	}

#site_links p a {
	font-weight:bold;
	text-decoration:underline;
	border-right: none;
	}

#site_links hr {
	height: 1px;
	border-top: 1px solid #ccc;
	}
	
	
	/*========headings===========*/
	
h1 {
	font-size: 1.6em;
	color:#472F17
	}

h2 {
	font-size: 1.4em;
	color: #663300;
}

h3 {
	font-size: 1.2em;
	color:#006600;
	padding-top:5px;
	padding-bottom:5px;
}
.highlight {
	color:#993300;
	background-color: #F7FFC2;
	padding: 2px;
}