/*------------------------------------*\
    RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0b1 | 201101 
    NOTE:WORK IN PROGRESS
    USE WITH CAUTION AND TEST WITH ABANDON */

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,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
    content:’’;
    content:none;
}
/* remember to define visible focus styles! 
:focus{
    outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
    text-decoration:none;
}
del{
    text-decoration:line-through;
}

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





/*------------------------------------*\
    $MAIN
\*------------------------------------*/
/* GO! */



body {
	color: #000;
	font-family: 'Source Sans Pro', Calibri, sans-serif; font-weight:bold; font-style:normal;
	font-size: 15px;
	line-height: 25px;
}

em {
	font-style: italic;
}

a {
	color:#000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}

.imglink {
	border-bottom: none;
}

.logo {
	font-size: 24px;
}

.pof {
	position: fixed;
}

.bl {
	bottom: 20px;
	left: 20px;
}

.br {
	bottom: 20px;
	right: 20px;
}

.tl {
	top: 20px;
	left: 20px;
}

.tr {
	top: 20px;
	right: 20px;
}

.about {
	width: 500px;
	margin: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}

.contact {
	height: 200px;
	width: 500px;
	margin: auto;
	
}

.contact .half {
	width: 45%;
	float: left;
}

.half.first {
	padding-right: 10%;
}


.line {
	border-right: 1px solid #000;
	height: 0%;
	left: 50%;
	top:0px;
	margin-left: -1px;
	z-index: 99;
}

.next {
	position: absolute;
	bottom:25px;
	left:50%;
	margin-left: 50px;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	color: #000;
	border-bottom: 1px solid transparent;
}

.arrow {
position: absolute;
bottom: 25px;
left: 50%;
text-decoration: none;
margin-left: -100px;
color: #000;
cursor: pointer;
border-bottom: 1px solid transparent;
width: 34px;
text-align: right;
}
.arrow:before {
	content:'Next';
}

.next:hover, .arrow:hover {
	color: #000;
	border-bottom: 1px solid #000;
}


.container {
margin: auto;
width: 518px;
height: 700px;
text-align: center;
}

.resize_fit_center {
	width: auto;
	height: 700px;
vertical-align: middle;
cursor: pointer;
}


.imagesection {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.imagesection_container {
display: table-cell;
  vertical-align: middle;
}


.imagesection_img {
  width: 40%;
  height: auto;
}


.logoname {
	font-family: 'Droid Sans Mono', 'Andale Mono', monospace; font-weight:bold; font-style:normal;
}

.tar {
text-align: right;
display: block;
margin-top: 5px;
}

.poa {
	position: absolute;
}

.a1 .smallmono {
	line-height: 25px;
}

.smallmono {
	font-family: 'Source Sans Pro', Calibri, sans-serif; font-weight:bold; font-style:normal;
	font-size: 14px;
	display: block;
}

.a1 {
	width: 40%;
	left: 50%;
	margin-left: -45%;
	top: 50%;
	font-family: 'Droid Sans Mono', 'Andale Mono', monospace; font-weight:bold; font-style:normal;
	font-size: 18px;
	line-height: 32px;
	height: 480px;
	height: 480px;
	margin-top: -240px;
}

.a3 {
	width: 40%;
	left: 50%;
	top: 50%;
	margin-left: 5%;
	height: 480px;
	margin-top: -240px;
}

.a2 {
width: 300px;
left: 4.82993197278912%;
top: 51.006711409396%;

}



.a4 {
	width: 150px;
	left: 76.6126605136437%;
	top: 16%;
}

.iphone {
	display: none;
}



/* stuff for the pricelists */
.price-wrap {
	margin: 25px auto 25px auto;
	width: 800px;
}

.price-inner {

}

.price-table {
	width: 100%;
}

.price-table td:nth-child(1) {
	width: 40%;
}

.price-table td:nth-child(2), .price-table td:nth-child(3), .price-table td:nth-child(4), .price-table td:nth-child(5) {
	width: 15%;
}




.desc-table {
	width: 94%;
}

.desc-table td:nth-child(1) {
	width: 50%;
}

.cent-table td {
	text-align: center;
}

.price-wrap sup {
	vertical-align: super;
	font-size: smaller;
}

.desc-table ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0.5em;
	text-indent: -0.5em;
}

.invisible {
	visibility: hidden;
}


@media only screen 
and (max-height: 670px) {

	
	
}

@media only screen 
and (max-height: 800px) {

	
	.a2 { top:60%;}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */
	
	body	{
	font-size: 24px;
	line-height: 36px;
	
	}
	
	.contact {
		height: 350px;
	}
	
	.arrow {
		margin-left: -125px;
	}
	
	.arrow:before {
		content:'Swipe';
	}
	
	
	
	}