/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

a
{
	outline:none;
}


/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 850px;
	padding: 0;
}

div#site_container {
	background-image: url(/site/img/bg.gif);
	clear: left;
	width: 850px;
	background-repeat:repeat-y;
	background-position: left top;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks
{
	height: 2em;
}
 
div#skiplinks p
{
	color: #ccc;
	line-height: 2em;
	margin-bottom: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.833em;
	padding-left: 10px;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}



/* header block */
/*******************************************************************************/
div#header_container
{
	height: 95px;
	width: 940px;
}

img#logo
{
	float: left;
}

/* nav block */
/*******************************************************************************/

div#nav_container {
	
}



div#nav_container ul li {
	list-style: none;
	float: left;
}

div#nav_container ul li a {
	display: block;
	text-indent: -5000px;
	height: 95px;
	width: 96px;
	padding: 0 10px 0 10px;
}

div#nav_container ul li#home_hover {
	background:url(/site/img/home-nav.jpg)  no-repeat;
	margin-left: 25px;
}

div#nav_container ul li a#home_active {
	background:url(/site/img/home-grey.jpg)  no-repeat;
}

div#nav_container ul li#awnings_hover {
	background:url(/site/img/awnings-nav.jpg)  no-repeat;	
}

div#nav_container ul li a#awnings_active {
	background:url(/site/img/awnings-grey.jpg)  no-repeat;
}


div#nav_container ul li#gallery_hover {
	background:url(/site/img/gallery-nav.jpg)  no-repeat;	
}

div#nav_container ul li a#gallery_active {
	background:url(/site/img/gallery-grey.jpg)  no-repeat;
}



div#nav_container ul li#vshowroom_hover {
	background:url(/site/img/vshowroom-colour.jpg)  no-repeat;	
}

div#nav_container ul li a#vshowroom_active {
	background:url(/site/img/vshowroom-grey.jpg)  no-repeat;
}


div#nav_container ul li#contact_hover {
	background:url(/site/img/contact-us-nav.jpg)  no-repeat;	
}

div#nav_container ul li a#contact_active {
	background:url(/site/img/contact-us-grey.jpg)  no-repeat;
}


div#nav_container ul li#videos_hover {
	background:url(/site/img/videos-colour.jpg)  no-repeat;	
}

div#nav_container ul li a#videos_active {
	background:url(/site/img/videos-grey.jpg)  no-repeat;
}

div#nav_container ul li#terrazza_hover {
	background:url(/site/img/terrazza-on.jpg)  no-repeat;	
	position: relative;
	left: 0;
	bottom: -20px;
	float: right;
}

div#nav_container ul li a#terrazza_active {
	background:url(/site/img/terrazza-off.jpg)  no-repeat;
}



div#nav_container ul li#home_hover a:hover,
div#nav_container ul li#awnings_hover a:hover,
div#nav_container ul li#vshowroom_hover a:hover,
div#nav_container ul li#gallery_hover a:hover,
div#nav_container ul li#contact_hover a:hover,
div#nav_container ul li#videos_hover a:hover,
div#nav_container ul li#terrazza_hover a:hover
{
	background: none;
}


div#nav_container ul#home_on a#home_active, 
div#nav_container ul#awnings_on a#awnings_active,
div#nav_container ul#gallery_on a#gallery_active,
div#nav_container ul#vshowroom_on a#vshowroom_active,  
div#nav_container ul#contact_on a#contact_active,
div#nav_container ul#videos_on a#videos_active,
div#nav_container ul#terrazza_on a#terrazza_active
{
	background: none;
}




/* body block */
/*******************************************************************************/
div#body_container
{
	float:left;
	width: 420px;
	padding: 38px 0 10px 24px;/*40px right */
}

/* sidebar block */
/*******************************************************************************/
div#sidebar
{
	clear: left;
	background-image:url(/site/img/sidebar-bg.gif);
	background-repeat:repeat-y;
	float:left;
	width: 200px;
	text-align: center;
	padding-bottom: 120px;
}

div#sidebar-top {
	background-image:url(/site/img/sidebar-top.gif);
	background-repeat:no-repeat;
	width:200px;
	height:19px;
}

div#sidebar img {
	padding: 10px 0 0px 0 ;
}

div#sidebar img.top {
	padding-top: 0px;
}

div#sidebar-link {
	border-top: solid 1px #EBEBEB;
	width: 160px;
	height: 2px;
	margin: 10px 0 10px 24px;
}


/* flash */
/*******************************************************************************/
div#flash_container
{
	padding-left: 8px;
}



/* footer */
/*******************************************************************************/
div#footer_container
{
	background-image:url(/site/img/footer-bg.jpg);
	background-repeat:no-repeat;
	position:absolute;
	width: 750px;
}

div#footer_container p
{
	color:#7C7C7C;
	font-size: 0.83em;
	margin-bottom: 4px;
}

div#sidebar_footer {
	background-image:url(/site/img/sidebar-footer.jpg);
	background-repeat:no-repeat;
	width: 200px;
	height: 130px;
	position: relative;
	bottom: 130px;
	margin-top: 15px;
}

div#footer_navigation, div#footer_dbs, div#footer_copyright {
	position: relative;
	left: 225px;
	bottom: 110px;
	width: 500px;
}

div#footer_container a,
div#footer_container a:link,
div#footer_container a:active {
	color:#7C7C7C;
	font-weight: normal;
}

div#footer_container a:hover {
	color: #000;
}

/* Link styling */

a, a:link, a:active, a:visited {
	color:#059191;
	font-weight: normal;
}

a:hover {
	color: #383838;
}

/* Gallery thumbnail layout */

img.product {
	margin-right: 20px;
	margin-bottom: 20px;
}