/*  ~-~-~-~-~ GROUPION WEBSITE ~-~-~-~-~ */
/*           Major Frame Layout          */

@font-face {
	font-family: 'AurulentSans';
	src: url('../fonts/AurulentSans-Regular-webfont.eot');
	src: local('☺'), url('../fonts/AurulentSans-Regular-webfont.woff') format('woff'), url('../fonts/AurulentSans-Regular-webfont.ttf') format('truetype'), url('../fonts/AurulentSans-Regular-webfont.svg#webfont8XBZZzyb') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AurulentSans';
	src: url('../fonts/AurulentSans-Italic-webfont.eot');
	src: local('☺'), url('../fonts/AurulentSans-Italic-webfont.woff') format('woff'), url('../fonts/AurulentSans-Italic-webfont.ttf') format('truetype'), url('../fonts/AurulentSans-Italic-webfont.svg#webfontjcPT41sx') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'AurulentSans';
	src: url('../fonts/AurulentSans-Bold-webfont.eot');
	src: local('☺'), url('../fonts/AurulentSans-Bold-webfont.woff') format('woff'), url('../fonts/AurulentSans-Bold-webfont.ttf') format('truetype'), url('../fonts/AurulentSans-Bold-webfont.svg#webfontfq5mClxr') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'AurulentSans';
	src: url('../fonts/AurulentSans-BoldItalic-webfont.eot');
	src: local('☺'), url('../fonts/AurulentSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/AurulentSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/AurulentSans-BoldItalic-webfont.svg#webfont2tSwz3TE') format('svg');
	font-weight: bold;
	font-style: italic;
}

body {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #404040;
	background: url('../img/frame/frmBody.png') repeat-x;
}
body, input, textarea { font-family: "AurulentSans", Calibri, "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif; }

*:active, *:focus { outline:none; }

/*
.trebuchet, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .btn { font-family: trebuchet ms, Helvetica, Arial, sans-serif; }
*/

.georgia, .pgeorgia p {
	font-family: georgia,times,"times new roman";
	line-height: 1.4em;
}

a, a:active {
	color: #92AB04;
	text-decoration: none;
	font-weight: bold;
}
a:visited { color: #6B7C0F; }
a:hover { color: #9C6855; }
.gGreen { color: #AAC805; }
.green { color: #6B7C0F; }

/* START: Buttons */
/* Depend on Blueprint extended layout.css class "btn" */

.btn_green {
	padding-right: 16px;
	background-image: url('../img/buttons/btn_green_right.png');
}
.btn_green span {
	background-image: url('../img/buttons/btn_green_left.png');
	min-width: 95px;
	max-width: 230px;
	padding: 4px 2px 0 20px;
	height: 31px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.2px;
}
.btn_green .ico-24 { 
	float: right;
	margin: 1px -7px 0 7px;
}

.btn_grey {
	padding-right: 7px;
	background-image: url('../img/buttons/btn_grey_right.png');
}
.btn_grey span {
	background-image: url('../img/buttons/btn_grey_left.png');
	padding: 5px 3px 0 15px;
	height: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}
.btn_grey .ico-24 { 
	float: right;
	margin-top: -4px;
}

.btn_mini {
	display: block;
	background: url('../img/buttons/btn_mini_right.png') no-repeat;
	background-position: right 0;
	cursor: pointer;
	height: 22px;
	padding-right: 10px;
}
.btn_mini span {
	display: block;
	background: url('../img/buttons/btn_mini_left.png') no-repeat;
	background-position: 0 0;
	height: 18px;
	padding: 4px 5px 0 15px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}
.btn_mini:hover, .btn_mini.active {
	background-position: right -22px;
	text-decoration: none;
	color: #FFF;
}
.btn_mini:hover span, .btn_mini.active span {
	background-position: 0 -22px;
}
.btn_mini .ico-24 { 
	float: left;
	margin-top: -4px;
}


/* END: Buttons */

#conRoot, #conFooterInner {
	margin: 0 auto;
	/* 2px correction for left menu corner + 5px correction for right menu edge*/
	width: 967px;
	/* 3px correction for left menu corner to create symmetry with right margin */
	padding-left: 3px;
	text-align: left;
}

#conHead {
	height: 36px;
	padding: 20px 22px 0 600px;
	background: url('../img/frame/frmHead.png') no-repeat;
	font-size: 12px;
	color: #838383;
}
#conHead #lblSearch {
	float: right; 
	padding: 0 0 0 18px;
	background: url('../img/frame/frmSearch.gif') no-repeat;
	background-position: 0 5px;
}
#conHead #txtSearch {
	height: 15px;
	width: 170px;
	padding: 2px;
	background: #FFF;
	border: 1px solid #A9A9A9;
}
#conHead #txtSearch:focus { border: 1px solid #AAC805; }
#conHead #lblLang { 
	float: right;
	width: 190px;
}
.lang_spacer {
	display: block;
	float: left;
	padding: 0 3px;
	text-align: center;
	font-size: 10px;
}
.lang_ico {
	float: left;
	height: 16px;
	min-width: 26px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.lang_label {
	padding-left: 35px;
}
#de.lang_ico { background-image: url('../img/frame/lang_de.png'); }
#eu.lang_ico { background-image: url('../img/frame/lang_eu.png'); }
#int.lang_ico { background-image: url('../img/frame/lang_int.png'); }
#us.lang_ico { background-image: url('../img/frame/lang_us.png'); }
a#int.lang_ico { margin-right: 5px; }
a#de.lang_ico:hover, a#eu.lang_ico:hover, a#int.lang_ico:hover, div#de.lang_ico, div#eu.lang_ico, div#int.lang_ico { background-position: 0 -16px; }

#conMenu {
	position: relative;
	clear: both;
	height: 27px;
}
#conMenuLeft {
	height: 27px;
	padding-left: 14px;
	background: url('../img/frame/frmMenuCorner.png') no-repeat;
}
#conMenuRight {
	height: 27px;
	padding-right: 22px;
	background: url('../img/frame/frmMenuEdge.png') no-repeat;
	background-position: right;
}
#conMenuBody {
	height: 27px;
	background: url('../img/frame/frmMenu.png') repeat-x;
}
#conMenuBody a, #conMenuBody .active {
	white-space: nowrap;
	display: block;
	float: left;
	height: 21px;
	padding: 5px 7px 0 7px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#conMenuBody a.pricing { color: #8bcb2f; }
#conMenuBody a:hover { color: #99e72a !important; }
#conMenuBody .mnu.active, #conMenuBody .mnu.active:hover, #conMenuBody .mnu.active:visited {
	height: 25px;
	margin-top: 2px;
	background: url('../img/frame/frmMenuActiveRight.png') no-repeat top right;
	padding: 0 10px 0 0;
}
#conMenuBody .mnu.active span, #conMenuBody .mnu.active:hover span, #conMenuBody .mnu.active:visited span {
	display: block;
	background: url('../img/frame/frmMenuActiveLeft.png') no-repeat top left;
	padding: 4px 0 0 10px;
	height: 21px;
	color: #FFF;
}

#mnu_home {
	width: 17px;
	height: 26px;
	background: url('../img/frame/frmHome.png') no-repeat;
	background-position: top;
}
#mnu_home.active, #mnu_home:hover {
	background-position: bottom;
}

#conMenuBody .spacer {
	display: block;
	float: left;
	height: 27px;
	width: 15px;
	background: url('../img/frame/frmMenuSpacer.png') no-repeat;
}

#conSubmenu {
	z-index: 90;
	position: absolute; 
	top: 27px;
	left: 0;
	right: 0;
	padding: 0 13px 0 10px;
}
#conSubmenu #conSubmenuLeft {
	padding-left: 7px;
	background: url('../img/frame/frmSubmenuLeft.png') no-repeat;
	background-position: left top;
}
#conSubmenu #conSubmenuLeft #conSubmenuRight {
	padding-right: 7px;
	background: url('../img/frame/frmSubmenuRight.png') no-repeat;
	background-position: right top;
}
#conSubmenu #conSubmenuLeft #conSubmenuRight #conSubmenuBody {
	background: url('../img/frame/frmSubmenuBg.png') repeat-x;
	padding: 0 10px;
}
#conSubmenu #conSubmenuLeft #conSubmenuRight #conSubmenuBody #conSubmenuInner {
	background: url('../img/frame/frmSubmenuInner.png') repeat-x;
	height: 24px;
	overflow: hidden;
}

.submenu {
	z-index: 91;
	position: absolute;
	margin: 25px 0 0 0;
	padding: 0;
	height: 30px;
	width: 300px;
}
#conMenuBody .active .submenu li {
	list-style: none;
	float: left;
	height: 23px;
	padding: 0;
	background: url('../img/frame/frmSubmenuBg.png') repeat-x;
}
#conMenuBody .active .submenu li.active {
	padding: 0 3px 0 3px;
}
#conMenuBody .active .submenu li.active a, #conMenuBody .active .submenu li.active a:hover {
	background: url('../img/frame/frmSubmenuActive.png') no-repeat bottom center;
	color: #404040 !important;
}
#conMenuBody .active .submenu li a {
	text-align: center;
	height: 22px;
	padding: 2px 7px 0 7px;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}
#conMenuBody .active .submenu li a:hover {
	color: #669900 !important;
}
#conMenuBody .active .submenu .subspacer {
	display: block;
	float: left;
	height: 24px;
	width: 15px;
	background: url('../img/frame/frmSubmenuSpacer.png') no-repeat;
	background-position: center;
}

#conContent {
	clear: both;
	padding: 0 5px 20px 2px;
	min-height: 300px;
}

.inlineSpacer {
	height: 13px;
	width: 3px;
	background: url('../img/frame/frmSpacer.gif') no-repeat;
}

.frmTitle {
	padding: 20px 0 10px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #AAC805;
}

#conFooter {
	clear: both;
	height: 90px;
	padding-top: 80px;
	background: url('../img/frame/frmFooter.png') repeat-x;
}
.conFooterInner {
	padding: 0 13px 0 10px;
}
#conFooterLinks {
	padding-top: 10px;
}
#conFooterLinks a {
	display: block;
	float: left;
	padding-left: 10px;
	margin-right: 10px;
	border-left: 1px solid #cdcdcd;
}
#conFooterLinks a.first {
	padding: 0;
	border: none;
}

#conBookmarks a {
	display: block;
	float: right;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 5px;
}
#conBookmarks a:hover { background-position: 0 -24px; }
.bmrkDelicious { background-image: url('../img/social/delicious.png'); }
.bmrkDigg { background-image: url('../img/social/digg.png'); }
.bmrkFacebook { background-image: url('../img/social/facebook.png'); }
.bmrkFurl { background-image: url('../img/social/furl.png'); }
.bmrkGoogleBookmarks { background-image: url('../img/social/google.png'); }
.bmrkLinkedin { background-image: url('../img/social/linkedin.png'); }
.bmrkNewsvine { background-image: url('../img/social/newsvine.png'); }
.bmrkStumbleupon { background-image: url('../img/social/stumbleupon.png'); }
.bmrkTechnorati { background-image: url('../img/social/technorati.png'); }
.bmrkTwitter { background-image: url('../img/social/twitter.png'); }