html, body {
	margin: 0;
	padding: 0;
	}

body:
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Standard HTML
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
a:link, a:visited, a:active {
	text-decoration: none;
	color: #000;
}
a:hover, a:focus {
}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 36px;
/*	color: #EDEBE6; */
	color: #FFF;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
/*	color: #EDEBE6; */
	color: #FFF;
	font-weight: normal;
	margin: 0;
}


/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Layout Blocks
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1{line-height:1px;font-size:1px;text-indent:-9999px;margin:0;padding:0}


.enter a {
	height: 100%;
	width:100%;
	position: fixed;
	
}
#main { /* Holds the page items in place */
	max-width: 700px;
	margin:0 auto;
	position: relative;
}
#hgimg{
	margin:0 auto;
	padding: 0 22%;
	position: fixed;
	height:100%;
}

#banner {
    height: auto;
    padding: 40px 16px;
}

.col-width:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.col-width {
/*	max-width: 980px; not working in ie7*/
	margin: 0 auto;
	padding:0 1em;
}
/* ------- Content --------------------------- */

#content {
	width: 443px;
	min-height: 500px;
	margin: -170px 0 0 30px;
	padding: 0px;
	text-align: left;
	float: left;	
}
#content ul li a {
    list-style-type: none;
    color: #000; 
}   
#content ul li a:hover, #content li a:focus {
	color: #888;
}
#content ul li img {
    text-decoration: none;  
    list-style-type: none; 
    padding: 0px;
}   
* html #contentContainer #content {
    text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table {
    width: 90%;} /* ie6 fix to stop tables being pushed below floats */

/* ------- Multilanguage --------*/
.anchor { margin :3px auto; }
#langmenu { 
	font-size: 12px; 
	float :right; 
	margin: 25px 105px 0 25px;
	padding :5px; 
	display :block; 
	border: 0; 
	text-transform: uppercase;
}
#langmenu a.default  { 
	margin-right: 25px;
	color: #AAAAAA;
}
#langmenu a:hover , 
#langmenu a.current  { 
	color: #000; 
	margin-right: 25px; }
	
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    Custom Classes (Re-useables)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
    height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */

/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important  {font-weight:bold;color:#f00;}
.code               {font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}

.info-box       {border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}

/* =Responsive Structure
----------------------------------------------- */


/* #### Desktops #### */
@media screen and (max-width: 1024px){

/* some CSS here */

}

@media (max-width: 980px) {

	#hgimg{
		margin:5% 0;
		padding: 0;
		position: fixed;
		width:100%;
		height:auto;
		left:-10px;
	}

}

@media (max-width: 680px) {
	#respond input[type=text] {
		width: 90%;
	}
	#hgimg{
		margin:3% 0;
		padding: 0;
		position: fixed;
		width:100%;
		height:auto;
		left:0px;
	}
	
}
	
@media (max-width: 480px) {
	}