@font-face {font-family:"Code-Light";src:url("CODE_Light.eot?") format("eot"),url("CODE_Light.woff") format("woff"),url("CODE_Light.ttf") format("truetype"),url("CODE_Light.svg#Code-Light") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family: 'Panefresco1wtRegular'; src: url('Panefresco1wtRegular-webfont.eot'); src: url('Panefresco1wtRegular-webfont.eot?#iefix') format('embedded-opentype'), url('Panefresco1wtRegular-webfont.woff') format('woff'), url('Panefresco1wtRegular-webfont.ttf') format('truetype'), url('Panefresco1wtRegular-webfont.svg#Panefresco1wtRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Panefresco400wtRegular'; src: url('Panefresco400wtRegular-webfont.eot'); src: url('Panefresco400wtRegular-webfont.eot?#iefix') format('embedded-opentype'), url('Panefresco400wtRegular-webfont.woff') format('woff'), url('Panefresco400wtRegular-webfont.ttf') format('truetype'), url('Panefresco400wtRegular-webfont.svg#Panefresco400wtRegular') format('svg'); font-weight: normal; font-style: normal;}
* {margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection{ background: #555598; color:#fff; text-shadow: none; }
::selection { background:#555598; color:#fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden;}
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
/*Begin LHB styles*/
body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited {cursor: pointer; color: #607890; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -o-transition: color 1s linear; -ms-transition: color 1s linear; transition: color 1s linear;}
a:hover { color: #036; }
.clearfix {clear:both;}
body {
  background: #FBFBFB;
  font-family: 'Panefresco1wtRegular';
}
#owrap {
  background: url(../images/backfade.jpg) repeat-x top left;
  min-height: 100%;
}
#container {background:url(../images/closefade.jpg) repeat-x bottom left;}
/*header*/
header {position: relative; width:1200px; height:125px; margin: 0 auto; background:url(../images/sprite.png) no-repeat left top;}
.heading, .tagline {position: relative; z-index: -1000;}
.nav a {font-size: 1.3em; font-family:"Code-Light"; font-weight: 550; color: #fff; text-decoration:none; text-transform: uppercase; text-align: center;}
.nav a:hover {color: #aaa;}
.nav  {list-style-type: none; position: relative; text-align: center;}
header .nav {width: 1200px; margin: 0 auto; padding-top: 40px;}
header .nav  a {margin: 0 40px;}
/*light bar stylings*/
span#topbar { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; height: 4px; width: 30px; background: #fff; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; bottom: -2px; left: 292px; }
span#bottombar { -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear; transition: all .5s linear; height: 3px; width: 20px; background: #eee; position: absolute; bottom: -4px; left: 11px; }
/*sticky footer*/
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {padding: 0 120px 50px; height: 570px; width:960px; margin: 0 auto; position: relative;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/}
.closer {width: 960px; height: 70px; padding-top: 20px; background: url(../images/sprite.png) no-repeat 0px -138px; position: absolute; top:500px; left: 120px; z-index: 0;}
/*gallery*/
#gallery {width: 960px; position:relative;}
.sliderContainer {width: 960px; overflow:hidden;position:relative;}
#gallery ul#slider {position: relative; width: 4500px; padding: 0; margin: 0 0 0 -645px;}
#gallery ul#slider li {float: left; display: block; list-style: none;margin: 0;padding: 0;text-align:center;}
/*ARROWS*/
a.arrows {display: block;width: 150px;height: 150px;background: transparent url(../images/arrow2.png) no-repeat; position: absolute;top: 50%;margin-top: -80px;cursor: pointer;text-decoration: none;outline: 0;border: 0;z-index:100;}
a.previous {background-position: left top; left: -75px;}
a.next {background-position: right top; right: -75px;}
a.previous:hover {background-position: left bottom;}
a.next:hover {background-position: right bottom;}
/*CONTROLS*/
.controls { position: absolute; bottom: -85px; left: 245px; width: 478px; height: 70px; text-align: center;background: url(../images/paintset.png) no-repeat center center; z-index: 10;}
.controls ul {margin: 0; padding: 0;}
.controls ul li {display: inline; list-style-type:none;}
.controls a {position: relative; z-index: 200; display: inline-block; text-decoration: none; padding: 0;background: url(../images/paints.png) no-repeat top left;height: 28px;width: 24px;margin: 0 -2px 0;text-align: center;outline: 0;}
.current a#slide1, a#slide1:hover {background-position: -24px 0px;}
.current a#slide2, a#slide2:hover {background-position: right top;}
.current a#slide3, a#slide3:hover {background-position: -48px 0px;}
.current a#slide4, a#slide4:hover {background-position: -72px 0px;}
.current a#slide5, a#slide5:hover {background-position: -96px 0px;}
.current a#slide6, a#slide6:hover {background-position: -120px 0px;}
/*about*/
.viewport {height: 451px; margin-left: 40px; padding-top: 40px;}
.content h2 {font-size: 2em; font-family:'Code-Light'; font-weight: 500;}
.content h3 { font-size: 1.3em; }
.content p {max-width: 400px; padding: 5px; text-shadow: -1px -1px 2px #eee; font-size: 1.1em;}
.content {margin: 0; position: relative;}
.content img { float: right; margin: -100px 40px 0 0; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
#about h2 {padding-top: 50px;}
/*event*/
#event h2 {padding-top: 50px;}
/*PRICING*/
#pricing h2 {padding-top: 50px;}
table {margin: 10px 0 5px;}
td, th {padding: 0 10px;}
th {border-bottom: 1px dashed #ddd; text-align: left;}
/*contact*/
#contact {margin: 0;}
#contact h2 {margin: 50px 0 0 150px;}
/*Contact Form*/
form {margin: 20px auto 0; width: 600px;}
label {margin: 0 5px 5px 0;}
input { font-family: 'Panefresco1wtRegular'; margin: 0 20px 0 0; padding: 3px 0 3px 10px; width: 190px; border: 1px #aaa solid; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
textarea { font-family: 'Panefresco1wtRegular'; width: 500px; height: 100px; padding-left: 10px; padding-top: 5px; margin: 5px 0 10px; border: 1px #aaa solid; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
input:focus, textarea:focus { outline: none; -webkit-box-shadow: 0 0 4px #555598; -moz-box-shadow: 0 0 4px #555598; box-shadow: 0 0 4px #555598; }
.submit-button {font-family:'Panefresco400wtRegular'; width: 100px; }
p#thanks {color: #555;}
p#error {color: red;}
.hide {display:none;}
.error {color: red;}
#success {text-align: center; padding-top: 100px;}
/*footer*/
footer {clear: both; position: relative; margin-top:-241px; width:1200px; height:241px; margin:0 auto; background:url(../images/sprite.png) no-repeat left bottom;}
.footercontainer {height: 75px; width: 100%; position: absolute; bottom: 0;}
.footlink {width:477px; height: 42px; position:relative; margin: 0 auto;}
.footernav {width: 430px; height: 42px; background:#333; float:left; position: relative;}
.footernav .nav {border-bottom: 1px solid #fff; width: 295px; margin: 5px auto;}
.footernav .nav a {margin: 8px 9px 0;}
.footernav .nav a.firstLink {margin-left:0;}
.footernav .nav a.lastLink{margin-right:0;}
.footernav .nav a {font-size:0.85em;}
.tbd {width:42px; height:42px; background: url(../images/facebook.png) no-repeat center center #fff; margin-left: 5px; float: left;}
.copyright {font-size: 0.8em; clear: both; text-align: center; margin: 10px 0 0;}

.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}