@charset "utf-8";
@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.eot');
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.eot?iefix') format('eot'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.woff') format('woff'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.ttf') format('truetype'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Book-webfont.svg#webfontcSdulNf3') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.eot');
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.eot?iefix') format('eot'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.woff') format('woff'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.ttf') format('truetype'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Italic-webfont.svg#webfontgNSsLi8o') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot');
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.eot?iefix') format('eot'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.woff') format('woff'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.ttf') format('truetype'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-Bold-webfont.svg#webfontb2alYQRt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.eot');
	src: url('CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.eot?iefix') format('eot'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.woff') format('woff'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'),  url('CartoGothic-Std-fontfacekit/CartoGothicStd-BoldItalic-webfont.svg#webfontay5DJRGK') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body {
	height: 100%;
	width: 100%;
}
* {
	margin: 0;
	padding: 0;
}
body {
	color: #000;
	font-family: CartoGothicStdBook, Arial, Helvetica, sans-serif;
	background: #FFF url(../images/bg_body.png) repeat-x left -10px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#Wrapper {
	width: 100%;
	margin: auto;
	min-height: 100%;
	position: relative;
}
* html #Wrapper {
	height: 100%;
}
#Footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	padding: 0px;
	margin: 0px;
	background: #333 url(../images/bg_footer.png) repeat-x left top;
	z-index: 50;
}
#Header {
	position: absolute;
	height: 95px;
	width: 1020px;
	margin-top: 15px;
	margin-bottom: 0px;
}
#Content {
	width: 1020px;
	float: right;
	margin: 130px auto 90px;
	padding-bottom: 50px;
}
#google_translate_element {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 200px;
}

em {
	font-family: CartoGothicStdItalic, Arial, Helvetica, sans-serif;
}
a.Extern {
	font-weight: bold;
	color: #009EE1;
	text-decoration: none;
}
a.Extern:hover {
	font-weight: bold;
	color: #009ee1;
	text-decoration: underline;
}

strong {
	font-family: CartoGothicStdBold, Arial, Helvetica, sans-serif;
}
strong em, em strong {
	font-family: CartoGothicStdBoldItalic, Arial, Helvetica, sans-serif;
}
.Slogan {
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 55px 0px 0px;
	display: block;
}
ul.Menu {
	padding: 0px;
	list-style: none;
	display: block;
	height: 40px;
	margin: 0px;
	width: auto;
}
ul.Menu li {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: left;
}
ul.Menu li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	display: block;
	margin: 0px;
	padding: 0px 0px 5px;
	background: url(none);
}
ul.Menu li a span, ul.Menu li a.Aktiv span:hover {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 3px 5px;
	border: 1px solid transparent;
}
ul.Menu li a span {
	color: #666;
}
ul.Menu li a.Aktiv span {
	color: #FFF;
	background: #009EE0;
	border: 1px solid #009EE0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.Menu li a.Aktiv {
	color: #FFF;
	text-decoration: none;
	background: url(../images/menu_aktiv.png) no-repeat center bottom;
}
ul.Menu li a:hover span {
	color: #009EE0;
}
ul.Submenu {
	display: block;
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px;
	list-style: none;
	height: auto;
}
ul.Submenu li {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	display: block;
}
ul.Submenu li a {
	color: #444;
	text-decoration: none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	display: block;
	background: #EFEFEF;
	padding: 3px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
}
ul.Submenu li a.Aktiv, ul.Submenu li a:hover {
	color: #FFF;
	text-decoration: none;
	background: #009EE1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
}
.SiteTop {
	background: url(../images/site_top.png) no-repeat -20px 0px;
	display: block;
	float: right;
	height: 28px;
	width: 20px;
	margin: 20px 0px 0px;
	padding: 0px;
	outline:none;
}
h1 {
	font-size: 24px;
	color: #009EE0;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 26px;
}
h1.Softer {
	font-size: 18px;
	color: #009EE0;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 20px;
}
h1.Softer span {
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}


h2 {
	font-size: 18px;
	color: #666;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 20px;
}
h2.Motive {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #009EE1;
	margin: 0px;
	padding: 30px 10px 25px;
	text-transform: uppercase;
}
h2.Motive span {
	color: #666;
	font-size: 12px;
	text-transform: none;
	display: block;
	padding: 0px;
}

h3 {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 10px;
}
p {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	margin: 0px;
	padding: 0px 0px 15px;
}
.SiteTop span {
	display: none;
}
.SiteTop:hover {
	background: url(../images/site_top.png) no-repeat left top;
}
ul.FooterMenu {
	margin: 0px;
	padding: 30px 0px 0px;
	list-style: none;
}
ul.FooterMenu li {
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
}
ul.FooterMenu li a {
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
}
ul.FooterMenu li a:hover, ul.FooterMenu li a.Aktiv {
	color: #aaa;
	text-decoration: none;
}
ul.Social {
	margin: 0px;
	padding: 20px 0px 0px;
	list-style: none;
}
ul.Social li {
	display: block;
	padding: 0px;
	float: left;
	height: 30px;
	width: 30px;
	font-size: 8px;
	color: #000;
	position: relative;
	margin: 0px 5px 0px 0px;
}
ul.Social li a span {
	display: none;
}
a.Twitter, a.Facebook, a.Skype {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 30px;
}
a.Twitter {
	background: url(../images/social_icons.png) no-repeat 0px 0px;
}
a.Twitter:hover {
	background-position: 0px -30px;
}
a.Facebook {
	background: url(../images/social_icons.png) no-repeat -30px 0px;
}
a.Facebook:hover {
	background-position: -30px -30px;
}
a.Skype {
	background: url(../images/social_icons.png) no-repeat -60px 0px;
}
a.Skype:hover {
	background-position: -60px -30px;
}
ul.Social li div.SprechBlase {
	background: url(../images/bg_social_blob.png) no-repeat left top;
	padding: 30px 0px 20px;
	position: absolute;
	height: 40px;
	width: 170px;
	z-index: 888;
	left: -2500px;
	overflow: hidden;
	bottom: 30px;
	margin: 0px;
	text-align: center;
	opacity: .0;
	-moz-transition: opacity 0.3s ease-in;
	-webkit-transition: opacity  0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
ul.Social li div.SprechBlase a {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
ul.Social li:hover div.SprechBlase, ul.Social li div.SprechBlase:hover {
	z-index: 999;
	opacity: 1;
	left: -70px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.grid_8.ImagePreviewBox {
	width: 600px;
	margin: 0px;
	padding: 0px;
}

.ImagePreview {
	margin-bottom: 20px;
}
.ImagePreview a.AltText span {
	display: none;
}
.ImagePreview:hover {
	z-index: 99;
}
.ImagePreview img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	border: 1px solid #CCC;
}
.ImagePreview img.Aktiv {
	filter: alpha(opacity=100);
	opacity: 1.0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	border: 1px solid #009EE0;
}
.ImagePreview:hover img {
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ImagePreview img:hover {
	cursor: pointer;
	/* cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in; */
}
.ImagePreview .info {
	position: absolute;
	left: -10px;
	top: -10px;
	padding: 150px 10px 10px;
	width: 130px;
	display: none;
	background: #009ee0;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ImagePreview:hover .info {
	display: block;
}
.ImagePreview h2 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0px 5px;
	line-height: 12px;
	color: #FFF;
}
.ImagePreview p {
	padding: 0 0 10;
	margin: 0;
	font-size: 10px;
	line-height: 11px;
	color: #FFF;
}
a.MiniButton {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #009ee0;
	background: #FFF;
	display: block;
	padding: 3px 5px;
	float: left;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #FFF;
}
a.MiniButton:hover {
	color: #FFF;
	text-decoration: none;
	background: #009ee0;
	border: 1px solid #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.teaserShop {
	background: url(../images/teaser_shop.jpg) no-repeat left top;
	height: 166px;
	width: 320px !important;
	padding: 0px;
}
.teaserShop h2 {
	font-size: 22px;
	color: #444;
	padding-top: 15px;
	padding-left: 25px;
	font-weight: bold;
	padding-bottom: 10px;
}
.teaserShop p {
	font-size: 11px;
	color: #555;
	padding-top: 0px;
	padding-left: 90px;
	line-height: 14px;
	padding-right: 10px;
}

.teaserShopButton span {
	display: none;
}
.teaserShopButton {
	background: url(../images/shop_button.png) no-repeat left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 84px;
	position: absolute;
	bottom: 20px;
	left: 85px;
}
.teaserShopButton:hover {
	background: url(../images/shop_button.png) no-repeat left -35px;
}

.teaserDesigner {
	background: url(../images/teaser_designer.jpg) no-repeat left top;
	height: 166px;
	width: 320px !important;
	padding: 0px;
}
.teaserDesigner h2 {
	font-size: 22px;
	color: #444;
	padding-top: 15px;
	font-weight: bold;
	padding-left: 25px;
	padding-bottom: 10px;
}
.teaserDesigner p {
	font-size: 11px;
	color: #555;
	padding-top: 0px;
	font-weight: normal;
	padding-left: 100px;
	line-height: 14px;
	padding-right: 15px;
}

.teaserDesignerButton span, .DesignerButton span {
	display: none;
}
.teaserDesignerButton, .DesignerButton {
	background: url(../images/t-shirt-designer-button.png) no-repeat left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 164px;
}
.teaserDesignerButton {
	position: absolute;
	bottom: 15px;
	left: 95px;
}
.teaserDesignerButton:hover, .DesignerButton:hover {
	background: url(../images/t-shirt-designer-button.png) no-repeat left -35px;
}

.TeaserFollow {
	background: url(../images/teaser_follow.jpg) no-repeat left top;
	height: 166px;
	width: 320px !important;
	padding: 0px;
	margin-bottom: 20px;
}
.TeaserFollow h2 {
	font-size: 18px;
	color: #FFF;
	font-weight: normal;
	padding: 15px;
	line-height: 20px;
}
.TeaserFollow p {
	font-size: 11px;
	color: #555;
	font-weight: normal;
	padding-left: 15px;
	line-height: 14px;
	padding-bottom: 10px;
	clear: both;
}



table.Formular {
	margin: 0px;
	padding: 0px;
	width: 650px;
}
table.Formular td {
	margin: 0px;
	padding: 5px 0px;
}
table.Formular td.Bezeichner {
	font-size: 11px;
	color: #000000;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	line-height: 20px;
	margin: 0px;
	padding: 5px 5px 0px 0px;
}
table.Formular td.Bezeichner span {
	color: #CC0000;
}
input.Formular_Textzeile {
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 350px;
	border: 1px solid #CCCCCC;
	background: #EFEFEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
textarea.Formular_Textfeld {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	height: 125px;
	width: 350px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	background: #EFEFEF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
input.SpezialStyle {
	display: none;
	border: none;
}
.Formular_Button {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: url(../images/formular_button.png) no-repeat left top;
	display: block;
	height: 35px;
	width: 164px;
	padding-left: 25px;
	text-align: left;
	line-height: 35px;
	border-style: none;
}
.Formular_Button:hover {
	color: #FFF;
	background: url(../images/formular_button.png) no-repeat left -35px;
}
.TopThemen {
	font-size: 12px;
	background: #EFEFEF;
	border: 1px solid #CCC;
	padding: 10px 5px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 988px !important;
	margin-bottom: 10px;
	font-weight: bold;
	color: #555;
}
.TopThemen a {
	color: #009EE1;
	font-weight: bold;
	text-decoration: none;
	background: #FFF;
	display: block;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
}

.TopThemen a:hover {
	color: #FFF;
	text-decoration: none;
	background: #009EE1;
}
.AktionsBoxBIG {
	padding: 0px 20px 0px 0px;
	height: 350px;
	width: 580px;
	float: left;
}
.StartImage {
	display: block;
	height: 350px;
	width: 345px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
}

.Description {
	width: 315px;
	position: relative;
	z-index: 6;
	left: 0px;
	top: 0px;
	padding: 15px;
	height: auto;
}
.Description h3 {
	font-size: 12px;
	text-transform: none;
	color: #666;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.Description p {
	color: #555;
	font-size: 11px;
	line-height: 12px;
	margin: 0px;
	padding: 0px 0px 5px;
}
.DescriptionButtons {
	width: 100px;
	position: absolute;
	z-index: 6;
	top: 10px;
	right: 0px;
}


a.FXButton {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background: #666 url(../images/bg_minibutton_passiv.png) repeat-x left bottom;
	display: block;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	border: none;
	padding-right: 8px;
	padding-left: 8px;
	margin: 2px 5px;
	text-transform: uppercase;
}
a.FXButton:hover {
	color: #FFF;
	text-decoration: none;
	background: #009ee0 url(../images/bg_minibutton_aktiv.png) repeat-x left bottom;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.TeaserBG {
	background: url(../images/bg_teaser.png) no-repeat 10px top;
	margin-bottom: 15px;
	height: 350px;
	width: 1020px !important;
}
.TeaserBG h1 {
	color: #666;
	margin: 0px;
	padding: 25px 0px 40px 25px;
	font-size: 40px;
	line-height: 40px;
}
p.Imagetext {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding: 0px 0px 30px 25px;
}
p.Imagetext a {
	color: #009EE1;
	text-decoration: none;
	font-weight: bold;
}
p.Imagetext a:hover {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}

h4.Toggler , h4.Toggler.Aktiv{
	font-size: 14px;
	line-height: 18px;
	color: #009ee0;
	text-decoration: none;
	font-weight: normal;
	background: #efefef;
	margin: 5px 0px 0px;
	padding: 5px 10px;
	cursor: pointer;
}
#Accordion {
	padding-bottom: 25px;
}

h4.Toggler.Aktiv {
	color: #FFF;
	background: #009ee0;
}
.Inline {
	padding: 5px 10px;
}
td.TabHead {
	font-size: 16px;
	color: #FFF;
	background: #009EE0;
	padding: 5px;
	font-weight: bold;
}
td.TabKopf {
	font-size: 12px;
	color: #FFF;
	background: #666;
	padding: 5px;
	border-top: none;
	border-bottom: 1px solid #FFF;
}
td.TabContent {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	background: #CCC;
}
.Tabright {
	text-align: right;
}
.TabHell {
	background: #efefef !important;
}
.SpezialHR {
	border-bottom: 2px dotted #CCC;
	height: 1px !important;
	clear: both;
	margin-top: 35px;
	margin-bottom: 30px;
}
.Hinweis {
	font-size: 12px;
	color: #666;
	padding: 5px;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 1020px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.Container {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
	text-align: left;	
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.grid_1 {
	width:65px;
}

.grid_2 {
	width:150px;
}

.grid_3 {
	width:235px;
}

.grid_4 {
	width:320px;
}

.grid_5 {
	width:405px;
}

.grid_6 {
	width:490px;
}

.grid_7 {
	width:575px;
}

.grid_8 {
	width:660px;
}

.grid_9 {
	width:745px;
}

.grid_10 {
	width:830px;
}

.grid_11 {
	width:915px;
}

.grid_12 {
	width:1000px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.prefix_1 {
	padding-left:85px;
}

.prefix_2 {
	padding-left:170px;
}

.prefix_3 {
	padding-left:255px;
}

.prefix_4 {
	padding-left:340px;
}

.prefix_5 {
	padding-left:425px;
}

.prefix_6 {
	padding-left:510px;
}

.prefix_7 {
	padding-left:595px;
}

.prefix_8 {
	padding-left:680px;
}

.prefix_9 {
	padding-left:765px;
}

.prefix_10 {
	padding-left:850px;
}

.prefix_11 {
	padding-left:935px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.suffix_1 {
	padding-right:85px;
}

.suffix_2 {
	padding-right:170px;
}

.suffix_3 {
	padding-right:255px;
}

.suffix_4 {
	padding-right:340px;
}

.suffix_5 {
	padding-right:425px;
}

.suffix_6 {
	padding-right:510px;
}

.suffix_7 {
	padding-right:595px;
}

.suffix_8 {
	padding-right:680px;
}

.suffix_9 {
	padding-right:765px;
}

.suffix_10 {
	padding-right:850px;
}

.suffix_11 {
	padding-right:935px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.push_1 {
	left:85px;
}

.push_2 {
	left:170px;
}

.push_3 {
	left:255px;
}

.push_4 {
	left:340px;
}

.push_5 {
	left:425px;
}

.push_6 {
	left:510px;
}

.push_7 {
	left:595px;
}

.push_8 {
	left:680px;
}

.push_9 {
	left:765px;
}

.push_10 {
	left:850px;
}

.push_11 {
	left:935px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.pull_1 {
	left:-85px;
}

.pull_2 {
	left:-170px;
}

.pull_3 {
	left:-255px;
}

.pull_4 {
	left:-340px;
}

.pull_5 {
	left:-425px;
}

.pull_6 {
	left:-510px;
}

.pull_7 {
	left:-595px;
}

.pull_8 {
	left:-680px;
}

.pull_9 {
	left:-765px;
}

.pull_10 {
	left:-850px;
}

.pull_11 {
	left:-935px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}