@import url(/css/content.css);

/* princegeorgelimousine.com LAYOUT STYLES */
html, body {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
.printonly {
position: absolute;
left: -999em;
}
body {
min-width: 780px;
margin: 0 0 16em; /* padding at bottom of viewport */
color: #000;
font: 75%/1.5em Arial, Helvetica, sans-serif;
text-align: center;
background: #000 url(/interface/gradient-bg.jpg) repeat-x 0px 270px;
}
#container {
}
#header-wrapper {
overflow: hidden; /* needed to clear nested floats */
min-width: 780px;
width: 100%;
}
#header {
position: relative;
width: 780px;
height: 264px;
margin: 0 auto;
background: url(/interface/header-bg.jpg) no-repeat left bottom;
z-index: 98;
}
#topnav {
float: right;
width: 500px;
height: 24px;
margin: 0;
padding: 0 0 0 0px;
background: url(/interface/topnav-bg.jpg) no-repeat;
text-align: left;
}
#topnav a {
margin: 0 0 0 20px;
padding: 2px 2px 4px;
color: #fff;
font-size: 85%;
text-decoration: none;
text-transform: uppercase;
line-height: 1.2em;
}
#topnav a:hover, #topnav a:active {
color: #ff0d21;
}
#logo img {
position: relative;
display: block;
float: left;
clear: both;
width: 260px;
height: 130px;
margin: 20px 40px 0 0;
z-index: 3;
}
#tabmenu {
clear: both;
position: absolute;
left: 0px;
bottom: 0px;
width: 780px;
}
#tabmenu a {
display: block;
float: left;
height: 40px;
margin: 10px 4px 0 0; /* top margin equal to additional tab height on hover */
padding: 0 0 0 10px;
background: url(/interface/tab-left.png) no-repeat left top;
font-size: 85%;
text-decoration: none;
text-transform: uppercase;
line-height: 1.2em;
cursor: hand;
}
#tabmenu span {
display: block;
height: 30px;
margin: 0;
padding: 8px 20px 2px 10px;
background: url(/interface/tab-rt.png) no-repeat right top;
}
#tabmenu a span, #tabmenu a:visited span {color: #fff;}
#tabmenu a:hover, #tabmenu a:active { /* tab pops up on hover */
height: 50px;
margin-top: 0; /* reduce top margin to allow for taller tab */
}
#tabmenu a:hover span, #tabmenu a:active span {
height: 40px;
color: #ff0d21;
}
.tabwedding {width: 100px;}
.tabbachelor {width: 140px;}
.tabxmas {width: 110px;}
.tabcorporate {width: 140px;}
.tabdining {width: 120px;}
#tabmenu a.tabphotos {width: 90px; margin-right: 0;}


#mid {
overflow: hidden; /* needed to clear nested floats */
min-width: 780px;
max-width: 800px;
margin: 0 auto;
padding: 32px 0 0;
background: #fff url(/interface/rounded-top.jpg) no-repeat center top;
text-align: center;
}
h1#page-heading {
margin: 0 10px 20px;
padding: 0;
line-height: 1em;
text-align: left;
}
#main {
float: right;
width: 480px;
min-height: 100px;
margin: 0 10px 0 0;
padding: 0 0 4em 0;
text-align: left;
}

#left {
float: left;
overflow: hidden;
width: 280px;
min-height: 100px;
margin: 0 0 0 10px;
padding: 0 0 4em 0;
text-align: left;
}



#footer-bar {
clear: both;
width: 100%;
min-height: 62px;
padding: 5px 0;
border-top: 1px solid #656565;
background: #9c9c9c url(/interface/bar-bg.jpg) repeat-x center bottom;
text-align: left;
}
#footer-bar h1, #footer-bar h2 {
margin: 0 10px;
color: #fff;
font: bold 165%/1em Georgia, "Times New Roman", Times, serif;
text-transform: none;
}
#footer-bar p {
margin: 5px 10px;
color: #fff;
font: bold 115% Georgia, "Times New Roman", Times, serif;
}
#footer-bar a {
color: #fff;
text-decoration: none;
}
#footer-bar a:hover, #footer-bar a:active {
color: #ff0d21;
}

#footer {
min-width: 760px;
min-height: 80px;
margin: 0 auto;
padding: 20px 10px 20px;
text-align: left;
background: url(/interface/rounded-bot.jpg) no-repeat center bottom;
}
#footer p {
color: #666;
font-size: 92%;
}
#footer a {
text-decoration: none;
}
p.totop {
margin: 1em 0 4em;
color: #cc2936;
font: bold 100%/1em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}
p.totop a {color: #cc2936;}
p.totop a:hover, p.totop a:active {
color: #ff0d36;
}
.creditcards {
float: right;
margin: 4px 0 5px;
}
.chamber {
float: right;
margin: -8px 5px 0;
}

/* Sub Page Layout */


/* Home Page Layout */
#mid div.home {
width: 380px;
}

/* Photo Gallery */
#mid #myGallery {
width: 540px;
height: 300px;
margin: 0 auto 4em;
text-align: left;
border: 0px;
}
.jdGallery .slideElement {
background-color: #fff;
}
.jdGallery .slideInfoZone {
width: 450px;
margin: 0 0 0 45px;
}
.jdGallery a.left {background: url('/css/img/prev.gif') no-repeat center left;}
* html .jdGallery a.left {background: url('img/prev.gif') no-repeat center left;}
.jdGallery a.right {background: url('/css/img/next.gif') no-repeat center right;}
* html .jdGallery a.right {background: url('/css/img/next.gif') no-repeat center right;}
.jdGallery a.right, .jdGallery a.left { /* override jd.gallery.css to make buttons invisible until mouseover */
height: 45px; 
width: 45px;
margin: 120px 0 0 0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}
* html .jdGallery a.right, * html .jdGallery a.left {
filter:alpha(opacity=50);
}
.jdGallery a:hover.right, .jdGallery a:hover.left {
filter:alpha(opacity=80) !important;
-moz-opacity:0.8 !important;
-khtml-opacity: 0.8 !important;
opacity: 0.8 !important;
}
.jdGallery .slideInfoZone h2 {
font: 100% normal Arial, Helvetica, sans-serif;
color: #fff;
text-transform: none;
}

/* Override YUI tabview styles for team bios */
/* .yui-navset defaults to .yui-navset-top */
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
border:solid #ccc; /* color between tab list and content */
border-width:0 0 1px;
Xposition:relative;
zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav li,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
margin:0 10px 0 0; /* space between tabs */
padding:1px 0 0; /* gecko: make room for overflow */
zoom:1;
}

.yui-skin-sam .yui-navset .yui-nav .selected,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
margin:0 10px 0px 0; /* override for overlap */
}

.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
background:#fff;
border: none;
color:#cc2936;
text-decoration:none;
width: 40px;
font-size: 90%;
}

.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
border: none;
cursor:hand;
padding:0 0 0.5em;
left:0; right: 0; bottom: 0; /* protect from other orientations */
top:-1px; /* for 1px rounded corners */
position:relative;
text-align: center;
margin: 0 auto;
}

.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
background:transparent; /* selected tab background */
color:#ff0d36;
}

.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus {
background:transparent; /* tab background */
outline:0;
color:#ff0d36;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
padding:0 0 0.5em; /* override raise selected tab */
}


.yui-skin-sam .yui-navset .yui-content {
background:#fff; /* content background color */
}

.yui-skin-sam .yui-navset .yui-content,
.yui-skin-sam .yui-navset .yui-navset-top .yui-content {
border:none; /* content border */
padding:1em 0 0; /* content padding */
}

#bios img {border:solid 1px #000; background: #f0f0f0;}
#bios a:hover img, #bios a:active img {border:solid 1px #ff0d36;}
#bios .yui-nav img {width: 40px; height: 50px;}
#bios .yui-content img {float: left; margin: 0 10px 0.3em 0;} /* pics in content area */