/* Countrywide CSS Design - by Maleika Attawel */

/*
=========================================================================================================================
GENERAL
=========================================================================================================================
*/

html, body                      {margin: 0; padding: 0;}
      
body                            {background: #EEE8D6 url(images/bg.jpg) 50% 0 repeat-y;	FONT-WEIGHT: normal; 
	FONT-SIZE: 70%;
	LINE-HEIGHT: 120%; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}

h1                              {font-size: 16px; color: #892525;}

p                               {color: #727272; margin: 0; padding: 0;}

a                               {text-decoration: none;}

sidebox ul, sidebox ol, sidebox li {list-style: none;}

.hidden                         {position: absolute; top: 0; left: -9000px;}

img                             {border: 0;}

img.thumb   {                   
                                background: url(images/img_bg.gif) no-repeat; 
				border: 0;
				margin: 2px 0 0 14px;
				padding: 6px;
				}
img.pagethumb   {                   
                                background: url(images/img_thumb_bg.gif) no-repeat; 
				border: 0;
				margin: 0px 0 0 0px;
				padding: 6px;
				}				
				
img.rthumb   {                   
                                background: url(images/img_bg.gif) no-repeat; 
				border: 0;
				margin: 2px 0 0 10px;
				padding: 6px;
				}
/*
=========================================================================================================================
PRIMARY DIVISIONS
=========================================================================================================================
*/

#header {

                                background: #E4E1D4 url(images/head.jpg);
	                        margin: 0 auto;
	                        height: 178px;
	                        width: 744px;
	                        }
	
#wrapper {
                                width: 744px; 
				margin: 0 auto;
				text-align: left;
				position: relative;						   
				}

#centercol {
                                width: 514px; 
				float: right; 
				margin-left: 5px;
				}
						  
h1.centercol {
				text-indent: 5px;
				margin: 20px 0 10px;
				}
			
div.centercol p  {            
                                color: #000;
                                margin: 10px 30px 20px 0;
				padding: 2px;
				}
	


#sidebar {                      
                                width: 215px; 
                                margin: 0 0 0 3px;
				padding: 0;
                                float: left;
                                }

	
.sidebox {
                                background: url(images/sidebar-bg.gif) repeat-y;
	                        width: 200px;
	                        margin: 0;
	                        padding: 0;
	                        }
	
.sidebox-top {
                                background: url(images/sidebar-top.gif) no-repeat;
	                        width: 200px;
	                        height: 25px;
	                        margin-top: 20px;
	                        }
	
.sidebox-bottom {
                                background: url(images/sidebar-bottom.gif) no-repeat;
	                        width: 200px;
	                        height: 25px;
	                        }
	

	
.cbox {
                                background: url(images/cbox-bg.gif) repeat-y;
	                        width: 464px;
	                        }
	
.cbox p                         {float: right; padding: 0 8px 0 5px;width: 290px; margin: 0;}

.cbox-top {
                                background: url(images/cbox-top.gif) no-repeat;
	                        width: 464px;
	                        height:28px;
	                        }
	                        
.cbox-top h1                    {font-size: 13px; float: right; padding-right: 100px; margin: 0; line-height: 2.1em;}
	
.cbox-bottom {
                                background: url(images/cbox-bottom.gif) no-repeat;
	                        width: 464px;
	                        height: 15px;
	                        margin-bottom: 15px;
	                        }
	

.ebox                           {background: url(images/ebox-bg.gif) repeat-y; width: 464px;}	
	
.ebox-top {
                                background: url(images/ebox-top.gif) no-repeat;
	                        width: 464px;
	                        height:28px;
	                        margin-top: 10px;
	                        }
	                        
.ebox-top h1                   {font-size: 13px; float: left; padding: 0; margin: 0; text-indent: 9em; line-height: 2.1em;}
	
.ebox-bottom {
                                background: url(images/ebox-bottom.gif) no-repeat;
	                        width: 464px;
	                        height: 15px;
	                        margin-bottom: 15px;
	                        }


.ebox p                        {float: left; margin: 0;width: 290px; padding: 0 0 0 13px;}

.dbox                          {background: url(images/dbox-bg.gif) repeat-y; width: 200px;}
.d2box                          {background: url(images/dbox-bg.gif) repeat-y; width: 200px;}
	
.dbox-top {
                               background: url(images/dbox-top.gif) no-repeat;
	                       width: 200px;
	                       height:28px;
	                       margin-top: 20px;
	                       }
	
.dbox-bottom {
                               background: url(images/dbox-bottom.gif) no-repeat;
	                       width: 200px;
	                       height: 28px;
	                       }

.dbox img                      {border: 0px solid #DEDEDE; padding: 0px; margin: 10px 0 0 30px;}
.d2box img                      {border: 0px solid #DEDEDE; padding: 0px; margin: 10px 0 0 20px;}
	
#footer {
                               width: 744px; 
                               clear: both; 
                               height: 46px;
                               background: url(images/footer.gif) repeat-x;
                               }
								
.copyright {
                               margin: 10px 0 0 2px; 
			       padding: 0;
			       width: 630px;
			       height: 18px;
			       float: left; 
			       background: url(images/copyright.gif) no-repeat;
			       }

.copyright p {

                               color: #5E5E5E; 
		               margin: 0; 
		               padding: 2px 0 0 5px;
		               }

a.quote {
                               background: url(images/quote.gif) no-repeat; 
                               width: 214px; 
                               height: 35px; 
                               float: left; 
                               margin: 7px 0 0 30px;
                               text-indent: -9000px;
                               }

.logo {
                               text-indent: -9000px; 
                               float: right; 
                               margin: 3px 0;
                               height: 35px; 
                               width: 110px; 
                               background: url(images/logo-small.gif) no-repeat;}
/*
==================================================================================================
NAVIGATION
==================================================================================================
*/


#navigation                    {margin: 0; padding: 0;}

ul#navigation                  {list-style-type: none; padding: 0; margin-left: 15px;}

ul#navigation li               {list-style-type: none; width: 174px; height: 24px;}

ul#navigation li a {
                               text-decoration: none;
	                       width: 174px;
                               display: block;
	                       height: 24px;
	                       }
	
ul#navigation li a#home {
                               background: url(images/nav-home.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#home:hover {
                               background: url(images/nav-home.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }

ul#navigation li a#conservatories {
                               background: url(images/nav-cons.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#conservatories:hover {
                               background: url(images/nav-cons.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }

ul#navigation li a#windows {
                               background: url(images/nav-windows.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#windows:hover {
                               background: url(images/nav-windows.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#roofline {
                               background: url(images/nav-roof.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#roofline:hover {
                               background: url(images/nav-roof.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#doors {
                               background: url(images/nav-doors.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#doors:hover {
                               background: url(images/nav-doors.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }

ul#navigation li a#contact {
                               background: url(images/nav-contact.gif) no-repeat;
	                       width: 174px;
	                       height: 24px;
	                       }
	
ul#navigation li a#contact:hover {
                               background: url(images/nav-contact.gif) no-repeat 0 -24px;
	                       width: 174px;
	                       height: 24px;
	                       }
	
a.more {
                               display: block;
			       margin-top: 10px;
                               width: 70px; 
			       height: 17px; 
			       border: 1px solid #fff; 
			       background: url(images/more.gif) repeat-x;
			       text-decoration: none;
			       font-weight: bold;
			       padding: 1px 2px 1px 10px;
			       font-size: 90%;
			       }
			
a.more:link                   {color: #6C8233;}
			
a.more:hover                  {color: #000;}

a.more:visited                {color: #6C8233;}