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

Created : 03/03/2007
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

body {
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		width:100%;
		height:100%;
		line-height:14px;
		
}

/* 
Reset all margins/padding */
* { 
		margin:0;
		padding:0;
}

	
/* 
Make for consistent list handling across different browsers.
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */
ul, ol {
    	padding-left:1em;
    	margin-left: -10px;
}

/* 
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1{
	color:#007088;
	font-size:12px;
}

h2{
	color:#007088;
	font-size:12px;
}

h3{
	color:#007088;
	font-size:12px;
}

h4{
	color:#007088;
	font-size:12px;
}

h5{
	color:#007088;
	font-size:12px;
}

h6{
	color:#007088;
	font-size:12px;
}



p{
}

a{
	
}

/* 
Links: Always implement all four states through-out this stylesheet */
a:link {color:#007088; text-decoration:none;}
a:visited {color:#007088; text-decoration:none;}
a:hover {color:#007088; text-decoration:underline;}
a:active {color:#007088; text-decoration:none;}


hr {
		background-color:#E7F3FE;
		height: 1px;
		border: 0;
		margin:5px 0 7px 0;
		}

/* 
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.background1 {
		background-image:url(/furniture/images/sitewide/back-main.gif);
		background-repeat:no-repeat;}

.background2 {
		background-image:url(/furniture/images/sitewide/back-contact.gif);
		background-repeat:no-repeat;}

.background3 {
		background-image:url(../images/sitewide/back-careers.gif);
		background-repeat:no-repeat;}
		
.background4 {
		background-image:url(../images/sitewide/back-hottopics.gif);
		background-repeat:no-repeat;}

.titleLarge {
		color:#007088;
		font-size:12px;}

.navigation {color:#007088; font-size:12px; width:600px;}
.navigation a:link {color:#007088; font-size:12px;}
.navigation a:visited {color:#007088; font-size:12px;}
.navigation a:hover {color:#007088; font-size:12px;}
.navigation a:active {color:#007088; font-size:12px;}

.internalImage {
		float:right;
		margin-right:10px;
}

div#_details label.formLabel {
		font-size:10px !important;
		}

.column1, .column2, .column13 {
float:left;
padding-right:15px;
}

#personSubtitle {
padding-top:10px;
}

.search {	
position:absolute;
top:30px;
left:737px;
width:220px;
text-align:right;}

/* 
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#wrapper {
			text-align:left;
			margin: 0 auto;
			width:968px;
			position:relative;
}

div#menu {
		position:absolute;
		left:30px;
		top:240px;
		}

div#contentWrapper {
			width:840px;
			height:570px;
			float:right;
}

div#contentPadding {
			padding-left:150px;
			padding-right:80px;
			
			line-height:14px;
			display: table; height: 570px; #position: relative; overflow: hidden;
}

div#contentPaddingInternal {
			padding-left:150px;
			line-height:14px;
}

/* Vertically align content middle */
.verticalFull {
		display: table; height: 570px; #position: relative; overflow: hidden;
}

.verticalInternal {
	display: table; height: 413px; #position: relative; overflow: hidden;
	scrollbar-face-color: #88B3B0;
  scrollbar-highlight-color: #A3D6D3;
  scrollbar-shadow-color: #A3D6D3;
  scrollbar-3dlight-color: #A3D6D3;
  scrollbar-arrow-color:  #A3D6D3;
  scrollbar-track-color: #A3D6D3;
  scrollbar-darkshadow-color: #A3D6D3;
}


div.background2 .verticalInternal {
	scrollbar-face-color: #BB7E8D;
  scrollbar-highlight-color: #DF96A8;
  scrollbar-shadow-color: #DF96A8;
  scrollbar-3dlight-color: #DF96A8;
  scrollbar-arrow-color:  #DF96A8;
  scrollbar-track-color: #DF96A8;  
  scrollbar-darkshadow-color: #DF96A8;
}

div.background3 .verticalInternal {
	scrollbar-face-color: #8F8886;
  scrollbar-highlight-color: #AFA6A4;
  scrollbar-shadow-color: #AFA6A4;
  scrollbar-3dlight-color: #AFA6A4;
  scrollbar-arrow-color:  #AFA6A4;
  scrollbar-track-color: #AFA6A4;  
  scrollbar-darkshadow-color: #AFA6A4;
}

div.background4 .verticalInternal {
	scrollbar-face-color: #C7AE6C;
  scrollbar-highlight-color: #EED181;
  scrollbar-shadow-color: #EED181;
  scrollbar-3dlight-color: #EED181;
  scrollbar-arrow-color:  #EED181;
  scrollbar-track-color: #EED181;  
  scrollbar-darkshadow-color: #EED181;
}


#verticalOuter {
		 #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
}

#verticlInner {
		#position: relative; #top: -50%; 
}

/* Vertically align content middle ends */
div#internal {
			padding: 60px 0 0 0;
}

#navigation h2, p {
		margin-bottom:0;
		}

div#internalHeader {
			margin-left:5px;
			margin-bottom:20px;
			}
			div#internalHeader h2, p {
			margin-bottom:0;
			}
			div#internalHeader p {color:white; font-size:1.1em; }
			div#internalHeader p.navigation a:link {font-size:1.1em; color:white}
			div#internalHeader p.navigation a:visited {font-size:1.1em; color:white}
			div#internalHeader p.navigation a:hover {font-size:1.1em; color:#007088}
			div#internalHeader p.navigation a:active {font-size:1.1em; color:#007088}
			div#internalHeader p.navigation a.selected {font-size:1.1em; color:#007088 !important} 

div#internalContent {
			width:300px;
			}
			/* Format content tags */
			div#internalContent h1, h2, h3, h4, h5, h6, p, ul, ol{
			margin-bottom:10px;
			}
			div#internalContent ul li p, ol li p{
			margin-bottom:0 !important;
			}
			div#internalContent ul, ol {
			padding:0;
			margin: 0 0 10px 10px;
			color:#007088;
			}
			div#internalContent a:link {text-decoration:none;}
			div#internalContent a:visited {text-decoration:none;}
			div#internalContent a:hover {text-decoration:underline; }
			div#internalContent a:active {text-decoration:none;}
			

			
div#footer {
	float:left;}

div#footer p{
	clear:both;
	color:#868789;
	float:left;
	width:840px;
	margin-left:128px;
	}

div#footer a:link {color:#868789;}
div#footer a:visited {color:#868789;}
div#footer a:hover {color:#868789;}
div#footer a:active {color:#868789;}

ul#footerNav {
		list-style-type:none;
		background-image:url(/furniture/images/sitewide/back-footer.gif);
		background-repeat:no-repeat;
		height:22px;
		clear:both;
		padding:3px 0 0 10px;
		margin-left:128px;
		width:800px;
		
		}
		ul#footerNav li{
		float:left;
		display:inline;
		}
		ul#footerNav li.link1 { display:block; width: 5px;}
		ul#footerNav li.link2 {display:block;margin-right:40px}
		ul#footerNav li.link3 {display:block;}
		
		ul#footerNav a:link{color:white; font-weight:bold; text-decoration:none;}
		ul#footerNav a:visited{color:white; font-weight:bold;  text-decoration:none;}
		ul#footerNav a:hover{color:#007088; font-weight:bold;  text-decoration:none;}
		ul#footerNav a:active{color:white; font-weight:bold;  text-decoration:none;}
		
		ul#footerNav a.selected {color:#007088 !important; font-weight:bold;  text-decoration:none;}
		
#footerEmail {
		margin: 0 20px 0 10px;
		}
#footerCopyright {
		margin-left:20px;
		}

#case-study {
	width:250px;}

#news {
	width:250px;}

#news h2 {
	padding:10px 0 0 0;}

#news img {}

	#news a:link{color:#007088;  text-decoration:none;}
	#news a:visited{color:#007088;   text-decoration:none;}
	#news a:hover{color:#007088;  text-decoration:none;}
	#news a:active{color:#007088;   text-decoration:none;}
	

div#main_content_panel {
	width:295px;
	height:413px;
	padding:0 10px 0 5px;
	overflow:auto;
	}
	div#main_content_panel ul li {
	list-style:none;
	background-image:url('/furniture/images/buttons/li.gif');
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding-left:10px;
	color:#000000;	
	}

#product_list {
	margin:0 !important;
	width:110px;
	padding:0;
}

div#downloads {}

	#downloads a:link{color:#007088;  text-decoration:none;}
	#downloads a:visited{color:#007088;   text-decoration:none;}
	#downloads a:hover{color:#007088;  text-decoration:none;}
	#downloads a:active{color:#007088;   text-decoration:none;}

#downloads ul li {
	color:#000000;
}

div#form_details {
}
	
#form_details .inputfield {
	width:150px;
	border:1px solid #007088;
	background-color:#fff;
	margin-bottom:5px;
	padding-top:1px;
	padding-left:2px;
	height:18px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#007088;}
	
#form_details textarea.inputfield {
  height: auto;
}
	
div#form_details label.formLabel {
	width:95px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px !important;
	padding-bottom:2px;}


div#hot_topics_comments1 {
	background-color:#d0e7ec;
	padding:5px;
	border-top:1px solid #74b2d1;
	border-bottom:1px solid #74b2d1;
	margin-bottom:5px;}
	
div#hot_topics_comments2 {
	background-color:#d0e7ef;
	padding:5px;
	border-top:1px solid #74b2d1;
	border-bottom:1px solid #74b2d1;
	margin-bottom:5px;}

div#shirtstories_menu {
	background-color:#CC6699;}

div#shirtstories {
	position:absolute;
	top:78px;
	left:593px;
	width:365px;}

div#shirtstories_image {
	width:365px;
	height:272px;
	background-color:#7fbbc8;}

div#shirtstories_text {
	width:365px;
	height:237px;
	background-color:#7fbbc8;
	background-repeat:no-repeat;
	background-image:url(../images/sitewide/short-stories-background.gif);
	background-position:right;}

div#shirtstories_text p {
	padding-left:10px;}

#personContent {
	padding-left:10px;
	padding-right:10px;}

#personSubtitle {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	font-weight:normal;
	margin:0;
	color:#FFFFFF;}

#personName  {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0;
	padding-right:10px;
	font-weight:normal;
	margin:0;
	color:#FFFFFF;}

.floatimageleft {
	float:left;
	padding:0 20px 0 0;}

/* 
END LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels 
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - -
 - - - - - - - - - - - - - - - - - - - - */


.text {
	color:#FF9966;}


input.formField {
		display: block;
		width: 80px;
		float: left;
		font-size:10px;
		color:#555;
}

table {
	font-size:1.0em;
	color:#000000;}

td {
	font-size:11px;}

br.formBR {
		clear: left;
}
/* 
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
HEADINGS & IMAGE REPLACES
Refer to site-map for all headers. Ensure consitent casing.
NOTE: Heading naming convention - #heading_human_name_title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#logo {

			  text-indent: -5000px; overflow:hidden; 
			  display:block; width: 123px; height:62px; text-decoration: none;
			  background-image:url(/furniture/images/sitewide/logo.gif); 
			  background-repeat:no-repeat;			  
			  }
/* 
END HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.checkBoxList {
  
}

.checkBoxList label {
  width: auto;
  padding: 3px 0 0 0;
  margin: 0;
  display: inline;
  padding-left: 10px;
}

.checkBoxList input {
  display: inline;
  float: left;
  clear: both;
}

div.homepageTitle {
		position: relative;
		top: -20px;
}


/* 
REPLACED ELEMENTS FOR USERS WITHOUT FLASH
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#headerNoFlash {
		width:150px;
		height:100px;
		padding: 10px 0 0 20px;
		color:black;
		text-align:center;
		line-height:16px;
		}
		#headerNoFlash p, #headerNoFlash img{
		margin: 20px 0;
		}
		#headerNoFlash a{
		color:orange;
		font-size:1em;
}
/*