@charset "utf-8";
/*TriVision Studios 2008 - 2009 - Aki Shibukawa Web Designer ( aki@trivision.tv) */



* {
margin: 0px;
padding: 0px;
}

img {
border: none;
vertical-align: middle;
}

a {
text-decoration: none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100% !important;
height: 100% !important;
}

#wrapper {
width: 100%;
min-width: 1008px;
}

#header {
position: relative;
width: 100%;
height: 124px;
padding-bottom: 10px;
}
	#wave {
	position: absolute;
	display: block;
	height: 124px;
	width: 514px;
	top: 0px;
	right: 0px;
	}

#main {
position: relative;
width: 100%;
}

#news {
display: block;
position: absolute;
width: 160px;
top: 0px;
right: 10px;
text-align: center;
font-size: 10px;
font-weight: bold;
}

#menu {
position: absolute;
width: 160px;
top: 15px;
left: 0;
line-height: 20px;
}

#top_menu {
display: block;
width: 500px;
height: 16px !important;
z-index: 800;
font-weight: bold;
margin-left: 310px;
line-height: 100%;
text-align: left;
white-space: nowrap;
}

#banner {
display: block;
width: 644px;
font-size: 10px;
font-weight: bold;
text-align: right;
line-height: 20px;
margin /**/: 0px 0px 40px 160px !important;
margin: -5px 0px 40px 160px;
}

#content {
position: relative;
display: block;
width: 644px;
min-height: 300px;
margin: 0px 0px 0px 160px;
text-align: justify;
color: #333333;
line-height: 145%;
}
	#content p {
	margin-bottom: 20px;
	}

#footer {
width: 644px;
margin: 45px 0px 8px 160px;
text-align: center;
line-height: 16px;
color:#999999;
font-size: 9px;
clear: both;
}

#sitemap {
position: relative;
display: block;
width: 644px;
margin: 0px 0px 30px 160px;
text-align: justify;
color:#333333;
font-size: 10px;
}
	
/* menu styles */
#menu a:link , #menu a:visited {
color: #666666;
}
#menu img {
float: left;
margin-right: 16px;
}

#red {
display: block;
width: 160px;
height: 144px;
padding-bottom: 6px;
}
	#red a:hover {
	color:#FF0000;
	}
	.red_space {
	padding-top: 2px;
	}
#green {
display: block;
width: 160px;
height: 150px;
padding-bottom: 6px;
}
	#green a:hover {
	color:#85B820;
	}
	.green_space {
	padding-top: 15px;
	}
#blue {
display: block;
width: 160px;
height: 144px;
}
	#blue a:hover {
	color:#077FCE;
	}
	.blue_space {
	padding-top: 2px;
	}

/* the buzz styles */
#news a:link , #news a:visited {
color:#666666;
}
	#news a:hover {	
	color:#000000;
	}

#google {
padding: 10px 0px;
text-align: right;
}
	#google .btn {
	margin: 3px 0px;
	}
	#google .txt_field {
	border: #CACACA 1px solid;
	width: 158px;
	font-size: 10px;
	color: #a6a6a6;
	}
#news_field {
display: block;
width: 158px;
border-right: #CACACA 1px solid;
border-left: #CACACA 1px solid;
padding-top: 10px;
}

/* banner styles */
#banner a:link , #banner a:visited {
color: #000000;
}
	#banner a:hover {	
	color: #999999;
	}
#banner .logo {
padding /**/: 6px 0px 5px 0px !important;
padding: 3px 0px 0px 0px;
}

#banner img {
margin-bottom /**/: 0 !important;
margin-bottom: 6px;
}

/* content styles */
#content a:link , #content a:visited {
color: #666666;
}
	#content a:hover {
	color: #000000;
	}
	#content .menu_red a:hover {
	color:#FF0000;
	}
	#content .menu_green a:hover {
	color:#85B820;
	}
	#content .menu_blue a:hover {
	color:#077FCE;
	}
	#content .menu_gray a:hover {
	color:#333333;
	}
	#content a.black_link {
	color: #333333;
	font-weight: bold;
	}
	#content a.black_link:hover {
	color: #999999;
	}

.subTitle_black {
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #333333;
margin-bottom: 8px;
}
.subTitle_green {
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #85B820;
margin-bottom: 8px;
}
.subTitle_red {
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #F12323;
margin-bottom: 8px;
}
.subTitle_blue {
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #077FCE;
margin-bottom: 8px;
}
.subTitle_gray {
color: #333333;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #E5E5E5;
margin-bottom: 8px;
}
.subTitle {
color: #666666;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 8px;
}
.price {
position: absolute;
z-index: 100;
top: 0;
right: 5px;
}

.img_right {
padding: 0px 0px 5px 5px;
margin: 0px 0px 5px 5px;
float:right;
}
.img_left {
padding: 0px 5px 5px 0px;
margin: 0px 5px 5px 0px;
float:left;
}

.box {
display: block;
width: 120px;
height: 120px;
text-align: center;
font-size: 10px;
float: left;
}
	.box_bottom {
	display: block;
	width: 120px;
	text-align: center;
	font-size: 10px;
	float: left;
	}

#content ul {
margin: 0px 0px 16px 10px;
padding-left: 10px;
}
	#content ul li {
	padding: 2px 0px 2px 5px;
	list-style: url(images/bull.gif) outside;
	}
		#content ul.services {
		list-style: none;
		margin: 0px 0px 30px 0px;
		padding-left: 0px;
		}
			#content ul.services li {
			display: block;
			width: 350px;
			position: relative;
			padding: 3px 0px;
			overflow: hidden;
			white-space: nowrap;
			}
			.list_price {
			display: block;
			background: #FFFFFF;
			position: absolute;
			top: 3px;
			right: 0;
			padding-left: 1px;
			}
#content table {
margin-bottom: 30px;
}
.videoList {
display: block;
width: 200px;
height: 100px;
float: left;
margin-right: 37px;
font-size: 9px;
}
.onRight {
display: block;
width: 170px;
height: 100px;
float: left;
font-size: 9px;
margin-right: 0px;
}

.underline {
text-decoration: underline;
}

/* Sitemap styles */
#sitemap ul {
list-style: circle inside;
padding: 0px 15px;
margin: 0px;
}
	#sitemap ul ul {
	margin: 0px 0px 0px 40px;
	}
#sitemap li {
padding: 5px 0px;
margin: 0px;
}
	
#sitemap a:link , #sitemap a:visited {
color: #333333;
font-weight: bold;
}
	#sitemap a:hover {
	color: #999999;
	}

/* two columns content */
.right_col {
margin-left: 230px;
}
	#content ul.right_col {
	display: block;
	width: 400px;
	margin: 0px 0px 20px 230px;
	}
	#content ul.right_col li {
	padding: 2px 0px 2px 5px;
	list-style: url(images/bull.gif) outside;
	}
#sub_menu {
display: block;
width: 210px;
border-right: #CACACA 1px dashed;
float: left;
margin: 0px 20px 30px 0px;
text-align: left;
padding-bottom: 20px;
}
	#sub_menu ul {
	margin: 0;
	padding-left: 10px;
	}
	#sub_menu ul li {
	margin: 0px 0px 10px 5px;
	padding: 0px 5px;
	list-style: url(images/bullets.jpg) outside circle;
	height: auto;
	}
	#sub_menu ul li ul {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 5px;
	list-style-image: url(images/bullet_arrows.jpg);
	list-style-type: disc;
	}
	#sub_menu ul li li {
	margin-left: 0px;
	padding-left: 5px;
	list-style-image: url(images/bullet_arrows.jpg);
	list-style-type: disc;
	}

/* Index boxes */
#content .sub_cate {
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
#content .services_box .sub_cate a {
color: #BABABA;
}
#content .services_box .sub_cate a:hover {
color: #666666;
}
#content .services_box a {
font-weight: bold;
color: #565656;
}
#content .services_box a:hover {
color: #8A8A8A;
}

/* footer styles */
#footer a:link , #footer a:visited , #seo a:link , #seo a:visited{
color:#999999;
font-size: 9px;
}
	#footer a:hover, #seo a:hover {	
	color:#000000;
	}
	#footer a.red:hover {	
	color:#FF0000;
	}
	#footer a.green:hover {	
	color:#85B820;
	}
	#footer a.blue:hover {	
	color:#077FCE;
	}
#footer .link_main_cate a {
font-weight: bold;
font-size: 10px;
}

#footer img {
padding: 4px 0px;
}

/* tags styles */
h1 {
font-size: 20px;
text-transform: uppercase;
color: #999999;
margin-bottom: 20px;

}

h2 {
font-size: 13px;
text-transform: uppercase;
color: #999999;
margin-bottom: 20px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
}

/* classes */
.red {
color: #FF0000;
}

.green {
color: #85B820;
}

.blue {
color: #077FCE;
}

.gray {
color: #333333;
}

.order {
text-align: center;
line-height: 160%;
margin-top: 30px;
}
	.order a {
	font-weight: bold;
	}
	.order img {
	padding: 10px 0px;
	}

	
.search {
font-size: smaller;
overflow: visible;
}

.services_box {
display: block;
width: 198px;
height: 330px;
float: left;
padding: 0px 16px 0px 0px;
margin-bottom: 10px;
text-align: left;
line-height: 140%;
}
	.services_box img {
	margin: 0px auto 8px auto;
	}
.esore_box {
display: block;
float: left;
padding: 0px 30px 0px 0px;
margin-bottom: 10px;
text-align: center;
line-height: 140%;
}
	.esore_box img {
	margin: 0px auto 8px auto;
	}

.box_info {
float: left;
padding-right: 20px;
text-align: justify;
}

.title_small {
color: #999999;
font-size: 12px;
font-weight: bold;
}

table.videoDup td {
width: 128px;
padding: 0px 0px 5px 0px;
}

.sns {
margin: 15px 0px;
}
	.sns img {
	margin-right: 12px;
	}
	img.end {
	margin-right: 0px;
	}
#content a.videoSamples {
cursor: pointer;
color: #333333;
}
	#content a.videoSamples:hover {
	color: #999999;
	text-decoration: underline;
	}


/* newsletter index page */
#previous {
display: block;
padding: 15px 0px;
margin: 0px;
}
	#previous_2008 {
	display: block;
	padding: 15px 0px;
	margin: 0px;
	}
#previous p img {
display: block;
float: left;
padding: 0px 10px 30px 0px;
float: left;
}
	#previous_2008 p img {
	display: block;
	float: left;
	padding: 0px 10px 50px 0px;
	float: left;
	}

a.backNumbers {
font-size:12px;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #4D4948;
}
	a.backNumbers:hover {
	color: #999999;
	}
.diduknow{
font-size:10px;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform:capitalize;
color: #999999;

}

.imgBrdr{border:1px solid #ffffff;}
#seo{text-align:center;
width: 644px;
margin: 45px 0px 8px 160px;
line-height: 16px;
color:#999999;
font-size: 9px;
clear: both;}
.testimonials {
	margin-left: 120px;
}
.img {
	padding: 10px;
}
#wrapper #main #content hr {
	margin-top: 10px;
	margin-bottom: 10px;
	color:#CCCCCC;
	height:1px;	
	
}
.line
{border-top:1px solid #cccccc;
padding:5px;
}