@charset "utf-8";
ul, li, p, h1, h2, h3, h4, h5, h6, span, div, form, textarea, input, blockquote {
	margin: 0px;
	padding: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clr {
	clear: both;
	font-size: 1px;
	height: 0px;
}
body {
font-family:Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	color:#666666;
}


/*-------------Start Main Container------*/

.main-container {
	width: 990px;
	margin: 0 auto;
}

.main-container2 {
	width: 100%;
	margin: 0 auto;
	background-color:#000000; background-image:url(../images/rhythm.jpg); background-position:center top; background-repeat:no-repeat;
}
/*-------------Start Header Container------*/

.header-container {
	width: 990px;
	padding: 0 0 0 0;
	margin: 0 auto;
}

.nav-bar-container { 	width: 100%; 	height: 32px; 	margin-top:16px; 	}
.nav-bar-container ul {	list-style: none;	display: inline;}
.nav-bar-container ul li {	float: left;	height: 30px;	}
.nav-bar-container ul li a {	color:#000000;	padding: 0 19px;	font: bold 12px/30px Verdana;	display: block;	text-decoration: none;	height: 30px;	float: left;}
.nav-bar-container ul li.active  a {background-color:#a9d630; color:#ffffff}
.nav-bar-container ul li:hover  a {background-color:#a9d630; color:#ffffff}

.complete-lab{ float:right; margin-top:10px; margin-bottom:30px}
.complete-lab2{ float:right; margin-top:10px;}

/*-------------Start Body Container------*/
.body-container {	width: 990px;}
.body-container .left { float:left; width:445px;}
.body-container .left .port-disp{ width:266px; height:188px; float:left}
.body-container .left .text-disp{ width:169px; padding-left:10px; padding-top:5px; height:183px; float:right; background-color:#f2f2f2 }
.body-container .left .query-disp { width:100%; background-color:#f2f2f2; border-top-color:#333333; border-top-style:solid; border-top-width:5px; margin-top:5px}

.body-container .right { float:left; width:252px; margin-left:20px;}
.body-container .right3 { float:left; width:220px; }

.body-container .right2 { float:left; width:500px; margin-left:20px;}
.2ndright { float:right; width:100px;}


.body-container-portfolio {	width:100%; background-color:#000000; background-image:url(../images/bg_info.jpg); background-position:center top; background-repeat:no-repeat;
 border-top-color:#a9d630; border-top-style:solid; border-top-width:7px;}
.body-container-portfolio .container { margin:auto; width: 990px;}
.holder{ float:left; width:100px; padding-bottom:10px}
.con-text-hold { float:left; width:150px; padding-bottom:10px; padding-right:10px}
.con-fild-hold { float:left; width:250px; padding-bottom:10px}
.textbox2 {padding-left:8px;width:190px; height:23px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; border-color:#999999; border-style:solid; border-width:1px;}
.btn-holder{ float:left; margin-left:160px}

/*-------------Start footer Container------*/
.footer { margin:auto; width:100%; height:120px; border-top-color:#333333; border-top-style:solid; border-top-width:8px; background-color:#717171}
.footer .text{ margin:auto; width:990px; font-size:11px; color:#CCCCCC; line-height:18px; font-family:tahoma;}







.txbx-lab-holder{ pading:5px; margin-bottom:5px; width:120px; height:25px; float:left}
.txbx-holder{ margin-left:15px; margin-bottom:5px; width:290px; float:left}
.thumb-small { width:102px; height:58px; border: 1px solid #CCCCCC; padding:1px; margin-top:8px; float:left; margin-right:3px; margin-left:2px}
.thumb-holder{ width:100%; background:#f2f2f2; height:75px}
.thumb-big-holder{ width:238px; background:#000000; padding:7px}
.thumb-big {width:285px; height:173px; border: 1px dotted #666666; padding:10px; float:left; margin-bottom:10px; margin-top:50px}
.thumb-big-gap {width:31px; height:10px; float:left}

.line1{ width:990px; height:5px;border-bottom-color:#f0f0f0; border-bottom-style:solid; border-bottom-width:1px; margin-top:5px}
.line1a{ width:990px; height:5px; border-bottom-color:#555555; border-bottom-style:dotted; border-bottom-width:1px; margin-top:5px}
.line2{ width:100%; height:5px;border-bottom-color:#333333; border-bottom-style:solid; border-bottom-width:5px; margin-top:10px; margin-bottom:10px}
.line2a{ width:100%; height:5px;border-bottom-color:#333333; border-bottom-style:solid; border-bottom-width:5px; margin-top:10px;}
.line3{ width:100%; height:5px;border-bottom-color:#CCCCCC; border-bottom-style:dashed; border-bottom-width:1px; margin-top:2px; margin-bottom:10px}
.line4{ float:left; width:525px; height:5px;border-bottom-color:#333333; border-bottom-style:solid; border-bottom-width:5px; margin-bottom:10px; margin-left:20px}

.text-box{ height:22px; width:210px; border:none;}
.text-area{ height:100px; width:210px; border:none;}
.button{ height:21px; width:61px; background-color:#aC0000; font-size:11px; color:#FFFFFF; border:none;  cursor:pointer}

/*----------------------------COMMON -------------------------------------------*/

.link1 {font: bold 12px Arial; color:#333333; text-decoration: none; line-height:30px;}
.link1:hover{font: bold 12px Arial; text-decoration: none; color:#660000;}
.link2 {font: bold 11px Arial; color:#462ea2; }
.link3 {font: bold 11px Arial; color:#CCCCCC; }
.text1{ font-size:24px; color:#000000}
.text2{ font-size:13px; line-height:18px;}
.text3{ font-size:16px; color:#333333; font-weight:bold}
.text4{ font-size:22px;  color:#666666}
.text5{ font-size:15px; color:#363737; font-weight:bold}
.text6{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; line-height:18px}
.text7{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  line-height:18px}
.text8{ font-size:22px;  color:#669900}
.text9{ font-size:24px; color:#ffffff}