/* CSS Document */

body,h1,h2,h3,h4,h5,p,div,iframe,form,table,td,th,ul,li,img{
	padding: 0;
	margin: 0;	
	border:none;
}


body{
background-color:#fff;	
color:#777777;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	
}

h2{

font-size:22px;
font-weight:normal;
color:#777777;
}


a{
	color:#f36f21;
	text-decoration:none;
}

h2 a:hover, h2 a{
text-decoration:none; color:#777777;
}

a:hover{text-decoration:underline;}
	
#main{
	
	margin: 0px auto 0px auto;
	margin-top:0px;
	text-align:center;
	width:1000px;

}

#logo{
	padding-left:10px;
	width:520px;
	height:126px;
	background-image:url(logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	float:left;
}

#main_menu{
font-family: Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	margin-left:10px;
	padding-left:80px;
	padding-top:25px;
	padding-bottom:25px;
	margin-top:7px;
	background-image:url(main_m_line.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}

#main_menu li{
width:115px;

display:block;
float:left;
text-align:left;
}
.big_li{
margin-left:20px;

}

#main_menu a, #sub_menu a, #sub_menu2 a{
font-family: Arial, Helvetica, sans-serif;
float:left;
text-align:left;
font-weight:normal;
color:#777777;
font-size: 18px;
text-decoration:none;
}


#main_menu a span, #sub_menu a span, #sub_menu2 a span{
padding:7px;
padding-left:12px;
padding-right:12px;
float: left;
display: block;
cursor:pointer;
}


#main_menu a:hover, #sub_menu a:hover, #sub_menu2 a:hover, #main_menu a.main_sel, #sub_menu2 a.main_sel{
	background-image:url(main_sel2.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#fff;
}
#main_menu a:hover span, #sub_menu a:hover span, #sub_menu2 a:hover span, a.main_sel span{
	background-image:url(main_sel_r2.png);
	background-repeat: no-repeat;
	background-position: right center;
	
}

#main_menu a.main_sel, #sub_menu2 a.main_sel{background-image:url(main_sel.png);}
#main_menu a.main_sel span, #sub_menu2 a.main_sel span{background-image:url(main_sel_r.png);}

#sub_menu, #sub_menu2{
text-align:left;
float:left;
width:260px;
padding-left:15px;

}
#sub_menu li, #sub_menu2 li{
width:240px;
display:block;
float:left;
text-align:left;
}
#sub_menu2{width:200px;padding-left:40px; margin-top:10px;}
#sub_menu2 li{width:200px;}

#content, #content2, #content3{

padding-top:15px;

text-align:left;
float:left;

}
#content{ width:690px; float:right; padding-right: 50px;}
#content2{padding-left:25px; background-image:url(line.png); padding-top:30px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:10px;}

#content p, #content2 p, #content3 p{
padding-top:15px;
padding-bottom:45px;
line-height:22px;
font-size:14px;
}
#content2 p{padding-right:30px;}
#content3 {padding-left:25px;}
#content3 p{float:left; width:450px;}

#serv_icons{
	height:72px;
	clear:both;
	background-image:url(line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:25px;
}

#serv_icons a{
	height:72px;
	width:72px;
	display:block;
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
	padding-left:12px;
	padding-right:12px;
}

.wd_icon{background-image:url(wd_icon.png);} .wd_icon:hover{background-image:url(wd_icon_sel.png);}
.dup_icon{background-image:url(dup_icon.png);} .dup_icon:hover{background-image:url(dup_icon_sel.png);}
.dvd_icon{background-image:url(dvd_icon.png);} .dvd_icon:hover{background-image:url(dvd_icon_sel.png);}
.pod_icon{background-image:url(pod_icon.png);} .pod_icon:hover{background-image:url(pod_icon_sel.png);}
.ph_icon{background-image:url(ph_icon.png);} .ph_icon:hover{background-image:url(ph_icon_sel.png);}
.vid_icon{background-image:url(vid_icon.png);} .vid_icon:hover{background-image:url(vid_icon_sel.png);}
.gf_icon{background-image:url(gf_icon.png);} .gf_icon:hover{background-image:url(gf_icon_sel.png);}
.seo_icon{background-image:url(seo_icon.png);} .seo_icon:hover{background-image:url(seo_icon_sel.png);}
.ho_icon{background-image:url(ho_icon.png);} .ho_icon:hover{background-image:url(ho_icon_sel.png);}
.mk_icon{background-image:url(mk_icon.png);} .mk_icon:hover{background-image:url(mk_icon_sel.png);}



.footer {
padding-top:30px;
clear:both;
	background-image:url(line.png);
	background-repeat: no-repeat;
	background-position: left top;

}

div[class="footer"] {padding-top:30px;}

.foot_sect{
float:left;
width:280px;
padding-left:25px;
padding-right:25px;
text-align:left;
line-height:22px;

}

.But_r, .But_r2, .But_l, input.But_r{
	margin-top:15px;
	padding-left:5px;
	padding-right:11px;
	border: 0px solid #CCCCCC;
	float:right;
	background-color:#CCCCCC;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(but.png);
	background-repeat: no-repeat;
	background-position: center right;
}
.But_r2{
margin-top:5px; line-height:22px;margin-right:40px;
}

.But_l{float:left; line-height:22px;}

.But_r:hover, .But_r2:hover, .But_l:hover{
color:#FFFFFF;
background-color:#f48d50;
text-decoration:none;
}

#contact_info{list-style-type: none;}
.c_tel,.c_email,.c_address{padding-left:20px; background-repeat: no-repeat; background-position: left center;}

.c_tel{background-image:url(p_icon.gif);}
.c_email{background-image:url(e_icon.gif);}
.c_address{background-image:url(a_icon.gif);}

.up{
	clear:both;
	margin-left:70px;
	width:42px; 
	height:42px; 
	background-image:url(up.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	}
	
.up:hover{background-image:url(up_sel.png);}


.footer_info {
	padding-bottom:5px;
	padding-top:15px;
	clear:both;
	background-image:url(line_up.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div[class="footer_info"] {padding-top:30px;}

.main_work {
	text-align:left;
	float:left;
	padding-top:35px;
	width:820px;
}
.main_work p{
	line-height:22px;
	padding-top:6px;
	padding-bottom:10px;}

.port_bt{float:left; margin-right:20px;}

.port_t{
	float:left;
	background-image:url(port_t.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:9px;
	margin-right:10px;
	padding-top:7px;
	display:block;
	}
	
* html .port_t
{
padding-top:8px;
}
.port_t img{padding:0px; margin:0px;}
/*a[class="highslide port_t"]{padding-bottom:9px; padding:6px;}*/


.wm_left, .wm_right{
margin-left:25px;
margin-right:25px;
margin-top:60px;
float:left;
width:29px;
height:171px;
background-repeat: no-repeat;
	background-position: center center;
}
.wm_left{background-image:url(wm_left.png);}
.wm_right{background-image:url(wm_right.png);}
.wm_left:hover{background-image:url(wm_left_sel.png);}
.wm_right:hover{background-image:url(wm_right_sel.png);}


.top_pad_10{
padding-top:10px;}

#mySlides{clear:both; left:0px;float:left;}
#myController{float:left; width:730px; text-align:left; margin-bottom:10px;}
#header{width:1000px; clear:both; float:left;}
#jFlowSlide{

 left:0px;float:left;
 
}

.port_div{padding-bottom:10px;
	background-image:url(line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:20px;

}

.clear{clear:both;}



#myController span, .thumb{
	margin:8px;
	margin:8px;
	cursor:pointer;
	border: 7px solid #cfcfcf;
	display:block;
	float:left;
}

.thumb{ margin:0px; margin-bottom:5px;}
 
#myController span.jFlowSelected, #myController span.jFlowSelected:hover, .thumb:hover {

border: 7px solid #f36f21;
}

.thumb:hover, #myController span:hover {border-color:#f29e6d;}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

.title_span{
color:#f36f21;
font-weight:bold;

}

.flash{float:left; margin-left:-5px;}
.section{
	width:314px; 
	height:319px; 
	float:left; 
	background-image:url(section_back.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left:7px;
	padding-right:5px;
	padding-bottom:15px;
	text-align:center;
	}
	
.section p{
text-align:left; 

padding-left:40px; 
padding-right: 35px;
line-height:22px;

}

.prev, .next{

color:#777777;
font-size: 18px;
text-decoration:none;
margin-bottom:20px;
padding:8px;

}

.prev:hover, .next:hover{
text-decoration:none;
color:#f36f21;

}

.prev{
float:left;
margin-left:250px;
padding-left:45px;
clear:both;
background-image:url(left.png);
	background-repeat: no-repeat;
	background-position: left center;

}

.prev:hover{background-image:url(left_sel.png);}

.next{
float:right;
margin-right:60px;
padding-right:45px;
background-image:url(right.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.next:hover{background-image:url(right_sel.png);}

.serv_back{
background-image:url(serv_back.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top:15px;
	padding-left:20px;
	padding-top:20px;
	display:block;
	color:#777777;
	padding-bottom:20px;
	line-height:25px;

}

#float_cont{
display:block;
float:right;
width:270px;
height:100%;
background-color:#CCCCCC;


}

.banner{
float:left;
display:block;
height:550px;
width:260px;

padding-top:10px;
}

.inv_text{
font-size:12px;
color:#CCCCCC;
padding-top:10px;

}

.inv_text a{
color:#B7B7B7;
}