/* -------------------------------------------------------------- 
   
   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:40px; font-size: 25px; line-height: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 2px; color: #555; }
#top{height:166px; width:888px; margin:0 auto;}
#top h1{ color:#fff; font-size:26px; font-weight:bold; padding-top:50px; padding-left:20px;}
#information h1, #background_left h1 { color: #E565BB; }
#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: #3A4A74;}
#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 { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
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) top center no-repeat fixed; 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; background:#F7E4BA url(content-bg.gif) top no-repeat;}
  
  #content { width: 870px; height: auto; margin: auto; padding:20px 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: left; }
  #background_right { width: 251px; float: right; padding-left: 4px; padding-top: 10px; 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: disc; margin: 0 0 10px 0; padding: 0; padding-bottom: 10px; }
     #background_right li { font-size: 13px; font-weight:bold; color:#3A4A74; line-height: 1.5em; margin: 0 0 5px 20px; }
     #background_right a, #background_right a:hover { color: #3A4A74; 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;
}