@charset "utf-8";
body { margin:0; padding:0; width:100%; background: url(images/main_bg.gif); }
html { padding:0; margin:0; }
/* main */
.main { width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header { background: url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto;}
.block_header { margin:0 auto; width:960px; padding:0; border:none; }


/* logo */
.logo { float:left; padding:0; margin:0; width:194px; }
.rss { float:right; width:275px; margin:0; padding:55px 0 0 0;}
.rss a { text-decoration:none; color:#999;}
.rss p {font:normal 12px Arial, Helvetica, sans-serif; color:#999;  padding:3px 0 0 0; margin:0;}
.rss img { float:right; margin:3px; padding:0;}
.rss2 { float:right; width:140px; margin:0; padding:48px 0 0 20px;}
.rss2 p {font:normal 11px Arial, Helvetica, sans-serif; color:#999;  padding:3px 0 0 0; margin:0;}
.rss2 a { text-decoration:none; color:#0096ce;}

/* menu */	
.menu_resize { background:url(images/menu_resize.gif) top no-repeat; padding:0; margin:0; height:43px;}
.menu { float:left; padding:1px 0 0 7px; margin:0; width:900px; height:43px; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0; border:0; }
.menu ul li a { float:left; margin:0; padding:13px 0; color:#fefefe; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span {
	background:none;
	padding-top: 13px;
	padding-right: 18px;
	padding-bottom: 13px;
	padding-left: 16px;
}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left; }
.menu ul li a.active {   background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a.active span {  background:url(images/l_menu.gif) no-repeat left; }

/* search */
.search { padding:5px 10px 6px 0; margin:0; width:220px; float:right;}
.search form { float:right; padding:0; margin:0;}
.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:127px; padding:0 5px; height:30px;}
.search form .keywords { font:normal 11px Arial, Helvetica, sans-serif; color:#acacac; width:127px; line-height:14px; height:14px; float:left; background:none; border:0; padding:8px 0; margin:0;}
.search form .button { float:left; margin:0; padding:0;}

/********** block index **********/
.body { margin:0; padding:0;}
.body_resize { width:960px; margin:0 auto; padding:10px 0; }
.body_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#171717; padding:15px 5px; margin:0; }
.body_resize span { font: normal 11px Arial, Helvetica, sans-serif; color:#ababab;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#171717; padding:5px; margin:0; line-height:1.8em; }
.body_resize p span { font: bold 12px Arial, Helvetica, sans-serif; color:#00b7fb;}
.body_resize p.testim { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:15px 10px; margin:0; line-height:1.8em; }
.body_resize p a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#659a41;
	padding:0px;
	margin:0;
	line-height:1.8em;
	text-decoration: none;
}
.body_resize p a:hover { font:normal 12px Arial, Helvetica, sans-serif; color:#659a41; padding:0px; margin:0; line-height:1.8em; text-decoration: underline; }


.body_resize img { margin:10px auto; padding:0; }
.body_resize img.floated { float:left; margin:10px 15px 20px 0px; padding:0; }
.right {border:1px solid #e4e4e4; background:#fff; width:280px; float:right; margin:0 0 15px 0; padding:10px 15px; }
.right_clear { width:280px; float:right; margin:0 0 15px 0; padding:10px 15px; }
.left {border:1px solid #e4e4e4; background:#fff; width:605px; float:left; margin:0; padding:10px 15px; }
.port { width:275px; float:left; margin:0 0 15px 0; padding:10px 15px; border:1px solid #e4e4e4; background:#fff; }
.port2 { width:275px; float:left; margin:0 17px 15px 0; padding:10px 15px; border:1px solid #e4e4e4; background:#fff; }
.port p { font:normal 11px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em; }
.port2 p { font:normal 11px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em; }
.bullet { font:normal 12px Arial, Helvetica, sans-serif; color:#171717; padding:0px; margin:0; line-height: 2em; }
.bullet a { font:normal 12px Arial, Helvetica, sans-serif; color:#659a41; padding:0px; margin:0; line-height: 2em; text-decoration: none; }
.bullet a:hover  { font:normal 12px Arial, Helvetica, sans-serif; color:#659a41; padding:0px; margin:0; line-height:2em; text-decoration: underline; }


.bullet ul li a { font:normal 12px Arial, Helvetica, sans-serif; color:#659a41; padding:5px; margin:0; line-height: 1.8em; text-decoration: none; }
.bullet ul a:hover  { font:normal 12px Arial, Helvetica, sans-serif; color:#659a41; padding:5px; margin:0; line-height:1.8em; text-decoration: underline; }



/********** table  **********/
.table { font:normal 12px Arial, Helvetica, sans-serif; border-collapse:collapse;  }
.table td, th {font-size:1em; border:1px solid #387c2c; padding:3px 7px 2px 7px; }
.table th { font-size:1em; text-align:center; padding-top:5px; padding-bottom:4px; background-color:#54b948; color:#ffffff; }
.table tr.alt td { color:#000000; background-color:#EAF2D3; }




/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:20px 0 0 0; background:#f7faf9; border:1px solid #e8e6e6; }




/********** Movie Container **********/
.movie {
	float: right;
	position: relative;
	padding-left:10px;
	padding-bottom:10px;
	
}


/********** contact form **********/
#contactform input.text { width:420px; border:1px solid #e9e9e9; margin:5px 0; padding:5px 2px; height:15px; background:#fff; color:#2f2f2f; font:normal 12px Arial, Helvetica, sans-serif; color:#2f2f2f; }

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0; border-top:1px solid #c0c0c0; }
.footer { padding:0 0 20px 0; margin:0; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; }
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#737373; text-decoration:none; padding:5px; margin:0; }
.footer p.leftt { text-align:left; width:95%; margin:0; padding:5px 0 0 0; float:left; }
.footer p.rightt { text-align:right; width:20%; margin:0; padding:10px 0 0 0; float:right; }

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


/* Slider Tabs */
.slider_resize {margin:0 auto; padding:15px 0 0 0; width:960px;}
.slider_resize_bg { background:#fff; border:1px solid #e4e4e4;}
.slider_resize p { font:bold 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:10px 20px; margin:0;}
.slider_resize a {
	color:#659a41;
	padding:10px 20px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
}

.slider_resize a:hover {
	text-decoration:underline;
}


.slider {  width:960px; padding:10px 0 0 0; margin:0 auto;}
.slider ul.tabs { background:#fff; border:1px solid #e4e4e4; margin:10px auto; padding:10px; width:938px; list-style:none; height:15px;}
.slider ul.tabs li { margin:2px 5px; padding:0; width:13px; height:13px; float:right; background: url(images/tabs_2.gif) no-repeat;}
.slider ul.tabs li img { float:right; margin:0; padding:0;}
.slider ul.tabs li.tabs-selected { background: url(images/tabs_1.gif) no-repeat;}
.slider ul.tabs li.text {
	color:#7e7e7e;
	background:none;
	width:800px;
	float:left;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}
.tabs-hide { display:none;}




/* Slider Technology Dissolve Tabs */
.slider_resizeTech {margin:0 auto; padding: 0 0 0 0; width:600px; }
.slider_resize_bgTech { background:#fff; border:1px solid #e4e4e4;}
.slider_resizeTech p { font:bold 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:10px 20px; margin:0;}
.sliderTech {  width:600px; padding:0 0 0 0; margin:0 auto;}
.sliderTech ul.tabs { background:#fff; border:1px solid #e4e4e4; margin:0px auto; padding:10px; width:570px; list-style:none; height:15px;}
.sliderTech ul.tabs li { margin:2px 5px; padding:0; width:13px; height:13px; float:right; background: url(images/tabs_2.gif) no-repeat;}
.sliderTech ul.tabs li img { float:right; margin:0; padding:0;}
.sliderTech ul.tabs li.tabs-selected { background: url(images/tabs_1.gif) no-repeat;}
.sliderTech ul.tabs li.text { font:normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; background:none; width:570px; float:left; padding:0; margin:0;}
.tabs-hide { display:none;}





/* technology slider */

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	height:425px;	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}



/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -40px; right: -7px;
	width: 275px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bkg.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #50b948;
	border: 1px solid #367c2b;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {text-decoration: underline;}
	



/*--Home Page Slider --*/

.main_viewHome {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.windowHome {
	height:420px;
	width: 960px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	visibility: visible;
}
.image_reelHome {
	position: absolute;
	top: -2px;
	left: 0px;
	visibility: default;
}
.image_reelHome img {float: left;}


/*--Paging Styles--*/

.pagingHome {
	position: relative;
	bottom: 35px; right: -700px;
	width: 275px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(images/paging_bkg.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.pagingHome a {
	padding: 5px;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
}
.pagingHome a.active {
	font-weight: bold;
	background: #50b948;
	border: 1px solid #367c2b;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}


/*-- Image Enlarging --*/

.theImage
{
	float:inherit; 
    padding: 5px 5px 5px 0;
	cursor:pointer;
	margin-left: -520px;

}

.overlayBackground
{
    position: fixed;
    background-color: Black;
	opacity:0;
	width:100%;
	height:100%;
	top:0;
	left:0;
	cursor:pointer;
    z-index: 3;
}

.largeImage
{
	position:fixed;
    width: 1040;
	height: 637;
    top: 50px;
	margin-left: -520;
	cursor:pointer;
    z-index: 4;
}
#asterisk {
	color: #F00;
}