/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.62.5 * 16px = 10px). */
body { font-size:12px; line-height: 1.2em; color: #000;}


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, Sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { height:30px; font-size: 20px; line-height: 26px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; background:url(slidebox_title_01.png) no-repeat; padding-left:10px; display:block; margin-top:0px; }
h3{
	font-weight: bold;
	color: #000;
}
#top{height:166px; width:888px; margin:0 auto; background:url(top_bg.jpg) no-repeat;}
#top h2{ color: #000; font-size:26px; padding-left:30px;  background-color:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:30px;}
#information h1, #background_left h1 { color: #fff; }
#information h2, #background_left h2{ font-size: 16px; line-height: 1.1em; color: #E565BB; border: 0; border-bottom: 1px solid #cbcbcb; margin-bottom: 12px; padding-bottom: 6px; }
.lv {color: #fff;}
#services h1, #recent h1, #goals h1 { margin-bottom: 10px; }
#services_module h1 { font-size: 1.2em; color: #71b503; font-family: Helvetica, Arial, sans-serif; margin-bottom: 6px; }


/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 5px 0; font-size: 1.2em; line-height: 1.35em; }
     #footer p { font-size: 12px; color: #000; text-align:center; }

#footer a { text-decoration: none; font-weight: bold; color: #666; }
#footer a:hover { text-decoration: underline; color: #666; }

ul, ol { margin: 0; padding: 0; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0; padding: 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #71b503; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { }
th { font-weight: bold; }
td { }
th,td { padding: 0 4px 0 4px; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #bbb; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


body { background:#000 url(bg_body.jpg); margin: 0; padding: 0; }
  span { display: none; }
  .left { float: left; }
  .right { float: right; }
  .clear { clear: both; }
  
  div.hr { clear: both; height: 75px;   }
     div.hr hr { display: none; }
  
  /* Containers */
  
  #wrapper { width: 888px; margin: auto;}
  
  #content { width: 888px; height: auto; margin: auto; padding:0 0 20px 0; padding-bottom: 0;}

  #introduction { width: 680px; margin-bottom: 20px; padding-top:10px; margin:0 auto; }
     body#portfolio #introduction img { margin-top: -25px; }
  #carousel { width: 305px ; float: left; }
  #information { width: 310px; float: right; padding-left: 12px;  }
  #background_left { background:#fff; width: 600px; float:right; text-align:justify;}
  #background_right { width: 251px; float: left; padding-left: 4px; padding-right:6px; }


  body#portfolio dl, body#portfolio dt, body#portfolio dd { margin: 0; padding: 0; font-size: 1.1em; margin: 0 0 5px 0px; }
  body#portfolio dl { float: left; width: 302px; margin: 0 0 25px 0; padding: 0 10px; padding-bottom: 3px; }
     body#portfolio dt { margin-bottom: 8px; }
     body#portfolio dt img { border: 1px solid #ccc; }
     body#portfolio dd { margin: 3px 0; }
     body#portfolio dd.project_title { font-weight: bold; }
     body#portfolio dd.project_type { float: left; font-size: 1em; font-weight: normal; color: #777; margin-right: 10px; padding-right: 10px; border: 0; border-right: 1px solid #ccc; text-transform: uppercase; }
     body#portfolio dd.project_date { float: left; font-size: 1em; color: #71b503; }
     body#portfolio dd.project_clear { clear: both; border-top: 1px solid #ccc; }

  #services, #goals { float: left; width: 305px; }
     #services ul { list-style: none; margin: 0 0 6px 0; padding: 0; padding-bottom: 15px; border: 0; border-bottom: 1px solid #ddd; }
     #services li { font-size: 1.2em; margin: 0 0 5px 20px; }
     #services a, #services a:hover { color: #444; }
  #services_module { width: auto; }
  
  #background_right ul { list-style: none; margin: 0 0 10px 0; padding: 0; padding-bottom: 10px; }
     #background_right li { background:url(ico_dot2.gif) left no-repeat; padding-left:20px; font-size: 13px; font-weight:bold; color: #fff; line-height: 1.5em; margin: 0 0 5px 2px; }
     #background_right a, #background_right a:hover { color: #000; text-decoration:underline;  font-weight:bold;  }
	 
	 #footer p.left { text-align: left; }
     #footer p.right { text-align: right; }

  
  /* Headers */  

  h1#header { margin: auto; padding: 0; margin-top: 0; margin-bottom: 0; width: 776px; height: 131px; background: transparent url( header.png ) no-repeat top left; text-indent: -9000px; }
  
  
  
  
#ad_dvd_ripper{width:578px; height:152px;  background:url(ad1.gif); margin-left:10px;
    background-repeat:no-repeat;}
#ad_dvd_ripper_l{
  
    width:388px;
	height:142px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}
.product-title { line-height:24px;
	font-size: 16px;
	color: #DB0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.product-title a:visited{ color:#DB0000; text-decoration:none;}
.product-title a:link{ color:#DB0000; text-decoration:none;}
.product-title a:hover{ color:#DB0000; text-decoration:none;}
.product-content {font-size: 11px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; font-weight:normal;}
.product-content a:visited{
	color: #003586;
	text-decoration:none;
}
.product-content a:link{
	color: #003586; background-color: #FFFFCC;
	text-decoration:none;
}
.product-content a:hover{
	color: #ff9900;
	text-decoration:underline;
}
.product-content-yellow {font-size: 12px; color: #FF8400; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.news-title {color: #003586; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.news-title a:visited{ color:#003586; text-decoration:none;}
.news-title a:link{ color:#003586; text-decoration:none;}
.news-title a:hover{ color:#ff9900; text-decoration:underline;}
.news-title-detail {color: #003586; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.news-title-detail a:visited{ color:#003586; text-decoration:none;}
.news-title-detail a:link{ color:#003586; text-decoration:none;}
.news-title-detail a:hover{ color:#ff9900; text-decoration:underline;}
.news-date {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #9B9B9B;}
.product-price_red{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.product-price_red a:visited{
	color: #ff0000;
	text-decoration:none;
}
.product-price_red a:link{
	color: #ff0000;
	text-decoration:none;
}
.product-price_red a:hover{
	color: #ff9900;
	text-decoration:underline;
}


td#menu {height: 32px; color: #969FA3; background:url(menu_bar.png) repeat-x; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

ul.nav {
padding: 0 35px;
margin: 0;
list-style-type: none;
width: 100%;
}
ul.nav li {
display: block;
float: left;
}
ul.nav li a { font-size:13px; font-weight:bold;
display: block;
float: left;
padding-top: 4px;
padding-bottom: 6px;
padding-right: 16px;
color: #336600;
text-decoration: none;
}
ul.nav li a:visited {
color: #336600;
text-decoration: underline;
}
ul.nav li a:hover {
color: #000;
text-decoration: none;
}
ul.nav li a.sel:link, ul.nav li a.sel:visited {color: #CC3300;}




/* ------main_left------*/
#main_left{width:219px;height:auto;float:left}
.left_box{background:url(left_box_mdbg.gif) repeat-y;width:219px;}
.left_box ul,.left_box1 ul{padding:10px; list-style:none;}
.left_box ul{position:relative; }
.left_box ul li{height:28px;line-height:28px;background:url(left_nav_line.gif) bottom no-repeat;padding:0px 30px;}
.h1_title,.h3_title{background:url(left_box1_title.gif) no-repeat;height:31px;line-height:30px;padding:0 0 0 35px;font-size:15px;color:#fff;}
.h2_title{height:31px;background:url(left_box1_title22.gif) no-repeat;line-height:30px;padding:0 0 0 35px;font-size:15px;color:#fff; cursor:pointer;}
.h2_title22{height:31px;background:url(left_box1_title22.gif) no-repeat;line-height:30px;padding:0 0 0 35px;font-size:15px;color:#fff;}
.h2_title2{background:url(left_box1_title2.gif) no-repeat;}
.h4_title{background:url(left_box1_title23.gif) no-repeat;height:31px;line-height:30px;padding:0 0 0 35px;font-size:15px;color:#fff;}
.h5_title{height:31px;background:url(left_box1_title20.gif) no-repeat;line-height:30px;padding:0 0 0 35px;font-size:15px;color:#fff; cursor:pointer;}

.left_box_bottom{height:6px;background:url(left_box_bottom.gif) bottom no-repeat;}
.left_box1{background: url(left_box2_mdbg.gif) repeat-y;margin:10px auto}
.h3_title{background:url(left_box2_title.gif) no-repeat;}
.left_box1_bottom{height:5px;background:url(left_box1_bottom.gif) bottom no-repeat;}
.left_box1 ul li{line-height:18px;background:url(li.gif) 6px 9px no-repeat;padding:0 0 0 15px;margin:8px auto; }
#email{width:219px;height:81px;background:url(email_bg.gif) no-repeat;padding:15px 0 0 0}
.email_p{padding:0 0 0 80px;font-size:11px;}
.left_box ul li.over{background:url(nav_bg_li.gif) no-repeat; height:28px; line-height:28px;}
.left_box ul li.nol{height:54px;line-height:18px;background:url(left_nav_line.gif) bottom no-repeat;padding:0px 30px; color:#71b503;}
.left_box ul li.nol.over{ height:54px; line-height:18px; text-decoration: underline; cursor:pointer;}
.box_dvd{width:235px;display:none;position:absolute;top:2px;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y; overflow:hidden; z-index:1}
.box_top_nav{background:url(nav_box_top.png) no-repeat;}
.box_bottom_nav{background:url(nav_box_bottom.png) bottom no-repeat; }

.box_dvd ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd ul{margin:0 0 0 8px;}
.box_dvd ul li a img{padding-top:10px;}
.box_dvd ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd1{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd1 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd1 ul{margin:0 0 0 8px;}
.box_dvd1 ul li a img{padding-top:10px;}
.box_dvd1 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd2{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd2 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd2 ul{margin:0 0 0 8px;}
.box_dvd2 ul li a img{padding-top:10px;}
.box_dvd2 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd3{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd3 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd3 ul{margin:0 0 0 8px;}
.box_dvd3 ul li a img{padding-top:10px;}
.box_dvd3 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd4{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd4 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd4 ul{margin:0 0 0 8px;}
.box_dvd4 ul li a img{padding-top:10px;}
.box_dvd4 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd44{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd44 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd44 ul{margin:0 0 0 8px;}
.box_dvd44 ul li a img{padding-top:10px;}
.box_dvd44 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd444{width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd444 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd444 ul{margin:0 0 0 8px;}
.box_dvd444 ul li a img{padding-top:10px;}
.box_dvd444 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd5 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd5 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd5 ul{margin:0 0 0 8px;}
.box_dvd5 ul li a img{padding-top:10px;}
.box_dvd5 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd6 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd6 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd6 ul{margin:0 0 0 8px;}
.box_dvd6 ul li a img{padding-top:10px;}
.box_dvd6 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd7 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd7 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd7 ul{margin:0 0 0 8px;}
.box_dvd7 ul li a img{padding-top:10px;}
.box_dvd7 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd8 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd8 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd8 ul{margin:0 0 0 8px;}
.box_dvd8 ul li a img{padding-top:10px;}
.box_dvd8 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd9 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y;}
.box_dvd9 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd9 ul{margin:0 0 0 8px;}
.box_dvd9 ul li a img{padding-top:10px;}
.box_dvd9 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd99 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd99 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px;}
.box_dvd99 ul{margin:0 0 0 8px;}
.box_dvd99 ul li a img{padding-top:10px;}
.box_dvd99 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box_dvd999 {width:235px;display:none;position:absolute;left:190px;_left:180px; background:url(nav_box_li.gif) repeat-y}
.box_dvd999 ul li {line-height:30px; height:30px; background:url(nav_box_li1.gif) no-repeat; padding:0 0 0 15px; }
.box_dvd999 ul{margin:0 0 0 8px;}
.box_dvd999 ul li a img{padding-top:10px;}
.box_dvd999 ul li a:hover{line-height:30px; height:30px; background:url(nav_box_li2.gif) no-repeat; display:block; text-decoration:none; cursor:pointer;}

.box1_pics{width:32px;height:32px;float:left;padding:3px 0 0 8px;}
.box1_txts{line-height:16px; padding:0 0 0 8px; width:155px;float:left;}
.h3_main{margin-top:10px; border-bottom:1px dashed #d8dbdd;}
.h3_main p{line-height:110%;padding:5px 0;}

#left_box_display{display:none;}