@font-face {
	font-family: 'BlackJack';
	src: url('../fonts/black_jack.eot');
	src: local('BlackJack'), local('BlackJack'), url('../fonts/black_jack.woff') format('woff'), url('../fonts/black_jack.svg#BlackJack') format('svg'), url('../fonts/black_jack.ttf') format('truetype');
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote: before, blockquote: after,
q: before, q: after{ content: ''; content: none; }
table{ border-collapse: collapse; border-spacing: 0; }

body{ color: #012f52; font: 13px "Palatino Linotype", "Book Antiqua", serif; margin: 0; padding: 0; background: #566c3b; background: url(../images/background.jpg) 0 0 repeat; }

#container{ width: 1000px; margin: 0 auto; background: url(../images/banner.png) 0 0 no-repeat; }

.testimonial{ display: table; background: #4a6b8a; border: 5px solid #192651; padding: 15px; margin-bottom: 15px; font-style: italic; text-align: justify; }
.testimonial p{ margin-bottom: 0; }

.box{ display: table; border: 5px solid #192651; padding: 15px; margin-bottom: 15px; text-align: justify; }
.box p{ margin-bottom: 0; }
 
#topbanner{ padding: 0; margin: 0; width: 1000px; height: 235px; text-align: center; }
#topbanner h2{ width: 375px; height: 235px; margin: 0; padding: 0; text-indent: -9000px; float: left; }
#topbanner h2 a{ display: block; width: 375px; height: 235px; border: none; text-decoration: none; }

#global{ padding: 120px 65px 0 0; float: right; }
#global li{ display: block; float: left; }
#global li.newline{ clear: left; }
#global li a{ display: block; float: left; padding: 2px 20px 2px 25px; background: url(../images/seperator.gif) right 8px no-repeat; font: bold 16px "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; text-decoration: none; }
#global li.last a{ border-right: none; background-image: none; padding-right: 0; }
#global li a:hover{ color: #3a5423; }

.potato-menu-has-vertical a{  }
#topbanner ul.potato-menu{ margin:0; width:auto; list-style:none; height: 20px; }
#topbanner .potato-menu:after{ content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
#topbanner ul.potato-menu li.potato-menu-item{ margin:0; padding:0; position:relative; list-style:none; list-style-position:outside; display:inline; float:left; }
#topbanner ul.potato-menu li.potato-menu-item ul{ margin-top: 30px; text-align: left; }
#topbanner ul.potato-menu li.potato-menu-item ul li a{ display:block; width: 145px; border: none; padding: 7px 10px; text-decoration:none; white-space:nowrap; outline:0; background-image: none; color: #fff; font-size: 12px; }
#topbanner ul.potato-menu ul.potato-menu-group{ background: #3a5423; border: 1px solid #579422; border-width: 0 1px 1px; margin: 0; padding: -webkit-padding-start:0; -webkit-padding-end:0; position:absolute; display:none; z-index:1000; }
#topbanner ul.potato-menu li.potato-menu-item ul li a:hover{ background: #fff; color: #3a5423; }

#buttons{ padding: 13px 40px 0 0; font: bold 16px "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; clear: right; }
#buttons img{ margin-bottom: -9px; }
#buttons a{ background: #192651 url(../images/gradiant.png) center center repeat-x; margin-right: 3px; padding: 9px 10px; height: 23px; border: 1px solid #b9c2de; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: #0a132c 1px 1px 4px; }
#buttons a:link,
#buttons a:visited{ color: #fff; text-decoration: none; }
#buttons a:hover{ color: #fff; background: #3a5423 url(../images/gradiant.png) center center repeat-x; text-shadow: #142e0f 1px 1px 4px; }

#page_body{ background: url(../images/bkgd_inner.jpg) 1px 0 repeat-y; }

#navigation{ float: left; margin: 0 15px 0 0; padding-left: 17px; width: 180px; font: 14px "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; }
#navigation ul{ margin: 0; padding: 0; text-align: left; }
#navigation ul li{ list-style-type: none; margin: 0; padding: 0; }
#navigation a{ display: block; width: 150px; margin: 0 0 5px 0; padding: 10px; background: #192651 url(../images/gradiant.png) center center repeat-x; border: 1px solid #b9c2de; border-width: 1px 1px 1px 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; text-shadow: #0a132c 1px 1px 4px; }
#navigation a:link,
#navigation a:visited,
#navigation a:active{ color: #fff; text-decoration: none; }
#navigation a:hover{ color: #192651; background: #fff url(../images/gradiant.png) center center repeat-x; border-color: #aaa; text-decoration: none; text-shadow: #666 1px 1px 4px; }

#social{ display: block; width: 170px; margin: 0 0 5px 0; padding: 10px; background: #192651 url(../images/gradiant.png) center center repeat-x; border: 1px solid #b9c2de; border-width: 1px 1px 1px 0; color: #fff; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#social span{ display: block; padding: 10px; }
#social a{ width: auto; background: transparent; display: inline; padding: 0 0 0 9px; border: none; }
#social a:hover{ background: transparent; }
#social img{ padding: 0; margin: 0 -5px 10px 0; }

#social_nobox{ display: block; width: 170px; margin: 0 0 5px 0; padding: 10px; }
#social_nobox span{ display: block; padding: 10px; }
#social_nobox a{ width: auto; background: transparent; display: inline; padding: 0 0 0 9px; border: none; }
#social_nobox a:hover{ background: transparent; }
#social_nobox img{ padding: 0; margin: 0 -5px 10px 0; }

a:link, a:visited, a:active{ color: #012f52; text-decoration: underline; }
a:hover{ color: #7bb9db; }

#content{ width: 800px; margin: 0 auto; padding: 0 30px 20px 50px; color: #fff; }
#home #content{ float: right; width: 750px; padding: 0 30px 20px 0; }

.header{ height: 110px; }
h1{ font: 32px BlackJack, Monika, Palatino Linotype, Book Antiqua, serif; text-align: left; letter-spacing: 1px; margin-bottom: 10px; color: #b8cde1; text-shadow: #012f52 1px 1px 0; }
h2{ font: bold 32px Palatino Linotype, Book Antiqua, serif; color: #012f52; margin: 0 0 15px 0; }
h3{ font: bold 20px Palatino Linotype, Book Antiqua, serif; color: #012f52; margin: 0 0 15px 0; }
p, 
#content ul, 
#content ol, 
#content dl{ margin-bottom: 15px; font-size: 16px; line-height: 1.25em; }

#content li{ margin-left: 25px; }

#flashintro{ width: 750px; height: 425px; }
#flashintro img{ display: block; margin: 125px auto; }

#content #slideshow{ width: 350px; height: 450px; float: left; margin: 10px 10px 10px 0; }
#content #slideshow img{ display: block; margin: 125px auto; }

img.figure-a{ display: block; clear: both; margin: 0 auto; }
img.figure-b{ float: right; margin: 0 30px 10px 10px; }
img.figure-c{ float: left; margin: 0 10px 10px 0px; }
.border{ border: 1pt solid #fff; }

#spotlight{ float: left; margin: 63px 25px 0 25px; }
html>body #spotlight{ margin: 63px 20px 0 25px; }
#spotlight img{ border: 1px solid #fff; }
#spotlight .editable{ font-size: 10px; text-transform: uppercase; }

#portfolio a img{ display: block; margin: 0 auto; border: none; }

#portfolio{ width: 950px; height: 500px; overflow: hidden; margin: 0 auto; padding: 15px 0 0 0; }
#portfolio ul{ list-style: none; margin: 0px; display: block; height: 500px; width: 4500px; }
#portfolio ul li{ float: left; }
#portfolio ul li a{ text-indent: -1000px; cursor: pointer; display: block; overflow: hidden; width: 158px; height: 500px; }
#portfolio ul li.gallery1 a{ background: url(../../content/info/portfolio/images/01.jpg) repeat scroll 0%; }
#portfolio ul li.gallery2 a{ background: url(../../content/info/portfolio/images/02.jpg) repeat scroll 0%; }
#portfolio ul li.gallery3 a{ background: url(../../content/info/portfolio/images/03.jpg) repeat scroll 0%; }
#portfolio ul li.gallery4 a{ background: url(../../content/info/portfolio/images/04.jpg) repeat scroll 0%; }
#portfolio ul li.gallery5 a{ background: url(../../content/info/portfolio/images/05.jpg) repeat scroll 0%; }
#portfolio ul li.gallery6 a{ background: url(../../content/info/portfolio/images/06.jpg) repeat scroll 0%; width: 800px; }

#music{ width: 75px; height: 40px; outline: none; float: right; margin-top: 25px; }

#gallery .header{ padding-left: 100px; }
#thumbs #music{ margin: 120px 0 10px 0; position: relative; right: 5px; float:  none;}
div.content{ display: none; float: left; width: 900px; height: 651px; }
div.content a, div.navigation a{ text-decoration: none; color: #fff; }
div.content a:focus, div.content a:hover, div.content a:active{ text-decoration: underline; }
div.controls{ float: right; clear: both; height: 20px; margin-bottom: -20px; }
div.controls a:link,
div.controls a:visited{ color: #fff; text-decoration: none; font-size: 12px; }
div.controls a:hover{ color: #fff; }
div.ss-controls{ float: right; width: 85px; text-align: center; font: 14px "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; }
div.ss-controls a{ display: block; background: #192651 url(../images/gradiant.png) center center repeat-x; margin: 0 5px; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: #0a132c 1px 1px 4px; }
div.ss-controls a:hover{ color: #192651; background: #fff url(../images/gradiant.png) center center repeat-x; text-shadow: #666 1px 1px 4px; }

div.loader{ background-image: url('..images/loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px; }
div.slideshow{ clear: both; margin-bottom: -4px; width: 900px; overflow: hidden; }
div.slideshow span.image-wrapper{ padding-bottom: 12px; }
div.slideshow a.advance-link{ padding: 2px; display: block; }
div.slideshow img{ border: none; display: block; margin: 0 auto; border: 1px solid #fff; }

div.navigation{ width: 75px !important; float: right !important; }
ul.thumbs{ clear: both; margin: 0; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 0 5px 5px 0; list-style: none; }
a.thumb{ width: 30px; height: 30px; overflow: hidden; display: block; border: 1px solid #fff; }
ul.thumbs li.selected a.thumb{ background: #000; }
a.thumb:focus{ outline: none; }
ul.thumbs img{ border: none; display: block; }
div.pagination{ clear: both; }
div.navigation div.bottom{ margin-top: 12px; }

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li{ float: none; padding: 0; margin: 0; list-style: none; }
#thumbs-min a.thumb{ padding: 0px; display: inline; border: none; }
#thumbs-min ul.thumbs li.selected a.thumb{ background: inherit; color: #000; font-weight: bold; }

form#contact{ width: 900px; }
form#contact fieldset { margin: 0 10px 0 0; border: none; padding: 0; float: left; width: 225px; }
form#contact legend{ display: block; width: 280px; clear: both; color: <?=$border?>; text-transform: uppercase; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ }
form#contact label{ width: 95px; float: left; margin: 0; }
form#contact label{ width: 95px; float: left; margin: 0; display: block; clear: none; padding: 0.4em; font-size: 12px; white-space: nowrap; }
html>body form#contact label{ width: 45%; }
form#contact .required{ font-weight: bold; color: <?=$border?>; }
form#contact .error{ font-size: 8px; color: <?=$error?>; padding-left: 0; font-weight: bold; }
form#contact img{ display: block; margin: 10px 0 0 0; padding: 0; }
form#contact input, #contact select{ width: 100%; margin-top: 0.1em; }
form#contact textarea{ width: 200%; margin-top: 0.1em; }
form#contact select{ height: 18px; margin-bottom: -5px; }
form#contact input.checkbox, form#contact input.radio{ width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; }
form#contact input#submit{ clear: both; float: left; width: auto; }
form#contact p{ font-size: 12px; text-indent: 0; margin: 0; }
form#contact label.check{ clear: both; }

#footer{ background: url(../images/footer.png) top left no-repeat; height: 44px; padding-top: 50px; color: #fff; text-align: center;  }
#footer ul{ font-size: 18px; font-weight: bold; padding: 12px; }
#footer li{ list-style-type: none; display: inline; padding: 0 25px; }

#bottom{ text-align: center; padding: 15px; color: #fff; }
#bottom p{ font: bold 12px "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; }
#bottom ul{ padding-bottom: 15px; }
#bottom ul li{ list-style-type: none; display: inline; }
#bottom ul li a{ padding: 2px 10px 2px 5px; border-right: 1px solid #fff; font: bold 12px/1.5em "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;  }
#bottom ul li.last a{ border-right: none; }
#bottom a:link,
#bottom a:visited{ text-decoration: none; color: #fff; }

.clear{ clear: both; }