/*	-------------------------------------------------------------
	Project Name    house_of_paving
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       21-01-2010
	-------------------------------------------------------------	


/*	-------------------------------------------------------------
	. Defult Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#545454; text-decoration:underline; }
img { border:none; }
a:focus { outline:1px dotted invert }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 }
h1, h2, h3, h4, h5, h6, p { padding-bottom:5px; }
h1 { font-size:22px }
h2 { font-size:20px }
h3 { font-size:16px }
h4 { font-size:14px }
h5 { font-size:12px }
h6 { font-size:11px }

/*Commen Classes */
.clear{ font-size:1%; clear:both; height:1%; line-height:0;}
.Left{ float:left; display:inline;}
.Right{ float:right; display:inline;}
.Mask{ position:absolute; left:0; top:0;}
.Line{background:#d8d5d0; font-size:1%; height:1px; overflow:hidden; line-height:1px; margin:7px 0;}

body{ font:12px Arial, Helvetica, sans-serif; color:#0b0908; background:#FFF; }


.Wrap{ background:url(images/top_bg.gif) repeat-x top; padding-top:4px; display:block; }
.Texture{ background:url(images/bg.gif) repeat; padding-bottom:10px;}

.Layout{ margin:0 auto; width:965px; position:relative; }
.Layout .Sidebar{ width:230px; overflow:hidden}
.Layout .Contents{  width:680px; overflow:hidden;}
h1.Heading{ border-bottom:1px solid #584a3e; padding-bottom:3px; display:block; margin-bottom:20px; margin-top:5px;}


.Logo{ display:block; background:url(images/logo_grad.jpg) no-repeat; height:192px; width:237px; position:relative; margin-bottom:20px;}
.Logo a{ display:block; background:url(images/house_of_paving.jpg) no-repeat; height:151px; width:165px; position:absolute; left:50px; top:10px; text-indent:-99999px;}

.Address{ width:145px; display:block; padding-left:50px;}
.Address address { white-space:normal; font-style:normal; font-size:13px; }
.Address address p{padding-bottom:2px;}
.Address address strong { font-size:15px;display:block; padding:6px 0;  }

/*Side Nav*/
.SideNav{ display:block; margin:15px 0 0 8px; }
.SideNav ul{ list-style:none;  }
.SideNav ul li{  display:block; }
.SideNav ul li a.CatName{ display:block; background:url(images/menu_item.png); height:35px; width:220px; font-size:15px; font-weight:700; text-align:center; padding-top:15px; 
cursor:pointer;position:relative; z-index:15; padding-right:6px; color:#493831;}
.SideNav ul li ul{ display:block; background:url(images/submenu_bg.jpg) no-repeat left bottom; margin:-9px 0 10px 2px; padding:14px 2px 6px 2px; width:218px; overflow:hidden;}
.SideNav ul li ul li{ display:block; border-top:1px solid #afa89b; width:193px; padding:7px 0 7px 22px;}
.SideNav ul li ul li a{  font-size:14px; font-weight:700; background:url(images/arrow.gif) no-repeat left 4px; padding-left:20px; display:block; padding-right:7px; color:#493831;}
.SideNav ul li ul li a.Active{ background:url(images/arrow_open.gif) no-repeat left;}
.SideNav ul li a:hover, .SideNav ul li.current a{ color:#000; text-decoration:none;}

.SideNav ul li ul li ul{ display:block; background:none;padding:0; margin:0; overflow:hidden; padding:5px 0; width:auto}
.SideNav ul li ul li ul li{ margin:0; padding:0; border:0; padding:3px 0 3px 20px; width:183px;}
.SideNav ul li ul li ul li a{ font-size:13px; padding-left:16px; width:150px;}
.SideNav ul li ul li ul li a:hover{background:url(images/arrow.gif) no-repeat left 4px;}



/* Top Navigation */
.TopNav{ display:block;height:65px; overflow:hidden;  }
.TopNav ul{ margin-left:30px; display:block; position:absolute; right:20px;}
.TopNav ul li{ display:inline; float:left; margin-left:-4px;}
.TopNav ul li a{ background:url(images/menu.jpg) no-repeat top left;color:#493831; display:block;height:42px;padding-left:20px;text-align:center; cursor:pointer; }
.TopNav ul li a span{ background:url(images/menu.jpg) no-repeat top right;height:34px;padding:10px 20px 0 0;text-decoration:none;white-space:nowrap;font-size:15px; font-weight:700;}
.TopNav ul li a:hover{ text-decoration:none; color:#737373}



.HomeGallery{ display:block; width:598px; margin-left:20px; }
.Topdetails{ display:block; width:548px;position:relative; background:url(images/topdetails_bg.jpg); padding:18px 25px 27px 25px; bottom:-15px;}
.Topdetails .Detailstop{ position:absolute; top:0; height:16px; background:url(images/top_details.jpg) no-repeat top; width:598px; left:0;}
.Gallerytext{ position:absolute; z-index:20; width:230px; background:url(images/bg_overlay.png); right:2px; top:35%; padding:10px 25px; color:#0b0908;}


.Pagenation{ display:block; padding:12px 6px; }
.Pagenation ul{ list-style:none;}
.Pagenation ul li{ background:url(images/seperation.gif) left no-repeat; float:left; display:inline; padding:0 7px; color:#1f1510;}
.Pagenation ul li a{  color:#1f1510;}
.Pagenation ul li.SlideLeft{ background:none; padding:0}
.Pagenation ul li.SlideLeft a{ background:url(images/arrow_left.gif) no-repeat top; text-indent:-9999px; text-indent:-999999px; display:block; height:8px; width:7px; margin-top:4px;}
.Pagenation ul li a.Active{ font-weight:700;}
.Pagenation ul li.SlideRight a{ background:url(images/arrow_right.gif) no-repeat top; text-indent:-9999px; text-indent:-999999px; display:block; height:8px; width:7px; margin-top:4px;}
.Pagenation ul li.SlideRight{ padding:0; background:none;}
.Pagenation ul li.SlideRight, .Pagenation ul li.First{ background:none}


/*White Navigation */
.WhitePagenation ul li.SlideLeft a{background:url(images/white_nav_left.gif) no-repeat top; height:10px; margin-top:2px;}
.WhitePagenation ul li.SlideRight a{background:url(images/white_nav_right.gif) no-repeat top; height:10px; margin-top:2px;}



.HomeGallery .HomeMask{ position:relative; width:560px; height:440px; overflow:hidden; display:block}
.HomeGallery .HomeMask .Mask{ width:560px; height:440px; background:url(images/home_mask.gif) no-repeat; z-index:15;}


/*Overlaybox*/
.Overlaybox{ background:url(images/overlaybox_bg.jpg) repeat; position:relative;}
.Overlaybox .TopLeft, .Overlaybox .TopRight, .Overlaybox .BottomLeft, .Overlaybox .BottomRight{position:absolute;  font-size:1%; overflow:hidden; display:block}

.Overlaybox .TopLeft{  left:0; height:18px; top:0; width:24px; background:url(images/overlaybox_top_left.jpg) left top;}
.Overlaybox .TopRight{  right:0; height:24px; top:0; width:17px; background:url(images/overlaybox_top_right.jpg) top right;}
.Overlaybox .BottomLeft{  left:0; height:23px; bottom:0; width:18px; background:url(images/overlaybox_bottom_left.jpg) left bottom ;}
.Overlaybox .BottomRight{  right:0; height:18px; bottom:0; width:24px; background:url(images/overlaybox_bottom_right.jpg) right bottom; }


.ProductsGallery{ display:block}
.ProductsGallery .Gallerypreview{ padding:14px; width:388px}
.Galleryviewer{ position:relative; height:308px; width:390px; overflow:hidden; }
.Galleryviewer .Mask{ background:url(images/gallery_mask.gif) no-repeat; height:308px; width:390px; z-index:15; cursor:pointer;}
.Productdetails{ padding:25px 0 0 12px; width:375px;   overflow:hidden; }
.Productdetails h3{ padding:0;}


.Primarydetails{ background:url(images/primary_details.gif) repeat-x bottom; margin-bottom:12px; padding-bottom:12px;}
.Primarydetails h3{ padding-bottom:5px;}
.Secondrydetails{ width:280px; text-align:justify;}
.Enquiry{ display:inline; /*margin-top:-40px;*/}
.Enquiry a{ background:url(images/enquiry.gif) no-repeat; width:75px; height:32px; text-indent:-99999px; display:block}


.Gallerythumbs{ width:224px; padding:7px;}
.Gallerythumbs ul.thumbslist{ list-style:none; }
.Gallerythumbs ul.thumbslist li{ float:left; display:inline; width:98px; height:80px; overflow:hidden; position:relative; margin: 6px; font-size:1%;}
.Gallerythumbs ul.thumbslist li .Mask{background:url(images/thumbs_mask.gif) no-repeat;  width:98px; height:80px;  overflow:hidden; position:absolute;}
.Gallerythumbs ul.thumbslist li a{ text-indent:-99999px; position:absolute;  width:98px; height:80px;  z-index:5; background:url(images/transparent.gif);}
.Gallerythumbs .Pagenation{ padding-right:12px; height:14px; overflow:hidden;}


.WhiteBox{ width:670px; background:url(images/white_bg.gif) repeat-y left; margin-top:15px;}
.WhiteTop{ display:block; background:url(images/white_top.gif) no-repeat top left; height:22px; font-size:1%;}
.WhiteBottom{ display:block; background:url(images/white_bottom.gif) no-repeat left bottom ; height:22px;font-size:1%;}

.Whitecontents{ display:block; padding:0 25px;}
.Whitecontents ul{ padding-left:13px;}
.Whitecontents h1, .Whitecontents h2, .Whitecontents h3, .Whitecontents h4{ color:#7e8900; font-weight:100;}


.TowCols{ background:url(images/line.gif) repeat-y 305px;}
.TowCols td{ vertical-align:top; padding:10px 5px;}
.TowCols td table{ margin:5px 0;}
.TowCols td table td{ padding:0; vertical-align:bottom}
.TowCols .First{ padding-right:15px; width:295px;}

.Whitecontents .Listing{ display:block; list-style:none; padding:10px 0;}
.Listing li{ padding:5px 0 5px 13px;}
.Listing li.Odd{ background:#e8e4de;}
.Listing li span{ display:block; background:url(images/dot.gif) no-repeat left 6px; padding-left:15px; color:#000;}


.HomeBox{ widows:562px; padding:18px; height:458px; overflow:hidden;}
.HomeBox .TopRight{ background:url(images/homebox_topright.gif) no-repeat;}
.HomeBox .TopLeft{ background:url(images/homebox_topleft.gif) no-repeat;}


/*Footer*/
.Footer{ background:#FFF url(images/footer.gif) repeat-x top;  padding:20px 0 100px 0; }
.Footer p{ margin:0 auto; width:950px; font-size:12px;}
.Footer p span{ padding:0 10px;}

/*Faqs*/
.FAQS{ display:block;}
.FaqList { display:block; background:url(images/line.gif) repeat-y 300px;  margin:30px 0 55px 0; }
.FaqList h3 { font-size:18px;}
.FaqList .Question{ float:left; width:275px; overflow:hidden;}
.FaqList .Question p, .FaqList .Answer p{ width:auto; padding-bottom:10px;}
.FaqList .Answer{ float:left; width:280px; overflow:hidden; padding-left:50px; }
 
 
.Contactstop{ padding:7px 0 15px 0;}
.Contactpage{ display:block;}
.Contactpage .ContactForm{ width:330px; overflow:hidden;}
.Contactpage .ContactForm .input, .Contactpage .ContactForm  .Captcha{ width:330px; padding-left:95px;}
.Contactpage .ContactForm .text input{ width:180px;}
.Contactpage .ContactForm .textarea textarea{ width:230px;}
.Contactpage .ContactForm  .Captcha input{ width:97px;}

.Map{ width:255px; overflow:hidden; height:205px;}
.ContactMap { width:250px; overflow:hidden;}
.ContactBox{ background:#f3f3f3; padding:10px; margin:15px 0;}
.note{ background:#fdf7b5; border:2px solid #e8dc62; margin:0 auto; width:50%; text-align:center; padding:5px; font-family:"Trebuchet MS"; font-size:12px;}


.video_player{  padding:30px 0 10px; width:515px;}


.Links{ display:block; padding:15px 0;}
.LinksBox{ border-bottom:1px solid #efefef; padding:10px 0;}
.LinksBox .LinksThumb{ padding-right:15px;}
.Linksinfo h3 a{ color:#7E8900; }

.LinksThumb{ width:110px;}
.Linksinfo{ width:470px;}


.Hint{ display:block; margin:0; padding-bottom:20px; padding-left:7px; font-weight:700}