github.com/emc-advanced-dev/unik@v0.0.0-20190717152701-a58d3e8e33b7/docs/examples/example-nodejs-fileserver/static/css/style.css (about)

     1  /* Website template by freewebsitetemplates.com */
     2  body {
     3  	margin: 0;
     4  	padding: 0;
     5  	position: relative;
     6  	width: auto;
     7  }
     8  body #page {
     9  	background: url("../images/bg-home.jpg") no-repeat scroll center top #000000;
    10  	margin: 0;
    11  	overflow: hidden;
    12  	padding: 0;
    13  	width: auto;
    14  	z-index: 3;
    15  }
    16  a {
    17  	text-decoration: none;
    18  	outline: none;
    19  }
    20  a:active {
    21  	background: none;
    22  }
    23  img {
    24  	border: none;
    25  }
    26  /*-------------------------------------------FONTS---------------------------------------------*/
    27  @font-face {
    28  	font-family: 'audiowide-regular-webfont';
    29  	src: url('../fonts/audiowide-regular-webfont.eot');
    30  	src: url('../fonts/audiowide-regular-webfont.woff') format('woff'), url('../fonts/audiowide-regular-webfont.ttf') format('truetype'), url('../fonts/audiowide-regular-webfont.svg') format('svg');
    31  }
    32  /*----------------------------------------header-styles---------------------------------------*/
    33  #header {
    34  	background: url(../images/bg-transparent1.png) repeat;
    35  	margin: 0;
    36  	min-height: 60px;
    37  	padding: 0;
    38  	width: auto;
    39  }
    40  #header div {
    41  	margin: 0 auto;
    42  	max-width: 940px;
    43  	min-height: 60px;
    44  	padding: 0 10px;
    45  }
    46  #header div a.logo {
    47  	display: block;
    48  	float: left;
    49  	height: 60px;
    50  	margin: 0 44px 0 0;
    51  	padding: 0;
    52  	width: 304px;
    53  }
    54  #header div a img {
    55  	display: block;
    56  	margin: 0;
    57  	padding: 0;
    58  	width: auto;
    59  }
    60  #header div ul {
    61  	display: inline-block;
    62  	float: left;
    63  	list-style: none;
    64  	margin: 0;
    65  	padding: 0;
    66  	width: auto;
    67  }
    68  #header div ul li {
    69  	float: left;
    70  	margin: 0;
    71  	padding: 0;
    72  	width: auto;
    73  }
    74  #header div ul li a {
    75  	color: #ffffff;
    76  	display: block;
    77  	font-family: Arial;
    78  	font-size: 18px;
    79  	font-weight: normal;
    80  	line-height: 59px;
    81  	margin: 0;
    82  	min-height: 60px;
    83  	padding: 0 24px;
    84   *padding: 0 23px; /* Needed for IE8 and old versions */
    85  	text-align: center;
    86  	text-transform: uppercase;
    87  	width: auto;
    88  }
    89  #header div ul li a:hover {
    90  	background-color: #620031;
    91  	color: #ffffff;
    92  }
    93  #header div ul li.selected a {
    94  	background-color: #000000;
    95  	color: #a3a3a3;
    96  }
    97  #header div ul li.menu {
    98  	position: relative;
    99  }
   100  #header div ul li.menu ul {
   101  	display: block;
   102  	left: -99999px;
   103  	list-style: none;
   104  	margin: 0;
   105  	padding: 0;
   106  	position: absolute;
   107  	top: 60px;
   108  	width: 142px;
   109  	z-index: 50;
   110  }
   111  #header div ul li.menu:hover ul.primary {
   112  	left: 31px;
   113  }
   114  #header div ul li.menu ul.primary.selected {
   115  	left: 31px;
   116  }
   117  #header div ul li.menu:hover ul.secondary {
   118  	left: -20px;
   119  }
   120  #header div ul li.menu ul.secondary.selected {
   121  	left: -20px;
   122  }
   123  #header div ul li.menu ul li {
   124  	margin: 0;
   125  	padding: 0;
   126  	width: auto;
   127  }
   128  #header div ul li.menu ul li a {
   129  	background-color: #620031;
   130  	color: #ffffff;
   131  	display: block;
   132  	font-family: Arial;
   133  	font-size: 18px;
   134  	font-weight: normal;
   135  	line-height: 60px;
   136  	margin: 0;
   137  	min-height: 60px;
   138  	padding: 0 10px;
   139  	text-align: center;
   140  	text-transform: uppercase;
   141  	width: auto;
   142  }
   143  #header div ul li.menu ul.primary.selected li a, #header div ul li.menu ul.secondary.selected li a {
   144  	background-color: #000000;
   145  	color: #a3a3a3;
   146  }
   147  /*----------------------------------------body-home-styles---------------------------------------*/
   148  #body {
   149  	background-color: #000000;
   150  	margin: 0;
   151  	min-height: 808px;
   152  	overflow: hidden;
   153  	padding: 0;
   154  	width: 100%;
   155  }
   156  #body.home {
   157  	background: none;
   158  	margin: 0;
   159  	min-height: 1308px;
   160  	overflow: hidden;
   161  	padding: 0;
   162  	width: 100%;
   163  }
   164  #body.home .header {
   165  	background: none;
   166  	margin: 0;
   167  	overflow: hidden;
   168  	padding: 0;
   169  	width: 100%;
   170  }
   171  #body.home .header div {
   172  	margin: 0 auto;
   173  	max-width: 940px;
   174  	overflow: hidden;
   175  	padding: 0 10px;
   176  	position: relative;
   177  }
   178  #body.home .header div img.satellite {
   179  	display: block;
   180  	left: 10px;
   181  	margin: 0;
   182  	padding: 0;
   183  	position: absolute;
   184  	top: 41px;
   185  	width: auto;
   186  	z-index: 50;
   187  }
   188  #body.home .header div h1 {
   189  	color: #FFFFFF;
   190  	display: block;
   191  	float: right;
   192  	font-family: audiowide-regular-webfont;
   193  	font-size: 60px;
   194  	font-weight: normal;
   195  	line-height: 60px;
   196  	margin: 187px 0 27px;
   197  	padding: 0 38px 0 399px;
   198  	position: relative;
   199  	text-align: right;
   200  	text-transform: uppercase;
   201  	width: 503px;
   202  	z-index: 60;
   203  }
   204  #body.home .header div h2 {
   205  	color: #FFFFFF;
   206  	display: block;
   207  	float: right;
   208  	font-family: Arial;
   209  	font-size: 43px;
   210  	font-weight: normal;
   211  	line-height: 43px;
   212  	margin: 0 0 36px;
   213  	padding: 0 146px 0 506px;
   214  	position: relative;
   215  	text-align: right;
   216  	text-transform: uppercase;
   217  	width: 288px;
   218  	z-index: 60;
   219  }
   220  #body.home .header div a.more {
   221  	background-color: #000000;
   222  	color: #a3a3a3;
   223  	display: block;
   224  	float: right;
   225  	font-family: Arial;
   226  	font-size: 18px;
   227  	font-weight: normal;
   228  	height: 49px;
   229  	line-height: 49px;
   230  	margin: 0 200px 0 0;
   231  	padding: 0;
   232  	text-align: center;
   233  	text-transform: uppercase;
   234  	position: relative;
   235  	width: 180px;
   236  	z-index: 55;
   237  }
   238  #body.home .header div a.more:hover {
   239  	background-color: #ab000b;
   240  	color: #ffffff;
   241  }
   242  #body.home .header div h3 {
   243  	background: url("../images/bg-transparent1.png") repeat;
   244  	color: #A3A3A3;
   245  	float: left;
   246  	font-family: audiowide-regular-webfont;
   247  	font-size: 23px;
   248  	font-weight: normal;
   249  	line-height: 23px;
   250  	margin: 96px 0 0;
   251   *margin: 102px 0 0;/* Needed for IE8 and old versions */
   252  	min-height: 27px;
   253  	padding: 17px 0 10px;
   254  	position: relative;
   255  	text-align: center;
   256  	text-transform: uppercase;
   257  	width: 940px;
   258  }
   259  #body.home .header div ul {
   260  	display: inline-block;
   261  	list-style: none outside none;
   262  	margin: 0 0 -6px;
   263  	overflow: hidden;
   264  	padding: 0;
   265  	width: auto;
   266  }
   267  #body.home .header div ul li:first-child {
   268  	padding: 0;
   269  }
   270  #body.home .header div ul li {
   271  	border: medium none;
   272  	float: left;
   273  	margin: 0;
   274  	padding: 0;
   275  	width: auto;
   276  }
   277  #body.home .header div ul li a {
   278  	display: block;
   279  	float: none;
   280  	height: 156px;
   281  	margin: 0;
   282  	padding: 0;
   283  	width: 235px;
   284  }
   285  #body.home .header div ul li a img {
   286  	cursor: pointer;
   287  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
   288  	opacity: 1.0;
   289  	display: block;
   290  	margin: 0;
   291  	padding: 0;
   292  	width: auto;
   293  }
   294  #body.home .header div ul li a img:hover {
   295  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
   296  	opacity: 0.7;
   297  }
   298  #body.home .body {
   299  	background-color: #630031;
   300  	margin: 0;
   301  	min-height: 168px;
   302  	overflow: hidden;
   303  	padding: 0;
   304  	width: 100%;
   305  }
   306  #body.home .body div {
   307  	margin: 0 auto;
   308  	max-width: 940px;
   309  	overflow: hidden;
   310  	padding: 31px 10px 0;
   311  }
   312  #body.home .body div h1 {
   313  	color: #FFFFFF;
   314  	display: block;
   315  	font-family: audiowide-regular-webfont;
   316  	font-size: 32px;
   317  	font-weight: normal;
   318  	line-height: 32px;
   319  	margin: 0 auto 24px;
   320  	padding: 0;
   321  	text-align: center;
   322  	text-transform: uppercase;
   323  	width: 780px;
   324  }
   325  #body.home .body div p {
   326  	color: #ffffff;
   327  	display: block;
   328  	font-family: Arial;
   329  	font-size: 18px;
   330  	font-weight: normal;
   331  	line-height: 24px;
   332  	margin: 0 auto;
   333  	padding: 0;
   334  	text-align: center;
   335  	width: 780px;
   336  }
   337  #body.home .body div p a {
   338  	color: #ffffff;
   339  	font-family: Arial;
   340  	font-size: 18px;
   341  	font-weight: normal;
   342  	line-height: 24px;
   343  	margin: 0 auto;
   344  	padding: 0;
   345  	text-decoration: underline;
   346  }
   347  #body.home .body div p a:hover {
   348  	color: #a3a3a3;
   349  }
   350  #body.home .footer {
   351  	background-color: #000000;
   352  	margin: 0;
   353  	overflow: hidden;
   354  	padding: 0;
   355  	width: 100%;
   356  }
   357  #body.home .footer div {
   358  	margin: 0 auto;
   359  	max-width: 960px;
   360  	overflow: hidden;
   361  	padding: 32px 0 16px;
   362  }
   363  #body.home .footer div ul {
   364  	display: inline-block;
   365  	list-style: none;
   366  	margin: 0;
   367  	overflow: hidden;
   368  	padding: 0;
   369  	width: auto;
   370  }
   371  #body.home .footer div ul li:first-child {
   372  	float: left;
   373  	margin: 0 10px;
   374  	padding: 0;
   375  	width: 460px;
   376  }
   377  #body.home .footer div ul li {
   378  	float: left;
   379  	margin: 0 0 0 10px;
   380  	padding: 0 0 0 20px;
   381  	width: 440px;
   382  }
   383  #body.home .footer div ul li h1 {
   384  	color: #FFFFFF;
   385  	font-family: audiowide-regular-webfont;
   386  	font-size: 32px;
   387  	font-weight: normal;
   388  	line-height: 32px;
   389  	margin: 0 0 44px;
   390  	padding: 0;
   391  	text-align: left;
   392  	text-transform: uppercase;
   393  	width: auto;
   394  }
   395  #body.home .footer div ul li a {
   396  	display: block;
   397  	height: 258px;
   398  	margin: 0;
   399  	position: relative;
   400  	padding: 0;
   401  	width: 460px;
   402  }
   403  #body.home .footer div ul li a img {
   404  	cursor: pointer;
   405  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
   406  	opacity: 1.0;
   407  	display: block;
   408  	margin: 0;
   409  	padding: 0;
   410  	width: auto;
   411  }
   412  #body.home .footer div ul li a:hover img {
   413  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
   414  	opacity: 0.7;
   415  }
   416  #body.home .footer div ul li a span {
   417  	background: url(../images/icons.png) no-repeat 0 -152px;
   418  	display: block;
   419  	height: 72px;
   420  	left: 199px;
   421  	margin: 0;
   422  	padding: 0;
   423  	position: absolute;
   424  	top: 94px;
   425  	width: 62px;
   426  }
   427  #body.home .footer div ul li a:hover span {
   428  	background: url(../images/icons.png) no-repeat 0 -226px;
   429  }
   430  #body.home .footer div ul li ul {
   431  	display: inline-block;
   432  	list-style: none outside none;
   433  	margin: 0;
   434  	overflow: hidden;
   435  	padding: 0;
   436  	width: 440px;
   437  }
   438  #body.home .footer div ul li ul li {
   439  	border-top: 1px solid #A3A3A3;
   440  	float: none;
   441  	margin: 0;
   442  	overflow: hidden;
   443  	padding: 39px 10px 38px 0;
   444  	width: 440px;
   445  }
   446  #body.home .footer div ul li ul li:first-child {
   447  	border: medium none;
   448  	margin: 0;
   449  	padding: 0 0 38px;
   450  	width: 440px;
   451  }
   452  #body.home .footer div ul li ul li a {
   453  	display: block;
   454  	float: left;
   455  	height: 90px;
   456  	margin: 0 20px 0 0;
   457  	padding: 0;
   458  	width: 100px;
   459  }
   460  #body.home .footer div ul li ul li a img {
   461  	cursor: pointer;
   462  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
   463  	opacity: 1.0;
   464  	display: block;
   465  	margin: 0;
   466  	padding: 0;
   467  	width: auto;
   468  }
   469  #body.home .footer div ul li ul li a img:hover {
   470  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
   471  	opacity: 0.7;
   472  }
   473  #body.home .footer div ul li ul li h1 {
   474  	color: #A3A3A3;
   475  	float: left;
   476  	font-family: audiowide-regular-webfont;
   477  	font-size: 23px;
   478  	font-weight: normal;
   479  	line-height: 23px;
   480  	margin: 0;
   481  	padding: 4px 0 8px;
   482  	text-align: left;
   483  	text-transform: uppercase;
   484  	width: 310px;
   485  }
   486  #body.home .footer div ul li ul li span {
   487  	color: #FFFFFF;
   488  	display: block;
   489  	float: left;
   490  	font-family: Arial;
   491  	font-size: 14px;
   492  	font-weight: normal;
   493  	line-height: 14px;
   494  	margin: 0 0 10px;
   495  	padding: 0;
   496  	text-align: left;
   497  	text-transform: uppercase;
   498  	width: 310px;
   499  }
   500  #body.home .footer div ul li ul li a.more {
   501  	background-color: #3c0f38;
   502  	color: #ffffff;
   503  	display: block;
   504  	float: right;
   505  	font-family: Arial;
   506  	font-size: 14px;
   507  	font-weight: normal;
   508  	height: 31px;
   509  	line-height: 31px;
   510  	margin: 0;
   511  	padding: 0;
   512  	text-align: center;
   513  	text-transform: uppercase;
   514  	width: 120px;
   515  }
   516  #body.home .footer div ul li ul li a.more:hover {
   517  	background-color: #620031;
   518  }
   519  /*----------------------------------------body-styles---------------------------------------*/
   520  #body.about .header {
   521  	background: url(../images/bg-about.jpg) no-repeat center top #000000;
   522  	margin: 0;
   523  	min-height: 455px;
   524  	padding: 0;
   525  	width: 100%;
   526  }
   527  #body.about .header div, #body .header div {
   528  	margin: 0 auto;
   529  	max-width: 960px;
   530  	overflow: hidden;
   531  	padding: 65px 0 40px;
   532  }
   533  #body.about .header div h1, #body .header div h1 {
   534  	color: #FFFFFF;
   535  	display: block;
   536  	font-family: audiowide-regular-webfont;
   537  	font-size: 36px;
   538  	font-weight: normal;
   539  	line-height: 36px;
   540  	margin: 0 auto 87px;
   541  	padding: 0;
   542  	text-align: center;
   543  	text-transform: uppercase;
   544  	width: 940px;
   545  }
   546  #body.about .header div h2 {
   547  	color: #FFFFFF;
   548  	display: block;
   549  	font-family: audiowide-regular-webfont;
   550  	font-size: 32px;
   551  	font-weight: normal;
   552  	line-height: 32px;
   553  	margin: 0 auto 24px;
   554  	padding: 0;
   555  	text-align: center;
   556  	text-transform: uppercase;
   557  	width: 820px;
   558  }
   559  #body.about .header div p {
   560  	color: #ffffff;
   561  	display: block;
   562  	font-family: Arial;
   563  	font-size: 18px;
   564  	font-weight: normal;
   565  	line-height: 24px;
   566  	margin: 0 auto;
   567  	padding: 0;
   568  	text-align: center;
   569  	width: 820px;
   570  }
   571  #body.about .header div p a {
   572  	color: #ffffff;
   573  	font-family: Arial;
   574  	font-size: 18px;
   575  	font-weight: normal;
   576  	line-height: 24px;
   577  	margin: 0;
   578  	padding: 0;
   579  	text-decoration: underline;
   580  }
   581  #body.about .header div p a:hover {
   582  	color: #a3a3a3;
   583  }
   584  #body.about .body {
   585  	background-color: #620031;
   586  	margin: 0;
   587  	min-height: 253px;
   588  	overflow: hidden;
   589  	padding: 0;
   590  	width: 100%;
   591  }
   592  #body.about .body div {
   593  	margin: 0 auto;
   594  	max-width: 940px;
   595  	overflow: hidden;
   596  	padding: 36px 10px 35px;
   597  }
   598  #body.about .body div h2 {
   599  	color: #A3A3A3;
   600  	float: left;
   601  	font-family: audiowide-regular-webfont;
   602  	font-size: 23px;
   603  	font-weight: normal;
   604  	line-height: 23px;
   605  	margin: 18px 0 26px;
   606  	padding: 0;
   607  	text-align: left;
   608  	text-transform: uppercase;
   609  	width: 620px;
   610  }
   611  #body.about .body div p {
   612  	color: #ffffff;
   613  	display: block;
   614  	float: left;
   615  	font-family: Arial;
   616  	font-size: 14px;
   617  	font-weight: normal;
   618  	line-height: 24px;
   619  	margin: 0;
   620  	padding: 0;
   621  	text-align: left;
   622  	width: 620px;
   623  }
   624  #body.about .body div p a {
   625  	color: #ffffff;
   626  	font-family: Arial;
   627  	font-size: 14px;
   628  	font-weight: normal;
   629  	line-height: 24px;
   630  	margin: 0;
   631  	padding: 0;
   632  	text-decoration: underline;
   633  }
   634  #body.about .body div p a:hover {
   635  	color: #a3a3a3;
   636  }
   637  #body.about .body div img {
   638  	display: block;
   639  	float: right;
   640  	margin: 0;
   641  	padding: 0;
   642  	width: auto;
   643  }
   644  #body.about .footer {
   645  	background-color: #000000;
   646  	margin: 0;
   647  	min-height: 366px;
   648  	padding: 0;
   649  	width: 100%;
   650  }
   651  #body.about .footer div {
   652  	margin: 0 auto;
   653  	overflow: hidden;
   654  	padding: 79px 0 0 10px;
   655  	width: 950px;
   656  }
   657  #body.about .footer div h2 {
   658  	color: #A3A3A3;
   659  	float: right;
   660  	font-family: audiowide-regular-webfont;
   661  	font-size: 23px;
   662  	font-weight: normal;
   663  	line-height: 23px;
   664  	margin: 34px 0 24px;
   665  	padding: 0;
   666  	text-align: left;
   667  	text-transform: uppercase;
   668  	width: 557px;
   669  }
   670  #body.about .footer div p {
   671  	color: #ffffff;
   672  	display: block;
   673  	float: right;
   674  	font-family: Arial;
   675  	font-size: 18px;
   676  	font-weight: normal;
   677  	line-height: 24px;
   678  	margin: 0 auto;
   679  	padding: 0;
   680  	text-align: left;
   681  	width: 557px;
   682  }
   683  #body.about .footer div p a {
   684  	color: #ffffff;
   685  	font-family: Arial;
   686  	font-size: 18px;
   687  	font-weight: normal;
   688  	line-height: 24px;
   689  	margin: 0 auto;
   690  	padding: 0;
   691  	text-decoration: underline;
   692  }
   693  #body.about .footer div p a:hover {
   694  	color: #a3a3a3;
   695  }
   696  #body.about .footer div img {
   697  	float: left;
   698  	display: block;
   699  	margin: 0;
   700  	padding: 0;
   701  	width: auto;
   702  }
   703  #body.about .section {
   704  	background-color: #3c0f38;
   705  	margin: 0;
   706  	min-height: 234px;
   707  	padding: 0;
   708  	width: auto;
   709  }
   710  #body.about .section div {
   711  	margin: 0 auto;
   712  	max-width: 960px;
   713  	overflow: hidden;
   714  	padding: 58px 0 55px;
   715  }
   716  #body.about .section div h2 {
   717  	color: #A3A3A3;
   718  	display: block;
   719  	font-family: audiowide-regular-webfont;
   720  	font-size: 23px;
   721  	font-weight: normal;
   722  	line-height: 23px;
   723  	margin: 0 auto 26px;
   724  	padding: 0;
   725  	text-align: center;
   726  	text-transform: uppercase;
   727  	width: 780px;
   728  }
   729  #body.about .section div p {
   730  	color: #ffffff;
   731  	display: block;
   732  	font-family: Arial;
   733  	font-size: 14px;
   734  	font-weight: normal;
   735  	line-height: 24px;
   736  	margin: 0 auto;
   737  	padding: 0;
   738  	text-align: center;
   739  	width: 780px;
   740  }
   741  #body.about .section div p a {
   742  	color: #ffffff;
   743  	font-family: Arial;
   744  	font-size: 14px;
   745  	font-weight: normal;
   746  	line-height: 24px;
   747  	margin: 0;
   748  	padding: 0;
   749  	text-decoration: underline;
   750  }
   751  #body.about .section div p a:hover {
   752  	color: #a3a3a3;
   753  }
   754  #body .header {
   755  	margin: 0 auto;
   756  	padding: 0;
   757  	width: 100%;
   758  }
   759  #body .header div ul {
   760  	display: inline-block;
   761  	max-width: 940px;
   762  	list-style: none outside none;
   763  	margin: 0;
   764  	padding: 3px 10px 0;
   765  }
   766  #body .header div ul li:first-child {
   767  	border: none;
   768  	padding: 0 0 38px;
   769  }
   770  #body .header div ul li {
   771  	border-top: 1px solid #A3A3A3;
   772  	margin: 0;
   773  	overflow: hidden;
   774  	padding: 38px 0;
   775  	width: auto;
   776  }
   777  #body .header div ul li a {
   778  	display: block;
   779  	float: left;
   780  	height: 217px;
   781  	margin: 0 40px 0 0;
   782  	padding: 0;
   783  	width: 380px;
   784  }
   785  #body .header div ul li a img {
   786  	cursor: pointer;
   787  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
   788  	opacity: 1.0;
   789  	display: block;
   790  	margin: 0;
   791  	padding: 0;
   792  	width: auto;
   793  }
   794  #body .header div ul li a img:hover {
   795  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
   796  	opacity: 0.7;
   797  }
   798  #body .header div ul li div {
   799  	float: left;
   800  	margin: 0;
   801  	overflow: hidden;
   802  	padding: 0;
   803  	width: 520px;
   804  }
   805  #body .header div ul li div h1 {
   806  	color: #A3A3A3;
   807  	font-family: audiowide-regular-webfont;
   808  	font-size: 23px;
   809  	font-weight: normal;
   810  	line-height: 23px;
   811  	margin: 0 0 26px;
   812  	padding: 0;
   813  	text-align: left;
   814  	text-transform: uppercase;
   815  	width: 520px;
   816  }
   817  #body .header div ul li div p {
   818  	color: #FFFFFF;
   819  	font-family: Arial;
   820  	font-size: 14px;
   821  	font-weight: normal;
   822  	line-height: 24px;
   823  	margin: 0 0 41px;
   824  	padding: 0;
   825  	text-align: left;
   826  	width: 520px;
   827  }
   828  #body .header div ul li div p a {
   829  	color: #FFFFFF;
   830  	display: inline;
   831  	float: none;
   832  	font-family: Arial;
   833  	font-size: 14px;
   834  	font-weight: normal;
   835  	height: auto;
   836  	line-height: 24px;
   837  	margin: 0;
   838  	padding: 0;
   839  	text-decoration: underline;
   840  	width: auto;
   841  }
   842  #body .header div ul li div p a:hover {
   843  	color: #a3a3a3;
   844  }
   845  #body .header div ul li div a.more {
   846  	background-color: #3c0f38;
   847  	color: #ffffff;
   848  	display: block;
   849  	float: right;
   850  	font-family: Arial;
   851  	font-size: 14px;
   852  	font-weight: normal;
   853  	height: 31px;
   854  	line-height: 31px;
   855  	margin: 0;
   856  	padding: 0;
   857  	text-align: center;
   858  	text-transform: uppercase;
   859  	width: 120px;
   860  }
   861  #body .header div ul li div a.more:hover {
   862  	background-color: #620031;
   863  }
   864  #body .header div img {
   865  	display: block;
   866  	margin: 0 auto;
   867  	padding: 3px 0 0;
   868  	width: auto;
   869  }
   870  #body .header div h2 {
   871  	color: #A3A3A3;
   872  	display: block;
   873  	font-family: audiowide-regular-webfont;
   874  	font-size: 23px;
   875  	font-weight: normal;
   876  	line-height: 23px;
   877  	margin: 0 auto;
   878  	padding: 53px 0 27px;
   879  	text-align: center;
   880  	text-transform: uppercase;
   881  	width: 780px;
   882  }
   883  #body .header div p {
   884  	color: #FFFFFF;
   885  	display: block;
   886  	font-family: Arial;
   887  	font-size: 14px;
   888  	font-weight: normal;
   889  	line-height: 24px;
   890  	margin: 0 auto 48px;
   891  	padding: 0;
   892  	text-align: center;
   893  	width: 780px;
   894  }
   895  #body .header div p a {
   896  	color: #ffffff;
   897  	font-family: Arial;
   898  	font-size: 14px;
   899  	font-weight: normal;
   900  	line-height: 24px;
   901  	margin: 0 auto;
   902  	padding: 0;
   903  	text-decoration: underline;
   904  }
   905  #body .header div p a:hover {
   906  	color: #a3a3a3;
   907  }
   908  #body .header div .article {
   909  	float: left;
   910  	margin: 0 40px 0 10px;
   911  	padding: 0;
   912  	width: 560px;
   913  }
   914  #body .header div .article ul {
   915  	display: inline-block;
   916  	list-style: none outside none;
   917  	margin: 0;
   918  	padding: 3px 0 0;
   919  	width: 560px;
   920  }
   921  #body .header div .article ul li:first-child {
   922  	border: none;
   923  	padding: 0 0 38px;
   924  }
   925  #body .header div .article ul li {
   926  	border-top: 1px solid #a3a3a3;
   927  	margin: 0;
   928  	overflow: hidden;
   929  	padding: 38px 0 38px;
   930  	width: auto;
   931  }
   932  #body .header div .article ul li a {
   933  	display: block;
   934  	height: 241px;
   935  	margin: 0 0 29px;
   936  	padding: 0;
   937  	width: 560px;
   938  }
   939  #body .header div .article ul li a img {
   940  	cursor: pointer;
   941  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
   942  	opacity: 1.0;
   943  	display: block;
   944  	margin: 0;
   945  	padding: 0;
   946  	width: auto;
   947  }
   948  #body .header div .article ul li a img:hover {
   949  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
   950  	opacity: 0.7;
   951  }
   952  #body .header div .article ul li h1 {
   953  	color: #A3A3A3;
   954  	font-family: audiowide-regular-webfont;
   955  	font-size: 23px;
   956  	font-weight: normal;
   957  	line-height: 23px;
   958  	margin: 0 0 8px;
   959  	padding: 0;
   960  	text-align: left;
   961  	text-transform: uppercase;
   962  	width: auto;
   963  }
   964  #body .header div .article ul li span {
   965  	color: #FFFFFF;
   966  	display: block;
   967  	font-family: Arial;
   968  	font-size: 14px;
   969  	font-weight: normal;
   970  	line-height: 14px;
   971  	margin: 0 0 28px;
   972  	padding: 0;
   973  	text-align: left;
   974  	text-transform: uppercase;
   975  	width: auto;
   976  }
   977  #body .header div .article ul li p {
   978  	color: #FFFFFF;
   979  	font-family: Arial;
   980  	font-size: 14px;
   981  	font-weight: normal;
   982  	line-height: 24px;
   983  	margin: 0 0 29px;
   984  	padding: 0;
   985  	text-align: left;
   986  	width: auto;
   987  }
   988  #body .header div .article ul li p a {
   989  	color: #FFFFFF;
   990  	display: inline;
   991  	float: none;
   992  	font-family: Arial;
   993  	font-size: 14px;
   994  	font-weight: normal;
   995  	height: auto;
   996  	line-height: 24px;
   997  	margin: 0;
   998  	padding: 0;
   999  	text-decoration: underline;
  1000  	width: auto;
  1001  }
  1002  #body .header div .article ul li p a:hover {
  1003  	color: #a3a3a3;
  1004  }
  1005  #body .header div .article ul li a.more {
  1006  	background-color: #3c0f38;
  1007  	color: #ffffff;
  1008  	display: block;
  1009  	float: right;
  1010  	font-family: Arial;
  1011  	font-size: 14px;
  1012  	font-weight: normal;
  1013  	height: 31px;
  1014  	line-height: 31px;
  1015  	margin: 0;
  1016  	padding: 0;
  1017  	text-align: center;
  1018  	text-transform: uppercase;
  1019  	width: 120px;
  1020  }
  1021  #body .header div .article ul li a.more:hover {
  1022  	background-color: #620031;
  1023  }
  1024  #body .header div .sidebar {
  1025  	float: left;
  1026  	margin: 0;
  1027  	padding: 0;
  1028  	width: 340px;
  1029  }
  1030  #body .header div .sidebar ul {
  1031  	display: inline-block;
  1032  	list-style: none;
  1033  	margin: 0;
  1034  	padding: 0;
  1035  	width: 340px;
  1036  }
  1037  #body .header div .sidebar ul li:first-child {
  1038  	border: medium none;
  1039  	padding: 0 0 34px;
  1040  }
  1041  #body .header div .sidebar ul li {
  1042  	border-top: 1px solid #A3A3A3;
  1043  	margin: 0;
  1044  	overflow: hidden;
  1045  	padding: 32px 0 34px;
  1046  	width: auto;
  1047  }
  1048  #body .header div .sidebar ul li h1 {
  1049  	color: #FFFFFF;
  1050  	font-family: audiowide-regular-webfont;
  1051  	font-size: 32px;
  1052  	font-weight: normal;
  1053  	line-height: 32px;
  1054  	margin: 0 0 25px;
  1055  	padding: 0;
  1056  	text-align: left;
  1057  	text-transform: uppercase;
  1058  	width: 340px;
  1059  }
  1060  #body .header div .sidebar ul li a {
  1061  	display: block;
  1062  	float: none;
  1063  	height: 187px;
  1064  	margin: 0 0 29px;
  1065  	padding: 0;
  1066  	width: 34px;
  1067  }
  1068  #body .header div .sidebar ul li a img {
  1069  	cursor: pointer;
  1070  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
  1071  	opacity: 1.0;
  1072  	display: block;
  1073  	margin: 0;
  1074  	padding: 0;
  1075  	width: auto;
  1076  }
  1077  #body .header div .sidebar ul li a img:hover {
  1078  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
  1079  	opacity: 0.7;
  1080  }
  1081  #body .header div .sidebar ul li h2 {
  1082  	color: #A3A3A3;
  1083  	font-family: audiowide-regular-webfont;
  1084  	font-size: 23px;
  1085  	font-weight: normal;
  1086  	line-height: 23px;
  1087  	margin: 0 0 7px;
  1088  	padding: 0;
  1089  	text-align: left;
  1090  	text-transform: uppercase;
  1091  	width: auto;
  1092  }
  1093  #body .header div .sidebar ul li span {
  1094  	color: #ffffff;
  1095  	display: block;
  1096  	font-family: Arial;
  1097  	font-size: 14px;
  1098  	font-weight: normal;
  1099  	line-height: 14px;
  1100  	margin: 0;
  1101  	padding: 0;
  1102  	text-align: left;
  1103  	text-transform: uppercase;
  1104  	width: auto;
  1105  }
  1106  #body .header div .sidebar ul li ul {
  1107  	display: inline-block;
  1108  	list-style: none outside none;
  1109  	margin: 0;
  1110  	padding: 12px 0 0;
  1111  	width: 340px;
  1112  }
  1113  #body .header div .sidebar ul li ul li:first-child {
  1114  	padding: 0;
  1115  }
  1116  #body .header div .sidebar ul li ul li {
  1117  	border: medium none;
  1118  	margin: 0 0 26px;
  1119  	overflow: hidden;
  1120  	padding: 0;
  1121  	width: auto;
  1122  }
  1123  #body .header div .sidebar ul li ul li a {
  1124  	display: block;
  1125  	float: left;
  1126  	height: 54px;
  1127  	margin: 0 20px 0 0;
  1128  	padding: 0;
  1129  	width: 60px;
  1130  }
  1131  #body .header div .sidebar ul li ul li a img {
  1132  	cursor: pointer;
  1133  	filter: alpha(opacity=100);/* Needed for IE8 and old versions */
  1134  	opacity: 1.0;
  1135  	display: block;
  1136  	margin: 0;
  1137  	padding: 0;
  1138  	width: auto;
  1139  }
  1140  #body .header div .sidebar ul li ul li a img:hover {
  1141  	filter: alpha(opacity=70);/* Needed for IE8 and old versions */
  1142  	opacity: 0.7;
  1143  }
  1144  #body .header div .sidebar ul li ul li h2 {
  1145  	color: #A3A3A3;
  1146  	float: left;
  1147  	font-family: audiowide-regular-webfont;
  1148  	font-size: 23px;
  1149  	font-weight: normal;
  1150  	line-height: 23px;
  1151  	margin: 6px 0 11px;
  1152  	padding: 0;
  1153  	text-align: left;
  1154  	text-transform: uppercase;
  1155  	width: 260px;
  1156  }
  1157  #body .header div .sidebar ul li ul li span {
  1158  	color: #ffffff;
  1159  	display: block;
  1160  	float: left;
  1161  	font-family: Arial;
  1162  	font-size: 14px;
  1163  	line-height: 14px;
  1164  	margin: 0;
  1165  	padding: 0;
  1166  	text-align: left;
  1167  	text-transform: uppercase;
  1168  	width: auto;
  1169  }
  1170  #body .header div .article img {
  1171  	display: block;
  1172  	margin: 3px 0 29px;
  1173  	padding: 0;
  1174  	width: auto;
  1175  }
  1176  #body .header div .article h1 {
  1177  	color: #A3A3A3;
  1178  	font-family: audiowide-regular-webfont;
  1179  	font-size: 23px;
  1180  	font-weight: normal;
  1181  	line-height: 23px;
  1182  	margin: 0 0 7px;
  1183  	padding: 0;
  1184  	text-align: left;
  1185  	text-transform: uppercase;
  1186  	width: auto;
  1187  }
  1188  #body .header div .article span {
  1189  	color: #FFFFFF;
  1190  	display: block;
  1191  	font-family: Arial;
  1192  	font-size: 14px;
  1193  	font-weight: normal;
  1194  	line-height: 14px;
  1195  	margin: 0 0 29px;
  1196  	padding: 0;
  1197  	text-align: left;
  1198  	text-transform: uppercase;
  1199  	width: auto;
  1200  }
  1201  #body .header div .article p {
  1202  	color: #FFFFFF;
  1203  	font-family: Arial;
  1204  	font-size: 14px;
  1205  	font-weight: normal;
  1206  	line-height: 24px;
  1207  	margin: 0 0 24px;
  1208  	padding: 0;
  1209  	text-align: left;
  1210  	width: auto;
  1211  }
  1212  #body .header div .article p a {
  1213  	color: #ffffff;
  1214  	font-family: Arial;
  1215  	font-size: 14px;
  1216  	font-weight: normal;
  1217  	line-height: 24px;
  1218  	margin: 0;
  1219  	padding: 0;
  1220  	text-decoration: underline;
  1221  }
  1222  #body .header div .article p a:hover {
  1223  	color: #a3a3a3;
  1224  }
  1225  #body .header .contact h2 {
  1226  	color: #A3A3A3;
  1227  	display: block;
  1228  	font-family: audiowide-regular-webfont;
  1229  	font-size: 23px;
  1230  	font-weight: normal;
  1231  	line-height: 23px;
  1232  	margin: 0 auto;
  1233  	padding: 8px 0 62px;
  1234  	text-align: center;
  1235  	text-transform: uppercase;
  1236  	width: 500px;
  1237  }
  1238  #body .header div form {
  1239  	display: block;
  1240  	margin: 0 auto;
  1241  	padding: 0;
  1242  	width: 461px;
  1243  }
  1244  #body .header div form input {
  1245  	background-color: #A3A3A3;
  1246  	border: medium none;
  1247  	color: #000000;
  1248  	display: block;
  1249  	font-family: Arial;
  1250  	font-size: 18px;
  1251  	font-weight: normal;
  1252  	height: 43px;
  1253  	line-height: 43px;
  1254  	margin: 0 0 29px;
  1255  	padding: 0 0 0 20px;
  1256  	text-align: left;
  1257  	text-transform: uppercase;
  1258  	width: 441px;
  1259  }
  1260  #body .header div form textarea {
  1261  	background-color: #A3A3A3;
  1262  	border: medium none;
  1263  	color: #000000;
  1264  	display: block;
  1265  	font-family: Arial;
  1266  	font-size: 18px;
  1267  	font-weight: normal;
  1268  	height: 98px;
  1269  	line-height: 24px;
  1270  	margin: 0 0 31px;
  1271  	overflow: auto;
  1272  	padding: 15px 0 0 20px;
  1273  	resize: none;
  1274  	text-align: left;
  1275  	text-transform: uppercase;
  1276  	width: 441px;
  1277  }
  1278  #body .header div form input#submit {
  1279  	background-color: #3c0f38;
  1280  	color: #ffffff;
  1281  	cursor: pointer;
  1282  	display: block;
  1283  	float: right;
  1284  	font-family: Arial;
  1285  	font-size: 14px;
  1286  	font-weight: normal;
  1287  	height: 31px;
  1288  	line-height: 31px;
  1289  	margin: 0;
  1290  	padding: 0;
  1291  	text-align: center;
  1292  	text-transform: uppercase;
  1293  	width: 120px;
  1294  }
  1295  #body .header div form input#submit:hover {
  1296  	background-color: #620031;
  1297  }
  1298  /*----------------------------------------footer-styles---------------------------------------*/
  1299  #footer {
  1300  	margin: 0;
  1301  	padding: 0;
  1302  	width: auto;
  1303  }
  1304  #footer .connect {
  1305  	background-color: #a3a3a3;
  1306  	margin: 0;
  1307  	min-height: 84px;
  1308  	overflow: hidden;
  1309  	padding: 0;
  1310  	width: auto;
  1311  }
  1312  #footer .connect div {
  1313  	margin: 0 auto;
  1314  	max-width: 960px;
  1315  	overflow: hidden;
  1316  	padding: 24px 0 0;
  1317  }
  1318  #footer .connect div h1 {
  1319  	color: #FFFFFF;
  1320  	float: left;
  1321  	font-family: audiowide-regular-webfont;
  1322  	font-size: 23px;
  1323  	font-weight: normal;
  1324  	line-height: 23px;
  1325  	margin: 0;
  1326  	padding: 8px 25px 0 0;
  1327  	text-align: right;
  1328  	text-transform: uppercase;
  1329  	width: 525px;
  1330  }
  1331  #footer .connect div div {
  1332  	float: left;
  1333  	margin: 0;
  1334  	overflow: hidden;
  1335  	padding: 0 0 0 20px;
  1336  	width: 380px;
  1337  }
  1338  #footer .connect div div a {
  1339  	background: url(../images/icons.png) no-repeat;
  1340  	display: block;
  1341  	float: left;
  1342  	height: 36px;
  1343  	margin: 0;
  1344  	padding: 0;
  1345  	text-indent: -99999px;
  1346  	width: 18px;
  1347  }
  1348  #footer .connect div div a.facebook {
  1349  	background-position: 0 0;
  1350  	margin: 0 0 0 16px;
  1351  	width: 18px;
  1352  }
  1353  #footer .connect div div a.twitter {
  1354  	background-position: 0 -114px;
  1355  	margin: 0 0 0 28px;
  1356  	width: 44px;
  1357  }
  1358  #footer .connect div div a.googleplus {
  1359  	background-position: 0 -38px;
  1360  	margin: 0 0 0 27px;
  1361  	width: 37px;
  1362  }
  1363  #footer .connect div div a.pinterest {
  1364  	background-position: 0 -76px;
  1365  	margin: 0 0 0 29px;
  1366  	width: 30px;
  1367  }
  1368  #footer .connect div div a.facebook:hover {
  1369  	background-position: -20px 0;
  1370  }
  1371  #footer .connect div div a.twitter:hover {
  1372  	background-position: -46px -114px;
  1373  }
  1374  #footer .connect div div a.googleplus:hover {
  1375  	background-position: -38px -38px;
  1376  }
  1377  #footer .connect div div a.pinterest:hover {
  1378  	background-position: -32px -76px;
  1379  }
  1380  #footer .footnote {
  1381  	background-color: #FFFFFF;
  1382  	margin: 0;
  1383  	min-height: 84px;
  1384  	overflow: hidden;
  1385  	padding: 0;
  1386  	width: auto;
  1387  }
  1388  #footer .footnote div {
  1389  	margin: 0 auto;
  1390  	overflow: hidden;
  1391  	padding: 34px 0 0;
  1392  	width: 960px;
  1393  }
  1394  #footer .footnote div p {
  1395  	color: #000000;
  1396  	display: block;
  1397  	font-family: Arial;
  1398  	font-size: 12px;
  1399  	font-weight: normal;
  1400  	margin: 0 auto;
  1401  	padding: 0;
  1402  	text-align: center;
  1403  	text-transform: uppercase;
  1404  	width: 940px;
  1405  }
  1406  #wix {
  1407  	max-width: 728px;
  1408  	margin: 0 auto;
  1409  }
  1410  #wix a img {
  1411  	width: 100%;
  1412  }