/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
    
    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        Z) Others
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;width:100%}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {
	background:url("../images/bg.gif") 0 0 repeat-x;
	text-align:center;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-family: "arial", serif;
	font-size: 0.9em;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {
	font-size:140%;
}

h1, h2, h3 {font-weight:normal;}
h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {
	min-height:1px;
}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {
	margin-top:0 !important;
}
.nomb {margin-bottom:0 !important;}

.noscreen {
	display: none;
}

.bigger {font-size:110%;}
.smaller {font-size:85%;}
    
/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */
 
ul.ul-style01 {
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-image: none;
	list-style-type: none;
	font-size: 90%;
	text-align: left;
}
ul.ul-style01 li {
	margin:0;
	padding-left:20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 95%;
	line-height: 160%;
	background-image: url(../images/ul-style01.gif);
	background-repeat: no-repeat;
	background-position: 0;
} 
   
/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#main {
	width: 100%;
	text-align: left;
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
#Box_header {
	width:100%;
	background-image: url(../images/line_head.jpg);
	background-repeat: repeat-x;
	height: 150px;
	float: left;
}

#header {
	position:relative;
	width:100%;
	height:150px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	overflow: hidden;
	float: left;
}
#menu {
	overflow: hidden;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #060F2E;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.menu_home    {
	float: left;
	height: 30px;
	width: 30px;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
}

#menu ul {
	list-style:none;
	display: inline;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}
#menu ul li {
	display:block;
	height: 40px;
	width: 130px;
	text-align: center;
	float: left;
}
#menu ul li a {
	display:block;
	float:left;
	text-decoration:underline;
	padding-top: 10px;
	padding-right: 14px;
	padding-left: 15px;
}
#menu ul li#menu-active a {border:0; font-weight:bold; text-decoration:none;}
#menu ul li a:hover {
	text-decoration:none;
	color: #0F0;
}
#menu_date {
	overflow: hidden;
	height: 35px;
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #0F0;
	padding-left: 20px;
}
#box_center {
	width: 100%;
	height: 850px;
	float: left;
	background-position: right 140px;
	background-repeat: no-repeat;
	background-image: url(../images/system.jpg);
}
#box_centerrack {
	width: 100%;
	height: 850px;
	float: left;
	background-position: right 60px;
	background-repeat: no-repeat;
	background-image: url(../images/system.jpg);
}


    #cols-top {
	width: 100%;
	height: 2px;
	font-size: 0;
	line-height: 0;
	background-color: #0D2774;
	float: left;
}
#cols-bottom-line {
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	background-color: #0D2774;
	float: left;
}

    #cols-bottom {
	width:100%;
	height:25px;
	font-size:0;
	line-height:0;
	background-color: #050F2E;
	float: left;
}
    #cols {
	width: 100%;
	height: 100%;
}
#contact_topstory {
	font-family: Arial, Helvetica, sans-serif;
	width: 280px;
	float: left;
	padding-top: 20px;
	height: 100%;
}
#left_menubox {
	font-family: Arial, Helvetica, sans-serif;
	width: 270px;
	float: left;
	padding-top: 20px;
	height: 840px;
}
#right_box_product {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 720px;
}
#right_box_product_L {
	font-family: Arial, Helvetica, sans-serif;
	width: 690px;
	float: left;
	height: 720px;
	margin-top: 20px;
}
#right_box_product_R {
	font-family: Arial, Helvetica, sans-serif;
	width: 110px;
	float: left;
	height: 720px;
}


#trackingbox1 {
	font-family: Arial, Helvetica, sans-serif;
	width: 800px;
	float: left;
	height: 250px;
	margin-left: 110px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#trackingboxline {
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #03C;
	margin-left: 135px;
	margin-top: 20px;
}

#trackingbox1pic {
	font-family: Arial, Helvetica, sans-serif;
	width: 255px;
	float: left;
	height: 284px;
	background-image: url(../images/tracking_b.png);
	background-repeat: no-repeat;
}


#trackingbox2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	height: 250px;
	margin-left: 120px;
}
#trackingbox2pic {
	font-family: Arial, Helvetica, sans-serif;
	width: 255px;
	float: left;
	height: 284px;
	margin-left: 5px;
}
#rentboxset2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 45%;
	float: left;
	height: 320px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px dotted #0E5BAD;
	background-color: #0A1F5C;
}
#rentboxset3 {
	font-family: Arial, Helvetica, sans-serif;
	width: 45%;
	float: left;
	height: 320px;
	margin-right: 10px;
	background-color: #0B1F5C;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px dotted #0E5BAD;
}

#rentbox_pic_set2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 200px;
	margin-bottom: 3px;
}
#rentbox_pic_set3 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 200px;
}

#rentbox_pic_set2_detail {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 80px;
	background-color: #060F2E;
}
#title_rent {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}




#rentbox {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 155px;
}



#rentbox_pic {
	font-family: Arial, Helvetica, sans-serif;
	width: 200px;
	float: left;
	height: 130px;
	margin-right: 2px;
	border: 1px dotted #0E5BAD;
	padding: 5px;
}


#rentbox_pic_R {
	font-family: Arial, Helvetica, sans-serif;
	width: 230px;
	float: left;
	height: 130px;
	margin-right: 2px;
	background-color: #0B1F5C;
	padding: 5px;
}
#rentbox_pic_R_title {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	background-color: #0B1F5C;
	color: #0FF;
}


#right_box_product_head {
	font-family: Arial, Helvetica, sans-serif;
	width: 70%;
	float: left;
	height: 60px;
}
#right_box_rent_head {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 40px;
}

#right_box_rent_head2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 23px;
	padding-top: 5px;
}




#productbox01 {
	font-family: Arial, Helvetica, sans-serif;
	width: 40%;
	float: left;
	height: 100px;
	border: 1px dotted #0E5BAD;
	background-color: #0A1F5C;
	margin-bottom: 20px;
}
#productbox02 {
	font-family: Arial, Helvetica, sans-serif;
	width: 40%;
	float: left;
	height: 100px;
	margin-left: 30px;
	border: 1px dotted #0E5BAD;
	background-color: #0A1F5C;
	margin-bottom: 20px;
}

#product_picbox {
	font-family: Arial, Helvetica, sans-serif;
	width: 140px;
	float: left;
	height: 100px;
	background-color: #061540;
}
#singlepassive {
	font-family: Arial, Helvetica, sans-serif;
	width: 580px;
	float: left;
	height: 612px;
}
#singlepassive01 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 265px;
}
#singlepassive02 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 265px;
}
#singlepassive03 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 265px;
}
#singlepassive04 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 265px;
}
#singlepassive05 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 189px;
}
#singlepassive06 {
	font-family: Arial, Helvetica, sans-serif;
	width: 290px;
	float: left;
	height: 189px;
}






#singlepassivebox {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 200px;
}


#right_box {
	font-family: Arial, Helvetica, sans-serif;
	width: 71%;
	float: left;
	padding-top: 20px;
	height: 700px;
}
#right_box_top {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 165px;
}

#right_box_rack_head {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 80px;
}

#right_box_rack {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 642px;
}

#box_rack01 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	padding: 8px;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}
#box_rack02 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-left: 10px;
	background-color: #0B1F5C;
}
#box_rack03 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-left: 10px;
	background-color: #0B1F5C;
}
#box_rack04 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-top: 12px;
	background-color: #0B1F5C;
}
#box_rack05 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-top: 12px;
	margin-left: 10px;
	background-color: #0B1F5C;
}
#box_rack06 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-left: 10px;
	margin-top: 12px;
	background-color: #0B1F5C;
}
#box_rack07 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-top: 12px;
	background-color: #0B1F5C;
}
#box_rack08 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-left: 10px;
	margin-top: 12px;
	background-color: #0B1F5C;
}
#box_rack09 {
	font-family: Arial, Helvetica, sans-serif;
	width: 28%;
	float: left;
	height: 140px;
	border: 1px dotted #0E5BAD;
	padding: 8px;
	margin-left: 10px;
	margin-top: 12px;
	background-color: #0B1F5C;
}










#right_box_middle {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 500px;
}
#right_box_middle_rack {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 120px;
}






#contact_content_left {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 260px;
	height: 175px;
}
#content_map_cover {
	float:left;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 66%;
	height: 190px;
}
#content_map {
	float:left;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	padding-left: 20px;
	width: 75%;
	height: 190px;
}

#content_map2 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 67%;
	padding-top: 6px;
	height: 620px;
}
#content_rack {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 70%;
	padding-top: 6px;
	height: 750px;
	margin-top: 20px;
}
#rack001 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	border: 1px dotted #0E5BAD;
}

#rack002 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	border: 1px dotted #0E5BAD;
}

#rack003 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	border: 1px dotted #0E5BAD;
}
#rack004 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}

#rack005 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}

#rack006 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}
#rack007 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}
#rack008 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}
#rack009 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 210px;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px dotted #0E5BAD;
}






#content_map2_cover {
	float:left;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 63%;
}

#contact_box_oem {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	font-size: 100%;
	text-align: center;
	height: 50px;
	background-image: url(../images/oem_logo.png);
	background-repeat: no-repeat;
}
#contact_box_line {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
	font-size: 100%;
	text-align: center;
	height: 100px;
	padding-top: 25px;
}
#contact_content_company {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	width: 50%;
	color: #0F0;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 10px;
	height: 50px;
}
#contact_content_address {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	width: 70%;
	font-size: 97%;
}

#contact_bottom_story {
	font-family: Arial, Helvetica, sans-serif;
	height: 270px;
	width: 100%;
	float: left;
}


#contact_content_product {
	float:left;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	padding-bottom: 3px;
}
#contact_right5 {
	float:right;
	overflow:hidden;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50%;
	padding-top: 20px;
}
#contact_all_contact {
	float: left;
	overflow: hidden;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	width: 50%;
}

    
        #content {
	float:left;
	width:40%;
	overflow:hidden;
	background-color: #081745;
	font-family: Arial, Helvetica, sans-serif;
}
#content_left {
	float:left;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 50%;
	height: 180px;
}

#content_left2 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	height: 850px;
}
#box_count_top {
	float:left;
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
}
#box_count {
	height: 90px;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	background-image: url(../images/count.png);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}
#box_calendar {
	height: 95px;
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	float: left;
}


#content_count {
	font-family: Arial, Helvetica, sans-serif;
	width: 70%;
	float: left;
	padding-bottom: 10px;
	margin-left: 40px;
	height: 20px;
	margin-top: 45px;
}




#content_right {
	float: right;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	padding-top: 15px;
	height: 150px;
	text-align: right;
}
#content_right_head {
	float: right;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	width: 400px;
	height: 30px;
	text-align: right;
}


#content_right2 {
	float: left;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	height: 667px;
	width: 100%;
	padding-top: 15px;
}

#content_right3 {
	float: left;
	overflow: hidden;
	height: 133px;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
}

#box_rent {
	float: left;
	overflow: hidden;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	width: 110px;
	padding: 5px;
	background-color: #0B1F5C;
	border: 1px dotted #0E5BAD;
}

#box_rent2 {
	float: left;
	overflow: hidden;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	width: 110px;
	margin-left: 7px;
	padding: 5px;
	background-color: #0B1F5C;
	border: 1px dotted #0E5BAD;
}

#rent_buttom {
	float: left;
	overflow: hidden;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	margin-top: 10px;
}
#box_rent3 {
	float: left;
	overflow: hidden;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	width: 60px;
	padding: 4px;
	background-color: #0B1F5C;
	border: 1px dotted #0E5BAD;
}
#box_rent4 {
	float: left;
	overflow: hidden;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	width: 60px;
	margin-left: 5px;
	padding: 4px;
	background-color: #0B1F5C;
	border: 1px dotted #0E5BAD;
}


#content_right4 {
	float:right;
	overflow:hidden;
	height: 80px;
	font-family: Arial, Helvetica, sans-serif;
	width: 55%;
}



#fax {
	height: 60px;
	width: 60px;
	float: right;
}
#mobile {
	height: 60px;
	width: 60px;
	float: right;
	margin-left: 2px;
}
#email {
	height: 60px;
	width: 60px;
	float: right;
	margin-left: 2px;
}
#line {
	height: 60px;
	width: 60px;
	float: right;
	margin-left: 2px;
}
#facebook {
	height: 60px;
	width: 60px;
	float: right;
	margin-left: 2px;
}
#map {
	height: 60px;
	width: 60px;
	float: right;
}
#right_box_how_head {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 30px;
}
#how {
	font-family: Arial, Helvetica, sans-serif;
	width: 230px;
	float: left;
	height: 650px;
	margin-left: 100px;
}
#howbox {
	font-family: Arial, Helvetica, sans-serif;
	width: 230px;
	float: left;
	height: 115px;
}










#content_buttom {
	width:40%;
	overflow:hidden;
	background-color: #050F2E;
	float: left;
}
#content-padding-right {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

    #footer-bottom {
	width:100%;
	height:15px;
	font-size:0;
	line-height:0;
	float: left;
}        
#footer-bottom-copyright {
	width: 100%;
	font-size: 90%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-position: bottom;
	height: 30px;
}

    #footer {
	float: left;
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
}
    #footer p {
	margin:0;
	font-size: 14px;
	text-align: center;
}
    #footer a {
	font-weight:bold;
	text-decoration:none;
	color: #000;
	font-size: 90%;
}
    #footer a:hover {
	text-decoration:underline;
	font-size: 90%;
	text-align: center;
}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #060F2E;
	height: 180px;
	padding-top: 30px;
	float: left;
}


#topstory  h2{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #060F2E;
}
#topstory h2, #topstory p.info  {
	margin:0;
	font-weight: bold;
	background-color: #060F2E;
}
#topstory p.info {
	font-size:85%;
	background-color: #060F2E;
}
#topstory-show {
	float:left;
	width:20%;
	height: 170px;
}
#topstory-img  {
	float: left;
	height: 170px;
	width: 250px;
}
#topstory-desc  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	height: 165px;
	position: static;
	width: 35%;
}
#topstory-title  {
	width: 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0F0;
	text-align: left;
}
#topstory-desc-in  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	width: 100%;
}
#topstory-desc-in p  {
	margin-bottom:0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
#content-padding-product-line1  {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 175px;
}
#content-padding-product-line2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 145px;
	margin-top: 5px;
}
#content-padding-product-line3 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 150px;
}
#content-padding-product-line4 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 70px;
}

#content_all_contact {
	float: right;
	overflow: hidden;
	height: 70px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
#text_product {
	float: right;
	height: 35px;
	width: 100px;
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #060F2E;
	padding-top: 5px;
}





#photos {
	font-size: 0;
	float: left;
}


#single_ch_pic_text {
	font-size:70%;
	float: left;
	height: 10px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}
#passive_di {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}
#passive_di_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#passive_di_pic_text {
	height: 20px;
	width: 155px;
	float: left;
	padding-bottom: 2px;
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
}




#single_ch {
	float: left;
	height: 135px;
	width: 160px;
	border: 1px dotted #0E5BAD;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	background-color: #0B1F5C;
}
#single_ch_pic {
	float: left;
	height: 100px;
	width: 150px;
	padding-left: 5px;
	padding-top: 7px;
	padding-bottom: 2px;
}
#single_ch_pic2 {
	float: right;
	height: 70px;
	width: 100px;
	margin-bottom: 5px;
}


#dual_di {
	float: left;
	height: 135px;
	width: 160px;
	margin-left: 10px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}

#dual_di_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#dual_di_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}

#dual_di_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}

#isolator {
	float: left;
	height: 135px;
	width: 160px;
	margin-left: 10px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}

#isolator_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#isolator_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#isolator_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}

#dmx_repeater {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}

#dmx_repeater_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#dmx_repeater_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#dmx_repeater_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}

#spliter_truss {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	margin-left: 10px;
	background-color: #0B1F5C;
}

#spliter_truss_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#spliter_truss_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#spliter_truss_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}

#five_ch_dmx {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	margin-left: 10px;
	background-color: #0B1F5C;
}

#five_ch_dmx_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#five_ch_dmx_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#five_ch_dmx_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}

#dmx_rack {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	margin-left: 10px;
	background-color: #0B1F5C;
}

#dmx_rack_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#dmx_rack_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#dmx_rack_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}
#master_intercom {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	background-color: #0B1F5C;
}

#master_intercom_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#master_intercom_pic2 {
	height: 70px;
	width: 100px;
	float: right;
	margin-bottom: 5px;
}


#master_intercom_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}
#belt_intercom {
	float: left;
	height: 135px;
	width: 160px;
	background-image: url(../images/frame.png);
	background-repeat: no-repeat;
	border: 1px dotted #0E5BAD;
	margin-left: 10px;
	background-color: #0B1F5C;
}
#belt_intercom_pic {
	height: 100px;
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#belt_intercom_pic2 {
	height: 70px;
	width: 100px;
	float: right;
}

#belt_intercom_pic_text {
	font-size:70%;
	float: left;
	height: 20px;
	width: 155px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	padding-top: 5px;
	text-align: center;
}







#photos img {
	display:block;
	float:left;
	width:111px;
	height:90px;
	border:0;
	padding-bottom: 8px;
	padding-right: 5px;
}
#photos_rack {
	font-size: 0;
	width: 100%;
	float: right;
	height: 100px;
}
#rack1 {
	font-size: 0;
	width: 100px;
	float: right;
	height: 80px;
}
#rack2 {
	font-size: 0;
	width: 100px;
	float: right;
	height: 80px;
}
#rack3 {
	font-size: 0;
	width: 100px;
	float: right;
	height: 80px;
}
#rack4 {
	font-size: 0;
	width: 100px;
	float: right;
	height: 80px;
}




#photos_rack img {
	display:block;
	float:left;
	width:95px;
	height:75px;
	border:0;
	padding-right: 5px;
	padding-bottom: 8px;
}
#bottom_story {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #0A1F5C;
	float: left;
	height: 100px;
}
#bottom_story2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	height: 190px;
}
#bottom_story4 {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	float: left;
	background-color: #060F2E;
	height: 150px;
}





.cols50 {
	background-image: url(../images/dot-02.gif);
	background-repeat: repeat-y;
	background-position: 20% 0;
}

    .col50 {
	float:left;
	width:325px;
}
    .col50-right {float:right; width:310px;}

        .col50 .article {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
        .col50 .article h4 {margin:0; margin-bottom:3px;}
        .col50 .article p {margin:0;}
        .col50 .article p.info {margin:0; margin-bottom:5px; font-weight:normal; font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

.hx-style01 {
	font-size: 90%;
	text-transform: uppercase;
	color: #0F0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hx-style02 {
	font-size: 90%;
	text-transform: uppercase;
	color: #0F0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
.hx-style03 {
	font-size: 90%;
	text-transform: uppercase;
	color: #0FF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.separator {width:620px; height:50px; background:url("../images/separator.gif") 0 0 no-repeat; font-size:0;}