/* Stylesheet: Atomic Design */


/* -- [ Imports ] -- */

@import url("clearfix.css");

/* -- [ TOC: Applies to revisions made in Feb 07 and later ] -- */

/* 

Rental: =rental 
Media Center: =media
Detail Pages: =detail
Lightbox: =lightbox

*/


body {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	background-image: url(../images/universal/background_topbar.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
.rentaltxt {
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
}
#headercontainer {
	height: 200px;
	width: 760px;
	margin:0px auto;
	background-image: url(../images/universal/background_topbar.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
}

.tagline {
	margin-top: 16px;
	margin-bottom: 15px;
}
.topsubnav {
	float: right;
	margin-right: 50px;
	padding-top: 10px;
}
.topsubnav img {
	vertical-align:baseline;
	border:0px;
	margin-top: 4px;
	margin-bottom: 4px;
}

a.subnavlink:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#233095;
	text-decoration: none;
}
a.subnavlink:visited {
	color:#86a4ca;
	text-decoration: none;
}
a.subnavlink:hover {
	color:#9fbcff;
	text-decoration: none;
}

#guts {
	width: 760px;
	margin:0px auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
#bottomfooter {
	background-image: url(../images/universal/botbar_background.gif);
	background-repeat: repeat-x;
	height: 66px;
}
.botbanner {
	margin:0px auto;
	width: 760px;

}
.bottomlinks {
	color: #233095;
	font-size: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #233095;
	text-transform: uppercase;
	margin-right: 10px;
	width: 100px;
}
a.bottomlinks:link {
	color:#233095;
	text-decoration: none;
}
a.bottomlinks:visited {
	color:#233095;
	text-decoration: none;
}
a.bottomlinks:hover {
	color:#ff0000;
	text-decoration: none;
}
.bottomlinks img {
vertical-align:text-bottom;
	border:0px;}

h2 {
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0 0 5px 0;
padding: 0;
}

/* -- top minor navigation -- */

#minornav {
position: absolute;
width: 120px;
top: 10px;
left: 620px;
padding: 0;
text-align: left;
}

#minornav ul {
margin: 20px 0 0 0;
padding: 0;
}

#minornav ul li {
margin: 0 0 9px 17px;
padding: 0;
list-style-image: url(../i/redlistitem.gif);
list-style-position: inherit;
}

#minornav ul li img {
border: 0;
}

/* -- top and bottom blue bars -- */

#topbarwrap {
background:url(../i/bluewhite.gif) 50% 0 repeat-y;
}

#topbarrel {
position: relative;	
width: 760px;
margin: 0 auto;
display: block;
height: 50px;
}

#topbarrel img {
display: block;
} 

#botbarwrap {
background:url(../i/whiteblue.gif) 50% 0 repeat-y;
}

#botbarrel {
position: relative;
width: 760px;
margin: 0 auto;
display: block;
height: 50px;
}

#botbarrel img {
position: absolute;
top: 0;
left: 40px;
display: block;
}

/* -- footer --*/

#footer {
width: 760px;
margin: 100px auto 0 auto;
padding: 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #233095;
}

#footer ul {
margin: 30px 0 0 70px;
padding: 0;
list-style-type: none;
clear: both;
}

#footer ul.footlistimage li {
float: left;
margin: 0 30px 30px 15px;
padding: 2px 0 15px 18px;
background-image: url(../i/redlistitem.gif);
background-repeat: no-repeat;
}

#footer ul.footlistimage li a:link, #footer ul.footlistimage li a:visited {
text-decoration: none;
color: #233095;
}

#footer ul.footlistimage li a:hover {
text-decoration: none;
color: #FF0000;
}

.clear {
clear: both;
}

/* -- (page specific presentation) -- */

/* -- index --*/

#iheader {
position: relative;
display: block;
height: 150px;
width: 760px;
margin: 0 auto;
}

#ilogo {
position: absolute;
top: 5px;
left: 5px;
width: 339px;
padding: 0;
text-align: left;
}

#inav {
width: 760px;
position: absolute;
top: 57px;
left: 108px;
text-align: left;
}

#inav ul {
width: 760px;
margin: 0;
padding: 0;
}

#inav ul li {
float: left;
width: 165px;
margin: 0 20px 0 0;
padding: 0;
list-style-type: none;
}

.inavlink {
display: block;
margin: 0;
padding: 0;
border: 0;
}

.inavimg {
display: block;
margin: 5px 0 10px 0;
padding: 0;
border: 0;
width: 165px;
height: 165px;
}

#imidstretch {
width: 760px;
margin: 0 auto;
display: block;
height: 270px;
}

/* -- scene shop -- */

#header {
position: relative;
display: block;
height: 150px;
width: 760px;
margin: 0 auto;
}

#logo {
position: absolute;
top: 13px;
left: 12px;
width: 255px;
display: inline;
padding: 0;
text-align: left;
}

#logo img {
display: inline;
border: 0;
}

#nav {
width: 760px;
position: absolute;
top: 37px;
left: 40px;
text-align: left;
}

#nav ul {
width: 760px;
margin: 0;
padding: 0;
}

#nav ul li {
float: left;
width: auto;
margin: 0 61px 0 0;
padding: 0;
list-style-type: none;
}

#nav ul li img {
display: block;
margin: 0;
padding: 0;
border: 0;
}

#midstretchwrap {
width: 760px;
margin: 0 auto;
padding: 0;
}

#midstretch {
float: left;
width: 720px;
margin: 30px 0 20px 40px;
padding: 0;
display: inline;
}

#ssdesc {
float: left;
width: 680px;
text-align: left;
margin: 0;
padding: 0;
display: inline;
}

#sscontent {
float: left;
width: 720px;
text-align: left;
margin: 0;
padding: 0;
display: inline;
}

#sscontent ul {
width: 720px;
margin: 0;
padding: 0;
}

#sscontent ul li {
float: left;
width: 152px;
margin: 20px 20px 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#sscontent ul li img {
display: block;
border: 0;
margin: 0 0 5px 0;
padding: 0;
width: 152px;
height: 103px;
}
h3 {

font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 15px 0 4px 0;
padding: 0;
}
.homecolumtext {
	padding-right: 5px;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
}
a:link, a:visited, a:hover {
	color: #333;

}
#biocontainer {
	margin-top: 10px;
	width: 530px;
}


/* -- [ =rental ] -- */

#rental-tab {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#rental-tab ul {
float: left;
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

#rental-tab ul li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#rental-tab ul li h2 {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#rental-tab ul li a,
#rental-tab ul li a:visited {
float: left;
display: inline;
width: 116px;
height: 38px;
line-height: 36px;
margin: 0 2px 0 0;
padding: 0;
text-align: center;
background: url(../images/rental-images/rental-tab-bg.gif) top left repeat-x;
list-style: none;
text-decoration: none;
}

#rental-tab ul li a:hover {
text-decoration: none;
}

#rental-tab ul li.active a,
#rental-tab ul li.active a:visited {
float: left;
display: inline;
width: 116px;
height: 38px;
line-height: 36px;
margin: 0 2px 0 0;
padding: 0;
text-align: center;
background: url(../images/rental-images/rental-tab-bg-active.gif) top left repeat-x;
list-style: none;
color: #dd1211;
}

#rental-tab ul li a:hover {
text-decoration: none;
}

#rental-essence {
float: left;
clear: left;
display: inline;
width: 696px;
margin: 0;
padding: 0 0 20px 0;
background: url(../images/rental-images/rental-bg.gif) #a2beff top left repeat-x;
}

#rental-essence #rental-sub-list {
float: left;
display: inline;
margin: 9px 0 0 13px;
padding: 0;
line-height: 40px;
background: url(../images/rental-images/rental-sublist-bg.gif) top left repeat;
}

#rental-essence #rental-sub-list h3 {
float: left;
display: inline;
margin: 0;
padding: 0 8px 0 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #233095;
}

#rental-essence #rental-sub-list h3 a,
#rental-essence #rental-sub-list h3 a:visited,
#rental-essence #rental-sub-list h3 a:hover {
text-decoration: underline;
}

#rental-essence #rental-sub-list h3.active a, 
#rental-essence #rental-sub-list h3.active a:visited,
#rental-essence #rental-sub-list h3.active a:hover {
font-size: 14px !important;
color: #dd1211;
text-decoration: none;
}

#rental-essence #rental-sub-list img {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#rental-essence .rental-subsection {
float: left;
clear: left;
display: inline;
width: 683px;
margin: 25px 0 0 13px;
padding: 0;
}

#rental-essence .rental-subsection h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 14px;
color: #343434;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#rental-essence .rental-subsection table {
float: left;
display: inline;
width: 683px;
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
}

#rental-essence .rental-subsection table td {
width: 116px;
vertical-align: top;
margin: 0;
padding: 7px;
}

#rental-essence .rental-subsection table td img {
margin: 0 0 3px 0;
display: block;
border: 0;
}

#rental-essence .rental-subsection table td p {
font-size: 13px;
line-height: 16px;
margin: 0;
padding: 0;
color: #233095;
}

#rental-essence .rental-subsection table td p a,
#rental-essence .rental-subsection table td p a:visited,
#rental-essence .rental-subsection table td p a:hover {
text-decoration: underline;
}


/* alphabet list (rental landing page) */

#rental-essence #rental-alpha-list {
float: left;
display: inline;
margin: 9px 0 0 13px;
padding: 13px 0 13px 10px;
line-height: 40px;
background: url(../images/rental-images/rental-sublist-bg.gif) top left repeat;
}

#rental-essence #rental-alpha-list em {
color: #233095;
}

#rental-essence #rental-alpha-list ul {
float: left;
display: inline;
margin: 0;
padding: 0 10px 0 0;
list-style: none;
}

#rental-essence #rental-alpha-list ul li {
float: left;
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#rental-essence #rental-alpha-list ul li div.alpha-list a, 
#rental-essence #rental-alpha-list ul li div.alpha-list a:visited {
display: block;
width: 24px;
height: 32px;
background: url(../images/rental-images/rental-alpha-bg.gif) top left no-repeat;
text-align: center;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 32px;
}

#rental-essence #rental-alpha-list ul li div.alpha-list a:hover {
text-decoration: none;
}

#rental-essence #rental-alpha-list ul li div.alpha-list a p {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold;
color: #fff;
}

.alpha-each {
float: left;
clear: left;
display: inline;
width: 683px;
margin: 25px 0 0 13px;
padding: 0;
}

.alpha-each .alpha-letter {
float: left;
display: inline;
width: 40px;
margin: 0;
padding: 0;
font-size: 36px;
line-height: 36px;
font-weight: bold;
color: #233095;
}

.alpha-each .alpha-letter-list {
float: left;
display: inline;
width: 633px;
margin: 0;
padding: 0;
color: #233095;
}

.alpha-each .alpha-letter-list p {
margin: 0;
padding: 0;
line-height: 18px;
}

/* -- [ =media ] -- */

#media-wrap {
float: left;
display: inline;
width: 696px;
margin: 0;
padding: 0;
}

#media-left {
float: left;
display: inline;
width: 450px;
margin: 0 16px 0 0;
padding: 0;
}

#media-left .headline-each {
display: block;
width: 450px;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: solid 1px #d9e4ff;
}

#media-left .headline-each h1 {
margin: 0 0 8px 0;
padding: 0;
font-size: 16px;
line-height: 20px;
color: #233095 !important;
}

#media-left .headline-each .article-pub {
float: left;
inline: inline;
width: 80px;
margin: 0;
padding: 0;
}

#media-left .headline-each .article-info {
float: left;
inline: inline;
width: 370px;
margin: 0;
padding: 0;
}

#media-wide .headline-each {
display: block;
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: solid 1px #d9e4ff;
}

#media-wide .headline-each h1 {
margin: 0 0 15px 0;
padding: 0;
font-size: 18px;
line-height: 26px;
color: #233095 !important;
}

#media-left .headline-each h1 a,
#media-left .headline-each h1 a:visited,
#media-left .headline-each h1 a:hover,
#media-wide .headline-each h1 a,
#media-wide .headline-each h1 a:visited,
#media-wide .headline-each h1 a:hover, {
text-decoration: underline;
}

#media-left .headline-each img {
float: left;
display: inline;
margin: 0 20px 0 0;
padding: 0;
border: 0;
}

#media-wide .headline-each img {
float: right;
display: inline;
margin: 5px 0 10px 10px;
padding: 0;
border: 0;
}
#media-wrap p.s {
margin: 0;
padding: 0;
line-height: 18px;
display: block;
color: #233095 !important;
}

#media-wrap p.s a,
#media-wrap p.s a:visited,
#media-wrap p.s a:hover {
text-decoration: underline;
color: #233095 !important;
}

#media-right {
float: left;
display: inline;
width: 230px;
margin: 20px 0 0 0;
padding: 0;
background: url(../images/media-images/media-right-bg.gif) #a4bfff top left repeat-x;
}

.media-right-each {
display: block;
width: 220px;
margin: 5px 5px 20px 5px;
padding: 0;
}

.media-right-each h2 {
width: 204px;
margin: 0 0 10px 0;
padding: 8px;
color: #dd1211;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
background-color: #f4f7ff;
}

.media-right-each h4 {
margin: 0 0 3px 5px;
padding: 0;
font-size: 14px;
font-weight: bold;
color: #233095 !important;
}

.media-right-each p.s {
margin: 0 0 0 5px !important;
line-height: 20px !important;
}


/* -- [ =detail ] -- */

#email-a-friend-wrap {
display: block;
width: 766px;
margin: 20px 0 20px 0;
padding: 0;
background-color: #d9e4ff;
}

#email-a-friend-wrap p {
margin: 0 0 0 10px;
padding: 0;
line-height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

#email-a-friend-wrap p a,
#email-a-friend-wrap p a:visited,
#email-a-friend-wrap p a:hover {
display: block;
height: 35px;
margin: 0;
padding: 0 0 0 40px;
background: url(../images/email-a-friend/ico-envelope.gif) top left no-repeat;
color: #273093;
text-decoration: underline;
}


/* -- [ =lightbox ] -- */

.lightbox {
position: absolute;
display: none;
left: 0;
margin: 0;
padding: 0;
width: 100%;
z-index: 1001;
text-align: center;
}

.lightbox-inside {
margin-top: 250px;
margin-left: 20%;
margin-right: 20%;
color: #000;
width: 527px;
padding: 1px;
border: 5px solid #242f98;
background-color: white;
text-align: left;
}

.lightbox[id]{
position:fixed;
}

#overlay{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
background-color:#fff;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

#overlay[id]{
position:fixed;
}

#lb_title_bg{
    margin:2px;
	background:#d9e5ff url("../images/letter.gif") top left no-repeat;
	height: 40px;
}

#lightbox table{
    text-align:center;
	margin:10px auto;
}

#lightbox table tr{
    margin: 10px 0;
}

.lb_title {
color: #242f98;
margin: 0 0 0 10px;
padding: 0 0 0 40px;
background: url(../images/email-a-friend/ico-envelope.gif) top left no-repeat;
line-height: 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

.lb_forminfo{
    border: 0;
	margin: 10px auto;
}

.lb_label{
    text-align:right;
}

.lb_field{
    text-align:left;
}
.lb_footer{
    text-align: center;
}