/* 
 * CSS framework Bica 1.0.0 
 * This is the css style for reset, font, layout, layout module, common elements.
 * @author Hien Nguyen
 * @version 1.0.0 Nov 7th, 2008 
 */ 
/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100.01%;font-family:inherit;vertical-align:baseline;}
input,textarea{margin:0;padding:0 0 0 1px;font-weight:inherit;font-style:inherit;font-size:11px;font-family:tahoma;}
textarea{width:117px;padding-left:1px}
caption,th,td{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
table,td,th{border-style:solid;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"""";}
q:before,q:after{content:'';}
img{border:none;}
:focus,a,*{outline:0;}
ul,li{list-style-type:none}

/* Font */
body{font-size:62.5%;font-family:/*Arial, Tahoma,*/ Verdana;} /* 1em 10px */

/* Layout */
.wrapper1000,
.wrapper974,
.wrapper776	{margin:auto;text-align:left;width:974px;} /* 974 center */
.wrapper1000{width:1000px}
.wrapper776	{width:776px} /* 776 center */
.wrapper100	{width:auto;margin:auto 10px;} /* 100% marginleft&right is prevent the content from "bleeding" into the browser's chrome */
#hd,#ft{clear:both}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*#bd{zoom:1;}*/ /* validation */

/* Layout module */
body.center{text-align:center;}
body .fixed-776{width:776px;}
body .fixed-974{width:974px;}
body .zoom-776{	width:77.6em;}
body .zoom-974{	width:97.4em;}
body .full-100{	width:100%;}
.section, .standard, .classic, .layout{clear:both;width:100%;}
.section, .gr{position:relative;} 
.layout .gr{float:left;}
.a-b .b, 	.a-c .c,	.b-c .c 	{float:right;}
.a-b .gr .b,.b-c .gr .c,.a-c .gr .c {float:left;}
.classic .a-b-c .gr,.standard .classic .a-b-c .gr,
.classic .a-b .gr,	.standard .classic .a-b .gr,
.classic .b-c .gr,	.standard .classic .b-c .gr {width:25%;} 
.classic .a-b-c .b, .standard .classic .a-b-c .b{width:50%;}
.classic .a-b .b,  	.standard .classic .a-b .b,
.classic .b-c .b,	.standard .classic .b-c .b 	{width:75%;}
.a-b-c-d .gr, 		.standard .a-b-c-d .gr, .standard .layout .a-b-c-d .gr	{width:25%;}
.a-b-c .gr, 		.standard .a-b-c .gr, 	.standard .layout .a-b-c .gr 	{width:33.3%;}
.a-c .gr, 			.standard .a-c .g, 		.classic .a-c .gr 				{width:50%;} 
.a-b .b, .b-c .b, 	.standard .a-b .b, 		.standard .b-c .b,	.standard .layout .a-b .b,	.standard .layout .b-c .b {width:67%;}
.a-b .a, .b-c .a, 	.standard .a-b .a, 		.standard .b-c .c, 	.standard .layout .a-b .a, 	.standard .layout .b-c .c {width:33%;}
	/* Optional */
	.tidy .layout{overflow:hidden;}
	.tidy .gr{margin-bottom:-1000em ! important; padding-bottom:1000em ! important;}
		@media all and (min-width: 0px){
		.tidy .gr {margin-bottom:0;padding:0;}
		.tidy gr:after{background:inherit;content:' ';display:block;margin-bottom:-1000px;padding-bottom:1000px;}}
	.untidy .layout{overflow:visible;}
	.untidy .gr	{margin-bottom:0 ! important;padding-bottom:0 ! important;}
		@media all and (min-width: 0px){
		.tidy gr:after{display:inline;margin-bottom:0;padding-bottom:0;}}
		
/* Common elements */
.l{float:left}
.r{float:right}
.o{overflow:hidden}
.h{display:none}
.m0{ margin:0}
.p0{ padding:0}
.last{ margin-right:0; padding-right:0}
.cl,.clf{clear:both}
.clf{float:left}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility: hidden;} /* easy clearing */
.clearfix{display: inline-block;position: relative;}
/*\*/
.clearfix{display: block;}
hr{border:none;border-top:1px solid #ccc;height:1px;clear:both}
a{text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-weight:700;} /* 62.5% standar size */
h1{font-size:1.8em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:0.9em;}
ul.ul-h{clear:both;}
ul.ul-h li{float:left}
ol li{list-style:decimal inside;}


/* Main style */
body{ background:fixed #2a373c url(../images/page_bg.jpg) repeat-x;}
.wrapper{
	width:955px;
	margin:0 auto;
	background-color:#293441;
	border-top:4px solid #828e95;
	font-family:"trebuchet MS";
}

/* NAVIGATOR */
ul#nav{
	width:955px;
	height:47px;
	background:#324141 url(../images/nav_bg.jpg) no-repeat left bottom;
}
ul#nav, ul#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul#nav ul {
  /*background-color: #47565c;
  background:url(../images/nav-sub1_bg.gif) repeat-x 0 0;*/
  display: none;
  position: absolute;
  z-index: 9;
  top:36px;
  left:1px;
  width:135px;
}

ul#nav li {
  display: inline;
  float: left;
  text-indent: 0px;
  margin: 0px;
  width: 136px;
  text-align:center;
}
ul#nav li ul li{ width:135px; background-color:#47565c; float:left; clear:both}
ul#nav li.nav_btn_out{
	position:relative
}
ul#nav ul li a {
  display: block;
  text-decoration: none;
  color: #c8dae4;
  padding: 2px;
  font-weight:700;
  font-size:12px;
  line-height:19px;
  border-bottom:1px solid #757f83;
  margin:0 8px;
  padding:1px 0;
  text-transform:uppercase;
}

ul#nav ul li a:hover {
  /*background: #f19427 url(../images/nav-hover.gif) repeat-x 0 1px;*/
  background-color: #f19427;
  color: #fff;
}

a.submenu{ background:url(../images/arrow_submenu.gif) no-repeat right center}

ul#nav li li {
  display: block;
  float: none;
}

ul#nav li.w137{ width:137px}

a.nav-btn{
	width:136px;
	height:47px;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
}
#nav-home		{ background-image:url(../images/nav-home.gif);}
#nav-aboutus	{ background-image:url(../images/nav-aboutus.gif);}
#nav-services	{ background-image:url(../images/nav-services.gif);}
#nav-portfolio	{ background-image:url(../images/nav-portfolio.gif);}
#nav-photogallery{background-image:url(../images/nav-photogallery.gif); width:137px}
#nav-myradioworks{background-image:url(../images/nav-myradioworks.gif); width:137px}
#nav-contactus	{ background-image:url(../images/nav-contactus.gif); width:137px}

a:hover.nav-btn{ background-position:left bottom}
ul#nav li.nav-end{ background:none; height:10px; font-size:0}
ul#nav .nav-end{  border:none}

/* HEADER */
#hd{
	width:100%;
	height:223px;
	background:url(../images/hd-bg.gif) repeat-x;
	clear:both;
	border-bottom:2px solid #34414d;
}
.hd{
	width:100%;
	height:223px;
	background:url(../images/hd_bg-left.jpg) no-repeat 0 0;
}
#hd .logo{
	width:290px;
	float:left;
	text-align:center;
	padding-top:35px;
}
#hd .content{
	float:left;
	width:616px;
	height:208px;
	font-size:1.4em;
	color:#fff;
	line-height:1.2;
	padding-top:5px;
	display:table;
	vertical-align:middle
}
#hd .content table{ height:100%}
#hd .content table table{ height:auto}
#hd .content td{ vertical-align:middle}
#hd .content .copy1{
	font-size:15px;
	font-weight:700;
	padding-bottom:12px;
}
#hd .content a{ color:#fff; text-decoration:underline}
#hd .content a:hover{ text-decoration:none}
#hd .content p{ padding:7px 0;}
#hd .content .copy1 strong{
	font-size:20px;
}
#hd img.symbol{
	float:left;
	padding-top:25px;
}

/* CONTENT VIDEO AREA */
.ct-middle{
	width:100%;
	height:261px;
	padding-top:23px;
	border-bottom:1px solid #212a35;
	border-top:1px solid #212a35;
	background:#2d3a45 url(../images/ct_bg.gif) no-repeat center top;
	overflow:hidden;
}
.content_imglist{
	width:864px;
	height:240px;
	overflow:hidden;
	float:left;
	position:relative;
}
.content_imglist li{ float:left; margin-right:5px; position:absolute}
.content_imglist p{
	font-size:1.4em;
	color:#fff;
	font-weight:700;
	padding-bottom:3px;
	width:280px;
	height:16px;
	overflow:hidden;
}
.content_imglist img{
	border:1px solid #424f5b;
	margin-right:5px;
	cursor:pointer
}
.item{ visibility:hidden}
.btn_left, .btn_right{ height:240px; width:35px; background:url(../images/btn-right.gif) no-repeat center center; float:left; margin-right:5px; cursor:pointer}
.btn_left{ background:url(../images/btn-left.gif) no-repeat center center; float:left; margin-left:3px;}
.disable{ background:none; cursor:default}

/* FOOTER */
.ft{
	height:173px;
	background:url(../images/ft_bg.gif) repeat-x;
	border-top:2px solid #3a4a57;
	padding:0 50px;
}
.ft-top{
	height:63px;
	border-bottom:1px solid #535e68;
	text-align:center;
	color:#abc2d1;
	font-size:1.2em;
	padding-top:13px;
	margin-bottom:16px;
}
.ft-top a{
	color:#d4e4ee;
}
.ft-top p{
	padding-bottom:14px;
	font-size:14px; font-weight:700;
	text-decoration:underline;
}
.ft-top address{
	line-height:1.1;
	font-style:normal
}
.ft-top address span{ padding:0 25px;}
.ft-bottom{	
	width:650px;
	padding-left:100px;
	text-align:center;
	font:400 10px verdana;
	color:#9ea4a9;
}
.ft-bottom a{
	color:#fff;
	padding:0 3px;
}
.ft-bottom p{
	padding-top:10px;
}

.siteby-sofresh{
	background:url(../images/siteby_sofresh.gif) no-repeat right top;
	margin-top:10px;
}

.caobox-popup{
	display:none;
	padding:13px;
	background-color:#fff;
	position:relative;
	margin:15px;
}
.caobox-popup .btn_close{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer
}
* html .caobox-popup .btn_close{
	top:-9px;
	right:0px;
}

.caobox-popup{}
.caobox-popup h1{ line-height:1.0; padding:7px 0; width:400px}
.caobox-popup p{ width:400px; line-height:1.3}

.multiBoxDesc p{ padding-bottom:5px}