/*
----------------------------------------------- 
		344 Design, LLC
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		font-style: inherit;
		font-weight: inherit;
		margin: 0;
		outline: 0;
		padding: 0;
		vertical-align: baseline;
		text-rendering: optimizeLegibility;
}

:focus {
		outline: 0;
}

body {
		line-height: 1;
}

ol, ul {
		list-style: none;
}

table {
		border-collapse: separate;
		border-spacing: 0;
}

caption, th, td {
		font-weight: normal;
		text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
}

blockquote, q {
		quotes: "" "";
}

a img {
		border: 0;
}

strong, b, h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
}

em, i {
		font-style: italic;
}


/*		B A S I C   S E T U P
----------------------------------------------- */

html {
		height: 100%;
		overflow-y: scroll
}

img {
		border: none;
}

:focus, a {
		-moz-outline-style: none;
		outline: none;
}

body {
		background-image: url(bg_header.png);
		background-position-x: center;
		background-position-y: 0;
		background-repeat: repeat-x;
		font: 20px/36px "jubilat", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
		font-weight: 200;
		text-align: center;
}

@media only screen and (max-device-width: 480px) {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		-webkit-text-size-adjust: none;
}
}

@media only screen and (device-width: 768px) {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		-webkit-text-size-adjust: none;
}
}


/*		L I N K S
----------------------------------------------- */

a:link, a:visited {
		text-decoration: none;
}

#wrapper a:link, #wrapper a:visited, #footer a:link, #footer a:visited, .faqone a:link, .faqone a:visited, .aboutfaq a:link, .aboutfaq a:visited {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
}

#wrapper a:hover, #wrapper a:active, #footer a:hover, #footer a:active, .faqone a:hover, .faqone a:active, .aboutfaq a:hover, .aboutfaq a:active {
		border-bottom-style: solid;
}

.css-image a:link, .css-image a:visited {
		display: block;
		width: 38px;
		height: 38px;
		position: relative;
		z-index: 10;
		top: -14px;
		left: -9px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		-webkit-transition: background 0.25s ease-in-out;
		-moz-transition: background 0.25s ease-in-out;
		-o-transition-property: background-color;
		-o-transition-duration: 0.25s;
		transition: background 0.25s ease-in-out;
		background: transparent;
		background: rgba(0,0,0, 0);
		border: none !important;
}

.css-image a:hover, .css-image a:active {
		background: transparent url(bg_link.png) 0 0 no-repeat;
		background: rgba(0,0,0, 0.1);
		-webkit-transition: background 0.25s ease-in-out;
		-moz-transition: background 0.25s ease-in-out;
		-o-transition-property: background-color;
		-o-transition-duration: 0.25s;
		transition: background 0.25s ease-in-out;
}

#extralinks a:link, #extralinks a:visited {
		display: block;
		float: left;
		width: 116px;
		height: 27px;
		margin-right: 10px;
		padding: 4px 9px 0 0;
		text-align: center;
		color: #999;
		background: transparent url(register.png) 0 0 no-repeat;
		-webkit-transition: color 0.25s ease-in-out;
		-moz-transition: color 0.25s ease-in-out;
		-o-transition-property: color;
		-o-transition-duration: 0.25s;
		transition: color 0.25s ease-in-out;
}

#extralinks a:hover, #extralinks a:active {
		color: #000;
		-webkit-transition: color 0.25s ease-in-out;
		-moz-transition: color 0.25s ease-in-out;
		-o-transition-property: color;
		-o-transition-duration: 0.25s;
		transition: color 0.25s ease-in-out;
}

#projecttypes a:link, #projecttypes a:visited {
		color: #000;
		background: #e8e8e8;
		padding: 4px 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: background 0.25s ease-in-out;
		-moz-transition: background 0.25s ease-in-out;
		-o-transition-property: background-color;
		-o-transition-duration: 0.25s;
		transition: background 0.25s ease-in-out;
}

#projecttypes a:hover, #projecttypes a:active {
		background: #dbdbdb;
		-webkit-transition: background 0.25s ease-in-out;
		-moz-transition: background 0.25s ease-in-out;
		-o-transition-property: background-color;
		-o-transition-duration: 0.25s;
		transition: background 0.25s ease-in-out;
}

h4 a:link, h4 a:visited {
		font-style: normal;
		font-size: 14px;
		font-weight: normal;
		margin-left: 5px;
		opacity: 0.35;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
		filter: alpha(opacity = 35);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

h4 a:hover, h4 a:active {
		font-style: normal;
		font-size: 14px;
		font-weight: normal;
		margin-left: 5px;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}


/*		A R R O W S
----------------------------------------------- */

.css-image {
		display: block;
		width: 20px;
		height: 24px;
		padding: 14px 9px 0 9px;
		position: absolute;
		z-index: 5;
}

.css-image ul {
		display: block;
		position: relative;
		z-index: 7;
		top: -38px;
		left: 0px;
}

.css-image p {
		display: block;
		float: left;
		width: 1px;
		height: 1px;
		background: transparent;
}

.css-image li, .css-image ul {
		display: block;
		float: left;
}

.css-image li {
		height: 1px;
}


/*		H E A D E R
----------------------------------------------- */

#header {
		width: 980px;
		height: 110px;
		margin: 0 auto;
		background: transparent url(344_header.png) 0 0 no-repeat;
		text-align: left;
		position: relative;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#header {
		background-size: 980px 110px;
		background: transparent url(344_header@2x.png) 0 0 no-repeat;
	}
}

#header li {
		list-style: none;
}

#header a {
		display: block;
		position: absolute;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}

#header h1 a:link, #header h1 a:visited {
		left: 380px;
		top: 0;
		width: 270px;
		height: 110px;
		z-index: 18;
		background: transparent url(nav_344.png) 1px 0 no-repeat;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

#header h1 a:hover, #header h1 a:active {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#header h1 a:link, #header h1 a:visited {
		background-size: 218px 111px;
		background-image: url(nav_344@2x.png);
	}
}

#aprojects a:link, #aprojects a:visited {
		left: 0;
		top: 0;
		width: 380px;
		height: 72px;
		z-index: 19;
		background: transparent url(nav_projects.png) 1000px 1000px no-repeat;
}

#aprojects a:hover, #aprojects a:active {
		background-position: -1px 0;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#aprojects a:link, #aprojects a:visited {
		background-size: 380px 73px;
		background-image: url(nav_projects@2x.png);
	}
}

#ablog a:link, #ablog a:visited {
		left: 0;
		top: 0;
		width: 380px;
		height: 110px;
		z-index: 18;
		background: transparent url(nav_blog.png) 1000px 1000px no-repeat;
}

#ablog a:hover, #ablog a:active {
		background-position: 21px 4px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#ablog a:link, #ablog a:visited {
		background-size: 358px 96px;
		background-image: url(nav_blog@2x.png);
	}
}

#aabout a:link, #aabout a:visited {
		left: 650px;
		top: 0;
		width: 148px;
		height: 110px;
		z-index: 20;
		background: transparent url(nav_about.png) 1000px 1000px no-repeat;
}

#aabout a:hover, #aabout a:active {
		background-position: 0 22px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#aabout a:link, #aabout a:visited {
		background-size: 148px 88px;
		background-image: url(nav_about@2x.png);
	}
}

#acontact a:link, #acontact a:visited {
		left: 781px;
		top: 0;
		width: 122px;
		height: 110px;
		z-index: 21;
		background: transparent url(nav_contact.png) 1000px 1000px no-repeat;
}

#acontact a:hover, #acontact a:active {
		background-position: 0 40px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#acontact a:link, #acontact a:visited {
		background-size: 122px 64px;
		background-image: url(nav_contact@2x.png);
	}
}

#astore a:link, #acontact a:visited {
		left: 895px;
		top: 0;
		width: 80px;
		height: 110px;
		z-index: 19;
		background: transparent url(nav_store.png) 1000px 1000px no-repeat;
}

#astore a:hover, #astore a:active {
		background-position: 0 46px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#astore a:link, #astore a:visited {
		background-size: 80px 49px;
		background-image: url(nav_store@2x.png);
	}
}


/*		P R O J E C T   O V E R V I E W
----------------------------------------------- */

#extralinks {
		position: absolute;
		left: 50px;
		top: 105px;
		width: 350px;
		text-align: left;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
}

#projecttypes {
		width: auto;
		text-align: left;
		background: transparent url(bg_gradient.png) 0 bottom repeat-x;
}

#projecttypes ul {
		margin: 70px 40px 0 50px;
}

#projecttypes li {
		list-style: none;
		display: block;
		float: left;
		margin: 0 5px 8px 0;
}

#projecttypes li span {
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		color: #999;
}

#projectswrap {
		width: 100%;
}

#projects {
		width: auto;
		background: transparent url(bg_gradient.png) 0 1px repeat;
		margin-top: 70px;
		padding: 0 30px 0 50px;
}

#intro {
		width: 446px !important;
		float: left;
		padding: 0 30px 0 40px;
		text-align: left !important;
		color: #666;
		font-size: 16px;
		line-height: 22px;
		position: relative;
		top: 0;
		background: transparent url(bg_project.png) 0 0 no-repeat !important;
}

#intro a:link, #intro a:visited {
		display: inline !important;
		border-bottom: 1px dotted #999;
}

#intro a:hover, #intro a:active {
		border-bottom: 1px solid #999;
}

#intro strong, #intro b {
		color: #000;
		letter-spacing: 1px;
}

#intro strong em, #intro b i {
		letter-spacing: 0;
}

#projects ul {
		padding-top: 0px;
}

#projects li {
		list-style: none;
		display: block;
		width: 172px;
		height: 172px;
		float: left;
		margin: 0 0 40px 0;
		text-align: center;
		background: transparent url(loader.png) center center no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#projects li {
		background: transparent url(loader@2x.png) center center no-repeat;
		background-size: 50px 50px;
}
}

#projects a {
		display: block;
		color: #000;
}

#projects strong {
		font-weight: normal;
}

#projects span em {
		display: block;
		width: 20px;
		height: 172px;
		background: transparent url(bg_project.png) 0 -28px no-repeat;
}

#projects span {
		width: 172px;
		height: 172px;
		display: block;
		margin-bottom: 6px;
		background-position: 0 0;
		background-repeat: no-repeat;
		-webkit-transition: background-position 0.25s ease-in-out;
		-moz-transition: background-position 0.25s ease-in-out;
		-o-transition-property: background-position;
		-o-transition-duration: 0.25s;
		transition: background-position 0.25s ease-in-out;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#projects span {
	background-size: 172px 344px;
	}
	#projects a:hover span {
		background-position: ;
	}
}

#projects a:hover span {
		background-position: 0 -172px;
		-webkit-transition: background-position 0.25s ease-in-out;
		-moz-transition: background-position 0.25s ease-in-out;
		-o-transition: background-position 0.25s ease-in-out;
		transition: background-position 0.25s ease-in-out;
}

#projects a:link strong {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition-property: background-position;
		-o-transition-duration: 0.25s;
		transition: opacity 0.25s ease-in-out;
}

#projects a:hover strong {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
}


/*		P R O J E C T S   L I S T
----------------------------------------------- */

#singletitle {
		width: 848px;
		margin: 0 55px 10px 55px;
		padding: 0;
		border-bottom: 1px solid #000;
}

#heroicvideo {
		text-align: center;
}

#projectsdesc {
		font-size: 20px;
		line-height: 24px;
		width: 850px;
		margin: 0 55px 30px 55px;
		padding-bottom: 27px;
		font-style: italic;
}

#projectsdesc strong {
		font-style: normal;
		letter-spacing: 2px;
}

#singlecontent {
		width: 850px;
		margin: -38px 55px 50px 55px;
}

#projectlist {
		width: 850px;
		margin: 0 55px 0 55px;
		border-bottom: 1px solid #ccc !important;
}

#projectlist table {
		width: 850px;
		border-collapse: collapse;
}

#projectlist th {
		border-top: 1px solid #000;
		border-right: 2px solid #fff;
		padding: 5px 5px 20px 5px;
		text-align: left;
		vertical-align: top;
}

#projectlist th:hover {
		background: #f2f2f2;
		cursor: pointer;
}

#projectlist td {
		border-top: 1px solid #ccc;
		padding: 5px 5px 6px 5px;
		vertical-align: top;
}

#projectlist .trhov:hover {
		background: #f2f2f2;
}


/*		P R O J E C T
----------------------------------------------- */

#wrapper {
		width: 960px;
		margin: 40px auto 0 auto;
		text-align: left;
}

h2 {
		font-size: 48px;
		font-weight: normal;
		letter-spacing: 2px;
		width: 848px;
		padding: 0 55px 0 57px;
		text-align: center;
}

#titlearea {
		width: 960px;
}

#titleleft {
		width: 40px;
		height: 50px;
		margin: 0 0 0 9px;
		float: left;
		position: relative;
		top: -18px;
}

#titleright {
		width: 40px;
		height: 50px;
		margin: 0 7px 0 0px;
		float: right;
		position: relative;
		top: -18px;
}

h3 {
		font-size: 20px;
		font-weight: normal;
		width: 850px;
		margin-left: 6px;
		margin-bottom: 30px;
		padding-top: 5px;
		text-align: center;
		letter-spacing: 2px;
		float: left;
		border-top-width: 1px;
		border-top-style: solid;
}

h3 em {
		letter-spacing: 0;
		font-variant: normal;
		position: relative;
		left: -3px;
}

.caption {
		border-top-width: 1px;
		border-top-style: solid;
		font-weight: 700;
		padding-bottom: 5px;
		width: 850px;
		position: relative;
		top: -6px;
		margin-left: 55px;
		font-size: 11px;
		font-family: pragmatica-web;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 14px;
		padding-top: 3px;
		margin-bottom: 12px;
}

.firstcaption {
		margin-top: 58px;
}

#introtext {
		font-family: pragmatica-web, sans-serif;
		font-size: 26px;
		font-weight: 200;
		line-height: 36px;
		width: 850px;
		margin: 0 0 36px 55px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		padding-bottom: 27px;
}

#infobox {
		font-family: pragmatica-web;
		font-weight: 400;
		float: left;
		width: 150px;
		margin-left: 55px;
		padding-bottom: 35px;
		font-size: 13px;
		line-height: 24px;
		margin-top: 4px;
}

#infobox dt {
		font-weight: 700;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: -4px;
}

#text {
		width: 500px;
		margin: 0 0 30px 0;
		margin-left: 230px;
		line-height: 30px;
}

#entrymore {
		margin-top: 30px;
}

#text p, #entrymore p {
		margin-bottom: 36px;
}

#text .mt-image-none {
		position: relative;
		left: -230px;
}

hr {
		border: none;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		width: 850px;
		margin: 0 0 10px 55px;
		height: 0;
		clear: both;
}

#text hr {
		width: 500px;
		margin: 0 0 24px 0;
		height: 0;
		clear: none;
}

#entrymore blockquote {
		width: 850px;
		margin: 0 0 12px 55px !important;
}

#entrymore iframe {

}

#text h4, #entrymore h4 {
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 24px;
		width: 850px;
		font-style: italic;
}

#text h4 {
		width: 500px;
}

#entrymore h5 {
		border-top-width: 1px;
		border-top-style: solid;
		font-weight: bold;
		padding-bottom: 5px;
		width: 850px;
		position: relative;
		top: -6px;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 14px;
		padding-top: 3px;
		margin-bottom: 12px;
}

#closingnav {
		width: 960px;
		padding: 30px 0;
}

.nocaption {
		padding-bottom: 15px !important;
}

#closingleft {
		width: 450px;
		float: left;
}

#closingarrleft {
		width: 40px;
		height: 50px;
		margin: 0 0 0 9px;
		float: left;
		position: relative;
		top: -8px;
}

#closingleft span {
		margin-left: 5px;
}

#closingright {
		width: 450px;
		float: right;
		text-align: right;
}

#colsingarrright {
		width: 40px;
		height: 50px;
		margin: 0 7px 0 0px;
		float: right;
		position: relative;
		top: -8px;
}

#closingright span {
		margin-right: 9px;
}


/*		P A G E
----------------------------------------------- */

#pagetitle {
		width: 848px;
		margin: 0 55px 10px 55px;
		padding: 0;
		border-bottom: 1px solid #000;
}

#pagecontent {
		width: 850px;
		margin: 40px 55px 0 55px;
}

#singlecontent blockquote {
		width: 100%;
		padding: 100px 0 20px 0;
		font-size: 20px;
		line-height: 24px;
		font-style: italic;
}

#singlecontent p {
		margin-bottom: 20px;
}

#singlecontent a:link, #singlecontent a:visited {
		color: #000;
		border-bottom: 1px dotted #000;
}

#singlecontent a:hover, #singlecontent a:active {
		color: #000;
		border-bottom: 1px solid #000;
}


/*		A B O U T
----------------------------------------------- */

.aboutfaq {
		width: 100%;
		padding: 13px 0 25px 0;
		background: transparent url(bg_about.png) 0 0 repeat-x;
}

.aboutfaq h4 {
		padding-top: 4px;
		font-size: 20px;
		line-height: 24px;
		font-style: italic;
		position: relative;
		left: -2px;
}

.aboutfaq h4 strong {
		font-style: normal;
		letter-spacing: 2px;
}

.aboutblock {
		width: 850px;
		margin: 0 auto;
}

.aboutquestion {
		width: 400px;
		float: left;
		text-align: left;
}

.aboutanswer {
		width: 400px;
		float: right;
		text-align: left;
}

.aboutanswer p {
		margin-top: 11px;
}

.aboutanswer p br {
		display: none;
}

.bubblebox {
		width: 20px;
		height: 20px;
		margin: 0 auto;
		padding-right: 22px;
		position: relative;
		top: 20px;
		margin-top: -20px;
}

.b20 {
		float: right;
		width: 20px;
		height: 1px;
		clear: both;
}

.b19 {
		float: right;
		width: 19px;
		height: 1px;
		clear: both;
}

.b18 {
		float: right;
		width: 18px;
		height: 1px;
		clear: both;
}

.b17 {
		float: right;
		width: 17px;
		height: 1px;
		clear: both;
}

.b16 {
		float: right;
		width: 16px;
		height: 1px;
		clear: both;
}

.b15 {
		float: right;
		width: 15px;
		height: 1px;
		clear: both;
}

.b14 {
		float: right;
		width: 14px;
		height: 1px;
		clear: both;
}

.b13 {
		float: right;
		width: 13px;
		height: 1px;
		clear: both;
}

.b12 {
		float: right;
		width: 12px;
		height: 1px;
		clear: both;
}

.b11 {
		float: right;
		width: 11px;
		height: 1px;
		clear: both;
}

.b10 {
		float: right;
		width: 10px;
		height: 1px;
		clear: both;
}

.b9 {
		float: right;
		width: 9px;
		height: 1px;
		clear: both;
}

.b8 {
		float: right;
		width: 8px;
		height: 1px;
		clear: both;
}

.b7 {
		float: right;
		width: 7px;
		height: 1px;
		clear: both;
}

.b6 {
		float: right;
		width: 6px;
		height: 1px;
		clear: both;
}

.b5 {
		float: right;
		width: 5px;
		height: 1px;
		clear: both;
}

.b4 {
		float: right;
		width: 4px;
		height: 1px;
		clear: both;
}

.b3 {
		float: right;
		width: 3px;
		height: 1px;
		clear: both;
}

.b2 {
		float: right;
		width: 2px;
		height: 1px;
		clear: both;
}

.b1 {
		float: right;
		width: 1px;
		height: 1px;
		clear: both;
}

#graph {
		width: 905px;
		margin: 0 0 55px 55px;
}

#graph span {
		display: block;
		float: left;
}

#graph a:link, #graph a:visited {
		display: block;
		border: none;
		padding: 1px 5px 1px 5px;
		width: 96px;
		height: 20px;
		overflow: hidden;
		white-space: nowrap;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: width .3s ease-in, opacity .2s ease-in;
		-moz-transition: width .3s ease-in, opacity .2s ease-in;
		-o-transition: width .3s ease-in, opacity .2s ease-in;
		transition: width .3s ease-in, opacity .2s ease-in;
}

#graph a:hover, #graph a:active {
		width: 150px;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: width .3s ease-in, opacity .2s ease-in;
		-moz-transition: width .3s ease-in, opacity .2s ease-in;
		-o-transition: width .3s ease-in, opacity .2s ease-in;
		transition: width .3s ease-in, opacity .2s ease-in;
}

.graphround span {
		-moz-border-radius: 15px;
		border-radius: 15px;
}


/*		F A Q
----------------------------------------------- */

.faqone {
		width: 100%;
		padding: 33px 0 38px 0;
		background: transparent url(bg_faq.png) 0 0 repeat-x;
}

.faqone h4 {
		font-size: 20px;
}

.faqone h4 em {
		font-size: 20px;
		line-height: 24px;
		font-style: italic;
		position: relative;
		left: -2px;
}

.faqquestion {
		width: 850px;
		margin: 0 auto 11px auto;
		text-align: left;
}

.faqanswer {
		width: 850px;
		margin: 0 auto;
		text-align: left;
}

.faqanswer p {
		margin-top: 11px;
}

.faqquestion a {
		position: relative;
		left: 5px;
}

.faqquestion a span {
		white-space: nowrap;
}

.faqquestion a:link span, .faqquestions a:visited span {
		position: absolute;
		left: 15px;
		top: -2px;
		width: 0px;
		height: 20px;
		overflow: hidden;
		-webkit-transition: width .3s ease-in;
		-moz-transition: width .3s ease-in;
		-o-transition: width .3s ease-in;
		transition: width .3s ease-in;
}

.faqquestion a:hover span, .faqquestions a:active span {
		width: 140px;
		-webkit-transition: width .3s ease-in;
		-moz-transition: width .3s ease-in;
		-o-transition: width .3s ease-in;
		transition: width .3s ease-in;
}


/*		S T O R E
----------------------------------------------- */

.storeone {
		width: 100%;
		padding: 33px 0 38px 0;
		background: transparent url(bg_gradient.png) 0 bottom repeat-x;
}

.storeone h4 {
		font-size: 20px;
		line-height: 24px;
		font-style: italic;
		position: relative;
		left: -2px;
		padding-bottom: 3px;
}

.storeone h4 strong {
		font-style: normal;
		letter-spacing: 2px;
}

.storeclosed {
		width: 850px;
		margin: 0 auto 11px auto;
		text-align: left;
}

.storeimg {
		width: 172px;
		margin-right: 28px;
		float: left;
		position: relative;
		top: -3px;
		display: block;
		height: 172px;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
.storeimg {
		background-size: 172px 172px;
}
}

.storetext {
		width: 440px;
		float: left;
}

.storemoretext p {
		margin-bottom: 20px;
}

.storemoretext a:link, .storemoretext a:visited {
		border-bottom: 1px dotted #000;
}

.storemoretext a:hover, .storemoretext a:active {
		border-bottom: 1px solid #000;
}

.storelinkmore, .storelinkless {
		border-bottom: 1px dotted #000;
}

.storelinkmore:hover, .storelinkless:hover {
		border-bottom: 1px solid #000;
}

.storepurchase {
		float: right;
		width: 185px;
		margin-top: 7px;
}

.storepurchase a:link, .storepurchase a:visited {
		display: block;
		width: 180px;
		padding: 4px 0 6px 0;
		color: #555 !important;
		border: 1px solid #ddd !important;
		font-weight: bold;
		text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-text-shadow: 0px 1px 1px rgba(255,255,255,1);
		-webkit-text-shadow: 0px 1px 1px rgba(255,255,255,1);
		text-shadow: 0px 1px 1px rgba(255,255,255,1);
		background-color: #f2f2f2;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cccccc));
		background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);
		background-image: -moz-linear-gradient(top, #f2f2f2, #cccccc);
		background-image: -o-linear-gradient(top, #f2f2f2, #cccccc);
		background-image: -ms-linear-gradient(top, #f2f2f2, #cccccc);
		background-image: linear-gradient(top, #f2f2f2, #cccccc);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f2f2f2', EndColorStr='#cccccc');
}

.storepurchase a:hover {
		color: #333 !important;
		background-color: #e2e2e2;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#bbbbbb));
		background-image: -webkit-linear-gradient(top, #e2e2e2, #bbbbbb);
		background-image: -moz-linear-gradient(top, #e2e2e2, #bbbbbb);
		background-image: -o-linear-gradient(top, #e2e2e2, #bbbbbb);
		background-image: -ms-linear-gradient(top, #e2e2e2, #bbbbbb);
		background-image: linear-gradient(top, #e2e2e2, #bbbbbb);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e2e2e2', EndColorStr='#bbbbbb');
}

.storepurchase a:active {
		color: #333 !important;
		background-color: #ccc;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#cccccc));
		background-image: -webkit-linear-gradient(top, #bbbbbb, #cccccc);
		background-image: -moz-linear-gradient(top, #bbbbbb, #cccccc);
		background-image: -o-linear-gradient(top, #bbbbbb, #cccccc);
		background-image: -ms-linear-gradient(top, #bbbbbb, #cccccc);
		background-image: linear-gradient(top, #bbbbbb, #cccccc);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bbbbbb', EndColorStr='#cccccc');
}

.storeopen {
		width: 100%;
		clear: both;
		background: transparent url(bg_faq.png) 0 0 repeat-x;
		position: relative;
		top: -3px;
}

.storemoretext {
		margin: 0 auto;
		text-align: left;
		padding-left: 170px;
		padding-right: 180px;
		width: 440px;
		padding-top: 30px;
		padding-bottom: 30px;
}


/*		C O N T A C T   /   4 0 4
----------------------------------------------- */

#envelope {
		width: 960px;
		height: 410px;
		background: transparent url(envelope.jpg) 0 -410px no-repeat;
		margin: 80px 0 45px 0;
}

#envelope a:link, #envelope a:visited {
		display: block;
		width: 960px;
		height: 410px;
		background: transparent url(envelope.jpg) 0 0 no-repeat;
		border-bottom: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

#envelope a:hover, #envelope a:active {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#envelope {
		background: none;
	}
	#envelope a:link, #envelope a:visited {
		background-size: 960px 410px;
		background: transparent url(envelope@2x.jpg) 0 0 no-repeat;
	}
	#envelope a:hover, #envelope a:active {
		opacity: 100;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
	}
}

#contactdata {
		text-align: center;
		margin-bottom: -50px;
}

#fourohfour {
		width: 960px;
		height: 500px;
		margin: 80px 0 80px 0;
		background: transparent url(page_not_found.jpg) 0 -500px no-repeat;
}

#fourohfour a:link, #fourohfour a:visited {
		display: block;
		width: 960px;
		height: 500px;
		background: transparent url(page_not_found.jpg) 0 0 no-repeat;
		border-bottom: none;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

#fourohfour a:hover, #fourohfour a:active {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity = 0);
		-webkit-transition: opacity 0.25s ease-in-out;
		-moz-transition: opacity 0.25s ease-in-out;
		-o-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	#fourohfour {
		background: none;
	}
	#fourohfour a:link, #fourohfour a:visited {
		background-size: 960px 500px;
		background: transparent url(page_not_found@2x.jpg) 0 0 no-repeat;
	}
	#fourohfour a:hover, #fourohfour a:active {
		opacity: 100;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity = 100);
	}
}


/*		F O O T E R
----------------------------------------------- */

#footer {
		width: auto;
		margin-top: 65px;
		padding: 10px 0 70px 0;
		text-align: center;
		background: transparent url(bg_footer.png) left top repeat-x;
}

#footer p {
		padding: 5px 0 0 0;
		margin: 0 auto;
		width: 850px;
		text-align: center;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 14px;
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity = 50);
}

#footer div {
		margin: 5px auto;
		text-align: justify;
		width: 850px;
}