/**********************************
Description...:Master Screen CSS
Copyright.....:Persona Ltd.
Author........:lewis@per-so-na.com
Last Changed..:05-03-2009
Notes #1......:Do NOT modify, punks
/******************
Layout**/
* {padding:0;margin:0;border:0;}
body {
font-family:arial, tahoma, sans-serif;
font-size:100%;
background:#f5efe1 url(../img/bg.gif);/*3f181b*/
}
.container {
width:980px;
background:url(../img/container_bg.jpg) repeat-y;
}
/******************
Side Panel**/
#side-panel {
float:right;
width:230px;
}
#side-panel h1 {
float:left;
height:141px;
width:222px;
background:url(../img/logo.png);
margin:11px 0;
}
#side-panel h1 span {display:none;}
/******************
Navigation**/
#nav {
float:left;
width:230px;
margin-top:15px;
}
#nav ul {}
#nav li {
float:left;
width:216px;height:29px;
display:block;
list-style:none;
font-size:0.7em;
margin-bottom:4px;
}
#nav li span {
float:left;
width:216px;height:29px;
}
#nav li span span {display:none;}
#nav li a {
float:left;
width:216px;height:29px;
margin-bottom:4px;
background:url(../img/nav_bg.png) no-repeat;
}
#nav li a:hover {background-position:0 -29px;}
#nav li.selected a {background-position:0 bottom;}
#nav li.selected span {background-position:0 -29px;}

#nav li.nav01 span {background-image:url(../img/nav01.png);background-repeat:no-repeat;}
#nav li.nav02 span {background-image:url(../img/nav02.png);background-repeat:no-repeat;}
#nav li.nav03 span {background-image:url(../img/nav03.png);background-repeat:no-repeat;}
#nav li.nav04 span {background-image:url(../img/nav04.png);background-repeat:no-repeat;}
#nav li.nav05 span {background-image:url(../img/nav05.png);background-repeat:no-repeat;}
#nav li.nav06 span {background-image:url(../img/nav06.png);background-repeat:no-repeat;}
#nav li.nav07 span {background-image:url(../img/nav07.png);background-repeat:no-repeat;}
#nav li.nav08 span {background-image:url(../img/nav08.png);background-repeat:no-repeat;}
#nav li.nav09 span {background-image:url(../img/nav09.png);background-repeat:no-repeat;}
/******************
Logo rotator**/
#quotes-rotate {
float:left;
overflow:hidden;
width:200px;height:250px;
margin:20px 15px 5px;
padding:20px 0 0;
background:url(../img/quote-start.gif) no-repeat;
}
#quotes-rotate p {
/*display:block;*/
font:0.75em "gill gans", verdana;
line-height:18px;
color:#fff;
padding-bottom:18px;
background:url(../img/quote-end.gif) bottom right no-repeat;
}
/******************
callback**/
#callback {
float:left;
width:323px;height:62px;
position:absolute;
top:0;left:347px;
z-index:1;
font-family:"gill gans", verdana;
font-weight:bold;
color:#302d2a;
background:url(../img/callback.png) no-repeat;
}
#callback a {
float:right;
width:108px;height:48px;
margin:4px 11px 0 0;
}
#callback a:hover {background:url(../img/callback-btn.png) no-repeat;}
/******************
Header Content**/
#main_holder {
float:left;
width:750px;
position:relative;
background:url(../img/main_bg.png) bottom right no-repeat;
}
#options {
position:absolute;
top:4px;right:10px;
text-align:right;
font-size:0.65em;
color:#81495c;
}
#options li {list-style:none;}
/******************
Main Content**/
.main-content {
float:left;
width:690px;
min-height:700px;
color:#272727;
padding:15px 30px 0 30px;
background:url(../img/holder_pattern01.jpg) 18px -5px no-repeat;
}
.main-content h2 {
font:1.1em "gill gans", verdana;
color:#81495c;
margin:0 0 15px;
}
.main-content h3, .main-content h4, .main-content h5, .main-content h6 {
font-size:0.85em;
color:#81495c;
text-transform:uppercase;
margin:0 0 13px;
}
.main-content h4, .main-content h5, .main-content h6 {text-transform:none;}
.main-content p {
font-size:0.8em;
margin:0 0 17px;
line-height:1.35em;
}
.main-content p strong {color:#81495c;}
.main-content ul {margin-bottom:17px;}
.main-content ul li {
list-style:disc;
font-size:0.8em;
line-height:1.3em;
margin:0 0 0 20px;
}
.main-content ol {margin-bottom:17px;}
.main-content ol li {
list-style:decimal;
font-size:0.8em;
line-height:1.3em;
margin:0 0 0 30px;
}
.main-content dl {margin-bottom:17px;}
.main-content dl dt {
font-size:0.8em;
font-weight:bold;
}
.main-content dl dd {font-size:0.8em;}
.main-content a:link, .main-content a:active {
font-weight:bold;
color:#81495c;
text-decoration:none;
border-bottom:1px solid #81495c;
}
.main-content a:visited {
font-weight:bold;
color:#ad7a8b;
text-decoration:none;
border-bottom:1px solid #ad7a8b;
}
.main-content a:hover {
border-bottom:0;
padding-bottom:1px;
}
.main-content a.remove:link, .main-content a.remove:visited, .main-content a.remove img {border:0;}
.main-content a.remove:hover {padding:0;}
/******************
COPY PAD**/
.copy {
float:left;
width:535px;
color:#3e3e3a;
padding:30px 100px 0 55px;
background-color:#FFFFFF;
}
.copy img {
float:left;
margin:0 0 10px 0;
border:1px solid #81495c;
}
.copy img#mug {
float:right;
margin-right:-85px;
border:0;
}
/******************
COPY (GAL)**/
.copy-gal {padding:0 100px 0 55px;}
/******************
COPY (HP)**/
#copy-hp {
float:left;
width:635px;
padding:30px 0 0 55px;
}
#copy-hp p {line-height:1.4em;font-size:0.75em;}
#copy-hp p strong {font-size:1.3em;}
#copy-hp img {float:left;margin:-20px 0 0 65px;border:0;}
#copy-hp h2 {margin:0 0 8px;}
/******************
PREVIEW (HP)**/
#gal-prev {
float:left;
overflow:hidden;
margin-left:50px;
}
/******************
GALLERY**/
.sample {
float:left;
clear:left;
width:725px;/*height:470px;*/
margin-top:-10px;
background:url(../img/gal-mask_bg.png) no-repeat;
}
span img {display:block;}
.mask {
position:absolute;
/*left:0%;*/
width:685px;
height:430px;
overflow:hidden;
margin:20px 0 0 20px;
}
#box {position:absolute;}
#box span {
display:block;
float:left;
}
#thumbs_hold {
position:relative;
width:532px;
clear:both;
/*overflow:hidden;*/
margin:480px 0 0 135px;
}
#thumbs_hold .thumbs {
position:absolute;
top:0;
z-index:20;
/*width:100%;
height:39px;*/
/*display:block;
width:38px;
height:38px;
margin-right:10px;
float:left;
cursor:pointer;*/
}
#thumbs_mask {
position:absolute;
top:0;
width:100%;/*?100%*/
height:39px;
}
#thumbs_handles {
position:absolute;
top:0;
width:100%;
height:39px;
z-index:20;/*bring in front of buttons*/
}
#thumbs_handles span {
display:block;
width:38px;
height:38px;
float:left;
cursor:pointer;
}
#thumbs_handles span:hover {background:url(../img/gal-thumbs_bg.png);}
#thumbs_hold .thumbs img {
width:38px;height:38px;
float:left;
}
#thumbs_handles span.dent01, #thumbs_hold .thumbs img.dent01 {margin-left:38px;}

/*buttons*/
.buttons {float:left;position:relative;width:725px;height:110px;margin:0 0 30px 0;}
.buttons span {position:absolute;width:26px;height:26px;cursor:pointer;}
.buttons span#stop {bottom:0%;right:50%;margin-right:3px;background:url(../img/gal-btn-stop.gif);}
.buttons span#stop:hover {background:url(../img/gal-btn-stop.gif) 0 -26px;}
.buttons span#play {bottom:0%;right:50%;margin-right:-29px;background:url(../img/gal-btn-play.gif);}
.buttons span#play:hover {background:url(../img/gal-btn-play.gif) 0 -26px;}
.buttons span#prev {bottom:0%;left:255px;background:url(../img/gal-btn-prev.gif);}
.buttons span#prev:hover {background:url(../img/gal-btn-prev.gif) 0 -26px;}
.buttons span#next {bottom:0%;left:445px;background:url(../img/gal-btn-next.gif);}
.buttons span#next:hover {background:url(../img/gal-btn-next.gif) 0 -26px;}
/*.buttons span.active, .buttons span:hover {}*/
/*info bar*/
/*#info5 {bottom:0;}
.info {
width:660px;
height:50px;
background:#000;
position:absolute;
}
.info p, .info h4 {color:#fff;}
.info h4 {}
.info h4 a {float:right;background:#fff;}*/
/******************
Lightswitch**/
.overlay {display:none;}
#lightbox {
position:relative;
z-index:50;
}
#lightswitch {
float:left;
position:relative;
z-index:50;
width:77px;height:90px;
margin:-143px 0 0 -25px;
background:url(../img/gal-lightswitch.gif);
}
#lightswitch a {display:block;width:27px;height:24px;}
#lightswitch a:link, #lightswitch a:visited {border:0;}
#lightswitch a:hover {padding:0;}

#l-on {position:absolute;bottom:21px;left:9px;}
#l-off {position:absolute;bottom:21px;left:40px;}
#l-on:hover {background:url(../img/gal-light-toggle.gif) 0 0;}/*on*/
#l-off:hover {background:url(../img/gal-light-toggle.gif) 0 -24px;}/*off*/
/******************
ToolTips**/
.tool-tip {
color:#fff;
width:85px;
z-index:60;
border:1px solid #81495c;
}
.tool-title {display:none;}
.tool-text {
text-align:center;
font-size:0.65em;
font-weight:bold;
padding:3px;
background:#421d1e;
}
/******************
Contact page**/
#map {
float:right;
width:400px;height:265px;
margin-bottom:15px;
border:1px solid #81495c;
}
/*Gmap API+nonJS*/
.gmnoprint img {position:absolute;bottom:10px;right:-390px;}
#map a {border:0;}
#map img {border:0;}

.details {color:#3e3e3a;}
.details address {font:0.95em "gill gans", verdana;line-height:1.35em;}
.details p {
font:bold 0.95em "gill gans", verdana;
margin:0 0 0 -50px;
padding-left:50px;
}
.details p.tel {padding-top:5px;height:30px;background:url(../img/icon-tel.png) no-repeat;}
.details p.email {height:24px;background:url(../img/icon-email.png) no-repeat;}
/******************
Contact Form**/
#form_area {
float:left;
width:100%;
color:#3e3e3a;
margin-bottom:15px;
}
#form_area label {
float:left;
width:210px;height:18px;
cursor:pointer;
text-align:right;
font-weight:bold;
font-size:0.8em;
padding:9px 10px 0;
}
#form_area label:after {content:":";}
#form_area input {
float:left;
width:280px;height:21px;
color:#a1a990;
font-size:0.8em;
padding:4px 10px 0;
margin:0 0 12px 0;
background:url(../img/contact-input.png);
border:1px solid #59653b;
}
#form_area input:focus {border:1px solid #ffa100;}
#form_area input.day, #form_area input.month {
width:30px;height:21px;
padding:4px 5px 0;
margin:0 5px 0 0;
text-align:center;
}
#form_area input.submit {
cursor:pointer;
width:73px;height:35px;
border:0;
margin:10px 0 0 230px;
background:url(../img/contact-btn-submit.gif);
}
#form_area input.submit:hover {background-position:bottom;}
#form_area span {
display:block;
font-size:0.7em;
padding:4px 0 0;
}
#form_area span.other, #form_area span.error {
display:inline;
padding:0;
}
#form_area textarea {
width:380px;height:120px;
font:0.8em arial, helvetica, sans-serif;
color:#a1a990;
padding:4px 10px;
background:url(../img/contact-input.png);
border:1px solid #59653b;
}
#form_area textarea:focus {border:1px solid #ffa100;}
.othertime {
clear:both;
margin:0 0 0 230px;
}
/******************
Validation**/
#form_area span.LV_valid {color:#47bf4c;}	
#form_area span.LV_invalid {color:#d6492a;}
#form_area span.LV_validation_message {
float:left;
width:90px;/*webkit fix*/
font-weight:bold;
/*inhr*/
display:block;
font-size:0.7em;
padding:6px 5px 0;
}
/******************
Footer**/
#footer {
float:left;
width:445px;
padding:25px 30px 15px;
margin:20px 0 0;
background:url(../img/footer01_bg.gif) top left no-repeat;
}
#footer dl {
float:left;
width:100px;
margin-right:14px;
}
#footer dl.eve {margin-right:0;}
#footer dl dt {
display:block;
width:100px;
height:25px;
margin-bottom:7px;
}
#footer dl.loc dt {background:url(../img/footer-head01.gif);}
#footer dl.isl dt {background:url(../img/footer-head02.gif);}
#footer dl.ind dt {background:url(../img/footer-head03.gif);}
#footer dl.eve dt {background:url(../img/footer-head04.gif);}
#footer dl dt span {display:none;}
#footer dl dd {font-size:0.7em;}
/******************
Global Styles**/
.line {
border-bottom:1px solid #81495c;
margin:10px 0%;
height:1px;
clear:both;
}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #81495c;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.8em;margin-bottom:10px;}
blockquote {font-size:1.2em;font-weight:bold;}
.error {color:#f00;font-weight:bold;}
/******************
Links**/
a:link, a:visited {color:#81495c;text-decoration:none;}
a:hover {color:#81495c;text-decoration:underline;}
a:active {color:#81495c;outline:none;}
a:focus {outline:none;}
/******************
Clearfix**/
.clearfix:after {
content:"\0020";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}