*
{margin:0;
padding:0;}

a:link, a:visited
{text-decoration:none;
color:#ef167c;
font-weight:bold;}

img
{border:none;}

body
{font-size:62.5%;
background-color:#ffffcc;
font-family:helvetica, verdana, sans-serif;
color:#000033}

img.floatright, img.floatright2, img.floatleft
{float:right;
margin:0 5px 0 10px;
border:3px solid #ffff99;
background-color:#ffffcc;
padding:.5em 5px;}

img.floatright2
{margin:-6.5em 5px 0 10px;}

img.floatleft
{float:left;
margin:.5em 10px 0 5px;}

#container
{background-color:#289f9f;
width:779px;
margin:3em auto 0 auto;}

#branding
{background-image: url(images/largeheader.gif);
background-repeat:no-repeat;
background-color:#ffffcc;
float:left;
width:760px;
margin:0 0 0 0;
padding:10px 10px;}

/************************************LOGO*/
#branding #flag a
{display: block;
text-indent:-9999px;
margin:1.8em 0 0 20px;
width:200px;
background-image:url(images/flag-trans.png);
background-repeat:no-repeat;
height: 75px;}

p.giftcertificate
{float:right;
text-align:right;}

p.giftcertificate a
{padding:0 0 0 0;
display:block;
font-size:13px;
width:460px;}

blockquote.testimonial
{width:500px;
float:right;
clear:right;
padding:0 15px 0 0;
margin:0 -10px 0 0;
text-align:right;
font-size:14px;
font-style:oblique;}

#branding cite
{float:right;
margin:0 5px 0 0;}

/************************************Important Block Level Elements*/

#primary_content, #contact_page
{background-color:#9fd8d8;
background-image: url(images/primary_content_background.jpg);
background-repeat: repeat-x;
width:780px;
clear:left;}

#secondarycontent
{clear:both;
float:left;
margin:.8em 5px;
text-align:left;}

#secondarycontent a
{display:block;}

#secondarycontent div
{position:relative;
width:246px;
float:left;
margin:2px 4px;}

.secondary_description
{border:1px solid #ffff66;
margin:0;
padding:0;
height:204px;
width:248px;
position:relative;}

#learnmore .secondary_description
{background-image: url(images/learnmore.jpg);
background-repeat:no-repeat;}

#viewphotos .secondary_description
{background-image: url(images/viewphotos.jpg);
background-repeat:no-repeat;}

#ordersuit .secondary_description
{background-image: url(images/ordernow.jpg);
background-repeat:no-repeat;}

.tagline
{display:block;
padding:0 0 .5em 134px;
font-size:17px;
line-height:20px;
margin:0 3px 0 0;}

.tagline img
{position:absolute;
top:165px;}

#learnmore .secondary_description .tagline img
{left:135px;}

/************************************Photowrappers*/
#photowrapper
{float:right;
clear:left;
height:29em;
width:468px;
background-image:url(images/pool.jpg);
background-repeat:no-repeat;}

#photowrapper2 /*Picture facilitator for contact page*/
{float:right;
clear:left;
height:50em;
width:370px;
margin:0 0 0 0;
background-image:url(images/contact.jpg);
background-repeat:no-repeat;
background-position:top right;}

/************************************NavigationElements*/
ul#navigation
{list-style-type:none;
display:block;
float:left;
clear:left;
padding:0 0 .4em 0;
background-color:#239c9c;
background-image:url(images/shadow.gif);
background-repeat:no-repeat;
background-position:bottom;
width:780px;
margin:0 0 0 0;}

ul#navigation li
{float:left;}

ul#navigation li a
{text-decoration:none;
display:block;
float:left;
width:129px;
font-size:16px;
padding:.5em 0 .1em 0;
margin:0 1px 0 0;
text-align:center;
background-image:url(images/yellow-gradient.gif);
background-repeat:no-repeat;
color:#000033;
font-weight:bold;
letter-spacing:1px;}

ul#navigation a:hover, div#container #t_on a
{background-color:#FBFF7C;
background-image:url(images/tab.gif);
background-repeat:no-repeat;}

ul#featureslist
{margin:.5em 20px;
font-size:1.5em;
width:450px;
list-style-type:square;
list-style-position:inside;}

ul#featureslist li
{margin:.5em 0;}

ul#echomeasurements
{list-style-type:none;
margin:0 0 0 10px;
font-size:1.5em;}

/**********************************Headers and Paragraph elements*/
h1
{text-align:left;
clear:left;
margin:.5em 10px;
font-weight:bold;
padding:1em 0 0 0;
width:290px;
font-size:18px;}

h1.leadingstatement
{width:97%;}

h2
{margin:.7em 10px;
font-size:16px;}

#secondarycontent h2
{background-image:url(images/header.gif);
background-repeat:no-repeat;
padding:.6em 0 .3em 10px;
margin:.3em 0 0 0;
font-weight:bold;
font-size:1.6em;
width:248px;
letter-spacing:1px;}

p
{font-size:1.5em;
margin:.5em 10px;
line-height:1.4em;}

p#contact_introduction
{font-size:1.4em;
text-align:left;
padding:.5em 0;
width:350px;
line-height:1.5em;}

p#thankyou
{width:350px;}

.warning
{color:#cc0000;
width:350px;
font-weight:bold;}

.question
{font-weight:bold;}

.bottomquote
{clear:both;
text-align:center;
width:97.5%;
background-image: url(images/gradient2.gif);
background-repeat:repeat-x;
background-color:#8dcde1;
padding:.5em 10px;
margin:0 0;
font-size:15px;
font-weight:normal;
font-style:oblique;
border-top:1px solid #ffff99;}

/***************************************Farbics Page Table Elements*/
table
{margin:0 0 0 40px;}

td
{text-align:center;
font-size:1.4em;
font-weight:normal;}

td img
{padding:.5em 5px;
margin:.5em 5px;
border:1px solid #ffff99;}

/********************************************Form Elements*/

form#feedback
{width:400px;}

form label
{display:block;
font-size:1.5em;
font-weight:bold;
margin:.3em 0 0 10px;}

form input, textarea
{margin:.3em 0 0 10px;}

#measurements label
{display:block;
margin:0 0 .3em 0;}

#measurements input
{display:inline-block;
margin:0 0 .5em 0;
padding:.1em 0 0 0;
font-size:1.8em;}

fieldset#measurements select
{width:120px;
margin:0 0 .5em 0;
font-size:1.8em;
display:inline-block;}

#measurements p
{margin:.3em 0;}

form#order-form
{margin:0 0 0 0;
width:98%;}

form fieldset
{border:none;
border-top:1px solid #ffff99;
margin:5px;
padding:13px;
width:98%;}

form#order-form ol
{list-style-type:none;}

form#order-form #measurements ol li
{border-bottom:1px solid #ffff99;}

form#order-form legend
{font-size:2em;
color:#000033;}

form#order-form #fabric ol {
width:750px;}

form#order-form #fabric li {
border: none;
clear: none;
float: left;
margin:.5em 35px 0 0;
text-align: left;
width: 150px;}

form#order-form #fabric label {
background: #32a3a3;
display: block;
margin:0 0 0 0;
padding:.3em 0;
width:150px;
text-align:left;
font-size: 10px;}

form .submit-buttons 
{border:none;
margin:0;}

form .submit-buttons input 
{border-bottom: 3px double #999;
border-left: 3px double #aaa;
border-right: 3px double #aaa;
border-top: 3px double #ccc;
color: #000033;
font-size: 16px;
font-weight: bold;
padding: 3px 7px;
margin:0;}

/*******************************Products Prices on About Page*/
#products
{margin:1.5em 10px 0 0;
width:265px;
float:right;}

#primary_content #products .item 
{background: url("images/rounded-corners-light.png") no-repeat center top;
color: #000033;
margin: 0 0 1em 0;
padding: 15px 0 0;
position: relative;
width: 250px;}

#primary_content #products .item .inner 
{background: url("images/rounded-corners-light.png") no-repeat center bottom;
margin: 0;
padding: 0 0 15px;}

#primary_content #products .item h2 
{background: #3ea9aa;
margin: 0;
padding: 0 115px 0 25px;
font-size: 1.5em;}

#primary_content #products .item .price {
font-size: 2.8em;
position: absolute;
right: 15px;
top: 15px;}

#products img
{padding:0 0 0 0;
margin:10px 0 10px 0;}

p.footnote
{font-size:1.2em;
float:left;
margin:0 0 0 0;
line-height:1.4em;}

#products a
{color:#ffffff;}

/************************************SITE INFO FOOTER*/
#company_info
{width:779px;
height:5em;
position:relative;
clear:both;
margin:0 auto 4em auto;
background-color:#ffffcc;}

ul#bottomnavigation
{text-align:right;
float:right;
width:410px;
margin:0;
padding:0;
clear:left;}

ul#bottomnavigation li
{margin:.2em 5px;
margin:0;
display:inline;}

ul#bottomnavigation li a
{font-size:15px;
padding:0;
margin:0;}

ul#bottomnavigation li a:hover
{text-decoration:underline;}

p#site_info
{margin:0 0 0 0;
padding:0 0 2.4em 28px;
font-size:12px;
clear:both;
background-image:url(images/ribbon.gif);
background-repeat:no-repeat;
position:absolute;}

p#site_info a.developer
{font-weight:normal;
font-size:9px;}

/******************************************LIGHTBOX*/
#lightbox
{position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer
{position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;}

#imageContainer
{padding: 10px;}

#loading
{position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;}

#hoverNav
{position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink
{width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer
{font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;}

#imageData
{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay
{position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;}

.clearfix:after 
{content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

* html>body .clearfix 
{display: inline-block; 
width: 100%;}

* html .clearfix 
{/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */}	

ul#fabrics
{width:90%;
margin:0px 35px;
float:left;
list-style-type:none;}

ul#fabrics li
{width:154px;
float:left;
display:block;
margin:8px;
text-align:center;}

ul#fabrics li img
{border:1px solid #ffff99;
padding:3px;}

ul#fabrics li span
{display:block;
font-size:16px;}