﻿@charset "utf-8";
/* Author: Bamboo Solutions */
/* Email: info@bamboosolutions.co.uk */

* 	 { padding:0; margin:0; border:0;}
body { font-family:Arial, Helvetica, sans-serif; background-color:#8c002f; color:#ffffff; font-size:12px; line-height:18px; }
a:focus { outline:none; }

/* fix the clear float on container div issues */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { height: 1%; }
h1 span, h2 span, a span { display:none;}
p { margin-bottom:20px;}
/* to fix duplicate text bug apply margin of -3px to the last float:left element */

/* Headers */
.headerContainer	{ width:100%; height:114px; background:url(/images/backgroundHeader.jpg) repeat-x; }
.header 			{ height:114px; width:886px; margin:auto; }
.header h1 			{ display:block; float:left; height:114px; width:429px;  background:url(/images/h1FinishingTouches.jpg);}
.header a 			{ display:block; float:right; height:114px; width:354px; background:url(/images/contactUsLink.jpg);}

.navContainer		{ width:100%; height:58px; background:url(/images/backgroundNav.jpg) repeat-x; }
.nav 				{ height:58px; width:886px; margin:auto; }
.nav ul      	    { display:block; width:100%; height:58px; }
.nav ul li    		{ float:left; list-style-type:none; height:58px; }
.nav ul li a  		{ display:block; height:58px; }

#btnHome   			{ background:url(/images/btnHome.jpg); width:95px; margin-right:62px;}
#btnBalloonArt			{ background:url(/images/btnBallonArt.jpg); width:118px;  margin-right:54px;}
#btnChairCovers		{ background:url(/images/btnChairCovers.jpg); width:203px; margin-right:58px;}
#btnMonograms			{ background:url(/images/btnMonograms.jpg); width:132px; margin-right:46px;}
#btnSashClips			{ background:url(/images/btnSashClips.jpg); width:118px;}

.mainContainer		    { width:100%; }
.mainContainer#homepage	{ background:url(/images/backgroundMainContainerHomepage.jpg) top repeat-x; }
.mainContainer#homepage .main { background:url(/images/backgroundmainHomepage.jpg) top repeat-x; }
.main				    { min-height:300px; width:886px; margin:auto; }
.main h2 			    { display:block; height:64px;}
.main h2#h2welcome        { background:url(/images/h2Welcome.jpg) no-repeat;}
.main h2#h2balloonArt     { background:url(/images/h2BalloonArt.jpg) no-repeat;}
.main h2#h2ChairCovers     { background:url(/images/h2ChairCovers.jpg) no-repeat;}
.main h2#h2Monograms		 { background:url(/images/h2monograms.jpg) no-repeat;}
.main h2#h2sashClips  { background:url(/images/h2SashClips.jpg) no-repeat;}

.leftContent   { width:480px; float:left; min-height:530px; height:auto; }
.leftContent a { float:left; width:80px; height:106px; display:block; margin:0 16px 16px 0;}
.leftContent img { border:#a12e55 1px solid; float:left; margin:0 13px 13px 0;}

.rightContent {float:right; width:396px;  min-height:530px; height:auto; }
.rightContent img {margin:0 0 0 21px; border:#a12e55 1px solid;}


#description { height:115px; }

#footer { float:left; height:62px; width:886px; display:block; background:url(/images/backgroundFooter.jpg); margin:22px 0 0 0;}