/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #d1eaea url("images/bg-body.gif") left top repeat-x;
	text-align:left; 
	font:12px/16px Arial, Verdana, Helvetica, sans-serif; 
	color:#515151; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

p a:link, p a:visited { color:#10798a; text-decoration:underline; outline:none; }
p a:hover, p a:active { color:#10798a; text-decoration:none; outline:none; }


/* global classes
 * ------------------------------------------------------------------------- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }
	 
p.top { text-align:right; display:block;}

			   
/* Main framework
 * ------------------------------------------------------------------------- */

#wrap { background: url("images/bg-wrap.jpg") left top repeat-y; width:804px; margin:0 auto; text-align:left; }


#header {
	position:relative;
	background:url("images/biviano-carpet-one.jpg");
	height:62px;
	}

	#header a {	
		position:absolute;
		left:0px;
		width:386px;
		top:0px;
		height:62px; 
		}
	#header a span {
		display:none;
		}
		
		#right-content { text-align:right;}
		#right-content p {padding:20px 20px 0 0;}
		#number {font-size:19px; color:#1a4e65; font-weight:bold;}

#masthead { background: url("images/masthead.jpg") left top no-repeat; height:33px; width:804px; }

	#address { text-align:right; padding:10px 20px 0 0; color:#1a4e65; }

#column-left { background: url("images/bg-column-left.jpg") left top no-repeat; width:237px; float:left; }
        p.hours { margin-top:30px; }
	p.location { margin-top:20px; }
	#column-left p { padding:5px 0 5px 30px; }
	img.map { padding-left:22px; }
	
	#column-left ul#sub-nav { margin:20px 0px 5px 30px; }
	#column-left ul#sub-nav li { background:transparent url("images/list-style.gif") 4px 5px no-repeat; padding-left:16px; border-bottom: #f8f8f8 1px solid; }
	
        /* Sub Nav Images */
	#column-left ul#sub-nav li.carpet { background: url("images/sub-nav-carpet.jpg") left top no-repeat; padding:5px 0 5px 10px; }
	#column-left ul#sub-nav li.hardwood { background: url("images/sub-nav-hardwood.jpg") left top no-repeat; padding:5px 0 5px 10px; }

        #sub-nav li.hardwood a:link, #sub-nav li.hardwood a:visited { color:#fff; text-decoration:none; outline:none; font-weight:bold; }
        #sub-nav li.hardwood a:hover, #sub-nav li.hardwood a:active { color:#fff; text-decoration:underline; outline:none; font-weight:bold; }

        #sub-nav li.carpet a:link, #sub-nav li.carpet a:visited { color:#fff; text-decoration:none; outline:none; font-weight:bold; }
        #sub-nav li.carpet a:hover,  #sub-nav li.carpet a:active { color:#fff; text-decoration:underline; outline:none; font-weight:bold; }


	#column-left ul#sub-nav strong { color:#134960; }
	#column-left ul#sub-nav p { color:#134960; padding:5px 0 0 15px; }
        #sub-nav a:link, #sub-nav a:visited { color:#10798a; text-decoration:none; outline:none; }
        #sub-nav a:hover, #sub-nav a:active { color:#10798a; text-decoration:underline; outline:none; }

	
        
#column-right { background: url("images/bg-column-right.jpg") right top no-repeat; width:567px; float:left; }

#column-right li { margin:5px 0px 10px 40px; }
       #column-right ul li { background:transparent url("images/list-style.gif") 3px 5px no-repeat; padding-left:16px; }
	
	#banner { width:567px; height:229px; }
	
	h2#welcome { background: url("images/welcome-biviano-carpet-one.jpg") left top no-repeat; height:46px; padding:0; margin:0; }
		h2#welcome span { display:none; }
		h1#contact { background: url("images/contact-us.jpg") left top no-repeat; height:46px; }
		h1#contact span { display:none; }
		h1#estimate { background: url("images/estimate.jpg") left top no-repeat; height:46px; }
		h1#estimate span { display:none; }
		h1#coupon { background: url("images/coupon.jpg") left top no-repeat; height:46px; }
		h1#coupon span { display:none; }
	
#content { width:540px; float:left; background-color:#f6f6f6; border-left:#d7d7d6 3px solid; border-right:#d7d7d6 1px solid; border-bottom:#d7d7d6 1px solid; margin:0 0 10px 7px; }
        #content h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; color:#b82720;  padding:10px 10px 10px 10px; }
	#content h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; color:#b82720;  padding:10px 10px 10px 10px; }
	#content h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#b82720;  padding:10px 10px 10px 10px; }
        #column-right p { padding:3px 20px 3px 10px;  }
        #content img { border: #d7d7d6 2px solid; }
        #content a:link, #content a:visited { color:#10798a; text-decoration:underline; outline:none; }
        #content a:hover, #content a:active { color:#10798a; text-decoration:none; outline:none; }
		
#btm-boxes { background-color:#f7f7f3; padding:5px 5px 5px 5px; margin:0 0px 0 20px; float:left; }

	#box1 { background-color:#46858f; float:left; width:245px; color:#fff; }
		#box1 p, #box1 h1 { padding:5px; }
	#box2 { background-color:#bb2b27; float:left; width:245px; color:#fff; margin-left:10px; }
		#box2 p, #box2 h1 { padding:5px; }
	#box3 { background-color:#ac7648; float:left; width:245px; color:#fff; margin-left:10px; }
		#box3 p, #box3 h1 { padding:5px; }

#page-footer { background: url("images/page-footer.jpg") left top no-repeat; width:804px; height:1px; clear:both; overflow:hidden; }


/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { background: url("images/bg-footer.jpg") left top no-repeat; width:804px; height:90px; text-align:center; margin:0 auto; padding:25px 0 0 0; }
#footer a:link, #footer a:visited { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#fff; }
#footer p { text-decoration:none; color:#fff; font-size:0.9em; padding-left:10px; }

#footer ul.footer { margin-bottom:10px; font-size:0.9em; font-family:Arial, Helvetica, sans-serif; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #CCCCCC; }
#footer li.first { border: none; }

#logos { width:804px; text-align:center; margin:0 auto; padding:0 0 0 0; }


/* Contact Form
 * ------------------------------------------------------------------------- */

form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea { 
	background-color:#cccccc !important; 
	border:1px solid #999999;
	color:#000000;	
	height:18px; 
	margin-bottom:3px; /* sets vertical spacing between fields */
	padding-top:4px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}
	
select { 
		background-color:#cccccc !important; 
		border:1px solid #999999;
		color:#000000;	
		height:20px; 
		margin-bottom:5px; /* sets vertical spacing between fields */
		padding-top:3px; /* vertically position text in input/textarea field */
		padding-left:4px; /* horizontally position text in input/textarea field */
		font-family:"Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
		font-size:12px;
		}

textarea { height:70px; overflow:auto; }

input.submit-contact-main { margin:100px 0 0 242px; }

input.submit-contact-main { 
	background: url("images/index/btn_submit.jpg"); 
	width:63px; 
	height:25px; 
	border:none; 
	cursor:pointer; 
	}


/* Main Contact Form
 * ------------------------------------------------------------------------- */

#contact-main { padding:20px 0px 60px 0px; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:250px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label textarea { height:100px; }

/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav {
	background:url("images/nav.jpg") top left no-repeat;					
	width:237px;		/* Width of buttons, not entite image (or half of entire image) */
			/* Height of entire image */
	margin:0;
	padding:0;
	font-weight:bold;
        font-size:14px;
	}

li#nav-01  { background: url("images/nav-carpet.jpg") left top no-repeat; color:#fff; margin:10px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-01 a:link, li#nav-01 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-01 a:hover, li#nav-01 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-02  { background: url("images/nav-hardwood.jpg") left top no-repeat; color:#fff; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-02 a:link, li#nav-02 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-02 a:hover, li#nav-02 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-03 { background: url("images/nav-laminate.jpg") left top no-repeat; color:#fff; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-03 a:link, li#nav-03 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-03 a:hover, li#nav-03 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-04 { background: url("images/nav-green-floors.jpg") left top no-repeat; color:#305825; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-04 a:link, li#nav-04 a:visited { color:#305825; text-decoration:none; outline:none; }
li#nav-04 a:hover, li#nav-04 a:active { color:#305825; text-decoration:underline; outline:none; }

li#nav-05  { background: url("images/nav-ceramic-tile.jpg") left top no-repeat; color:#fff; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-05 a:link, li#nav-05 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-05 a:hover, li#nav-05 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-06  { background: url("images/nav-resilient-vinyl.jpg") left top no-repeat; color:#fff; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-06 a:link, li#nav-06 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-06 a:hover, li#nav-06 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-07  { background: url("images/nav-area-rugs.jpg") left top no-repeat; color:#fff; margin:0px 0 0 30px; padding:5px 0 5px 10px; }
li#nav-07 a:link, li#nav-07 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-07 a:hover, li#nav-07 a:active { color:#fff; text-decoration:underline; outline:none; }

li#nav-08  { color:#fff; padding:5px 0 5px 10px; margin:0px 0 0 30px; border-bottom: #cfd0cb 1px dotted; }
li#nav-08 a:link, li#nav-08 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-08 a:hover, li#nav-08 a:active { color:#134960; text-decoration:underline; outline:none; }

li#nav-09  { color:#fff; padding:5px 0 5px 10px; margin:0px 0 0 30px; border-bottom: #cfd0cb 1px dotted; }
li#nav-09 a:link, li#nav-09 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-09 a:hover, li#nav-09 a:active { color:#134960; text-decoration:underline; outline:none; }

li#nav-10  { color:#fff; padding:5px 0 5px 10px; margin:0px 0 0 30px; border-bottom: #cfd0cb 1px dotted; }
li#nav-10 a:link, li#nav-10 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-10 a:hover, li#nav-10 a:active { color:#134960; text-decoration:underline; outline:none; }

li#nav-11  { color:#fff; padding:5px 0 5px 10px; margin:0px 0 0 30px; border-bottom: #cfd0cb 1px dotted; }
li#nav-11 a:link, li#nav-11 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-11 a:hover, li#nav-11 a:active { color:#134960; text-decoration:underline; outline:none; }

/* Vertical Sprite Nav Copy
 * ------------------------------------------------------------------------- 

#nav {
	background:url("images/nav.jpg") top left no-repeat;					
	width:237px;		
	height:229px;		
	margin:0;
	padding:0;
	font-weight:bold;
        font-size:14px;
	}

#nav-01  { background: url("images/nav-carpet.jpg") left top no-repeat; color:#fff; padding:5px 0 5px 10px; }
li#nav-01 a:link, li#nav-01 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-01 a:hover, li#nav-01 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-02  { color:#fff; padding:10px 0 0 40px; }
li#nav-02 a:link, li#nav-02 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-02 a:hover, li#nav-02 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-03  { color:#fff; padding:10px 0 0 40px; }
li#nav-03 a:link, li#nav-03 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-03 a:hover, li#nav-03 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-04  { color:#fff; padding:10px 0 0 40px; }
li#nav-04 a:link, li#nav-04 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-04 a:hover, li#nav-04 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-05  { color:#fff; padding:10px 0 0 40px; }
li#nav-05 a:link, li#nav-05 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-05 a:hover, li#nav-05 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-06  { color:#fff; padding:10px 0 0 40px; }
li#nav-06 a:link, li#nav-06 a:visited { color:#fff; text-decoration:none; outline:none; }
li#nav-06 a:hover, li#nav-06 a:active { color:#fff; text-decoration:underline; outline:none; }
#nav-07  { color:#fff; padding:7px 0 0 40px; }
li#nav-07 a:link, li#nav-07 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-07 a:hover, li#nav-07 a:active { color:#134960; text-decoration:underline; outline:none; }
#nav-08  { color:#fff; padding:5px 0 0 40px; }
li#nav-08 a:link, li#nav-08 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-08 a:hover, li#nav-08 a:active { color:#134960; text-decoration:underline; outline:none; }
#nav-09  { color:#fff; padding:5px 0 0 40px; }
li#nav-09 a:link, li#nav-09 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-09 a:hover, li#nav-09 a:active { color:#134960; text-decoration:underline; outline:none; }
#nav-10  { color:#fff; padding:5px 0 0 40px; }
li#nav-10 a:link, li#nav-10 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-10 a:hover, li#nav-10 a:active { color:#134960; text-decoration:underline; outline:none; }
#nav-11  { color:#fff; padding:5px 0 0 40px; }
li#nav-11 a:link, li#nav-11 a:visited { color:#134960; text-decoration:none; outline:none; }
li#nav-11 a:hover, li#nav-11 a:active { color:#134960; text-decoration:underline; outline:none; } */