/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body{
margin:0px;
padding:0px;
font-family:arial;
font-size:12pt;
}

a, a:link, a:visited{
font-family:arial;
color:#33759f;
}

a:active,a:hover{
color:#000000;
}

input,select,textarea{
margin-bottom:10px;
padding:5px;
font-size:10pt;
color:#7b7b7b;
}
input:hover,select:hover,textarea:hover,input:focus,textarea:focus{
color:000;
}
input[type=submit],input[type=reset]{
border:1px solid #c7c7c7;
padding:5px;
color:#5c5c5c;
background-color:#fff;
}
input[type=submit]:hover,input[type=reset]:hover{
color:#bd0000;
border:1px solid #bd0000;
}


td.label{
font-size:11pt;
text-align:right;
padding-right:10px;
}


#head_banner{
width:561px;
height:161px;
background-image:url(/images/01.png);
background-repeat:no-repeat;
margin-top:60px;
}

#exchange{
width:561px;
height:124px;
background-image:url(/images/02.png);
background-repeat:no-repeat;
}

#buttons{
width:561px;
text-align:center;
}

#top_bar{
padding:0px;
overflow:visible;
width:100%;
height:60px;
background-color:#b64029;
color:#fff;
font-size:12pt;
position:fixed;
top:0px;
z-index:100;
}

#content{
width:500px;
height:auto;
color:#000;
text-align:justify;
line-height:17pt;
}

#content b{
color:#4eab20;
font-weight:bold;
}

#content u{
color:#b64029;
font-weight:bold;
}

#content i{
font-style:italic;
color:#33759f;
}

h1{
color:#b64029;
margin:0px;
padding:0px;
margin-bottom:10px;
font-family:arial narrow;
font-size:20pt;
text-align:center;
}

#footer{
margin-bottom:20px;
}

#footer, #footer a{
color:#4eab20;
margin-top:20px;
font-size:10pt;
text-decoration:none;
font-weight:bold;
}

#footer a:hover{
color:#000;
cursor:default;
}

ul{
margin-top:10px;
padding-left:30px;
}

li{
margin-bottom:5px;
}

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}


.package{
clear:both;
width:100%;
}

#package_left, #package_right{
float:left;
width:48%;
border:3px dashed #d9d9d9;
padding-top:10px;
padding-bottom:10px;
margin-bottom:5px;
}

#package_middle{
float:left;
width:3px;
}

#paid{
padding-top:5px;
padding-bottom:5px;
width:98%;
border:3px dashed #d9d9d9;
text-align:center;
}

#paid a{
color:#686868;
text-decoration:none;
}
#paid a:hover{
color:#000;
}

.hostee{
font-weight:bold;
display:table-cell;
}

.hostee img{
width:300px;
height:181px;
border:10px solid #c4c4c4;
}
.hostee img:hover{
border:10px solid #b64029;
}

.hosteedes{
font-family:arial narrow;
width:320px;
font-size:10pt;
color:#ffffff;
background-color:#b64029;
margin-bottom:20px;
}




strong{
color:#0055bf;
font-weight:bold;
}

strike{
color:#ff0000;
font-style:italic;
font-size:9pt;
}




#contentbig{
width:100%;
height:auto;
color:#000;
text-align:justify;
line-height:17pt;
display:table;
}

#contentbig b{
color:#4eab20;
font-weight:bold;
}

#contentbig u{
color:#b64029;
font-weight:bold;
}

#contentbig i{
font-style:italic;
color:#33759f;
}

.linestart{
display:table-row;
}



.pngwrap{
width:120px;
height:150px;
display:inline-block;
margin:2px;
}

.pngwrap img{
width:100px;
height:100px;
border:10px solid #c4c4c4;
}

.pngwrap img:hover{
border:10px solid #b64029;
}

.pngbottom{
text-align:center;
font-size:8pt;
line-height:10pt;
background-color:#b64029;
color:#ffc600;
font-family:arial narrow;
}

.pngbottom a{
color:#ffffff;
font-size:8pt;
font-style:normal;
font-weight:normal;
}

a.pngpage, a.pngpage:visited{
color:#ffffff;
text-decoration:none;
font-style:normal;
font-weight:bold;
font-size:12px;
background-color:#b64029;
padding:2px 5px 2px 5px;
}

a.pngpage:hover,a.pngpage:active{
background-color:#c4c4c4;
}

a.pngpagecurrent{
color:#ffffff;
text-decoration:none;
font-style:normal;
font-weight:bold;
font-size:12px;
background-color:#c4c4c4;
padding:2px 5px 2px 5px;
pointer-events: none;
}

a.pngleftright{
text-decoration:none;
font-size:15pt;
color:#b64029;
}
a.pngleftright:hover{
color:#c4c4c4;
}


ul.topnav{
width:100%;
padding:0px;
margin:0px;
}
ul.topnav li{
display:inline-block;
margin:0px 0px;
line-height:60px;
}
ul.topnav li:hover{
cursor:default;
}

ul.topnav li a.anav{
	font-weight:bold;
	font-family:arial narrow;
	text-transform:uppercase;
	display:block;
	line-height:60px;
	padding-left:15px;
	padding-right:15px;
	color:#fff;
	text-decoration:none;
}

a.anav:hover{
	color:#fff;
	background-color:#ff4e00;
	curser:pointer;
	}

span.menu{
display:none;
}

div.hidesub{
z-index:1000;
position:absolute;
width:200px;
margin:0px;
padding:0px;
line-height:30px;
font-size:10pt;
}

nav ul li ul{
margin:0px;
padding:0px;
border:1px solid #e3e3e3;
background-color:#fff;
}

nav ul.subm{
display:none;
}
nav ul li:hover ul.subm {
display:block;
}

nav ul li ul li{
text-align:left;
width:100%;
}
nav ul li ul li a.subnav{
display:block;
line-height:30px;
text-decoration:none;
padding-left:15px;
padding-right:15px;
color:#2b2b2b;
border-top:1px dashed #e3e3e3;
}
nav ul li ul li a.subnav:hover{
background-color:#ff4e00;
color:#fff;
}



@media(max-width:768px){
	#top_bar{
	height:auto;
	position:relative;
	overflow:hidden;
	z-index:0;
	}
	#head_banner{
	margin-top:0px;
	}

	span.menu{
		width:35px;
		height:35px;
		background:url(/images/mobilebutton.png)no-repeat;
		background-size:35px 35px;
		display: block;
		float:right;
		cursor: pointer;
	}
	.navigation{
		width:100%;
		text-align:center;
		background:#fff;
		padding:0.5em 0;
		margin-top:10px;
		display:none;
	}

	ul.topnav{
		float:none;
		width:100%;
	}
	ul.topnav li{
		display:block;
		padding:0px;
		margin:0px;
	}
	ul.topnav li a.anav{
		display: block;
		padding:0px;
		margin:0px;
	}
	div.hidesub{
	z-index:1000;
	position:static;
	width:100%;
	margin:0px;
	padding:0px;
	line-height:30px;
	font-size:10pt;
	}
	nav ul li ul{
		float:none;
		width:100%;
	}
	nav ul li ul li{
		display:block;
		padding:0px;
		margin:0px;
	}
	nav ul li ul li a{
		display: block;
		padding:0px;
		margin:0px;
	}
}



/* Self Clearing */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.b-wrapper:hover {
	background: rgba(255, 113, 5, 0.47);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	
}