html,body { height: 100%; }

body {
	background: #FFF url(../images/design/header_background.png) repeat-x;
	margin: 0;
	font: 10px/15px arial, helvetica, sans-serif;
	color: #363636;
}
body.out { /* startpage */
	background-image: url(../images/design/header_background_extended.png);
}

#page-wrapper {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
}

a {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5em;
}


header.global {
	background: url(../images/design/header_background_lightened.png) no-repeat;
	width: 860px;
	height: 196px;
	margin: 0 50px;
}
.out header.global { /* startpage */
	height: 320px;
}

header.global h1 {
	background: url(../images/design/logo-gm.png) 0 8px no-repeat;
	width: 206px;
	margin-left: -6px;
	float: left;
}
header.global h1 a {
	display: block;
	height: 67px;
	text-indent:-999px;
}


/* Main menu */
header.global nav {
	width: 640px;
	height: 67px;
	margin-left: 20px;
	float: right;
	font-size: 1.3em;
	color: #FFF;
}
header.global nav ul {
	float: right;
}
header.global nav li {
	height: 27px;
	margin: 20px 0;
	padding: 0 11px;
	float: left;
	line-height: 27px;
}
header.global nav .seperator {
	color: #E69BC0;
	text-shadow: 1px 1px 1px #8F446A;
	padding: 0 10px;
}

header.global nav a {
	color: #FFF;
	text-shadow: 1px 1px 1px #AA4E7C;
}
header.global nav a:hover {
	color: #FAAACA;
	text-shadow: 1px 1px 1px #AD5C86;
}

/* Submenus */
header.global nav .active {
	position: relative;
	padding: 0;
	border: 1px solid #555;
	border-bottom: 0;
}
header.global nav .active a {
	background: #F5F5F5;
	height: 27px;
	padding: 0 10px;
	display: block;
	color: #555;
	text-shadow: none;
	
	position: relative;
	z-index: 2;
}
header.global nav li ul { 
	display: none; /* hide submenu when unactive */
}
header.global nav .active ul {
	display: block;
	background-color: #F5F5F5;
	width: 150px;
	padding: 3px 0;
	font-size: .9em;
	position: absolute;
	right: -1px;
	margin-top: -1px;
	border: 1px solid #555;
}
header.global nav .active li {
	/* reset */
	float: none;
	margin: 0;
	padding: 0;
	height: auto;
}
header.global nav .active .seperator {
	text-indent: -999px;
	border-top: 1px solid #DBDBDB;
	height: 0px;
	width: 140px;
	margin: 4px auto;
}
header.global nav .active ul a {
	/* reset */
	float: none;
	padding: 0 10px;
 	height: 24px;
 	position: auto;
 	border: 0;
 	line-height: 24px;
}
header.global nav .active ul a:hover {
	background: #D1D5DF;
	height: 22px;
	line-height: 22px;
	border-top: 1px solid #7E8391;
	border-bottom: 1px solid #7E8391;
}


#why-gm {
	color: #FFF;
	width: 380px;
	height: 252px;
	float: left;
}
#why-gm div {
	height: 147px;
	padding-top: 25px;
}
#why-gm h2 {
	font-weight: 400;
	font-size: 3.15em;
	line-height: .9em;
}
#why-gm div p {
	font-size: 1.8em;
	margin-top: 10px;
	line-height: 1.6em;
	height: 40px;
}
#why-gm .register {
	height: 80px;
}
#why-gm .register span {
	display: block;
	float: left;
	height: 80px;
	line-height: 85px;
	margin-left: 25px;
	color: #999;
	font-size: 1.3em;
}

/* Register button */
#why-gm .register a {
	background: #F16CA1 url(../images/design/pink_button_gradient.png) top repeat-x;
	display: block;
	margin-top: 22px;
	width: 110px;
	height: 35px;
	border: solid 1px #d2729e;
	line-height: 35px;
	font-size: 1.5em;
	text-align: center;
	color: #FCF7F9;
	text-shadow: 0 1px 1px #C06990;
	border-radius: 8px;
}
#why-gm .register a:hover {
	background-color: #F15A97;
	background-position: center;
}
#why-gm .register a:active {
	background-position: bottom;
	position: relative;
	top: 1px; /* move down the bottom 1px */
	color: #F5C4DA;
}


#slideshow-references {
	background: url(../images/design/references_shadow.png) center bottom no-repeat;
	width: 380px;
	height: 200px;
	padding: 22px 40px 30px;
	margin-left: 20px;
	float: right;
}
#slideshow-references figure {
	background: #FFF url(../images/design/references-background.png) no-repeat;
	padding: 10px;
	overflow: hidden;
	position: relative;
  border-radius: 6px;
}
#slideshow-references figure div {
	width: 360px;
	height: 180px;
	overflow: hidden;
	position: relative;
}
#slideshow-references img {
	width: 360px;
	position: absolute;
	top: -20px;
}
#slideshow-references figcaption {
	background: #000;
	width: 340px;
	padding: 5px 10px;
	font-size: 1.1em;
	color: #FFF;
	position: absolute;
	bottom: 10px;
	overflow: hidden;
	opacity: .65;
	filter: alpha(opacity=65);
}
#slideshow-references span {
	display: block;
	height: 200px;
	width: 360px;
	overflow: hidden; 
}


#status-info {
	background: url(../images/design/status_info.png) no-repeat;
	width: 270px;
	height: 57px;
	float: left;
	margin: 32px 0 10px;
	padding: 15px;
}
#status-info .frame {
	background: #FFF;
	height: 50px;
	width: 50px;
	border: 3px solid #d6769d;
	float: left;
	
	position: relative; /* necessary as the image is bigger */
	overflow: hidden;
}
#status-info .stats {
	width: 200px;
	height: 56px; /* 50 + borders 3+3 */
	float: right;
}
#status-info a {
	display: block;
	text-shadow: 1px 1px 2px #C54F7E;
}
#status-info .username {
	font-size: 1.2em;
	color: #FDD3E4;
}
#status-info .username,
#status-info .points:hover,
#status-info .events:hover {
	color: #FDD8E7;
}
#status-info .points {
	margin-top: 2px;
	font-size: 2em;
	color: #FFF;
}
#status-info .events {
	margin-top: 6px;
	font-size: 1.4em;
	color: #FFF;
}
#events {
	position: relative;
	z-index: 2;
	width: 178px;
	left: -16px;
	top: 0;
}
#events .top {
  background: url(../images/design/status-box-top-bot.png) no-repeat 0 3px;
  height: 21px;
}
#events .middle {
  background: url(../images/design/status-box-mid.png) repeat-y;
  padding: 6px 15px 3px;
  font-size: 1.2em;
}
#events .bottom {
  background: url(../images/design/status-box-top-bot.png) no-repeat bottom;
  height: 15px;
}
#events a {
	color: #363636;
	text-shadow: none;
}
#events a:hover {
	text-decoration: underline;
}

#featured-offer-main {
	float: left;
	width: 400px;
	height: 70px;
	margin: 32px 20px 10px;
	padding: 17px 0 0 20px;
	font:	400 2.5em/1.1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	text-align: right;
	text-shadow: 0 2px 4px #C54F7E;
}
#featured-offer-main a {
	color: #FFF;
}
#featured-offer-main a:hover {
	color: #FADFE7;
}
#featured-offer-main span {
	display: block;
	font-size: .65em;
	font-weight: 400;
}

#makeup-girl {
	background: url(../images/design/makeup-girl.png);
	width: 116px;
	height: 104px;
	float: right;
	margin: 25px -35px 0 0;
}


#user-menu .seperator {
	overflow: hidden;
}
#user-menu .seperator span {
	display: block;
	float: right;
	width: 130px;
	border-bottom: 1px solid #DDD;
	margin: 2px 5px 10px 0;
}

#user-menu {
	background: #FFF url(../images/design/user_menu_background_top.png) right top no-repeat;
	width: 190px;
	overflow: hidden;
	float: left;
	font-size: 1.3em;
	line-height: 1.1em;
	text-align: right;
}
#user-menu ul {
	background: url(../images/design/user_menu_background_bottom.png) right bottom no-repeat;
	margin-top: 50px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 50px;
	text-shadow: 1px 1px 1px #FFF;
	min-height: 220px;
		
	/* lte IE 6
		`min-height' in IE 6. Do not remove this even though IE 6 is not supported.
	*/ 
  height: auto !important;
  height: 220px;
}
#user-menu li {
	padding-right: 5px; /* to the arrow */
	padding-bottom: 2px; /* move the arrow 2px down */
	margin-top: 7px; /* margin-bottom will render with a bug */
}
#user-menu a:hover {
	background: url(../images/design/menu-arrow.png) center right no-repeat;
	color: #4D4D4D;
}
#user-menu a {
	display: block;
	padding-right: 15px;
	color: #787878;
}


section.global,
article.global {
	float: left;
	font-size: 1.3em;
}
section.global a,
article.global a {
	color: #F152A4;
}
section.global a:hover,
article.global a:hover {
	color: #F598C8;
	text-decoration: underline;
}

/* Different boxes */
section.global.fullsize {
	width: 860px;
	margin: 30px 50px 20px 50px;
}
section.global.with-usermenu {
	width: 680px;
	margin: 30px 50px 20px 40px;
}
section.global.mid-col {
	width: 460px;
	margin: 30px 40px 20px 40px;
	float: left;
}
section.global .mid-col {
	width: 460px;
	float: left;
}
section.global.mid-col.wider,
section.global .mid-col.wider {
	width: 500px;
}
section.global .sidebar { /* should be use in combination with .mid-col */
	float: left;
	width: 180px;
	margin-left: 40px;
	margin-bottom: 15px;
	font-size: 0.92em;
}

section.global p {
	margin-bottom: 12px;
	line-height: 1.7em;
}
section header p, .global .introduction {
	font-size: 1.15em;
	line-height: 1.6em;
}

/* headers */
section.global h1 {
	font-size: 2em;
	margin: 40px 0 2px;
}
section.global h1.border {
	border-bottom: 1px solid #F475A7;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
section.global h2.border {
	border-bottom: 1px solid #F475A7;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
section.global h2 {
	font-size: 1.7em;
	margin: 30px 0 2px;
}
section.global h3 {
	font-size: 1.4em;
	margin: 20px 0 2px;
}
section.global section,
section.global article {
	line-height: 1.5em;
}

section.global header h1,
section.global header h2,
section.global header h3 {
	margin-top: 0;
}


#footer-margin {
	height: 190px;
	clear: both;
}
footer.global {
	background: #40434b url(../images/design/footer_shadow.png) repeat-x;
	width: 100%;
	height: 160px;
	margin-top: -190px;
	padding-top: 30px;
	color: #83868f;
}
footer.global a {
	color: #83868f;
}
footer.global a:hover {
	color: #FFF;
}
#footer-wrapper {
	width: 860px;
	padding: 0 50px;
	margin: 0 auto;
}

.out #footer-margin {
	height: 70px;
}
.out footer.global {
	height: 40px;
	margin-top: -70px;
}

#shortcuts {
	height: 130px;
}
#shortcuts h3 {
	width: 140px;
	font-size: 1.2em;
	margin-bottom: 6px;
	font-weight: 400;
}
#shortcuts nav {
	width: 140px;
	margin-right: 40px;
	float: left;
	font-size: 1.1em;
	line-height: 1.5em;
}
#shortcuts nav.last {
	margin: 0;
}
#shortcuts li {
	list-style-type: disc;
	margin-left: 20px;
}

#bottom {
	font-size: 1.1em;
}
#bottom nav {
	float: right;
}
#bottom p { /* Copyright text */
	float: left;
}


/* Exprimental */
#why-gm .register a {
	-moz-border-radius: 8px;
	-moz-box-shadow: 0 1px 2px #A8A8A8;
	-webkit-box-shadow: 0 1px 2px #A8A8A8;
	-webkit-animation: register-button-glow .8s infinite alternate ease-in-out;
}
@-webkit-keyframes register-button-glow {
	from { -webkit-box-shadow: 0 0 15px #35A9F7; }
	to { -webkit-box-shadow: 0 0 3px #38AEFC; }
}
/***************/







.left{
	float:left;
	width: 640px;
	margin: 30px 40px 20px;
	font-size: 1.3em;
	line-height: 1.6em;
}
.left h3 {
	font-size: 2em;
}
.left p {
	margin-bottom: 20px;
}

.left .bg-bot{

}
label {font-weight:700;display:block;}