/*  C o p y r i g h t   S e v e n   I n t e r n e t  */
/*****************************************************/
/**			P r e - s e t   T a g s					**/


body {					margin: 0; background: #000;
}


/**			P r e - s e t   T a g s					**/
/*****************************************************/
/**			L a y o u t   T a g s					**/


.wrapper {				width: 769px; height: auto; background-color: #000;
}

.lines {				float: left; clear: left; display: inline; width: 769px; height: auto; background: #fff;
}

.layout {				float: left; clear: left; display: inline; width: 760px; height: auto; margin: 0 5px 0 4px;
}


/**			L a y o u t   T a g s					**/
/*****************************************************/
/**			H e a d e r   T a g s					**/


.header {				float: left; clear: left; display: inline; width: 760px; height: 127px; background: #000; border-bottom: 7px solid #ff9900;
}

.header-100 {			float: left; display: inline; width: 383px; height: 66px; background: url('images/01.jpg') no-repeat center center; margin: 33px 0 0 27px;
}

.header-200 {			float: right; display: inline; width: 326px; height: 127px;
}


/**			H e a d e r   T a g s					**/
/*****************************************************/
/**			M e n u  T a g s						**/


.menu {					float: left; clear: left; display: inline; width: 760px; height: 34px; background: #000;
}

.menu1 {				width: 80px; margin: 0 0 0 26px; }
.menu2 {				width: 93px; }
.menu3 {				width: 130px; }
.menu4 {				width: 99px; }
.menu5 {				width: 120px; }
.menu6 {				width: 72px; }
.menu7 {				width: 109px; }

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6,
.menu7 {				float: left; display: inline; height: 34px; line-height: 34px; text-align: center; font-family: Arial, Tahoma; 
						font-size: 12px; color: #fff; letter-spacing: 1px; font-weight: bold;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a,
.menu7 a {				display: block; width: 100%; height: 34px; text-decoration: none; color: #fff;
}

.menu1 a:hover, .menu2 a:hover, .menu3 a:hover, .menu4 a:hover, .menu5 a:hover, .menu6 a:hover,
.menu7 a:hover {		background: #ff9900;text-decoration: none; color: #000;
}


/**			M e n u  T a g s						**/
/*****************************************************/
/**			C o n t e n t  T a g s					**/


.content {				float: left; clear: left; display: inline; width: 760px; height: auto; margin: 17px 0 15px 0;
}

.left {					float: left; display: inline; width: 149px; height: auto;
}

.left-menu {			float: left; clear: left; display: inline; width: 156px; height: 23px; background: #000 url('images/05.jpg') no-repeat center left;
						text-indent: 19px; text-align: left; color: #fff; font-size: 11px; font-family: Arial, Tahoma; letter-spacing: 1px; line-height: 22px;
}

.left-menu a{			display: block; width: 156px; height: 23px; color: #fff; text-decoration: none;
}

.left-menu a:hover{		color: #ff9900; text-decoration: none;
}

.left-menu-spacer {		float: left; clear: left; display: inline; width: 156px; height: 3px; background: url('images/06.jpg') repeat; font-size: 1px;
}

.left-box {				float: left; clear: left; display: inline; width: 143px; height: auto; background: #000; border: 3px solid #000; margin: 20px 0 0 0;
}

.left-box-title {		float: left; clear: left; display: inline; width: 143px; height: 21px; background: #ff9900; line-height: 21px; text-align: left; 
						letter-spacing: 2px; color: #000; font-family: Arial, Tahoma; font-size: 11px; text-indent: 10px; font-weight: bold;
}

.left-box-text {		float: left; clear: left; display: inline; width: 143px; height: auto; 
}

.left-box-text-ct {		float: left; display: inline; width: 138px; height: auto; line-height: 21px; text-align: left; 
						letter-spacing: 1px; color: #fff; font-family: Arial, Tahoma; font-size: 10px;
}

.left-box-text-hk {		float: left; display: inline; width: 5px; height: 85px; 
}

.left-box-footer {		float: left; clear: left; display: inline; width: 143px; height: 25px; line-height: 25px; text-align: center; letter-spacing: 1px;
						color: #fff; font-family: Arial, Tahoma; font-size: 10px;
}

.left-box-footer a{		color: #fff; text-decoration: none;
}

.left-box-footer a:hover{color: #ff9900; text-decoration: none;
}

.right {				float: right; display: inline; width: 596px; height: auto; text-align: left;
						font-family: Arial, Tahoma; font-size: 11px; font-weight: normal; line-height: 16px; letter-spacing: 1px; 
}


/**			C o n t e n t  T a g s					**/
/*****************************************************/
/**			P r o d u c t  T a g s					**/


.product-row {			float: left; clear: left; display: inline; width: 596px; height: auto; margin: 0px 0 15px 0;
}

.product-cell-1 {		float: left; display: inline; width: 141px; height: auto; text-align: center;
}

.product-cell-2 {		float: left; display: inline; width: 450px; height: auto; border-left: 4px solid #ff9900; background: #000;
}

.product-text {			float: right; display: inline; width: 419px; height: auto; margin: 8px 18px 8px 11px;
}

.product-hack {			float: right; display: inline; width: 2px; height: 115px; font-size: 1px;
}

.product-title {		float: left; clear: left; display: inline; width: 419px; height: 16px; margin: 0 0 11px 0; text-align: left;
						font-family: Arial, Tahoma; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 1px; color: #ff9900;
}

.product-content {		float: left; clear: left; display: inline; width: 419px; height: auto; text-align: justify;
						font-family: Arial, Tahoma; font-size: 11px; line-height: 14px; letter-spacing: 0.5px; color: #fff;
}

.product-buttons {		float: left; clear: left; display: inline; width: 419px; height: 29px; 
}

.product-buttons1 {		float: right; display: inline; width: 87px; height: 18px; margin: 10px 15px 1px 0; background: url('images/02.jpg') no-repeat;
}

.product-buttons2 {		float: right; display: inline; width: 87px; height: 18px; margin: 10px 15px 1px 0; background: url('images/03.jpg') no-repeat;
}

.product-buttons1 a, .product-buttons2 a {		
						display: block; width: 87px; height: 18px;
}


/**			P r o d u c t  T a g s					**/
/*****************************************************/
/**			F o o t e r  T a g s					**/


.footer {				float: left; clear: left; display: inline; width: 760px; height: auto; margin: 17px 0 10px 0; border-top: 2px solid; background-color: #fff;
}

.footer-100 {			float: left;  display: inline; width: 400px; height: 20px; line-height: 20px; text-align: left; color: #000; font-family: Arial, Tahoma;
						font-size: 10px; letter-spacing: 1px; margin: 4px 0 0 5px;
}

.footer-100 a{			color: #000; text-decoration: none;
}

.footer-100 a:hover{	color: #ff9900; text-decoration: none;
}

.footer-200 {			float: right;  display: inline; width: 300px; height: 20px; line-height: 20px; text-align: right; color: #000; font-family: Arial, Tahoma;
						font-size: 10px; letter-spacing: 1px; margin: 4px 5px 0 0;
}

.footer-200 a{			color: #000; text-decoration: none;
}

.footer-200 a:hover{	color: #ff9900; text-decoration: none;
}


/**			F o o t e r  T a g s					**/
/*****************************************************/
/*  C o p y r i g h t   S e v e n   I n t e r n e t  */


.product-home {		 text-align: left;	font-family: Arial, Tahoma; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 1px; color: #ff9900;
}