﻿
/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* 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 { font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: 600; }

/* 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,table,tr,td { margin:0; padding:0; }
table { font-size: 12px; font-family: Arial, Tahoma, Verdana; }

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


/* global elements
 * ------------------------------------------------------------------------- */
body { margin: 0px; padding: 0px; font-family: Arial, Sans-Serif; background-color: #e9dfd3;background-image: url("images/bg.jpg"); background-repeat: repeat-x; text-align:center; }
body * { text-align:left; }
form { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: 0px; }
p { color: #000000; font-size: 14px; line-height: 20px; padding-bottom:10px; text-align:justify; }
small { font-size:10px; }
a { color: #414769; text-decoration:none; }
a:hover { text-decoration:none; color: #61709b;  }
.clear {clear:both; height:0px; margin:0px; padding:0px;}
img.right { float:right; padding:5px 5px 5px 5px; border:1px solid #CCC; margin:10px 0px 0px 10px; }
img.left { float:left; padding:5px 5px 5px 5px; border:1px solid #CCC; margin:10px 10px 0px 0px; }

h2 { font-size:31px; font-weight:bold; line-height:34px; color:#414769; padding-bottom:10px; }
h2.home { margin:0px 0px 0px 20px;}
h3 { font-size:15px; font-weight:bold; color:#414769; padding-bottom:10px;}
h4 { font-size:15px; font-weight:bold; color:#414769; }

/* framework
 * ------------------------------------------------------------------------- */
#wrapper { margin:0px auto; padding:0px; width:950px; background:transparent url(images/main_body2.jpg) top left no-repeat; }

/* Header */
#header { width:950px; padding-bottom:45px; }
#header h1 a { display:block; height:125px; width:400px; text-indent:-9999px; }
    /* Nav */
    #nav { width:950px; height:35px; }
    #nav ul { padding-left:30px; }
    #nav li { float:left; padding:2px 25px 2px 0px; }
    #nav a { display:block; padding:5px; color:#9f2a2c; font-size:18px; }
    #nav a:hover { text-decoration:none; color:#b85657; }

/* Content */
#content { width:800px; padding:0px; margin-left:100px; background:url(images/main_bg.jpg) top center repeat-y; }
    /* Main */
    #main { width:520px; float:left; padding:0px 19px 0px 20px; margin-top:-35px; border-right:1px solid #CCC; background:transparent; }
    #main * { width:520px; }
    #main * * { width:auto; }
    #main img { width:auto; }
    /* Sub */
    #sub { width:220px; float:right; padding-right:10px; }
    #sub li { padding:5px 0px 5px 20px; }
    #sub h4 { padding:5px 0px; }

        /* Contact Box */
        .contact { padding:5px 0px; margin-bottom:10px; border:1px solid #CCC; border-width:1px 0px; clear:both; }
        .contact li { font-size:12px; line-height:20px; padding:5px 0px 5px 30px; }
        #main .contact li { float:left; display:block; width:143px; padding-left:30px; text-align:left; }
        #sub .contact li { padding:5px 0px 5px 30px; }
        .phone { background:url(images/phone1.jpg) top left no-repeat; }
        .email { background:url(images/email1.jpg) top left no-repeat; }
        .locations { background:url(images/locations1.jpg) top left no-repeat; }
        #main .contact .indent { width:123px; padding-left:50px; background-position:20px 0px;}

/* Footer */
#footer { width: 1000px; height: 275px; margin: 0px auto; padding: 0px auto; text-align: left; background-image: url("images/footer_new.jpg"); background-repeat: no-repeat; }
	.footer_list { margin: 0px 0px 0px 125px; text-align:left; clear:both; }
	.footer_list th { color:#61709b; font-size:16px; padding-bottom:3px; padding-top:31px; }
	.footer_list td { color:#000000; font-size:11px; padding-top: 3px; font-family:Tahoma; }
	.more_btn { color: #61709b; float: right; margin-top: 1px; }
    /* clickable imagemap area */
    #ad {    
    float: left;
    width : 300px;
    height: 34px;
    margin-left: 75px;
    margin-top: 3px;
    text-indent:-9999px;
    overflow:hidden;
    outline:none;
    }
    
    #login {
    float:left;
    width:270px;
    height: 34px;
    margin-left:280px;
    margin-top:3px;
    text-indent:-9999px;
    overflow:hidden;
    outline:none;
    }

/*====================================================================================
Page Specific Styles
====================================================================================*/

/* Home */
#home { width:780px; padding:0px; margin:0px; }
#home a { display:block; cursor:pointer; color:#ffffff; font-size:11px; font-family:Tahoma; line-height:15px; text-align:left; }
	#home_flooring { float:left; width:260px; height:265px; margin:0px; padding:0px 0px 0px 0px; text-align:center; background:url(images/home_flooring.jpg) 10px 0px no-repeat; }
	#home_flooring span { display:block; padding:50px 15px 0px 30px; }
	#carpet_care { float:left; width:260px; height:265px; margin:0px; padding:0px; text-align:center; background:url(images/carpet_care.jpg) 10px 0px no-repeat; }
	#carpet_care span { display:block; padding:50px 15px 0px 30px; }
	#business_solutions { float:left; width:260px; height:265px; margin:0px; padding:0px; text-align:center; background:url(images/business_solutions.jpg) 10px 0px no-repeat; }	
    #business_solutions span { display:block; padding:50px 15px 0px 30px; }

#banner { width:800px; height:150px; position:relative; padding:0px; margin-bottom:10px; background:url(images/banner_taniya.jpg); }
#banner a { overflow:hidden; display:block; width:135px; height:40px; position:absolute; top:100px; left:655px; text-indent:-9999px; }

/* Locations */
#btn_kearny_mesa { overflow:hidden; display:block; margin:0px 0px 10px 100px; width:350px; height:126px; background:transparent url(images/kearny_mesa.jpg); text-indent:-9999px; }
#btn_san_diego { overflow:hidden; display:block; margin:0px 0px 10px 100px; width:350px; height:126px; background:transparent url(images/san_diego.jpg); text-indent:-9999px; }
#btn_south_bay { overflow:hidden; display:block; margin:0px 0px 10px 100px; width:350px; height:126px; background:transparent url(images/south_bay.jpg); text-indent:-9999px; }
#btn_corporate_office { overflow:hidden; display:block; margin:0px 0px 10px 100px; width:350px; height:126px; background:transparent url(images/corporate_office.jpg); text-indent:-9999px; }

/* Form Styles */
form table { width:520px; margin:0px; padding:0px; }
form td { vertical-align:top; padding:5px;  }
form tr td:first-child { text-align:right; }
input[type="text"], select, textarea { border:1px solid #CCC; }



/* Landing */
#landleft {height: 270px; width: 260px; float: left; padding-right: 10px;}
#landmid {height: 270px; width: 250px; float: left;}
#landmid img {height: 54px;}
#landmid p { text-align:left; }
#landmid li { margin-bottom:10px; font-weight:bold; font-size:13px; }
.woodimg { padding-bottom:10px; width: 60px; float: left;}
#landmain {width:520px; float:left; padding:0px 19px 0px 20px; margin-top:-35px; border-right:1px solid #CCC; background:transparent; }
.landhead {font: 20px Tahoma; font-weight: bold; color: Red; text-align: center;}
.landside p {font-size: 18px; color:#414769; text-align: center; line-height: 1;}
.landside label {text-align: left; width: 50px; display: block; float:left;} 
.landside .textfield input {text-align: right; width: 100px;}
#sub form ul li {padding: 5px 5px 5px 5px;}
#landbottom h2 {width: 770px; padding:0px 0px 0px 20px;}
#landbottom img {width: 240px; padding:10px 10px 30px 10px;}
#landbottom p { padding:0 20px 10px 20px; }    

/* Martin's Styles ===================================================================

#container { margin: 0px auto; padding: 0px auto; text-align: center; clear:both; }
 #main { width: 1000px; height: 525px; position:relative; margin: 0px auto; padding: 0px auto; text-align: left; background-image: url("images/main_body.jpg"); background-repeat: no-repeat; }	
	#main2 { width: 1000px; height: 525px; position:relative; margin: 0px auto; padding: 0px auto; text-align: left; background-image: url("images/main_body2.jpg"); background-repeat: no-repeat; }	
	#main2 p { margin-left: 20px; width:525px; }

#menu_links li { padding: 0px; margin: 0px; position: absolute; }	
#menu_links li, #menu_links a { text-align: left; display: block; color:#993233; font-size:18px; top: 0px; position: absolute; padding-top: 7px; }
#menu_links a:hover { text-decoration:none; color:#b85657;}
	#navbar_1 { width: 82px; left: 66px; }
	#navbar_2 { width: 109px; left: 148px; }
	#navbar_3 { width: 97px; left: 257px; }
	#navbar_4 { width: 87px; left: 354px; } 
		.hdr_txt { width:100%; font-size:31px; font-weight:bold; line-height:34px; color:#414769; padding: 185px 0px 0px 120px; }   
		.hdr_txt2 { font-size:31px; padding-left: 100px;  font-weight:bold; line-height:34px; color:#414769; padding-top:185px; margin-left:100px; }  
	#business_solutions { margin-left: 100px; width: 800px; color: #000000; font-size: 14px; line-height: 20px; background-image: url("images/main_bg.jpg"); background-repeat: repeat-y; margin-top: 10px; } 
	#business_solutions a { color: #414769; }
	#business_solutions p { padding-bottom:15px; width:auto;padding-right:15px; }
	h3 { font-size:15px; font-weight:bold; color:#414769; }
	.list { width:245px; vertical-align:top; border-left:solid 1px #000000; padding-left:20px; }
	.list ul { list-style-type:none;padding-left:25px; }
#middle_boxes { margin: 58px 0px 0px 120px; float:left; } */

