* { margin:0; outline:0 none;  padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
body { color: #666666; font-family: 'Conv_agbookrounded-regular',sans-serif;   font-size: 16px;font-style:normal;line-height:20px; width:100%;  }
p{ line-height:20px; color:#666666; line-height:22px;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; vertical-align:top;}
textarea {  overflow: auto;}
ul, li { list-style: none outside none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;   margin: 0;   padding: 0; color:#00afd8; font-weight:normal; }
a { text-decoration: none;color:#333333; }
.clear {clear:both; display:block; visibility:hidden; line-height:0;}

.left{ float: left; display: inline; }
.right { float: right; display: inline; }
.wrap{ width:1000px; margin:0 auto;}

.n_border {    border: medium none !important;}
.pd_b15 {    padding-bottom: 15px;}


/**header start**/
#header { height:107px; position:relative; width:1000px; margin:0 auto; }
#header a{color:#666666;}
#header a:hover{color:#000000;}
#header .logo{ position:absolute; top:23px; left:0px;   }
#header .logo a{background:url(../images/logo.png) top left no-repeat; min-height:60px; min-width:209px; display:block; text-indent:-9999px;}
#header .menu{ position:absolute; top:58px; right:-15px; width:630px;}
#header .menu ul li {  font-size:16px;float:left; margin-right:22px;}
#header .menu ul li.mg_r0{ margin-right:0px !important;}
#header .menu ul li a{ color:666666;  display:block;}
#header .menu ul li a:hover{ color:000000;}
#header .worldwide{position:absolute; top:8px; right:218px; width:88px; font-size:12px; color:#666666; line-height:20px;}

#header .searchbox{position:absolute; top:8px; right:62px;  line-height:20px; text-align:left; font-size:11px; color:#808080; padding-left:8px; cursor:pointer;} 

#header .socialicons{ width:60px; position:absolute; top:10px; right:0px;}
#header .socialicons a{ background-image:url(../images/socialicons.gif); background-repeat:no; width:16px; height:16px; float:right; margin-left:3px; text-indent:-9999px; cursor:pointer;}
#header .socialicons a.fb{ background-position:0 0;}
#header .socialicons a.twt{ background-position: -19px 0;}
#header .socialicons a.in{ background-position:-38px 0;}
#header .socialicons a.fb:hover{ background-position:0 16px;}
#header .socialicons a.twt:hover{ background-position: -19px 16px;}
#header .socialicons a.in:hover{ background-position:-38px 16px;}

.dropdown dd { position:relative; }
.dropdown dt {background:url(http://www.adprimemedia.com/images/top_selection_bg.gif) left top no-repeat; height:20px; overflow:hidden; display:block; width:156px;}
.dropdown dt:hover { background:url(http://www.adprimemedia.com/images/top_selection_hover_bg.gif) left top no-repeat;}
.dropdown dt a span {cursor:pointer; display:block; padding-left:10px;}
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; background:url(http://www.adprimemedia.com/images/top_selection_option.gif) left top no-repeat; display:none; left:0px; position:absolute; top:2px; width:156px; height:55px; list-style:none; padding-right:7px; padding-top:3px;}
.dropdown dd ul li a { padding:0px 5px 0px 10px; line-height:22px; display:block;}
.flagvisibility { display:none;}


/*footer start*/
#footer{  color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#dededd;}
#footer .wrap{ width:1000px; margin:0 auto; padding-top:28px;}
#footer  ul{ float:left;}
#footer a{ color:#666666;}
#footer .menu{ float:left; width:770px;}
#footer .menu ul{ padding-right:100px;}
#footer .menu li a{ padding-bottom:4px; display:block;} 
#footer .menu li.title a{ text-transform:uppercase; font-size:14px; color:#333333; padding-bottom:10px !important;}

#footer .social{ float:right; width:230px;}
#footer .social li a{ background-image:url(../images/bottom_social.png); background-repeat:no-repeat; height:26px; display:block; padding-left:37px; margin-bottom:9px; width:193px; line-height:26px;}
#footer .social li a.fb{ background-position:0 0;}
#footer .social li a.twt{ background-position:0 -36px;}
#footer .social li a.in{ background-position:0 -71px;}
#footer .social li a.aa{ background-position:0 -107px;}
#footer .line{ height:1px; border-bottom:1px solid #999999; margin-top:27px; margin-bottom:21px;}
#footer .logo{ padding-bottom:40px;}
#footer .copyright {border-left: 1px solid #999999; float: left; margin-left: 20px; margin-top: 5px; padding-left: 20px;}

@media only screen and (min-width:1020px) and (max-width:1120px){
    .wrap{ width:1000px; margin:0 auto; }
	#header{ width:1000px; margin:0 auto;}
	#header .menu{ position:absolute; top:58px; right:0px; width:620px;}
	}
	
@media only screen and (min-width:768px) and (max-width:1019px){
    .wrap{ width:748px; margin:0 auto; }
	#header{ width:748px; margin:0 auto;}
	#header .logo{ position:absolute; top:20px; left:0px;   }
    #header .logo a{background:url(../images/logo_respon_768.jpg) no-repeat; min-height:43px; min-width:153px;}
	#header .menu{ position:absolute; top:74px; left:0px; width:620px;}
	#header .menu ul li{ font-size:14px;} 

	
	#footer .wrap{ width:748px; margin:0 auto; padding-top:28px;}
	#footer .menu{ float:left; width:510px;}
	#footer .menu ul{ padding-right:43px;}
	#footer .menu ul:last-child{ padding-right:0px;}
	
	#footer .social{ float:left; width:200px;}
	}

@media only screen and (min-width:500px) and (max-width:767px){
    .wrap{ width:480px; margin:0 auto;}
	#header{ width:100%; height:50px; min-width:480px;}
	#header .logo{ position:absolute; top:10px; left:10px;   }
    #header .logo a{background:url(../images/logo_respon_480.jpg) no-repeat;  min-width:116px; min-height:33px; }
	#header .menu{ background:url(../images/menu_icon.jpg) top right no-repeat;height:50px; float:right; width:56px;position: absolute;right: 0;top: 0px;}
	#header .menu ul{ background:#FFFFFF; position:absolute; top:50px; right:0px; height:350px; z-index:100; width:480px; background:rgba(255,255,255,0.93);   }
	#header .menu ul li{  text-align:left; margin-right: 0px; display:block; float:none;  line-height:18px; padding:0 20px;}
	#header .menu ul li a{border-bottom:1px solid #dddddd; padding:15px 0; display:block;}
	#header .menu ul li:last-child a{border-bottom:none;}
	#header .menu ul li:hover{ background:#FFF;}  
	#header	#menubox #pagelist{display:none;}
	
	#header .worldwide{ display:none;}
    #header .searchbox{display:none;}
	#header .socialicons{display:none;}
	
	#footer{ min-width:480px;}
	#footer .wrap{ width:480px; margin:0 auto; padding-top:28px; overflow:hidden;}
	#footer .menu{ float:left; width:700px;}
	#footer .menu ul{ padding-right:50px;}
	
	
	#footer .social{ float:left; width:480px; padding-top:20px;}
	#footer .social li { float:left;}
	#footer .social li a{  width:200px; }
	}
	

@media only screen   and (max-width:499px){
    .wrap{ width:320px; margin:0 auto;}
	#header{ width:320px; margin:0 auto; height:50px;}
	#header .logo{ position:absolute; top:10px; left:0px;   }
    #header .logo a{background:url(../images/logo_respon_480.jpg) no-repeat;  min-width:116px; min-height:33px; }
	#header .menu{ background:url(../images/menu_icon.jpg) top right no-repeat;height:50px; float:right; width:56px;position: absolute;right: 0;top: 0px;}
	#header .menu ul{position:absolute;top:50px;right:0px;height:270px;z-index:100;width:320px;background:rgba(255,255,255,0.93);overflow:hidden; }
	#header .menu ul li{  text-align:left; margin-right: 0px; display:block; float:none;  line-height:18px; padding:0 20px; }
	#header .menu ul li a{border-bottom:1px solid #dddddd; padding:10px 0; display:block;}
	#header .menu ul li:last-child a{ border-bottom:none;}
	#header .menu ul li:hover{ background:#FFF;} 
	#header	#menubox #pagelist{display:none;}
	#header .worldwide{ display:none;}
    #header .searchbox{display:none;}
	#header .socialicons{display:none;}
	
	#footer{ min-width:320px;}
	#footer .wrap{ width:320px; margin:0 auto; padding-top:0px; overflow:hidden;}
	#footer .menu{ float:left; width:320px;}
	#footer .menu ul{  height:120px; width:160px; float:left; padding-right:0px;}
	#footer .menu ul li a{ line-height:16px;}
	#footer .menu ul li.title a{ margin-top:20px;}
	
	#footer .social{ float:left; width:320px;}
	#footer .social li { float:left; display:block; width:26px; margin-right:10px;}
	#footer .social li a{  width:0px; overflow:hidden; }
	
	#footer .line{ margin-top:15px; margin-bottom:15px;}
	#footer .logo{ display:none;}
	#footer .copyright{ width:320px; text-align:center; padding-bottom:15px;}
	}
