/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#ffffff;
background-image:url(/images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}

a{ color:#f00; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }
p.cm{ padding-right:50px; }

h1, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:32px;
line-height:38px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}
h1{ padding-bottom:3px; border-bottom:2px solid #ffba00; margin-bottom:20px; width:500px; }
h1.states{ color:#464646; padding-bottom:0px !important; margin:0px; padding-bottom:10px; border:none;}

h2, h2 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:22px;
line-height:28px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}
h2{ padding-bottom:5px; }

h3, h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
color:#000000;
text-decoration:none;
text-transform:none;
}
h3{ padding-bottom:5px; }

ul, ol{ padding:0px 50px 10px 0px; margin:0px 0px 0px 0px; }
ul{ list-style-type: none; }
ul li{
background-image:url(/images/arrow_4x7.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding:0px 0px 5px 10px;  
} 

#footer-bg{
background-image:url(/images/bg_footer.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#page{ width:970px; margin:0px auto; text-align:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:164px; position:relative; text-align:left;}
#header .logo{ position:absolute; top:97px; left:0px; }
#header .shadow{ position:absolute; top:72px; left:329px; }

#header .phone{ position:absolute; top:20px; left:300px; } 
#header .phone{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:30px;
line-height:30px;
font-weight:normal;
color:#000;
text-decoration:none;
text-transform:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:30px; left:50px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#000;
text-decoration:none;
text-transform:none;
}

#header-nav a{ padding:0px 15px; }
#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

.home-txt{
padding:0px 50px 20px 20px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-box css */

#search-box{ position:absolute; top:16px; left:630px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ home-categories css */

#home-categories{ position:absolute; top:87px; left:480px; width:480px;}
#home-categories .home-categories-wrapper{ padding:0px 0px 0px 0px; }
#home-categories .option{ 
width:480px;
background-image:url(/images/arrow_4x7.gif);
background-repeat:no-repeat;
background-position:left 9px;  
}
#home-categories .option-wrapper{ padding:3px 0px 3px 11px;}
#home-categories a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#464646;
text-decoration:none;
text-transform:uppercase;
}
#home-categories a:hover{ color:#fa5500; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:645px; float:left; }
#content .content-wrapper{ padding:50px 25px 30px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box css */

#box{
width:300px; float:left;
background-image:url(/images/bg_box.gif);
background-repeat:no-repeat;
background-position:left top;
}
#box .box-wrapper{ padding:20px 20px; }

#box h4, #box h4 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:20px;
line-height:24px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
text-transform: uppercase;
}
#box h4{ padding:0px 0px 5px 0px;}
#box p{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#8c8c8c;
text-decoration:none;
text-transform:none;  
padding:0px 0px 7px 0px;
}
#box p a{ 
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:normal;
color:#000;
text-decoration:none;
text-transform:none;
background-color:#ffba00;
padding:2px 5px;
}
#box p a:hover{ color:#8c8c8c;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:315px; float:left; }
#right .right-wrapper{ padding:50px 0px 30px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

#page-footer{ height:395px; position:relative; text-align:left;}

#page-footer .copy{ position:absolute; top:360px; left:20px; }

#page-footer, #page-footer a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-transform:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:360px; left:700px; }

#footer-nav a{ padding:0px 10px; }

#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-nav css */

#main-nav{ position:absolute; top:40px; left:20px; }
#main-nav .main-nav-wrapper{ padding:0px 0px 0px 0px;}
#main-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#main-nav ul li{ 
padding:0px 0px 0px 10px; 
background-image:url(/images/star_5x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
}
 
#main-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#fff;
text-decoration:none;
}
#main-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }