/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Project Title : Loop Design Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for Loop Design 
Copyright Atelier Studios Limited 2001-2007. All Rights Reserved.

	1.	Globals
	2.	Navigation 
	3.  Wrapper
	4.	Header
	5.	Side Bar
	6.	Content
	7.  Footer
	8.  Styling

----------------------------------------------------------------------------
(1) GLOBALS
--------------------------------------------------------------------------*/

html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color:#1A1A1A;	}

/* Reset all margins/padding */

* { 
	margin:0;
	padding:0; }

/*  Make for consistent list handling across different browsers. http://www.clagnut.com/blog/1287/
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */

ul, ol {
	padding: 0;
	margin: 0; }

/*  No borders on images */

img {
	border:0; }

/*----------------------------------------------------------------------------
(2) Navigation
--------------------------------------------------------------------------*/
div#navigation {
	float:left;
	width:600px;
	height:24px;
	background-image:url(/furniture/images/sitewide/navigationbg.jpg);
	background-repeat:repeat-x;
	padding-top:5px; }

div#navigation ul {
	padding-left:14px; }

div#navigation li {
	margin:0;
	padding:0 12px 0 0;
	list-style-type:none;
	display:inline; }	

div#navigation li a {
	text-decoration:none;
	color:#FFFFFF; }

div#navigation li a:hover {
	text-decoration:none;
	color:#f0027f; }

div#navigation li a.current {
	color:#f0027f; }
	  			
/*----------------------------------------------------------------------------
(3) Wrapper
--------------------------------------------------------------------------*/

#wrapper {
	width: 600px;
	margin: 0 auto;
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid black; }	

/*----------------------------------------------------------------------------
(4) Header
--------------------------------------------------------------------------*/

div#header {
	float:left;
	width:600px;
	height:149px; }

div#leftlogo {
	float:left;
	width:142px;
	height:149px;}

div#toplogo {
	float:left;
	width:458px;
	height:96px;
	border:none;}

div#flashlogo {
	float:left;
	width:297px;
	height:53px;
	background-image:url(/furniture/images/sitewide/red/logobg.jpg);
	background-repeat:no-repeat; }

a.logo {
	text-decoration:none !important;
	text-indent: -9000px;
	display:block;
	height:53px; width:297px;
	background-image:url(/furniture/images/sitewide/red/logobg.jpg);
	background-repeat:no-repeat;
	float:left; }
	
div#contactdetails {
	float:left;
	width:160px;
	height:48px;
	color:#525252;
	padding:5px 0 0 0;
	background-image:url(/furniture/images/sitewide/red/contactbg.jpg);
	background-repeat:no-repeat; }

div#contactdetails strong {
	font-weight:normal;
	color:#f0027f; }

div#contactdetails a {
	text-decoration:none;
	color:#525252; }

div#contactdetails a:hover {
	text-decoration:none;
	color:#f0027f; }
			
/*----------------------------------------------------------------------------
(6) Content
--------------------------------------------------------------------------*/

div#content {
	float:left;
	width:600px;
	height:386px; }

div#topcontent {
	float:left;
	width:540px;
	height:98px;
	background-color:#252525;
	padding:12px 30px 0 30px;
	color:#999999; }

div#topcontent strong {
	font-weight:normal;
	color:#FFFFFF; }

div#topcontent strong.blue {
	font-weight:normal;
	color:#00a0c6; }
	
div#topcontent_clients {
	float:left;
	width:600px;
	height:110px;
	background-image:url(/furniture/images/sitewide/testimonialsbg.jpg);
	background-repeat:repeat-x;
	color:#999999; }

div#topcontent a {
	text-decoration:none;
	color:#999999; }

div#topcontent a:hover {
	text-decoration:none;
	color:#00a0c6; }
	
div#topcontent_clients h2 {
	color:#666666;
	font-weight:bold;
	font-size:12px;
	padding:0; }

div#topcontent p {
	padding:3px 0 0 30px;
	line-height:14px; }

table.clients {
	color:#00A0C6;
	margin:15px 0 15px 0; }
		
div#middlecontent {
	float:left;
	width:600px;
	height:247px;
	background-image:url(/furniture/images/sitewide/middlecontentbg.jpg);
	background-repeat:repeat-x; }

div#middlecontent h2 {
	color:#666666;
	font-weight:bold;
	font-size:12px; }

div#middlecontent h2 a {
	text-decoration:none;
	color:#666666; }

div#middlecontent h2 a:hover {
	text-decoration:none;
	color:#00a0c6; }
	
div#bottomcontent {
	float:left;
	width:570px;
	height:25px;
	background-image:url(/furniture/images/sitewide/bottomcontentbg.jpg);
	background-repeat:repeat-x;
	padding:4px 0 0 30px;
	color:#FFFFFF;
	border:none; }

div#bottomcontent li {
	list-style-type:disc;
	list-style-position:inside;
	display:inline;
	background-image:url(/furniture/images/sitewide/bullet.jpg);
	background-repeat:no-repeat;
	padding-left:12px;
	background-position:0 5px;
	border:none; }

div#bottomcontent li.nothing {
	list-style-type:none !important;
	display:inline;
	background-image:none !important;
	padding-left:0;
	font-weight:bold;
	border:none; }
		
/*----------------------------------------------------------------------------
(7) Footer
--------------------------------------------------------------------------*/

div#footer {
	float:left;
	width:570px;
	height:35px;
	background-image:url(/furniture/images/sitewide/footerbg.jpg);
	background-repeat:repeat-x;
	color:#252525;
	padding:5px 0 0 30px;
	line-height:14px; }