@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url("images/bg.gif") top repeat-x;}
html { padding:0; margin:0;}

.blue { color:#26739f;}
.red { color:#ff0000;}
.smalltxt { font:normal 11px Arial, Helvetica, sans-serif;}


/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header { margin:0 auto; width:995px; height:194px;}

/* logo */
.logos { float:left; padding:0px; margin:6px 0 0 0; width:750px; height:137px}

/* search */
.search { float:right; padding:0 0 0 0; margin:0 0 0 0; width:215px}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:20px 0 0 5px;}
.search form .keywords { float:left; background:url("images/text_bg.gif") no-repeat; border:0; height:15px; width:145px; padding:7px 8px; line-height:20px; margin:0 5px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#FFF;}
.search form .button { float:left;}
.search p { padding:0px; padding:35px 0 0 45px; color:#aaaaaa; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.8em;}
.img { float:left; margin: 10px 0 0 10px;}

/* menu */
.menu { padding:0; margin:0px;}
.menu ul { padding:0; margin:0; list-style:none; height:39px; border:0; border-left:1px solid #d6d6d6;}
.menu ul li { float:left; margin:0; padding:0; height:39px; border:0; border-left:1px solid #FFF; border-right:1px solid #d6d6d6;}
.menu ul li a { float:left; padding:12px 15px; color:#6d6d6d; font:bold 13px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;}
.menu ul li a:hover { color:#262626; background:#d3d3d3;}
.menu ul li a.active { color:#262626; background:#d3d3d3;}


/********** block index **********/
.body { background:#ededed; border:0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.body h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#222222; line-height:1.8em; margin:10px 0 10px 10px; padding:0;}
.body h3 { font:normal 20px Arial, Helvetica, sans-serif; color:#252525; line-height:1.5em; margin:0 0 8px 10px; padding:0;}
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#26729f; line-height:1.0em; margin:5px 0 1px 5px; padding:0;}
.body h5 { font:bold 15px Arial, Helvetica, sans-serif; color:#26729f; line-height:1.5em; margin:10px 0 0px 10px; padding:0;}
.body p { padding:8px; margin:0; color:#252525; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.5em;}
.body a { color:#D20000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.body a:hover { text-decoration:underline;}

.block_index ul { float:left; padding:10px 5px; margin:0; list-style:none;}
.block_index ul li { float:left; padding:10px 0; margin:0; border-bottom:1px solid #dfdfdf; color:#252525; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.5em; width:273px;}
.block_index div.left { float:left; width:612px; margin:0 10px;}
.block_index div.left div.box div div div div div { width:592px; padding:10px;}
.block_index div.right { float:left; width:303px; margin:0 25px;}
.block_index div.right div.box div div div div div { width:283px; padding:10px;}
.block_index table {color:#252525; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.5em;}

/************ All Box ************/
div.box { background:#f6f6f6 url("images/box_rs.gif") repeat-y right; margin:0 0 20px 0;}
div.box div { background:url("images/box_ls.gif") repeat-y left;}
div.box div div { background:url("images/box_rt.gif") no-repeat top right;}
div.box div div div { background:url("images/box_lt.gif") no-repeat top left;}
div.box div div div div { background:url("images/box_rb.gif") no-repeat bottom right;}
div.box div div div div div { background:url("images/box_lb.gif") no-repeat bottom left;}

/********** body_footer **********/
.body_footer { background:#f4f4f4; padding:8px 0;}

/* index */
.index {}
.index h2 { margin:0; padding:8px; text-indent:30px; border-bottom:1px solid #e3e3e3;}
.index h2.flash { background:url("images/exclam-icon.gif") no-repeat left center;}
.index h2.products { background:url("images/icon_products.gif") no-repeat left center;}
.index h2.stories { background:url("images/icon_stories.gif") no-repeat left center;}
.index h2.customer { background:url("images/icon_customer.gif") no-repeat left center;}
.index p { padding:8px; margin:0; color:#252525; font:normal 12px Arial, Helvetica, sans-serif; line-height:1.5em;}
.index a { color:#252525; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.index a:hover { text-decoration:underline;}
.index p.more { border-top: 1px solid #e3e3e3;}
.index p.more a { color:#26739f; text-decoration:underline;}
.index p.more a:hover { text-decoration:none;}
.index .left { float:left; width:310px; padding:10px;}
.index .center { float:left; width:310px; padding:10px;}
.index .right { float:left; width:310px; padding:10px;}
.index ul { float:left; padding:0px 5px; margin:0 0 10px; list-style:square;}
.index ul li { float:left; padding:2px 0; margin-left:35px; font:bold 12px Arial, Helvetica, sans-serif; line-height:1.5em; width:300px;}


/********** portfolio **********/
.portfolio {}
.portfolio div.left { float:left; width:612px; margin:0 10px;}
.portfolio div.left div.box div div div div div { width:592px; padding:10px;}
.portfolio div.right { float:left; width:303px; margin:0 10px;}
.portfolio div.right div.box div div div div div { width:283px; padding:10px;}

.portfolio div p.button { border-top:1px solid #dbdbdb;}
.portfolio div p.img { padding:0; margin:0;}
.portfolio div p.img img { padding:10px; margin:0; background:#ededed; border:1px solid #c8c8c8;}

/********** news **********/
.news {}
.news div.left { float:left; width:612px; margin:0 10px;}
.news div.left div.box div div div div div { width:592px; padding:10px;}
.news div.right { float:left; width:303px; margin:0 10px;}
.news div.right div.box div div div div div { width:283px; padding:10px;}

p.news_info { background:#ececec; font-size:11px; padding:3px 10px; margin:0 10px;}
.news div p.button { border-top:1px solid #dbdbdb;}

/* services */
.body h4.services { border-bottom:1px solid #dfdfdf; padding:0 0 10px 0;}

/********** sub navigation **********/
div.right ul.sub_nav { margin:0; padding:0; list-style:none;}
div.right ul.sub_nav li { margin:0; padding:0; background:url("images/sub_nav_left.gif") no-repeat left center; text-indent:20px; padding:5px; border-bottom:1px solid #dfdfdf;}
div.right ul.sub_nav li a { color:#000000; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
div.right ul.sub_nav li a:hover { color:#26739f;}

/********** contact form **********/
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px; color:#6f6f6f;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:8px 12px; background:none; border:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:500px; display:block; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#222222; text-transform:uppercase;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:95%; border:1px solid #dcdcdc; margin:0; padding:4px 2px; height:12px; background:#f5f5f5;}
#contactform input.text2 { width:58%; border:1px solid #dcdcdc; margin:0; padding:4px 2px; height:12px; background:#f5f5f5;}
#contactform select { width:45%; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5;}
#contactform textarea { width:95%; border:1px solid #dcdcdc; padding:2px; background:#f5f5f5;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
#contactform sup { color:#6f6f6f; font-size:10px;}
p.response { text-align:center; color:#ff0000; font:12px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { background:#f1f1f1 url("images/footer_bg.jpg") repeat-x top;}
.footer p { color:#6f6f6f; font:normal 11px Arial, Helvetica, sans-serif;}
.footer a { color:#6f6f6f; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px;}
.player { background:#fefefe url("images/featured/bg_player.jpg") repeat-x top; height:307px; margin:0; padding:20px 0;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

/********* featured ********/

.player { background:#fefefe url("images/featured/bg_player.jpg") repeat-x top; height:270px; margin:0; padding:15px 0;}

#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #ccc;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:13px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/featured/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:200px; left:0;
	width:400px; 
	height:50px; 
	background: url('images/featured/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#f6f6f6; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none;