/* @override http://bigtoptentrentals.com/public/css/main.css */

html {
	background: #bc0026;
}

body {
	margin: 0;
	padding: 0;
	background: #bc0026;
	font-size: 75%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}

/* Defaults
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { }
a           { text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

pre,code    { margin: 1.5em 0;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

#mainContent table { margin-bottom: 10px; }

#mainContent h1 {
	color: #bc0026;
	font-size: 1.8em;
}

#mainContent h3 {
	color: #005594;
	font-weight: normal !important;
	margin-top: 10px;
}

#mainContent h2 strong {
	font-weight: normal;
}

#mainContent h2 { 
	color: #005594;
	
}

#mainContent ul {
	list-style-position: inside;
	margin: 0 10px 10px;
}

#bottomBand div.leftThird h3 {
	color: #bc0026;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.leftThird p {
	font-size: .9em;
	margin: 0 10px;
	line-height: 1.5em;
}

.leftThird p.name {
	text-align: right;
	margin-top: 5px;
	color: #005585;
	font-size: .9em;
}

.leftThird .thirdlink {
	font-size: .8em;
	text-align: right;
	display: block;
	margin: 5px 10px 0;
	text-decoration: none;
}

p.date {
	margin-bottom: 10px;
	font-style: italic;
}


.article { display: block; clear: both; }

.articleimg { margin: 0 20px 20px; }
.articleimg.left { float: left; margin-left: 0;}
.articleimg.right { float: right; margin-right: 0;}
.articleimg.centered { float: none; margin: 0 auto 20px; text-align: center;}

.articleimg .image { position: relative; clear: both; padding-bottom: 0px; }
.articleimg.left .image	{ float: left;}
.articleimg.right .image { float: right;}
.articleimg.centered .image { float: none;}
.articleimg img {  padding-bottom: 10px;}

.articleimg a { text-decoration: none; }
.articleimg a.enlarge b  { font-size: .9em; position: absolute; bottom: 10px; right: 0; background: #FFF; padding: 5px; text-decoration: none; text-transform: uppercase; color: #888;}

.articleimg p.caption { font-size: .9em; line-height: 1.3em;margin: 0; color: #999;}

ul.post_nav { display: block; padding: 0; margin: 0 0 10px; overflow: hidden;  }
ul.post_nav li { list-style: none; float: left; width: 365px; padding: 0; margin: 0; }
ul.post_nav li.label { width: 60px; text-align: right;  margin: 0 20px 0 0;}

.tagged { clear:  both;}

#wrapper {
	background: #FFF url(/public/img/body-top_bg.jpg) repeat-x top;
	margin: 0;
	padding: 0;
}

#innerwrap {
	background: url(/public/img/wrapper-top_bg.jpg) no-repeat center top;
}

/* @group Quicklinks */

ul#ql {
  list-style: none;
   position: absolute;
   right: 0;
   top: 0;
}

ul#quick{
   list-style: none;
   position: absolute;
   right: 0;
   top: 0;
}

#ql li{
   float: left;
}

#ql li a{
	text-decoration: none;
	float: left;
	cursor: pointer;
	background: url(/public/img/quicklinks_btn.gif) no-repeat;
	position: relative;
}

#ql li:hover,
#ql li.sfhover{	
	background-position: bottom;
}

#ql li:hover a,
#ql li.sfhover a{
	background-position: bottom;
}

#ql li.active:hover a,
#ql li.sfhover.current a{
}

#ql li ul{
   clear: left;
   position: absolute;
   left: -999em;
   margin-top: -6px;
   [if lte IE 7]margin-top: -6px !important;
   z-index: 1800; /*heigher than banner */
   list-style: none;
   line-height: 1;
   width: 110px;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html #ql li ul{
   margin-top: 0;
}

#ql li li{
   margin: 0;
   text-transform: none;
}

#ql li ul ul{
   /*margin: -31px 0 0 161px;*/
}

#ql li:hover ul ul,
#ql li.sfhover ul ul{
   left: -999em;
}

#ql li:hover ul,
#ql li li:hover ul,
#ql li.sfhover ul,
#ql li li.sfhover ul{
   left: auto;
   background: url(/public/img/quicklink-bottom.gif) no-repeat bottom;
   padding-bottom: 5px;
}

#ql li ul li.droptop {
   background: url(/public/img/quicklink-top.gif) no-repeat top;
	padding-top: 4px;
}

#ql li li li{
   font-size: 1em;
}

#ql li:hover li a,
#ql li.sfhover li a{
   width: 90px;
   text-align: left;
   padding: 6px 10px;
   background: none;
   color: #FFF;
}


#ql li:hover li a:hover,
#ql li.sfhover li a:hover{
   color: #b1e7f6;
}

/* @end */


/* @group Suckerfish Drop Downs */

ul.navigation{
   list-style: none;
	height: 30px;
   position: absolute;
   right: 10px;
   top: 110px !important;
}

.navigation li{
   float: left;
   margin: 0 10px 0 0;
   font-size: 1.2em;
   text-transform: uppercase;
   position: relative;
}

.navigation li a,
.navigation li.children a{
	background: url(/public/img/tab-left.gif) no-repeat left -60px;
	text-decoration: none;
	float: left;
	cursor: pointer;
	padding-left: 5px;
}

.navigation li a b,
.navigation li.children a b{
   float: left;
   display: block;
   height: 24px;
   padding: 6px 13px 0 8px;
   color: #005585;
   text-decoration: none;
   background: url(/public/img/tab-right.gif) no-repeat right -60px;
}


.navigation li.active a,
.navigation li.children.active a{
	background: url(/public/img/tab-left.gif) no-repeat left top;

}

.navigation li.active a b,
.navigation li.children.active a b{
	float: left;
	background: url(/public/img/tab-right.gif) no-repeat right top;
}

.navigation li:hover,
.navigation li.sfhover{
	
}

.navigation li.active:hover,
.navigation li.sfhover.active{
}

.navigation li:hover a,
.navigation li.sfhover a{
	background: url(/public/img/tab-left.gif) no-repeat left -30px;
}

.navigation li:hover a b,
.navigation li.sfhover a b{
	background: url(/public/img/tab-right.gif) no-repeat right -30px;
}


.navigation li.children:hover a b,
.navigation li.sfhover.children a b{
	background: url(/public/img/tab-right.gif) no-repeat right -90px;
}

.navigation li.children:hover a,
.navigation li.sfhover.children a{
	background: url(/public/img/tab-left.gif) no-repeat left -90px;
}

.navigation li.active.children:hover a b,
.navigation li.sfhover.active.children a b{
	background: url(/public/img/tab-right.gif) no-repeat right -90px;
}

.navigation li.active.children:hover a,
.navigation li.sfhover.active.children a{
	background: url(/public/img/tab-left.gif) no-repeat left -90px;
}



.navigation li.active:hover a,
.navigation li.sfhover.active a{
	background: url(/public/img/tab-left.gif) no-repeat left top;
}

.navigation li.active:hover a b,
.navigation li.sfhover.active a b{
	background: url(/public/img/tab-right.gif) no-repeat right top ;
}

.navigation li ul{
   clear: left;
   position: absolute;
   left: -999em;
   margin-top: 5px;
   z-index: 1850;
   list-style: none;
   line-height: 1;
   width: 180px;
   border: 1px solid #c1c2c2;
   border-top: none;
  [if IE 7]top: 30px;
  [if lte IE 6]top: 25px
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html .navigation li ul{
   margin-top: 0;
}

.navigation li li{
   margin: 0;
   font-size: .9em;
   text-transform: none;
}

.navigation li ul ul{
   /*margin: -31px 0 0 161px;*/
}

.navigation li:hover ul ul,
.navigation li.sfhover ul ul{
   left: -999em;
}

.navigation li:hover ul,
.navigation li li:hover ul,
.navigation li.sfhover ul,
.navigation li li.sfhover ul{
   left: 0;
   background: #DCDDDD;
   padding: 5px 0;
}

.navigation li li li{
   font-size: 1em;
}

.navigation li:hover li a,
.navigation li.sfhover li a{
   width: 150px;
   text-align: left;
   padding: 5px 10px;
   margin: 0 5px 0;
   color: #005585;
   background: none;
}

.navigation li.active:hover li a,
.navigation li.sfhover.active li a,{
   background: none;
}

.navigation li.children:hover li a,
.navigation li.sfhover.children li a{
   background: none;
}


.navigation li:hover li a:hover,
.navigation li.sfhover li a:hover{
   background: #b1e7f6;
   color: #005585;
}

.active ul li a {
	background: none !important;
}

.active ul li a:hover {
	background: #b1e7f6 !important;
}

#header ul.navigation li ul li a b { background: none; margin: 0; padding: 0; height: auto; font-weight: normal; }


/* @end */



#header {
	width: 820px;
	margin: 0 auto;
	height: 140px;
	position: relative;
	z-index: 800;
	background: url(/public/img/wrapper-top_bg.jpg) no-repeat center top;
}

#header ul {
	position: absolute;
	right: 0;
	top: 25px;
}

#header ul li {
	list-style: none;
	display: inline;
	font-size: 12px;
}

#header ul li a.download {
	background: url(/public/img/download_btn.gif) no-repeat top left;
	width: 143px;
	height: 19px;
	padding: 1px 0 0 6px;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#header ul li a.download:hover {
	background-position: bottom left;
}

#header ul li a.quicklink {
	/*background: url(/public/img/quicklinks_btn.gif) no-repeat;*/
	width: 98px;
	height: 19px;
	padding: 1px 0 0 11px;
	float: left;
	color: #005083;
	text-decoration: none;
	text-align: left;
	margin-left: 10px;
}

#header ul li a.quicklink:hover {
	background-position: bottom;
}

#header a.logo {
	position: absolute;
	top: 27px;
	left: 15px;
}

#mainTop {
	position: relative;
	height: 280px;
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 0;
}

#mainTop ul {
	position: relative;
	z-index: 20;
}

ul#image_rotate.innerfade {
	z-index: 0;	
}

#mainTop ul.links {
	width: 790px;
	padding: 4px 5px 0;
	height: 30px;
	background: url(/public/img/linkbar_bg.jpg) no-repeat top;
}

#mainTop ul.links li {
	list-style: none;
	display: inline;
	float: left;
}

#mainTop ul.links li a {
	height: 20px;
	margin: 0;
	padding: 2px 40px 0 20px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	float: left;
	overflow: hidden;
}

#mainTop ul.links li a:hover {
	color: #03cdf1;
}

#mainTop ul.links li.button1 {
	background: #df072c url(/public/img/linkbar-left.gif) no-repeat left top;
}

#mainTop ul.links li.button1 a {
	background: url(/public/img/linkbar-separator.gif) no-repeat right top;
}
#mainTop ul.links li.button2 a {
	background: #df072c url(/public/img/linkbar-separator.gif) no-repeat right top;
}
#mainTop ul.links li.button3 a {
	background: #df072c url(/public/img/linkbar-right.gif) no-repeat right top;
}




#banner {
	position: absolute;
	background: url(/public/img/corner-banner.gif) no-repeat center top;
	width: 200px;
	height: 200px;
	right: 0;
	bottom: 0;
	[if IE 6]bottom: 4px !important;
	text-indent: -99999px;
	z-index: 250;
}




#content {
	width: 820px;
	margin: 0 auto;
	background: #FFF;
	overflow: hidden;
	padding-bottom: 30px;
}

#sidecolumn {
	width: 190px;
	min-height: 370px;
	[if lte IE 6]height: 370px !important;
	float:  left;
	background: url(/public/img/sidecolumn_bg.jpg) no-repeat top left;
}

#sidecolumn ul {
	list-style: none;
	padding: 80px 0 0 10px;
}

#sidecolumn ul li {
	margin: 0;
	padding: 0;
	list-style-position: outside;
	}

#sidecolumn ul li a {
	color: #000;
	text-decoration: none;
	height: 24px;
	padding: 6px 0 0 10px;
	width: 173px;
	display: -moz-inline-block;
	display: inline-block;
	cursor: pointer;
}

#sidecolumn ul li a:hover {
	color: #009bc9;
}

#sidecolumn ul li.active a {
	color: #FFF;
	background: url(/public/img/sidenav_current_bg.gif) no-repeat;
}

#mainContent {
	clear: both;
	margin-bottom: 30px;
}

.contentInner {
	float: right;
	width: 570px;
	margin: 40px 20px 0 0;
}

.contentInnerhome {
	width: 500px;
	float: left;
	margin: 20px 0 0 20px;
}

.contentInnerhome p { 
	font-size: 1.2em;
 }

div.testimonial {
	margin: 10px 0 30px;
}

.testimonial p.name {
	margin-top: 5px;
	color: #005585;
}

/* @group Blog */

#blog {
	margin: 20px 20px 0 0;
	width: 252px;
	float: right;
	background: url(/public/img/blog-tile_bg.jpg) repeat-y center;
}

#bloghead {
	width: 252px;
	height: 35px;
	background: url(/public/img/blog-top_bg.jpg) no-repeat center top;
}

#bloghead h3 {
	float: left;
	margin: 0 10px;
	line-height: 35px;
	color: #b70023;
	font-weight: bold;
}

#bloghead h3 span {
	color: #004671;
	font-weight: normal;
}

#bloghead h4 {
	float: right;
	font-size: 12px;
	margin: 10px 10px 0;
	color: #004671;
}

#bloginner p {
	margin: 10px;
	font-size: 1em;
	line-height: 1.4em;
}

#bloginner a {
	font-size: .9em;
	float: right;
	color: #004671;
	text-decoration: none;
	background: url(/public/img/blog-btn_left.gif) no-repeat left;
}

#bloginner a b {
	font-weight: normal;
	background: url(/public/img/blog-btn.gif) no-repeat right;
	margin: 10px 10px 0 2px;
	padding: 5px 20px 5px 5px;
}

#bloginner a:hover {
	color: #b50021;
}



#bloginner {
	background: url(/public/img/blog-bot_bg.jpg) no-repeat center bottom;
	padding-bottom: 20px;
}


div.comments h2 {
	margin: 35px 0 0 0;
}
.userComment {
	width: 510px;
	background-color: #f8fafa;
	clear: both;
	float: left;
	margin: 5px 0;
	padding: 10px;
}
.commentUserAndDate {
	width: 150px !important;
	float: left;
}
.commentUsername {
	width: 140px;
	float: left;
	color: #616262;
	text-align: right;
	margin: 0 10px 0 0;
	font-style: italic;
	font-size: 1.1em;
}
.commentDate {
	width: 140px;
	float: left;
	color: #919191;
	text-align: right;
	margin: 0 10px 0 0;
	font-weight: normal;
	font-style: normal;
	clear: left;
	font-size: 0.9em;
}
.userCommentBody {
	float: right;
	width: 340px;
	padding: 0 10px;
	clear: none;
	color: #303030;
}
.comments h3 {
	margin: 35px 0 10px 0 !important;
	color: #5d5d5d !important;
	font-size: 1.3em;
	font-style: italic;
	border-bottom: 1px solid #a9a9a9;
}
/* @end */


.gallery{
	margin: 20px 0 0;
}


#bottomBand {
	background: url(/public/img/bottomband_bg.jpg) no-repeat top center;
	padding: 20px 0 0;
	width: 810px;
	margin: 20px auto;
	font-size: 1.1em;
}

.leftThird {
	width: 240px;
	float: left;
	padding: 0 15px;
	display: inline;
	overflow: hidden;
}

.gallery ul li {
	list-style: none;
	float: left;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 20px 20px 0 0;
	position: relative;
}

.gallery ul li p {
	padding: 5px;
	width: 140px;
	background: url(/public/img/transpBlack.png);
	position: absolute;
	bottom: 0;
	color: #FFF;
}

/* Rentals List Enticers */

div.rental_row { 
	float: left; 	
	margin-bottom: 30px;
 }


div.rental_list { 
	width: 170px;
	float: left;
	text-align: center;
	overflow: hidden;
}


div.rental_list p { 
	text-align: center;
	width: 170px;
	font-size: 1.2em;
	padding-bottom: 10px;
	margin: 0;
}

div.rental_list a {
	color: #005585;
	text-decoration: none;
	font-weight: bold;
}

div.rental_list a:hover { 
	color: #0088b2;
}


/* @group Footer */

#footer {
	display: block;
	background: #bc0026 url(/public/img/footer-top.gif) repeat-x top;
}

#footerInner {
	display: block;
	background: url(/public/img/footer-top.gif) repeat-x top;
	width: 780px;
	margin: 0 auto;
	padding: 10px 20px 40px;
	font-size: .8em;
}

#footerInner ul {
	list-style: none;
	float: left;
}

#footerInner ul li {
	list-style: none;
	display: inline;
}

#footerInner ul li a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 15px 0 0;
}

#footerInner ul li a:hover {
	color: #03cdf1;
}

#footerInner p {
	color: #FFF;
	float: right;
}

/* @end */

h2.blogtitle {
	font-size: 1.4em !important;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
}



div#newsNav {
	display: block;
	margin: 25px 0 0 225px;
	text-align: center;
	float: none;
}




#prev a,
#next a {
	padding: 2px 8px;
	margin: 5px;
	color: #005585;
	background: #b1e7f6;
	color: #005585;
	text-decoration: none;
	font-size: 14px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border: 1px solid #93c0cd;
    float: left;
}

#prev a:hover,
#next a:hover {
	background: #97e3f3;	
}

#next a span,
#prev a span {
	font-size: 8px;
}

#map {
	position: relative;
	z-index: 0;
}



div.onecall {
	font-size: 12px;
	color: #faac00;
	background: #fdfd9e;
	padding: 10px;
	margin: 20px 0 10px;
	border: 2px solid #fadb96;
}

.onecall a,
.onecall span{
	color: #e97300;
}

.onecall a{
	text-decoration: underline;
}


/* quicklinks callout */

#fixedheader {
    position: fixed;
    width:100%;
    top: 0;
}

#callout {
	width:296px;
	height:119px;
	position:relative;
	top:0;
	left:632px;
	background:transparent url(/images/ql_callout.png) top left no-repeat;
	margin:0;
	padding:0;
        z-index: 1500;
}

#callout a:link,#callout a:visited {
	display:block;
	text-align:left;
	text-indent:-9999px;
	height:9px;
	position:relative;
	width:9px;
        top: 34px;
        left: 258px;
}
.clear {
	clear: both;
}