@charset "utf-8";
/* CSS Document */

/* reset css */

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, 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;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
}

/* typography.css
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #000; 
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #0e2f8a; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; font-weight:normal; text-transform:uppercase; padding-left:5px;}
h3 { font-size: 1.6em; color:#666; font-weight:normal; text-transform:uppercase;}
h4 { font-size: 1.1em; line-height: 2; font-weight:bold; text-transform:uppercase; padding-left:5px; color:#666;}
h5 { font-size: 0.9em; line-height: 35px;}
h6 { font-size: 0.9em; line-height:1.4; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { font-size: 12px; margin: 0 0 1.5em; color:#000; line-height:1.5em;}
p.footer	{ line-height:18px; font-size:10px; color:#666; text-align:left; padding-left:5px;}

a:focus, 
a:hover     { color: #0e2f8a; text-decoration: none; border: 0; margin:0; padding:0;}
a           { text-decoration: underline; border:0; margin:0; padding:0; color:#0e2f8a;}

a.button, a.button:visited	{background:url(../images/btn_off.jpg) no-repeat; width: 235px; height:30px; line-height:30px; padding-right: 10px; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#fff;}
a.button:focus, a.button:hover	{background:url(../images/btn_on.jpg) no-repeat;}




a.language	{color:#0e2f8a; background:url(../images/language.jpg); display:block; width: 75px; height: 80px; text-decoration: none;}
a.lanugage:hover, a.lanugage:focus {color: #000;}

.languagetext 	{font-size: 12px; text-decoration:none; line-height: 60px; margin-left:16px; color:#fff;}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol, ul li{ margin:0; display:block;}
ul, ol      { margin:0; }


ul          {color:#666; line-height:20px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Nav
------------------------------------------------------------- */
#nav ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
#nav a, #nav a:active, #nav a:visited {text-decoration:none; color:#FFF; padding:10px; font-size:14px; text-transform:uppercase; line-height:28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#nav a:hover {color:#999;}
#slide {position:absolute; top:148px; height:4px; background:#fff; z-index:10;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 0;width:90%;}
th          { font-weight: bold; background-color:#95aef2;}
thead th 	{ background: #666; }
th,td,caption { padding: 4px 10px 4px 5px; text-align:left;}
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

table.plans	{color:#333; }
table.plans tr td { font-size:12px; padding:5px;}
table.plans ul li {font-size:12px; color:#333;}

#sidebar tr	{line-height:24px;}

/* Misc classes
-------------------------------------------------------------- */
.highlight2 {	color:#009;}
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.left 		{float: left;}
.right 		{float: right;}

.topBar 	{float:right; margin-right:10px; line-height:30px;}
.borderRight {border-right: 1px solid #ccc; }
.noborder 	{border: none;}

.clear {clear:both;}

.marginRight { margin-right:15px; }
.marginBottom { margin-bottom: 15px; }

.grey	{background-color: #eee;}

/* Form (contact)
--------------------------------------------------------------*/

#content label{ text-align: right; color: #fff;}
.inputfield { width: 400px; border: 1px solid #fcba63; background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}

.contactform { padding-top:-20px; }
/*
input.send {
	background-color: #a90705;
	width: 160px;
	border: 1px solid #990033;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	}
	
input.send:hover {
	background-color: #ffffff;
	width: 160px;
	border: thin solid #a90705;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a90705;
	font-weight: bold;
	text-transform: uppercase;
	}
*/


/* DIV 
---------------------------------------------------------------*/

#wrapper 	{width: 100%; border-top: 10px solid #0e2f8a; border-bottom: 5px solid #0e2f8a;}
#container 	{width: 970px; margin: 0 auto;}

#logo 		{width: 320px; height: 73px; background-image: url(../images/logo_hyrux.jpg); margin: 20px 0 10px 0; float:left;}
#logo h1 {width: 320px; height: 73px; text-indent:-9999px; display:block;}
#language 	{width: 230px; float: right; text-align:right;}
#language li{margin:0 5px;}

#nav		{background:url(../images/bg_nav.jpg) no-repeat; width: 968px; height:40px; padding: 0 1px;}
#banner		{background:url(../images/banner_serviced_office.jpg) no-repeat; width:968px; height:275px; padding:0 1px; text-indent: -9999px;}
#bannerCoReg	{background:url(../images/banner_co_registration.jpg) no-repeat; width:968px; height:275px; padding:0 1px;}
#bannerVirtualOffice    {background:url(../images/banner_virtual_office.jpg) no-repeat; width:968px; height:275px; padding:0 1px;}
#bannerAccountService	{background:url(../images/banner_account_services.jpg) no-repeat; width:968px; height:275px; padding:0 1px; text-indent: -9999px;}

#col_01, #col_02,#col_03 {width: 235px; margin: 10px 10px 0 0; float:left;}
#col_04	    {width:235px; margin: 10px 0; float:right;}
#col_01 img, #col_02 img, #col_03 img, #col_04 img	{margin-bottom:10px;}
#col_01 p, #col_02 p, #col_03 p, #col_04 p {margin-left:5px;}

#content	{width: 655px; margin-top:10px; float:left; padding-left:5px; min-height:300px;}
#sidebar	{width: 275px; float:right; margin:10px 0; background-color:#eee; padding:10px; margin-right:5px;}
#contact	{width: 485px; margin-top:10px; float:left; padding-left:5px;}
#contactside {width: 445px; float:right; margin:10px 5px 5px 0; background-color:#eee; padding:10px;}
/*#sidebar	{width: 300px; float:right; margin-top:10px; background:url(../images/bg_sidebar.jpg) no-repeat 0 40px;} */


#footer		{width:970px; height: 45px; background-image:url(../images/footer_hyrux_logo.jpg); background-repeat: no-repeat; padding: 0 0 10px 55px; margin-top:10px;}
#footer	li  { padding-left: 5px; font-size:10px; margin-top:3px;}
#footer a	{color: #666; text-decoration:none;}
#footer a:focus, #footer a:hover {text-decoration: underline;}
#footer ul li, #language ul li, #nav ul li {float:left; text-align:left;}



.external {
text-indent: -9999px;
margin: -1.5em 0 0 0;
}