@import url('reset.css');
@import url('slimbox2.css');



/*General----------------*/

body {background: url(../images/bg/bg.jpg) top center no-repeat #3b6fed scroll !important; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.8em; font-size: 12px;}
	h1 {font-size: 17px; color: #E1751D; }
		#content h1 {
			border-bottom: 2px dotted #FFFFFF;
			font-family: Cambira, Georgia, "Times New Roman", Times, serif;
			font-size: 17px;
			font-weight: bold;
			letter-spacing: 0.01em;
			line-height: 1.3;
			margin-bottom: 15px;
			padding: 0 0 10px;
			text-shadow: 1px 1px 1px #F6B466;
		}
		
		
	h2 {font-size: 12px; padding: 10px 0 20px 0;}
		body#patios-page h2, body#sheds-page h2 {padding: 20px 0;}
	h4 {font-size: 12px; display: block; background: #e7d5a5; padding: 0 0 0 10px; margin: 0 0 20px 0; font-style: italic;}
	p { padding: 10px;}
	ul li {padding: 0px; margin: 0px;}


/*Wrapper + Content general Style---------------*/

#container {width: 950px; margin: auto; display: block; padding: 8px 0 0 0;}
	#top {width: 914px; height: 170px; margin: auto;}
		#logo {float: left;}
		#callus {width: 520px; height: 46px; display: block; background: url(../images/img/img-callus.gif) top right no-repeat; margin: 0 0 39px 0;}
		
	#primary {width: 933px;  display: block; padding: 0 0 10px 0;}
		#content {width: 470px; min-height: 450px; float: right; padding: 0 0 50px 0;}
		#imgholder {width: 428px; display: block; padding: 0px 0 40px 0;}
			body#patios-page #imgholder, body#sheds-page #imgholder, body#special-page #imgholder  {padding: 0px;}
			#ctaenquiry {width: 214px; height: 73px; padding: 0 30px 0 0; float: right;}
			
		#thumbview {width: 922px; height: 80px; display: block; padding: 0 0 0 12px; float: left;}
			#thumbview img {border: 4px solid white;}
		




/* Navigation ------------*/

#nav {width: 520px; height: 58px; display: block;float: right;}
#nav li {float: left;}

	#nav .nav-home a,
	#nav .nav-patios a,
	#nav .nav-sheds a,
	#nav .nav-gallery a,
	#nav .nav-special a {display: block; text-indent: -9999px;}
	
		#nav .nav-home a {width: 65px; height: 58px;  background: url(../images/nav/nav-home.jpg) top center no-repeat;}
		#nav .nav-patios a {width: 81px; height: 58px; background: url(../images/nav/nav-patios.jpg) top center no-repeat;}
		#nav .nav-sheds a {width: 143px; height: 58px; background: url(../images/nav/nav-sheds.jpg) top center no-repeat;}
		#nav .nav-gallery a {width: 81px; height: 58px; background: url(../images/nav/nav-gallery.jpg) top center no-repeat;}
		#nav .nav-special a {width: 112px; height: 58px; background: url(../images/nav/nav-special.jpg) top center no-repeat;}
	
	
	#nav .nav-home a:hover,
	#nav .nav-patios a:hover,
	#nav .nav-sheds a:hover,
	#nav .nav-gallery a:hover,
	#nav .nav-special a:hover {background-position: 0px -58px;}
	
		body#home-page .nav-home a,
		body#patios-page .nav-patios a,
		body#sheds-page .nav-sheds a,
		body#gallery-page .nav-gallery a,
		body#special-page .nav-special a {background-position: 0px -58px;}

/*Footer-----------------------*/

#footer {width: 950px; border-top: 2px solid #99d9f0; padding: 10px 0 0 0;}
	#footerlink {width:460px; height: 33px;float: left; line-height: 1.5em; padding: 5px 0 0 10px ;}
		#footerlink a {text-decoration: none;color: #fff;}
		#footerlink a:hover {text-decoration: underline;}
		.alogo {float: left; padding: 5px;}
		.wflogo{width:67px; height: 21px; float: right;}
		#footerlink p {padding: 0px; font-size: 1em; color: #fff;}



/*Gallery----------------*/

ul#gallerythumb {width: 460px;}
ul#gallerythumb li {width: 104px; margin: 5px; float: left;}
	ul#gallerythumb li img {border: 2px solid white;}


/*Special ----------*/
#special1 {padding: 10px 0 0 0;}
	#special1 li, #special2 li {padding: 0 0 5px 0;}
#special2 {padding: 40px 0 0 0;}


#webcall{
	display: inline;
	float: right;
	margin-right: 40px;
	margin-bottom: 37px;
}

/*#patios-page #content, #sheds-page #content, #special-page #content{margin-top: 50px;}*/
#patios-page .type, #sheds-page .type{height: 230px;}
#special-page .type{height: 330px;}