/* v1.0 | 20080212 */

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

}

a{
	color: #006699;
}

a:hover{
	color: #FF6600;
}

hr {
	display: block;

	height: 10px;
	background-image: url(2013_assets/hr_line.png);
	;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
       }

body {
	line-height: 1;
	
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* define focus styles! */
:focus {
	outline: 0;
}

/* highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.mceVisualAid {
    border: 1px dashed #BBBBBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
	
	
	
/* Futura Font */

@font-face {
	font-family: Futura;
	src: url('fonts/tt0142m_.ttf');
}


@font-face {
	font-family: Futura;
	font-weight: bold;
	src: url('fonts/tt0144m_.ttf');
}


@font-face {
	font-family: Futura;
	font-weight: bolder;
	src: url('fonts/Futura%20Extra%20Black%20BT.ttf');
}


@font-face {
	font-family: Futura;
	font-weight: lighter;
	src: url('fonts/Futura%20Light%20BT.ttf');
}

@font-face {
	font-family: Futura;
	font-weight: 100;
	src: url('fonts/FUTURA.TTF');
}


@font-face {
	font-family: Futura;
	font-weight: 200;
	src: url('fonts/FUTURA3.TTF');
}


/* Format & Form */

#wrapper{}

#container_main{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#header{
	float: left;
	height: 60px;
	width: 960px;
		padding-top: 20px;
}

#logo{
	float: left;
	height: 60px;
	width: 200px;
}

#social{	float: left;
	height: 35px;
	width: 300px;
	background-color: #CCC;
	opacity:0.4;
	filter:alpha(opacity=40); /*IE*/}

#cart{}
#cc_phone{}
#soc_face{}
#soc_twit{}
#soc_lnkd{}


#nav_box{
	float: left;
	height: 60px;
	width: 760px;
	padding-top: 6px;
}

#tab_01 a{
	float: left;
	height: 36px;
	width: 87px;
	background-image: url(2013_assets/tab_home01.png);
	background-repeat: no-repeat;

}

#tab_01 a:hover{
	float: left;
	height: 36px;
	width: 87px;
	background-image: url(2013_assets/tab_home02.png);
	background-repeat: no-repeat;
}

#tab_02 a{
	float: left;
	height: 36px;
	width: 125px;
	background-image: url(2013_assets/tab_tech01.png);
	background-repeat: no-repeat;}
	
#tab_02 a:hover{
	float: left;
	height: 36px;
	width: 125px;
	background-image: url(2013_assets/tab_tech02.png);
	background-repeat: no-repeat;}
	
	
	
	

#tab_03 a{
	float: left;
	height: 36px;
	width: 122px;
	background-image: url(2013_assets/tab_design01.png);
	background-repeat: no-repeat;}
	
#tab_03 a:hover{
	float: left;
	height: 36px;
	width: 122px;
	background-image: url(2013_assets/tab_design02.png);
	background-repeat: no-repeat;}
	
	

#tab_04 a{
	float: left;
	height: 36px;
	width: 117px;
	background-image: url(2013_assets/tab_content01.png);
	background-repeat: no-repeat;
}
	
#tab_04 a:hover{
	float: left;
	height: 36px;
	width: 117px;
	background-image: url(2013_assets/tab_content02.png);
	background-repeat: no-repeat;
}


#tab_05 a{
	float: left;
	height: 36px;
	width: 109px;
	background-image: url(2013_assets/tab_about01.png);
	background-repeat: no-repeat;
}
	
#tab_05 a:hover{
	float: left;
	height: 36px;
	width: 109px;
	background-image: url(2013_assets/tab_about02.png);
	background-repeat: no-repeat;
}

#tab_06 a{
	float: left;
	height: 36px;
	width: 110px;
	background-image: url(2013_assets/tab_contact01.png);
	background-repeat: no-repeat;}
	
#tab_06 a:hover{
	float: left;
	height: 36px;
	width: 110px;
	background-image: url(2013_assets/tab_contact02.png);
	background-repeat: no-repeat;}
	

#tab_07 a{
	float: left;
	height: 36px;
	width: 85px;
	background-image: url(2013_assets/tab_faq01.png);
	background-repeat: no-repeat;}
	
#tab_07 a:hover{
	float: left;
	height: 36px;
	width: 85px;
	background-image: url(2013_assets/tab_faq02.png);
	background-repeat: no-repeat;}
	

#defsub_box{
	float: left;
	width: 960px;
	height: 80px;
}

#subtab_box{
	float: left;
	width: 700px;
	height: 50px;
	padding-top: 30px;
	
}


#subtab_box ul{
	margin-top: 25px;
}

#subtab_box ul li { display: inline; }

#subtab_box li{
	float: right;
	height: 16px;
	width: auto;
	text-align: center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	color: #666;
	margin-right: 5px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7A7572;
	padding-top: 4px;
	background-color: #E6E6E3;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




#subtab_box li a{

	color: #666;
}



#subtab_box li a:hover{

	color: #000;
}











#def00{
	width: 960px;
	float: left;
}


#def00a{
	width: 960px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
}


#box00_stripe{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	-moz-box-shadow: 0px 3px 4px #666;
	-webkit-box-shadow: 0px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;
	margin-bottom: 10px;


	
	
}

#box00_menu00{
	width: 255px;
	float: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	background-color: #FFF;

}


#box00_menu00_image{
	width: 669px;
	float: left;
}

#toc_subtab_box02, .toc_subtab_box02{

}

#toc_subtab_box02 li, .toc_subtab_box02 li{
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 12px;
	padding-left: 0px;
	display:block;
}

#toc_subtab_box02 li b, .toc_subtab_box02 li b{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-image: url(2013_assets/menu_hot_bak.png);
	background-repeat: no-repeat;
	display:block;
	background-position: 0px;
	padding-left: 15px;

}


#toc_subtab_box02 li a, .toc_subtab_box02 li a{
	color: #666;
	text-decoration: none;
	padding-left: 15px;
}




#toc_subtab_box02 li a:hover, .toc_subtab_box02 li a:hover{
	color: #CCC;
	text-decoration: none;


}

#box00_menu_main{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	margin-left: 0px;
	-moz-box-shadow: 2px 2px 4px #999;
	-webkit-box-shadow: 2px 2px 4px #999;
	box-shadow: 2px 2px 4px #999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D6D6D6;	
}

#box00_menu_main0x{
	width: 747px;
	background-color: #FFFFFF;
	background-image: ;
	background-repeat: repeat-x;
	background-position: bottom;
}


#box_media{
	width: 288px;
	float: left;
	min-height: 300px;
}

#box_content{
	width: 620px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 100;
	color: #302E2C;
	line-height: 24px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	
	
	
}

#box_content p{padding-bottom: 20px;}


#box0x_sub{
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	border: 1px solid #ABA8A5;
	width: 960px;
	background-image: url(2013_assets/sub_bak.png);
	background-repeat: repeat-y;
}



#box0x{
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	border: 1px solid #ABA8A5;
	width: 960px;
}


#box00{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	
-moz-box-shadow: 0px 3px 4px #666;
-webkit-box-shadow: 0px 3px 4px #666;
box-shadow: 0px 3px 4px #666;
	

	
	
}

#box00left{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	margin-right: 6px;
-moz-box-shadow: 0px 3px 4px #666;
-webkit-box-shadow: 0px 3px 4px #666;
box-shadow: 0px 3px 4px #666;
	
	
}

#box00right{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	margin-left: 6px;
-moz-box-shadow: 0px 3px 4px #666;
-webkit-box-shadow: 0px 3px 4px #666;
box-shadow: 0px 3px 4px #666;
	
}

#box00center{
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 3px;
-moz-box-shadow: 0px 3px 4px #666;
-webkit-box-shadow: 0px 3px 4px #666;
box-shadow: 0px 3px 4px #666;
	
}

#box00a{
	width: 954px;
	background-color: #FFFFFF;
	background-image: url(2013_assets/panel_bak.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#box00b{

	width: 468px;
		background-color: #FFFFFF;
	background-image: url(2013_assets/panel_bak.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#box00c{

	width: 308px;
	background-color: #FFFFFF;
	background-image: url(2013_assets/panel_bak.png);
	background-repeat: repeat-x;
	background-position: bottom;
}






#content_box{
	float: left;
	width: 960px;
	background-color: #6F0;
}







/* Sticky Footer */
 #out_wrap {min-height: 100%;}
 
 #main {overflow:auto;
	padding-bottom: 300px;}  /* must be same height as the footer */
	
 #stick{
	position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;
	clear:both;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #333;

}


 #footer{
	width: 960px;
	padding-bottom: 50px;
		padding-top: 50px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;

}


 
	#footbox{
	width: 960px;}
	
#footer_topl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A7A4A0;
	margin-bottom: 25px;
	line-height: 14px;
}



#footbox_01{ 
	color: #FFF;
}
#footbox_02{
	color: #E2E1E0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


#btitle_box{
	width: 240px;
	height: 75px;
	padding-left: 20px;
	bottom: 0px;
	float: left;
	position: relative;
	}


#btitle{
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: 200;
	color: #fff;
	line-height:28px;
	position: absolute;
	bottom: 0px;
}


.btitle02{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 200;
	color: #fff;
	line-height:28px;

}


.content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 100;
	color: #302E2C;
	width: 920px;
	line-height: 24px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}


.content p{
	padding-bottom: 20px;
}

.content h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #666666;
	line-height: 24px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.content h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #990000;
	line-height: 24x;
	padding-bottom: 25px;

}


.content02{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #302E2C;
	width: 920px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 0px;

}

.content02 p{	padding-bottom: 20px;}

.content02_copy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #302E2C;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 25px;

}

.content02_copy li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #E0DFDE;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-indent: 10px;
	background-image: url(2013_assets/bullet01.png);
	background-repeat: no-repeat;
	background-position: 9px 12px;
	line-height: 15px;
}



.content02 img{}

.video {
	float: left;
	background-color: #FFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 0px;
	margin-right: 10px;
	-moz-box-shadow: 0px 3px 4px #666;
	-webkit-box-shadow: 0px 3px 4px #666;
	box-shadow: 0px 3px 4px #666;
	margin-bottom: 10px;
	
	}