@charset "UTF-8";
/* CSS Document */

/* Rayon Office Interiors */

/* Website Design and build by Creare */

/* Reset */
*										{ margin: 0; padding: 0; }
body									{ background: url(images/bg.jpg) repeat-x #F3F3F3; font-size: 68%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 400;
 }
img										{ border: none; outline: none; }
a										{ outline: none;  }

/* Typography */
h1, h2, h3								{ font-weight: normal; color: #333; }
h2, h3									{ font-size: 1.5em; margin: 0 0 10px; }
p										{ color:#666; }
.sidebarhead							{ text-transform: uppercase; font-weight: 700; color:#333; }
.number									{ color: #F98000; font-size: 1.4em; font-weight: bold; }
.orange									{ color: #F98000; }
.footerhead								{ font-weight: bold; font-size: 1.2em; border-bottom: 1px solid #CCC; padding: 0 0 4px 0; margin: 0 0 5px 0; }
.orangeheading, .blackheading			{ color: #F98000; font-weight: 500; font-size: 1.6em; }
.blackheading							{ color: #333; }
.subheading								{ color: #333; font-size: 1.4em; padding: 0 0 4px 0; }
a										{ color: #F98000; text-decoration: underline; }
.bold									{ font-weight: bold; }
#maincontent p							{ margin: 0 0 10px 0; color: #666; }
#maincontent .fauxheader				{ font-size: 1.2em; color: #333; }
#maincontent .subheading				{ color: #333; }
.success								{ color:#390; }
.miniheader								{ font-size: 0.8em; }
.fuaxh1									{ font-size: 2.4em; margin: 0;}
.fuaxh2									{ font-size: 1.5em; margin: 0 0 10px; }
/* Lists */	
ol										{ margin: 0 0 10px 20px; color: #999; }
.leftlist, .rightlist					{ float: left; width: 140px; overflow: hidden; color: #999; }
.rightlist								{ float: right; }
.leftlist li, .rightlist li				{ list-style-image: url(images/bullet.gif); margin: 0 0 0 25px; }


/* Structure */
#pagewrap								{ width: 940px; margin: 0 auto; overflow: hidden; }
.clearwrap								{ clear: both; overflow: hidden; }

/* Header */
#header									{ width: 940px; height: 80px; clear: both;  }
#logo									{ width: 176px; height: 58px; float: left; margin: 10px 0 0 0; }
#mainnav								{ float: right; margin: 35px 0 0 0; }
#mainnav li								{ list-style-type: none; display: inline; padding: 3px; }
#mainnav li a							{ text-decoration: none; text-transform: uppercase; font-size: 1em; color: #333; font-weight: 500; }
#mainnav li a:hover						{ color: #FD930C; position: relative; top: -1px; }

/* Flash Area */
#flasharea								{ width: 940px; height: 310px; margin: 25px 0 0 0; clear: both; }
#flash									{ width: 690px; height: 300px; float: left; background: #E8E8E8; padding: 6px 6px 5px 4px; }
#signposts								{ float: right; width: 220px; }
#signposts li							{ list-style-type: none; width: 220px; height: 69px; background: #666; margin: 0 0 11px 0; display: block; }
#signposts li a							{ display: block; width: 220px; height: 69px; overflow: hidden; text-indent: -9999px; background: url(images/signpostbg.jpg); }

#signposts .completerefurb a		    { background-position: 0 -414px; }
#signposts .completerefurb a:hover		{ background-position: 0 -483px; }
#signposts .officepartition a			{ background-position: 0 276px; }
#signposts .officepartition a:hover     { background-position: 0 207px; }
#signposts .mezzaninefloor a			{ background-position: 0 -138px; }
#signposts .mezzaninefloor a:hover		{ background-position: 0 -207px; }
#signposts .officefurniture a			{ background-position: 0 0; }
#signposts .officefurniture a:hover		{ background-position: 0 -69px; }


/* Main Content */
#contentwrap							{ width: 940px; overflow: hidden; clear: both; }
#maincontent							{ width: 690px; float: left; overflow: hidden; padding: 0 0 0 5px; }
	#h1box								{ background: #FFF; border: solid 1px #CCC; padding: 20px; }
	.leftcontentbox, .rightcontentbox	{ width: 297px; border: solid 1px #CCC; float: left; background: #FFF; padding: 20px; margin: 10px 0 0 0; }
	.rightcontentbox					{ float: right; }
.productbox								{ background: #FFF; width: 648px; height: auto; float:left; overflow: hidden; clear:left; border: solid 1px #CCC; padding: 20px 20px 10px 20px; margin: 5px 0 0 0;  }
.productbox img							{ margin: 5px 15px 10px 5px; float: left; }

/* Sidebar */
#sidebar								{ width: 221px; float: right; overflow: hidden; }
.sidebarbox								{ width: 221px; border-bottom: solid 1px #CCC; font-weight: 400; line-height: 1.5em; }

/* Seperator */									
#seperator, #area						{ border-top: 1px solid #CCC; text-align: center; margin: 10px 0 0 0; padding: 5px 0 0 0; }
#seperator a							{ color: #CCC; }

#area ul li 				 			{ display: inline; padding: 0 5px 0 5px; }

/* mini Form */
.minilabel								{ color:#333333; display:block; font-size:0.8em; font-weight:bold; line-height:30px; text-transform:uppercase; width:221px; margin: 7px 0 7px 0; padding: 0; height:30px; }
.minilabel span 						{ float:left; display:inline; width:auto }
.miniformstyle							{ border:1px solid #CCCCCC; float:right; padding:6px; margin: 0px; display: inline; width: 150px; }
.continue								{ margin: 10px 0 10px 0; background: url(images/continue.gif) 0 0; width:97px; height: 29px; border: none; text-indent: -9999px; overflow: hidden; display: block;cursor: pointer; font-size: 0; display:block; line-height: 0; }
.continue:hover							{ background-position: 0 bottom; }							

/* footer */
#footer									{ border-top: solid 1px #CCC; margin: 10px 0 10px 0; padding: 10px 0 0 0; overflow: hidden; }
.footerbox								{ width: 313px; float: left; overflow: hidden;  }
.footermiddlebox						{ width: 303px; float: left; overflow: hidden; padding: 0 5px 0 5px; }
#footerimage							{ width: 100%; height: 37px; background: url(images/footerbg.gif) repeat-x; }
.footerlist li a						{ color: #666; text-decoration: none; }
.footerlist li a:hover					{ color: #F98000; position: relative; left:1px; } 

/* Contact us */
#contactmaincontent						{ width: 940px; }
.contactrightcolumn						{ width: 538px; float: right; background: #FFF; border: 1px solid #CCC; padding: 20px; margin: 10px 0 0 0; overflow: hidden; }
#openhoursbox							{ width: 45%; float: right; }
#addressbox								{ width: 45%; float: left; }
label									{ color:#333333; display:block; font-size:0.8em; font-weight:bold; line-height:30px; text-transform:uppercase; width:305px; margin: 7px 0 7px 0; padding: 0; height:30px; }
label span 								{ float:left; display:inline; width:auto }
.messagelabel							{ height: 162px; }
fieldset								{ border: none; outline: none; clear: both; }
.reload									{ line-height: 65px; float: left; }
.captchaimg								{ float: right; margin: 10px 0 10px 0; }
.formstyle								{ border:1px solid #CCCCCC; float:right; padding:6px; margin: 0px; display: inline; width: 200px; font-family:arial;font-size:1.3em; color: #666; }
.submitbutton							{ float: left; margin: 15px 0 0 0; background: url(images/submit.gif) 0 0; width:147px; height: 29px; border: none; text-indent: -9999px; overflow: hidden; display: block;cursor: pointer; font-size: 0; display:block; line-height: 0; }
.submitbutton:hover						{ background-position: 0 bottom;  }
.linkbox								{ background:#F49328; border: solid 1px #999; padding: 10px; }
.confirmmessage							{ margin: 10px 0 20px 0; color: #000000; }

.field input							{ border:1px solid #CCCCCC; float:right; padding:6px; margin: 0px; display: inline; width: 200px; font-family:arial;font-size:1.3em; color: #666; }
.field textarea							{ border:1px solid #CCCCCC; float:right; padding:6px; margin: 0px; display: inline; width: 200px; font-family:arial;font-size:1.3em; color: #666; }
#capt									{ width: 200px; clear: both; width: 305px; line-height:22px; }
.field									{ clear: both; }
.error									{ color: #900; float: left; }