@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: "MidoMedium";
	src: url("type/Mido-webfont.eot");
	src: local("☺"), url("type/Mido-webfont.woff") format("woff"), url("type/Mido-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MuseoSlab";
	src: url('type/museo_slab-webfont.eot');
	src: local("☺"), url("type/museo_slab-webfont.woff") format("woff"), url("type/museo_slab-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MuseoSans";
	src: url("type/museo_sans-webfont.eot");
	src: local("☺"), url("type/museo_sans-webfont.woff") format("woff"), url("type/museo_sans-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/*------------Tag Changes-------------*/
* {margin:0; padding:0;}
html, body {height:100%; min-width:1024px;}
body {
	background: url(./content/dk-paper.jpg) #333;
	min-width:1024px; 
	color:#333; 
	cursor:default;
}
body div {position:relative;}
hr {display:none;}
h1 {font-family: MuseoSlab, MidoMedium, Georgia, serif; font-size:44px; color:#8b190e;}
h2 {font-family: MuseoSans, Helvetica, sans-serif; font-size:18px; color:#aaa;}
h3 {font-family: MuseoSans, Helvetica, sans-serif; font-size:1.5em; color:#999; margin-bottom: 1em;}
p, dl {font-family:MuseoSlab, Georgia, Times, serif; font-size:16px; color:#eee;}
p {line-height:1.8em; padding-bottom:1em; font-weight:normal;}
img {border:0; padding:5px;}
a {color: #a10; cursor: pointer; text-decoration: none; border:0;}
form {margin:2em; background:url(./content/paper.jpg) repeat #eee; padding:1.5em; font-family:MidoMedium, "Palatino Linotype", "Book Antiqua", Georgia, serif;}
form input[type="text"], form textarea {
	-webkit-box-shadow:2px 2px 2px #fff; 
    -moz-box-shadow:1px 1px 1px #fff, -1px -1px 1px #aaa; 
    box-shadow:1px 1px 1px #fff, -1px -1px 1px #aaa;
    background:none;
    border:2px solid #333;
}
form input {font-size:18px;}
form input:focus, form textarea:focus {
	-webkit-box-shadow: -1px -1px 1px #000;
	outline:none;
}
label {font-size:14px; display:block; margin:.75em auto; color:#505050; position:relative; width:26em;}
input[type="text"], textarea {color:#333; line-height:1.5em; width:100%; font-weight:bold; font-family:MidoMedium;}
form textarea {resize:none; font-size:16px;}
input[type="button"] {
	width:6em;
	background:transparent;
	color:#505050;
   	text-shadow:-1px -1px 1px #000, 1px 1px 1px #fff;
    font-family:MidoMedium; 
    text-transform:uppercase;
    text-align:center; 
    padding:.7em 1em .5em; 
    margin:1em auto; 
    font-weight:bold; 
    clear:both;
    display:none;
    cursor:pointer;
    border:none;
    -webkit-box-shadow:-1px -1px 2px #fff, 1px 1px 2px #000; 
    -moz-box-shadow:-1px -1px 2px #fff, 1px 1px 2px #000; 
    box-shadow:-1px -1px 2px #fff, 1px 1px 2px #000; 
}

input[type="button"]:hover {
    color:#910;
}

input.submit {
    font-size:1.67em;
    background-color: #202020;
    color: #999;
    font-family:MidoMedium, serif;
    padding: .25em .5em .1em .5em;
    border: 3px double #999;
    margin: 1em auto;
    cursor: pointer;
}
input.submit:hover {
	color:#fff;
	border: 3px double #fff;
}
textarea {color:#333; font-size:18px; font-family:MidoMedium; line-height:140%; border:none;}
dl dd {padding-left:20px;}
/*--------------classes-----------*/
.center {text-align:center;}
.clear {clear:both;}
.accent {font-size:larger; font-weight:bold;}
.shadow {
	-moz-box-shadow: -3px 3px 8px #000;
	-webkit-box-shadow: -3px 3px 8px #000;
	box-shadow: -3px 3px 8px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
}
.hr {width:50%; margin:.5em auto; border:1px #666 solid;}
.double_hr {width:75%; margin:0 auto 1em; border-bottom:3px #666 double;}
p.error {
	position:absolute; 
	right:-2px; 
	top:2px;
	z-index:2;
	padding:0em .5em;
	display:none;
	background-color:#900;
	background:rgba(150, 0, 0, .6);
	color:#eee;
	white-space:nowrap;
	line-height:1.5em;
	font-size:18px;
}
.dropCap {display: block; float: left; margin: -0.3em .5em 0 -0.56em; height: 3.5em;}
.dropCap span {font-size: 3.78em; line-height: 1em; padding-right: .05em; color:#999;}
.dropCap + span {margin-left: -0.5em;}

.letterpress-lt {text-shadow: -1px -1px 1px #1f1f1f, 1px 1px 1px #fff;}
.letterpress-dk, .dropCap span {text-shadow: -1px -1px 2px #111, 1px 1px 1px #888;}
.letterpress-red {text-shadow: -1px -1px 1px #500, 1px 1px 1px #966;}

.initial {font-size: 1.8em; padding-right:.04em; text-shadow: -1px -1px 1px #000;}
.indent {margin-left: 1.5em;}
.compact {font-size: .75em; line-height:1.25em;}

.list_wrapper {
	float: left;
	right: -50%;
	position: relative;
	text-align: left;
}
.close {background:url(./content/close.png) no-repeat; position:absolute; top:-12px; left:-12px; width:30px; height:30px; z-index:2; cursor:pointer;}

/*----------navigation-------------*/
#navFloater {float:left; height:50%; font-size:42px; width:5%; clear:none; margin-bottom:-3.5em;}
#nav {
	font-size:42px; 
	z-index:2; 
	background:url(./content/paper.jpg) repeat #eee; 
	padding:.5em 3% .5em 10%;
	width:10%;
	float:left;
	clear:left;
	position:absolute;
	top:50%;
	margin-top:-3.5em;
}
#nav ul {list-style-type:none; text-align:right; overflow:visible; float:right; position:relative; z-index:1;}
#nav ul li {margin:.25em 0; font-family: MidoMedium;}
#nav ul li a {color:#505050; }
#nav ul li a:hover {color:#910;}
#nav ul li a.current {color:#910 !important; cursor:default !important;}
#nav div#border {border-right:4px double #666; font-size:36px; margin-top:2em; float:left; clear:none; height: 5em;}
/*----------navigation-------------*/

/*---------page layout elements--------*/
#wrap {min-height: 100%; z-index:4;}
#header {
	width:100%; 
	height:143px;
	background:url(./content/paper.jpg) repeat-x #eee; 
	-webkit-box-shadow: 0px 3px 7px #000; 
	-moz-box-shadow: 0px 3px 7px #000;
	box-shadow: 0px 3px 7px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=5);
	z-index:5;
}
h1#title {
	font-weight:bold;
	text-align:right;  
	float:right;
	white-space:nowrap;
	font-size:2.5em;
	position:absolute;
	right:10%;
	bottom:0;
	line-height:.8em;
}
#title span {text-shadow:1px 1px 1px #fff, -1px -1px 2px #aaa; clear:left; display:block; text-transform:uppercase;}
h2#quip {
	float:right;
	position:absolute;
	top:124px;
	right:10%;
	z-index:0;
	text-align:right; 
	font-weight:bold; 
	font-size:1.25em; 
	height:1em; 
	min-width:320px;
	margin-top:-3em;
	padding:1.5em 1em .5em 2em; 
	background:url(./content/red-paper.jpg) repeat-x #900; 
}

.box-shadow {-webkit-box-shadow: 5px 5px 5px #000; 
	-moz-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=7);
}
#page_title, #page_title + h2 {display:none; width:0; height:0;}
#definition {font-size:12px; text-align:center; color:#999;}
a#logo, canvas#logo {float:left; margin-top:20px; margin-left:6%;}
div#loading {position:absolute; z-index:999; display:none;}

div#container {
	overflow: visible;
	width:65%;
	text-align:center;
	padding-bottom:11em;
	padding-right: 10%;
	float:right;
	position:relative;
	z-index:1;
}

#content {
	position:relative;
	top:2em;
	padding:4em 5% 1em;
	z-index:1;
	text-align:left;
	margin:0 auto;

}

p#footer{
	width:22%; 
	position:relative;
	height:9em; 
	margin-top:-11em;
	z-index:2; 
	color:#eee; 
	font-size:12px; 
	line-height:1.4em; 
	font-family:MidoMedium, Georgia, Palatino, serif; 
	text-align:left; 
	padding:.5em 0% 0 8%; 
	border-top:1px #666 solid;
	clear:both;
	float:right;
}
p#footer a {color:#c21;}
#placard {float:left; margin-right:3em; text-align:center; height:100%;}
#placard p {line-height:1em; padding:0; float:none; text-align:center; position:relative;}

/***************movie modal styling****************/
div#overlay {
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	background-color: rgba(0, 0, 0, 0.7);
	display:none;
	text-align:center;
}
div#movie {
	position:fixed;
	width:720px;
	height:405px;
	z-index:100;
	border:1px solid #999;
	background: rgb(0, 0, 0);
	display:none;
	overflow:visible;
}

div#playlist {
	position:relative;
	width:706px;
	margin:auto;
	background:#121212;
	border:3px #999 double;
}
/***************clients page****************/
div#logo_gallery {
	position:relative;
	text-align:center;
	display:none;
}

div#logo_gallery img {
	margin:1% auto;
	padding:1%;
	border:0;
	position:relative;
	cursor:pointer;
	display:inline;
	vertical-align:middle;
}

div#logo_gallery div.client_info, div#dialog {
	display:none;
	color:#333;
	position:absolute;
	z-index:2;
	margin:0;
	padding:.5em 1em;
	text-align:left;
	background:url(./content/paper.jpg) repeat #eee;
	-webkit-box-shadow: 3px 3px 5px #000; 
	-moz-box-shadow: 3px 3px 5px #000;
	box-shadow: 3px 3px 5px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=7);
}

div#logo_gallery div.client_info > * {margin:0; padding:.1em .25em; line-height:120%; color:#505050;}
div#logo_gallery div.client_info .label, table#noscript_client_table tr td p .label {color:#333; font-weight:bold; font-size:14px; text-shadow:1px 1px 2px #fff;}

table#noscript_client_table {border-spacing:0; margin:0 auto;}
table#noscript_client_table tr td {border-bottom:1px #666 solid;}
table#noscript_client_table tr td p {line-height:1.2em; padding-bottom:0;}
/***************services page****************/
#services, ul#reels {list-style-type:none; position:relative;}
#services td, ul#reels li {font-size:16px; font-family:MuseoSans, Helvetica, Verdana, sans-serif;}
#services td {color:#aaa; padding-left:.5em; border-left:1px #999 dotted; height:100%; vertical-align:top; padding-right:2em;}
#services span.title {font-size:22px; font-family:MidoMedium, serif; text-align:center; color:#fff; font-weight:bold;}

ul#reels {right:50%;}
ul#reels li {width:200px; height:3em; font-size:36px; border:1px solid #666; margin:.5em .75em; cursor:pointer; position:relative; float:left; background:url(./content/paper.jpg) repeat #eee;}

ul#reels li a {
	height:100%;
	width: 100%;
	position:absolute; 
	top:0;
	left:0;
	text-align:center;
	font-family:MidoMedium, serif; 
	font-size:36px;
	line-height:1em; 
	color:#505050;
}
ul#reels li:hover > a {
	color: #910;
}
ul#reels li a.oneline {height:1em; margin-top:1em;}
ul#reels li a.twoline {height:2em; margin-top:.5em;}

div#dialog {font-size:24px; width:50%; z-index:4;}
div#dialog p {color:#505050;}
div#movie, div#dialog {background:url(./content/paper.jpg) repeat #eee; color:#333; padding:1.75em;}
div#movie video {-webkit-box-shadow:2px 2px 2px #fff, -2px -2px 2px #aaa; -moz-box-shadow:1px 1px 1px #fff, -1px -1px 1px #aaa; box-shadow:1px 1px 1px #fff, -1px -1px 1px #aaa;}
/*************our name page****************/
ol#reasons-for-name {margin-left:20px; padding-left:5px; font-family: MuseoSans, Helvetica, sans-serif; font-weight:bold; font-size: 48px; position:relative; top:.5em; color: #fff;}
ol#reasons-for-name li {margin-bottom:1em;}
ol#reasons-for-name li p {padding-bottom:0;}

ul#reasons-for-name {margin-left:20px;  list-style-type:none;}
ul#reasons-for-name li {margin-bottom:1em; clear:both;}
ul#reasons-for-name li span.numeral {font-family:MuseoSans, sans-serif; font-size:96px; color:#505050; float:left; height:1.5em; margin-top:-2%; margin-right:.1em;}
ul#reasons-for-name li p {padding-bottom:0;}