/*
Created by Red Donkey Media
E-Mail: info@reddonkey.co.uk
	  
Site: www.holdsworthdoors.co.uk

	  
*/


#navigation {
 margin: 0px 0px 0px 0px;
 padding:0px;
 background-image: url(images/fauxMiddle.jpg);
 height:48px;

 width: 830px;
}

#logoSubTitle {
 float:left;
 display:inline;
 margin: 0px 0px 0px 5px;
 background-image:url(images/logoSubTitle.jpg);
 background-repeat:no-repeat;
 height:48px;
 width: 330px;
}


#headerfiller	{
float:left;
display:inline;
width:82px;
height:48px;
margin:0px;
padding:0px;
}

#menu {
    height: 48px;
	margin: 0px 0px 0px 0px; 
	padding:0px;
	}

div.outer {
	float: left;
	width: 95px; height: 48px;
	margin: 0 6px 0 0;
	background: url("images/linkButtonHover.jpg") 0 no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#ffffff;
	text-decoration: none;
	background: url("images/linkButton.jpg") top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; 
	padding: 7px 0 0 6px;
	}
div.outer a:hover {
	background-image: none;
	color: #ffffff;
	text-decoration:none;
	}
div.outer a:active {
	color: black;
	color: #ffffff;
	}

#menu #currentpage a {
	
	background: url("images/linkButtonHover.jpg") top left no-repeat;
	}


/*---------*/

ul {
list-style-type: none;
}

ul


/*----------*/



* { padding: 0; margin: 0; }

img {

display:block;
}

a { 
	color: #700e12; 
	text-decoration: none; 
	background: inherit;
	outline:none;
	}
	
a:hover { 
	text-decoration: underline 
	}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 background-color:#CCCCCC;
}

body#home a#homenav,
body#products a#productsnav,
body#services a#servicesnav,
body#contact a#contactnav {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
 background-color:#CCCCCC;
}


#wrapper { 

margin: 10px auto auto;
width: 830px;
}

#underline1 { 
float:left;
display:inline;
border-top: 1px solid #cccccc; 
width:800px;
height:0px;
padding: 0px;
margin: 0px 0px 0px 15px;

}
#underline2 { 
float:left;
display:inline;
border-top: 1px solid #cccccc; 
width:800px;
height: 0px;
padding: 0px;
margin: 0px 0px 0px 15px;

}


#faux {
 background-image: url(images/fauxMiddle.jpg);
 margin: 0px;
 padding:0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 830px;
}

		    #faux p { 
			padding: 0 0 10px 0; 
			color: #454545;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:0.7em;
			margin: 0;  
			text-decoration: none; 
			background: inherit; 
			}

            #faux h2 { 
			color: #3A3A3A; 
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px; 
			text-decoration: none; 
			line-height: 19px; 
			margin: 0 0 5px 0; 
			background: inherit;
			}
	
	        #faux h2 a { 
			color: #2FB432; 
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px; 
			text-decoration: none; 
			line-height: 19px; 
			margin: 0 0 5px 0; 
			background: inherit;
			}
	
	        #faux h2 a:hover { 
			color: #2FB432; 
			text-decoration: underline; 
			background: inherit;
			}
	
	      
	
	        #faux h3 { 
			font-size: 130%; 
			background: inherit;
			margin: 0px 0px 15px 0px;
			}

		
	        #faux .mpnull { 
			margin: 0; 
			padding: 0 0 0 0;
			}
	
	        #faux .textbox { 
			float: right; 
			color: #454545; 
			width: 40%; 
			background: #fefefe; 
			padding: 10px; 
			margin: 5px 0 15px 15px; 
			border: 1px solid #e8e8e8;
			}

#header {
 background-image:url(images/fauxMiddle.jpg);
 background-repeat:repeat-y;
 width: 830px;
 padding: 0px;
 height: 80px;
 margin: 10px 0px 0px 0px;
 }

#homelongrow { 
		width: 800px; 
		float: left;
		display:inline;
		margin-left:15px;
		margin-top:18px;
		/*background-color:#33FF99;*/
		}

#leftcolumn { 
		width: 395px; 
		float: left;
		display:inline;
		margin-left:15px;
		margin-top:18px;
		/*background-color:#33FF99;*/
		}
		
		#leftcolumn h2 { 
			height: 22px;
			color: #cc0000;
			border: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size: 0.9em; 
			padding: 10px 0 0 27px;
			line-height: 22px;
			margin: 0px 0px 0px 0px;
		}
		
		#leftcolumn .lcontent { 
			border: 0px solid #e5e5e5; 
			margin-bottom: 0px;	
			color: #888;
			line-height: 15px; 
			
			}
		
		#leftcolumn .lcontent p { 
			padding: 12px 17px 0px 27px; 
			color: #333333; 
			background: inherit;
			}
			
		#leftcolumn ul { 
			padding: 12px 0px 0px 20px; 
			background: inherit; 
			color: #454545;
			margin: 0px;
			}
		
		#leftcolumn li { 
			list-style: none;
			font-size:0.7em;
			color:#333399;
			padding: 0px 10px 5px 10px;
			line-height:12px;

			}
			
		#leftcolumn .high { 
			color: #cc0000; 
			}
			
#homerightcolumn { 
 float: left;
 color: #333;
 margin: 18px 0px 0px 10px;
 padding: 0px;
 width: 395px;
 display: inline;
/* background-color:#FF9966;*/
}

#producttitle	{
	width:395px;
	padding-top:3px;
	border-top:#1a1c62 solid 1px;
	margin:15px 0px 15px 0px;
}

#rightcolumn { 
 float: left;
 color: #333;
 margin: 18px 0px 0px 10px;
 padding: 0px;
 width: 395px;
 display: inline;
/* background-color:#FF9966;*/
}

					    #rightcolumn .rcontent { 
				        border: 0px solid #e5e5e5; 
				      	margin-bottom: 10px;	
				     	color:#888;
				    	}
						#rightcolumn .rcontent p { 
		                padding: 6px 17px 6px 27px; 
			            color: #333333; 
			            background: inherit;
						}
						#rightcolumn .rcontent24 p { 
		                padding: 105px 115px 6px 25px; 
			            color: #ffffff; 
			            background: inherit;
						}

	                    #rightcolumn h2 { 
						height: 22px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.9em; 
						padding: 10px 0 0 27px;
						line-height: 22px;
						margin: 0px 0px 0px 0px;
                        }
						
					   #rightcolumn h2 a { 
                       color: #700e12; 
                       font-family: Verdana, Arial, Helvetica, sans-serif; 
                       font-size: 1em; 
                       text-decoration: none; 
                       line-height: 19px; 
                       margin: 0 0 5px 0; 
                       background: inherit 
                       }
                       #rightcolumn .underline { 
                       border-bottom: 1px dotted #999933; 
                       margin-bottom: 10px 
                       }
                       #rightcolumn h3 {
                       font-size: 130%; 
                       color: #6AA6AB; 
                       border-bottom: 1px dotted #aaa; 
                       background: inherit 
                       }
				       #rightcolumn .high { 
					   color: #cc0000; 
					   }
#longrow {
 float:left;
 color: #333;
 margin: 10px 0px 5px 15px;
 padding: 0px;
 width: 800px;
 display: inline;
 text-align:center;
/* background-color:#FF9966;*/

}

				        #longrow .lcontent { 
				        border: 0px solid #e5e5e5; 
				      	margin-bottom: 10px;	
				     	color:#888;
				    	}
						#longrow .lcontent p { 
		                padding: 14px 17px 6px 27px; 
			            color: #ffffff; 
			            background: inherit;
						}
						
						#longrow h1 { 
						height: 28px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 1.2em; 
						line-height: 18px;
						margin: 0px 0px 0px 0px;
						
                        }
						
						
						#longrow .large { 
						height: 22px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.9em; 
						line-height: 22px;
						font-weight:bold;
						margin: 0px 0px 0px 0px;
						
                        }
						#longrow .medium { 
						height: 22px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.9em; 
						padding: 10px 0 0 27px;
						line-height: 22px;
						margin: 0px 0px 0px 0px;
						font-weight:bold;
                        }

#longrow2 {
 float:left;
 color: #333;
 margin: 10px 0px 5px 15px;
 padding: 0px;
 width: 800px;
 display: inline;
/* background-color:#FF9966;*/

}

				    #longrow2 .lcontent { 
				        border: 0px solid #e5e5e5; 
				      	margin-bottom: 10px;	
				     	color:#333333;
				    	}
						#longrow2 .lcontent p { 
		                padding: 14px 17px 6px 27px; 
			            color: #333333;
						text-align:center;
						
			            background: inherit;
						}
						
					    #longrow2 ul { 
						padding: 30px 20px 0px 80px; 
						background: inherit; 
						color: #454545;
						line-height:14px;
						}
		
						#longrow2 li { 
						list-style: decimal;
						font-size:0.9em;
						color:#333399;
						padding: 0px 10px 5px 10px;
			
						}


#longrow3 {
 float:left;
 color: #333;
 margin: 10px 0px 5px 15px;
 padding: 0px;
 width: 800px;
 display: inline;
 text-align:center;
/* background-color:#FF9966;*/

}
						#longrow3 .large { 
						height: 22px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.9em; 
						line-height: 22px;
						font-weight:bold;
						margin: 0px 0px 0px 0px;
						
                        }
						#longrow3 .medium { 
						height: 22px;
						color: #cc0000;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.9em; 
						padding: 10px 0 0 27px;
						line-height: 22px;
						margin: 0px 0px 0px 0px;
						font-weight:bold;
                        }

#terms {
 float:left;
 color: #333;
 margin: 10px 0px 5px 15px;
 padding: 0px;
 width: 800px;
 display: inline;
 text-align:left;
/* background-color:#FF9966;*/
}
			        #terms .lcontent { 
				        border: 0px solid #e5e5e5; 
				      	margin-bottom: 10px;	
				     	color:#888;
				    	}
					#terms .lcontent p { 
		                padding: 14px 25px 6px 40px; 
			            color: #666666; 
			            background: inherit;
						font-size:0.6em;
						}
						
					#terms h3 { 
						height: 12px;
						color: #333333;
						border: 0;
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 0.6em; 
						line-height: 16px;
						margin: 0px 0px 0px 0px;
						padding:0px 0px 0px 10px;
						
                        }



#contactrightcolumn { 
 float: left;
 color: #333;
 margin: 70px 0px 70px 10px;
 padding: 0px;
 width: 395px;
 display: inline;
/* background-color:#FF9966;*/
}
					   #contactrightcolumn .rcontent p { 
		               padding: 6px 17px 6px 45px; 
			           color: #333333;
					   font-size: 0.8em;
					   font-weight:bold;
			           background: inherit;
					   }

                       #contactrightcolumn .telephone {
                   	   background-image: url(images/tele_bullet.gif);
					   background-repeat:no-repeat;
                       }
					   #contactrightcolumn .mobile {
					   background-image: url(images/mobile_bullet.gif);
					   background-repeat:no-repeat;
                       }
					   #contactrightcolumn .email {
					   background-image: url(images/email_bullet.gif);
					   background-repeat:no-repeat;
                       }

				       #contactrightcolumn .title { 
					   font-size: 0.8em;
					   font-weight:normal;
					   }


#contenttop	{
	position:absolute;
	height:10px;
    width:830px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-image:url(images/fauxTop.jpg);
	background-repeat:no-repeat;
	/*background-color:#00CC99;*/
}

#contentbtm	{
	
	height:10px;
    width:830px;
	margin-top:0px;
  	background-image:url(images/fauxBottom.jpg);
	background-repeat:no-repeat;
}




#footer { 
 width: 830px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 /*background-color:#339966;*/
}

	#footer .fcontent {
	 		font-size:  0.7em;
			padding: 0px 0px 0px 0px; 
			color:#999999;
			background: inherit;
	}


#footernavigation {
	padding: 0px 0px 0px 0px;
	width: 600px;
	margin: 0px 5px 0px 0px;
	color: #999999;
	float:left;
	text-align: left;
	/*border: solid 1px red;*/
	}


#footernavigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	margin: 0px 0px 0px 10px;
	padding: 0em 0em 0em 0em;
	text-decoration:none;
	/*border:#006699 thin dotted;*/
	text-transform: lowercase;
	outline:none;
	}
	
#footernavigation a:active {
	color:#666666;
	text-transform: lowercase;
	outline:none;
	}

#footernavigation a:hover {
	color:#000000;
	text-transform: lowercase;
	}



.clear { clear: both; background: none; }