@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Karla:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Donegal+One);
@import url(http://fonts.googleapis.com/css?family=Chelsea+Market);
@import url(http://fonts.googleapis.com/css?family=Alegreya);
@import url(http://fonts.googleapis.com/css?family=Alike);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400italic);
@import url(http://fonts.googleapis.com/css?family=Acme);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
@import url(http://fonts.googleapis.com/css?family=Corben:700);
/* CSS Document */

body
{
	background:url( "../images/bg.gif ") top left repeat;
	margin:0px;
	padding-top:30px;
	padding-bottom:10px;
}

a
{
	color:#717171;
	text-decoration:none;	
}

a:hover
{
	text-decoration:underline;	
}

p
{
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'Karla', sans-serif;
}

em
{
	font-style: italic;
}

sup
{
	top:-0.5em;
	font-size:75%;
	line-height: 0;
  	position: relative;
	vertical-align: baseline;
}

.right
{
	float:right;
}

.logo
{
	margin-top:10px;	
}

.phone
{
	font-size:17px;
	padding-bottom:25px;
}

ul
{
	margin-top:10px;
	font-family: 'Karla', sans-serif;
	list-style:none;
	font-size:14px;
	color:#717171;
}

li
{
	float:left;	
	margin-left:20px;
}

li b
{
	font-weight:normal;
	color:#535353;
}

.main_drawing
{
	background:url( "../images/canvas.jpg" ) 0px 0px; no-repeat;
	height:460px;
	overflow:hidden;
}

.printer_drawing
{
	float:right;
	margin-right:0px;
	margin-top:45px;
	display:block;
	width:300px;
	height:400px;
}

.printer
{
	margin-left:680px;
	margin-top:90px;
}

.header_text
{
	font-size:20px;
	font-weight:normal;
	padding-top:30px;
}

.header_text h2
{
	margin-top:20px;
	width:800px;
}

.header_text h2 a,
.header_text h2 a:hover,
.header_text h2 a:visited,
.header_text h2 a span,
.header_text h2 a span:hover,
.header_text h2 a span:visited
{
	text-decoration:none;
}

.header_text b
{
	font-size:32px;
	font-weight:normal;
}

.header_text .font1
{
	font-family: 'Karla', sans-serif;
}

.header_text .font2
{
	font-family: 'IM Fell Double Pica', serif;
	color:#1b4677;
	font-style:italic;
}

.header_text .font3
{
	font-family: 'Karla', sans-serif;
	text-transform:uppercase;
	color:#f5bc8d;
	font-weight:bold;
}

.header_text .font4
{
	font-family: 'Donegal One', serif;
	color:#b8504c;
	font-size:18px;
}

.header_text .font5
{
	font-weight:bold;
	font-family: 'Chelsea Market', cursive;
	color:#808081;
	font-size:18px;
}

.header_text .font6
{
	font-family: 'Alegreya', serif;
	color:#5188c5;
	text-transform:uppercase;
	font-size:18px;
}

.header_text .font7
{
	font-family: 'Alike', serif;
	font-size:17px;
}

.header_text .font8
{
	font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
	color:#bfd39a;
	font-size:24px;
}

.header_text .font9
{
	font-family: 'Acme', sans-serif;
	font-size:21px;
	color:#7b629c;
}

.header_text .font10 
{
	font-family: 'Corben', cursive;
	font-size:17px;
	color:#77b4df;
}

.header_text .font11
{
	font-family: 'Droid Sans Mono', sans-serif;
	text-transform:uppercase;
	font-size:21px;
	color:#938955;
}

.buttons
{
	margin:0px 0px 10px 0px;	
}

.button
{
	float:right;
	display:block;
	padding:6px 15px 6px 15px;
	font-size:14px;
	font-weight:bold;
	font-family: 'Karla', sans-serif;
	border-radius:5px;
	border:1px solid #b7b7b7;
	display:block;
	text-decoration:none;
	color:#2b2b2b;
	margin-left:15px;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7f7f7 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7f7f7 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 0px 3px 1px #f7f7f7;
	box-shadow: inset 0px 0px 3px 1px #f7f7f7;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	box-shadow:0px 0px 5px #efefef;
}

.button:hover,
.selected
{
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	color:#4d4d4d;
	border:1px solid #d8d8d8;
	font-family: 'Karla', sans-serif;
	text-decoration:none;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	box-shadow:0px 0px 5px #ffffff;
}

.selected,
.selected:hover
{
	color:#7b629c;
}

a:hover
{
	text-decoration:none;
}

.click
{
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:absolute;
	opacity:0;
	z-index:10;
	display:none;
}

.mask
{
	background:url( "../images/popup_bg.png" ) top left repeat;
	top:0;
	left:0;
	bottom:0;
	right:0;
	position:fixed;
	z-index:5;
	display:none;
}

.popbox
{
	background:url( "../images/bg.gif" ) top left repeat;
	border-radius:3px;
	width:800px;
	margin-top:150px;
	font-family: 'Karla', sans-serif;
	margin-left:auto;
	margin-right:auto;
	padding:40px;
	border:1px solid #585858;
	min-height:400px;
	
	box-shadow:0px 0px 10px #717171;
	display:none;
}

.popbox__content
{
	max-height:400px;
	overflow:auto;
}

.click .popbox h3
{
	font-size:22px;
	font-weight:bold;
	color:#343434;
	padding-bottom:10px;
}

.click .popbox p
{
	color:#414141;
	padding-top:10px;
	padding-bottom:3px;
}

.content 
{
	font-family: 'Karla', sans-serif;
	margin-top:50px;
}

.content p
{
	font-family: 'Karla', sans-serif;
	padding-top:10px;
	padding-bottom:5px;
	color:#414141;
}

.content h3
{
	font-family: 'Karla', sans-serif;
	padding-bottom:10px;
	font-size:22px;
	font-weight:bold;
	color:#343434;
}

#canvas
{
	display:block;	
	width:960px; 
	height:500px;
	margin:0px;
	padding:0px;
}

#canvas.active
{
	background:url( "../images/canvas_hover.jpg" ) 0px 0px; no-repeat;
}

.footer
{
	margin-top:0px;
	font-size:12px;
	border-top:1px dotted #ddd;
	overflow:hidden;	
}

a:hover
{
	text-decoration:underline;	
}

.footer p
{
	display:block;
	color:#bbb;
	
}

.footer a,
.footer a:visited,
.footer a:hover
{
	color:#bbb;	
}

.footer p.left
{
	float:left;
	margin-right:20px;	
}

.footer p.right
{
	float:right;
	margin-left:20px;	
}