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

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#efefef;
}

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{ font-weight:bold; }
a:hover{ color:#ac262a; }

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

p{ padding-bottom:10px; }

h1, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:36px;
line-height:38px;
font-weight:normal;
color:#000;
text-decoration:none;
}
h1{ padding-bottom:20px; }

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

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

#page{ width:980px; margin:0px auto; text-align:left; }

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

#header{ height:92px; position:relative; border-bottom:6px solid #4ec9d9;}
#header .logo{ position:absolute; top:16px; left:0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ position:absolute; top:22px; left:470px; }

#top-nav, #top-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:normal;
color:#747474;
text-decoration:none;
}

#top-nav a{ padding:0px 7px; }
#top-nav a:hover{ color:#ac262a; }

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

#header-nav{ position:absolute; top:59px; left:325px; }

#header-nav .option{
float:left;
width:131px; height:33px; text-align: center;
background-image:url(/images/bg_option.gif);
background-repeat:no-repeat;
background-position:left top;
}
#header-nav .option-wrapper{ padding-top:7px;}
#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:#4b3c30;
text-decoration:none;
text-transform:none;
}

#header-nav .item1{ background-image:url(/images/bg_option_hot.gif); }
#header-nav a:hover{ color:#fff; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ home css */

#home{ 
width:980px; height:428px; position: relative; 
background-image:url(/images/bg_home.jpg);
background-repeat:no-repeat;
background-position:left top;
}

#home .ads-home{ position:absolute; top:290px; left:100px;}

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

#middle{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left-nav css */

#left-nav{}
#left-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#left-nav ul li{ padding:0px 0px 0px 0px; }
 
#left-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:#000;
text-decoration:none;
}
#left-nav ul li a:hover{ text-decoration: underline;}

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

#content-large{ width:980px; float:left; }
#content-large .content-large-wrapper{ padding:0px 20px 0px 0px; }

#content{ width:780px; float:left; }
#content .content-wrapper{ padding:40px 0px 35px 0px; }
#content .text-wrapper{ padding:10px 0px 0px 30px; }

#content p{ padding:0px 140px 15px 0px;}

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

#right{ width:200px; float:left; }
#right .right-wrapper{ padding:40px 0px 35px 0px; }

#right .ads-blue{ width:200px; background-color: #4ec9d9;}
#right .ads-blue-wrapper{ padding:20px 20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box-content css */

#footer-box{
width:980px;
background-image:url(/images/bg_box_footer.gif);
background-repeat:repeat-y;
background-position:left top;
}
#footer-box .footer-box-wrapper{ padding:40px 30px 30px 40px; }

#footer-box .column{ width:225px; float:left; }
#footer-box .column-wrapper{ padding:0px 20px 0px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box-nav css */

#box-nav{}
#box-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#box-nav ul li{ padding:0px 0px 5px 0px; }
 
#box-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#000000;
text-decoration:none;
text-transform: none;
}
#box-nav ul li a:hover{ color:#ac262a;}

#box-nav ul li ul{ margin-top:5px; padding:2px 0px 15px 0px;}
#box-nav ul li ul li{ 
background-image:url(/images/square_4x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding:1px 0px 1px 10px;
}

#box-nav ul li ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform: none;
}
#box-nav ul li ul li a:hover{ color:#ac262a; }

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

#page-footer{ height:50px; position:relative; }

#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#4ec9d9;
text-decoration:none;
position:absolute; top:15px; left:20px;
}

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

#footer-nav{ position:absolute; top:15px; left:550px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#4ec9d9;
text-decoration:none;
}
#footer-nav a{ padding:0px 10px; }
#footer-nav a:hover{ text-decoration:underline; }

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

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