@charset "utf-8";
/*-------------------------------------------

	Name: Buddco
	Date: 2012/05/30
				   		   
/*! General
---------------------------------------------*/
* { margin: 0; padding: 0; }

html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { min-height: 100%; background: url(../images/background.gif); font-size: 62.5%; }

body, textarea, input, select, option, button { color: #7b7b7b; font-family: Arial, Helvetica, sans-serif; line-height: 1.7; }
li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 1.3em; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 21px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div { display: block; }


/*! Layout
---------------------------------------------*/
#root { overflow: hidden; background: url(../images/background.png); }
	#top { position: relative; z-index: 2; width: 100%; height: 117px; border-top: 6px solid #eb1f28; border-bottom: 42px solid #eb1f28; background: url(../images/top.png) repeat-x; }
		#top h1 { display: block; position: absolute; left: 50%; top: 32px; width: 251px; height: 55px; margin: 0 0 0 -490px; padding: 0; }
			#top h1 a { display: block; overflow: hidden; width: 100%; height: 100%; padding: 0; background: url(../images/sprite-a.png) no-repeat; text-indent: -3000em; }
		#skip { position: fixed; top: 0; left: -10000px; }
			#skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; }
		#nav { position: absolute; right: 50%; top: 41px; margin: 0 -490px 0 0; }
			#nav > ul { margin: 0; padding: 0; font-family: 'OpenSansBold'; font-style: normal; font-weight: 500; }
				#nav > ul > li { display: block; position: relative; float: left; padding: 0 0 0 4px; background: none; font-size: 1.4em; text-transform: uppercase; }
				#nav > ul > li > a { display: block; float: left; height: 32px; padding: 0 11px; background: none; color: #cfcfcf; line-height: 34px; text-decoration: none; }
					#nav > ul > li > a:hover, #nav > ul > li > a:focus, #nav > ul > li > a:active, #nav > ul > li.active > a, #nav > ul > li:hover > a { background: #ed1f29; color: #fff; }
					#nav ul li.active > a { background: #434144; cursor: default; }
					#nav > ul > li.active > ul { display: block; }
				#nav > ul > li > ul { display: none; position: absolute; left: 50%; top: 32px; width: 850px; margin: 0 0 0 -580px; padding: 7px 0; font-family: 'OpenSansSemiboldRegular'; text-align: center; }
				.lt-1024 #nav > ul > li > ul { margin-left: -645px; text-align: right; }
					#nav > ul > li > ul > li { display: inline; padding: 0 2px 0 0; font-size: .857em; font-style: normal; font-weight: 500; text-transform: none; text-decoration: none; }
					#nav > ul > li > ul > li > a { display: -moz-inline-stack; display: inline-block; height: 20px; padding: 0 8px; background: #e8e8e8; color: #666366; font-family: 'OpenSansSemiboldRegular'; line-height: 22px; text-decoration: none; }
					.ie7 #nav > ul > li > ul > li > a { display: inline; zoom: 1; }
						#nav > ul > li > ul > li > a:hover, #nav > ul > li > ul > li > a:focus, #nav > ul > li > ul > li > a:active, #nav > ul > li > ul > li.active > a { background: #eb1f28; color: #fff; }
			#nav em, #nav h2, #footer nav em { position: absolute; left: -3000em; top: -3000em; }
	p#featured { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 218px; margin: 0 0 29px; background: #000; color: #fff; font-size: 4em; font-family: 'OpenSansBold'; text-transform: uppercase; }
		p#featured img { display: block; position: relative; top: -100px; z-index: 1; margin: 0 auto; }
		p#featured > span { display: block; position: absolute; left: 50%; bottom: 0; z-index: 2; height: 89px; margin: 0 0 0 -379px; padding: 0 33px; background: url(../images/shade-a.png); line-height: 94px; }
			p#featured > span > .shade { display: block; position: absolute; left: 100%; top: 0; width: 3000em; height: 89px; background: url(../images/shade-a.png); }
	section#featured { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 325px; margin: 0 0 29px; padding: 0 0 63px; background: url(../images/featured.gif) 0 100% repeat-x #000; color: #fff; }
	.ie7 section#featured { background: #ed1f29; }
		section#featured div { overflow: hidden; position: relative; width: 100%; height: 400px; margin: 0 0 100px; }
			section#featured h2 { position: absolute; left: 50%; bottom: 214px; z-index: 2; float: left; margin: 0 0 0 -379px; padding: 9px 31px 5px 28px; background: url(../images/shade-a.png); color: #fff; font-size: 4em; font-family: 'OpenSansSemiboldRegular'; line-height: 1.3; text-transform: uppercase; }
				section#featured h2 span { display: block; font-family: 'RalewayThin'; }
			section#featured p { position: absolute; left: 50%; top: 186px; z-index: 2; float: left; margin: 0 0 0 -379px; padding: 4px 43px 8px 28px; background: url(../images/shade-a.png); color: #ed2028; font-size: 2.9em; font-family: 'CrimsonTextSemiboldItalic'; line-height: 1.2; }
			section#featured figure { position: absolute; left: 50%; top: 0; margin: 0 0 0 -757px; }
		section#featured .navi { position: absolute; right: 50%; bottom: 19px; z-index: 3; margin: 0 -462px 0 0; }
			section#featured .navi a { display: block; overflow: hidden; float: left; width: 22px; height: 22px; margin: 0 0 0 7px; padding: 0; background: url(../images/sprite-a.png) -326px 0 no-repeat; text-indent: -3000em; }
			section#featured .navi a.activeSlide { background-position: -294px 0; cursor: default; }
	#content { width: 980px; margin: 0 auto; padding-bottom: 72px; }
	#footer { overflow: hidden; position: relative; height: 56px; background: url(../images/background.gif); font-family: 'OpenSansRegular'; color: #b8b8b8; }
		#footer a { padding: 0; background: none; color: #b8b8b8; font-family: 'OpenSansRegular'; text-decoration: none; }
			#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline; }
		#footer p { margin: 0; font-size: 1.2em; }
			#footer p:first-child { position: absolute; left: 50%; top: 20px; margin: 0 0 0 -490px; }
			#footer #author { position: absolute; right: 50%; top: 20px; margin: 0 -490px 0 0; padding: 0 0 0 21px; background: url(../images/sprite-a.png) 0 -101px no-repeat; }
				#footer #author { text-transform: lowercase; }
		#footer nav { position: absolute; left: 50%; top: 22px; margin: 0 0 0 -324px; }
			#footer nav ul { padding: 0; font-style: normal; font-weight: 500; }
				#footer nav ul li { display: block; float: left; padding: 0 7px 0 9px; background: url(../images/sprite-a.png) 0 -73px no-repeat; font-size: 1.2em; }
					#footer nav ul li:first-child { padding-left: 0; background: none; }
		#footer > .shade { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 12px; background: url(../images/footer.gif) repeat-x; }

#home-page #top, #index-page #top, #contact-page #top { border-bottom: 0; }
#contact-page #content h1 .shade, #contact-page #content h2 .shade, #contact-page .cols-a > aside > .shade { background-color: #eb1f28; } 


/*! Columns
---------------------------------------------*/
.cols-a { width: 100%; } 
.cols-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.cols-a > *:first-child { float: left; width: 505px; }
	.cols-a > aside { position: relative; float: right; width: 194px; padding: 82px 162px 0 0; }
		.cols-a > aside > .shade { display: block; position: absolute; left: 0; top: 60px; width: 44px; height: 5px; background: #eee; }

.double-a { overflow: hidden; width: 940px; }
	.double-a > * { float: right; width: 45%; }
	.double-a > *:first-child { float: left; }

.double-b { overflow: hidden; width: 945px; padding: 18px 0 12px; }
.double-b:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.double-b > * { position: relative; left: 22px; float: left; width: 500px; padding: 72px 0 0; }
	.double-b > *:first-child { left: 0; width: 440px; padding: 0; }

.quadruple-a { width: 110%; padding: 0 0 18px; color: #3e3e3e; } 
.quadruple-a:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	.quadruple-a > * { float: left; width: 232px; padding: 0 15px 0 0; }


/*! Modules
---------------------------------------------*/
#root .article-a { width: 648px; padding-right: 332px; }
	.article-a h1, .article-a h2 { width: 940px; }

.cols-a.vcard { }
	.cols-a.vcard .fn { position: absolute; left: -3000em; top: -3000em; }
	.cols-a.vcard > aside { padding-top: 83px; }
		.cols-a.vcard > aside p { margin: 0 0 14px; font-size: 1.4em; font-family: 'OpenSansSemiboldRegular'; line-height: 1.55; } 
		.cols-a.vcard > aside a.email { padding: 0; background: none; color: #ed2028; font-family: 'OpenSansBold'; text-decoration: underline; }
			.cols-a.vcard > aside a.email:hover, .cols-a.vcard > aside a.email:focus, .cols-a.vcard > aside a.email:active { text-decoration: none; }		 

.quadruple-a header { position: relative; padding: 181px 0 0; }
	.quadruple-a header figure { position: absolute; left: 0; top: 0; }
	.quadruple-a h3 { margin: 0 0 10px; padding: 0 0 7px; border-bottom: 2px solid #cecece; color: #3e3e3e; font-size: 1.4em; text-transform: uppercase; }
	.quadruple-a p { margin: 0 0 18px; font-family: 'OpenSansRegular'; line-height: 1.2; }
	
	
/*! Headers
---------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0 0 17px; padding: 4px 0 0; color: #434143; font-family: 'OpenSansBold'; font-weight: 500; line-height: 1.1; }
h1, h2 { position: relative; margin: 0 0 16px; padding: 0 1px 12px; font-size: 4.8em; letter-spacing: -1.5px; }
	h1 span, h2 span { font-family: 'OpenSansRegular'; }
	#content h1 .shade, #content h2 .shade { display: block; position: absolute; left: 0; bottom: 0; width: 274px; height: 5px; background: #eee; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.5em; }

.header-a { color: #3e3e3e; font-size: 5.4em; font-family: 'RalewayThin'; line-height: 1.02; text-transform: uppercase; }
	.header-a span { display: block; width: 940px; color: #ec2029; font-family: 'RalewayThin'; font-size: 1.074em; }
	#root .header-a .shade { display: none; }


/*! Content - paragraphs
---------------------------------------------*/
p { }
b, strong, .strong { color: #434143; font-weight: 700; }

.scheme-a { padding: 0 0 4px; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.scheme-b { color: #eb1f28; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.scheme-c { display: -moz-inline-stack; display: inline-block; position: relative; height: 46px; margin: -4px 0 30px -4px; padding: 0 28px; border: 3px solid #fafafa; background: #ed2028; color: #fff; font-family: 'OpenSansBold'; font-size: 3.4em; line-height: 50px; }
.scheme-c { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.ie7 .scheme-c { display: inline; zoom: 1; }
	.scheme-c .shade { display: block; position: absolute; left: 50%; bottom: -13px; width: 25px; height: 13px; margin: 0 0 0 -13px; background: url(../images/sprite-a.png) -262px 0 no-repeat; }
	.lt-ie9 .scheme-c .shade { bottom: -12px; }
.scheme-d { color: #3e3e3e; font-size: 1.5em; font-family: 'OpenSansRegular'; line-height: 1.3; }
	.scheme-d span { color: #ef202a; font-family: 'OpenSansBold'; }
	
.quote-a { position: relative; margin: 50px 0px 0 0px; color: #434143; font-size: 2.3em; font-family: 'RalewayThin'; line-height: 1.22; }
.quote-a { box-shadow: 4px 4px 0 #dfdfdf; -moz-box-shadow: 4px 4px 0 #dfdfdf; -webkit-box-shadow: 4px 4px 0 #dfdfdf; }
	.quote-a q { display: block; position: relative; padding: 26px 45px 18px 119px; background: url(../images/quote-a.png) 41px center no-repeat #fff; }
	.quote-a q { box-shadow: -2px 0 3px #dfdfdf; -moz-box-shadow: -2px 0 3px #dfdfdf; -webkit-box-shadow: -2px 0 3px #dfdfdf; }
	.quote-a q:before, .quote-a q:after { content: ""; }


/*! Content - links
---------------------------------------------*/
/*a { padding: 0 2px; background: #f7fecb; color: #3e3e3e; font-family: 'OpenSansBold'; text-decoration: none; cursor: pointer; } /*---*/ 
	/*a span { cursor: pointer; }	*/
	/*a:hover, a:focus, a:active { background: none; }	 */
a { text-decoration: underline; color: #3e3e3e; cursor: pointer; } /*---*/ a span { cursor: pointer; }
	a:hover, a:focus, a:active { text-decoration: none; }

.link-a { overflow: hidden; width: 100%; font-size: 1.3em; }
	.link-a a { display: block; position:absolute;top:1115px; height: 31px; padding: 0 14px; background: #3e3e3e; color: #fff; line-height: 33px; text-transform: uppercase; text-decoration:none; }
		.link-a a:hover, .link-a a:focus, .link-a a:active { background: #ec2029; }
	
	
/*! Content - images
---------------------------------------------*/
img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }


/*! Content - lists
---------------------------------------------*/
ol, dd, blockquote { padding-left: 36px; }
	ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

ul { list-style: none; margin-bottom: 9px; padding: 2px 0 0; font-weight: 700; font-style: italic; }
	ul li { padding: 1px 0 15px 36px; background: url(../images/li-a.png) 3px 0 no-repeat; color: #434143; line-height: 1.5; }
	
	
/*! Forms
---------------------------------------------*/
legend, caption { display: none; }
fieldset, hr { border-width: 0; }
button { padding: 0 8px; overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: 0; outline: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"] { position: relative; width: 434px; height: 57px; padding: 0 18px; border: 1px solid #e9e9e9; color: #ccc; font-size: 18px; line-height: 57px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea { border-radius: 4px; -moz-border-radius: 4px; webkit-border-radius: 4px; }
textarea { position: relative; width: 449px; height: 211px; min-height: 211px; padding: 13px 13px 13px 18px; border: 1px solid #e9e9e9; color: #ccc; font-size: 18px; }

#contact { width: 472px; padding: 36px 0 2em; }
	#contact p { width: 100%; margin: 0 0 17px; font-size: 1.2em; }
	#contact p:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
	#contact label { display: block; margin: 0 0 13px; color: #434143; font-family: 'OpenSansBold'; font-size: 1.333em; }
		#contact label span { padding: 0 3px; color: #c2c2c2; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: .75em; }
	#contact input { margin: 0 0 0 -3px; }
	#contact textarea { }
	#contact button { display: block; position: relative; left: 3px; float: left; height: 42px; padding: 3px 30px 0; border: 0; background: #ed2028; color: #fff; font-size: 1.333em; font-style: normal; font-family: 'OpenSansBold'; text-transform: uppercase; }
	#contact button { border-radius: 3px; -moz-border-radius: 3px; webkit-border-radius: 3px; }
		#contact button:hover, #contact button:focus, #contact button:active { background: #434144; }
	#contact p.submit { position: relative; left: -3px; padding: 4px 0 0; color: #c2c2c2; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; line-height: 42px; text-align: right; }
		#contact p.submit a { background: none; color: #c2c2c2; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: underline; }
			#contact p.submit a:hover, #contact p.submit a:focus, #contact p.submit a:active { text-decoration: none; }
	#contact p.error input, #contact p.error textarea { box-shadow: #f00 0 0 1.5px 1px; -moz-box-shadow: #f00 0 0 1.5px 1px; -webkit-box-shadow: #f00 0 0 1.5px 1px; }
    #contact .summary { font-size: 1.8em }
    #contact .summary.error { color: #ED2028 }
    #contact .summary.success { color: green }
    #contact p .error { display: none; color: #ED2028 }
    #contact p.error .error { display: block }
 
/*! Tables
---------------------------------------------*/
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; }
	th, td { padding: 5px 10px; border: 1px solid #eee; font-weight: 400; text-align: left; }


/*! Helpers
---------------------------------------------*/
a { transition: 0.2s color, 0.2s background-color; -moz-transition: 0.2s color, 0.2s background-color; -webkit-transition: 0.2s color, 0.2s background-color; -o-transition: 0.2s color, 0.2s background-color; -ms-transition: 0.2s color, 0.2s background-color; }


/*! Miscellaneous
---------------------------------------------*/
@media only screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } }

::selection { background: #eb1f28; color: #fff; }
::-moz-selection { background: #eb1f28; color: #fff; }

@font-face { font-family: 'OpenSansRegular'; src: url('fonts/opensans-regular.eot'); src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'OpenSansSemiboldRegular'; src: url('fonts/opensans-semibold.eot'); src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold.woff') format('woff'), url('fonts/opensans-semibold.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'OpenSansBold'; src: url('fonts/opensans-bold.eot'); src: url('fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold.woff') format('woff'), url('fonts/opensans-bold.ttf') format('truetype'); font-weight: 500; font-style: normal; }

@font-face { font-family: 'CrimsonTextSemiboldItalic'; src: url('fonts/crimsontext-semibolditalic.eot'); src: url('fonts/crimsontext-semibolditalic.eot?#iefix') format('embedded-opentype'), url('fonts/crimsontext-semibolditalic.woff') format('woff'), url('fonts/crimsontext-semibolditalic.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'RalewayThin'; src: url('fonts/raleway-thin.eot'); src: url('fonts/raleway-thin.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-thin.woff') format('woff'), url('fonts/raleway-thin.ttf') format('truetype'); font-weight: 500; font-style: normal; }