@charset "UTF-8";
/* CSS Document */

/*********************************************************************************************************/
/* Ottawa Mini Storage      					                  										 */
/* 2009-05-20																							 */
/*********************************************************************************************************/

/*********************************************************************************************************/
/* RESET CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
	border:none;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearBoth {
	clear: both;
}

#shadow {
	background-image:url(shade1x1.png);
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	z-index:9998;
}

/*********************************************************************************************************/
/* GLOBAL ELEMENTS */

body {
	background-color:#b5c0c2;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	height:100%;
}

html {height:100%;
}

body > #wrapper {height: auto; min-height: 100%;}

#wrapper {
	position:relative;
	margin:0px auto;
	width:910px;
}

a {
	text-decoration:none;
	color: #2a92ef;
}

a:hover {
	text-decoration:underline;
	color: #f89829;
}


/*********************************************************************************************************/
/* HEADER */

#header {
	height:121px;
	z-index:200;
}

#logo {
	width: 289px;
	height: 110px;
	background: transparent url(../images/logo.png) no-repeat;
	display: block;
	z-index:600;
	position: relative;
}

#logo h1 {
	text-indent: -999px;
}

#toplinks {
	position:relative;
/*	original margin with French & Site map
	margin-left:676px; */
	margin-left:730px;
	z-index:1;
}

#toplinks-fr {
	position:relative;
	margin-left:700px;
	z-index:1;
}

#toplinks ul, #toplinks-fr ul {
	position:absolute;
	top:0;
}

#toplinks li, #toplinks-fr li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:left;
	padding-right:12px;
	margin-top:5px;
	background-image:url(/images/toplinks.gif);
	background-repeat:no-repeat;
	padding-left:9px;
}
#toplinks a, #toplinks-fr a {
	text-decoration:none;
	color:#ccd4d5;
}
#toplinks a:hover, #toplinks-fr a:hover {
	color: #fff;
}

#language_toggle {
	height:24px;
	width:66px;
	position:absolute;
	left:837px;
	padding-right:7px;
	display:block;
	z-index:600;
}

/*********************************************************************************************************/
/* MAIN NAVIGATION */

#nav_bar {
	background-image:url(../images/navbar.png);
	background-repeat:no-repeat;
	position:relative;
	width:698px;
	height:43px;
	margin-top:-61px;
	margin-left:204px;
	z-index:50;
}

#main_navigation {
    background:url("../images/navigation.gif");
	background-repeat:no-repeat;
	height:32px;
	width:605px;
    overflow:hidden;
	margin-left:294px;
	margin-top:-39px;
	z-index:400;
	position:relative;
    }


#main_navigation li {
	list-style:none;
	display:block;
	position:relative;
	float:left;
	height:32px;
}

#main_navigation span {
    display: none;
    }
#main_navigation li, #main_navigation a {  
	height:32px;
    display:block;
	z-index:300;
	list-style:none;
	float:left;
    }
	
#navhome a {width:64px; display:block;}
#navabout, #navabout a {width: 68px; display:block;}
#navestimate, #navestimate a {width: 86px; display:block;}
#navreserve, #navreserve a {width: 82px; display:block;}
#navspecials, #navspecials a {width: 85px; display:block;}
#navsecurity, #navsecurity a {width: 84px; display:block;}
#navfaq, #navfaq a {width: 59px; display:block;}
#navcontact, #navcontact a {width: 77px; display:block;}

#main_navigation a:hover, a.current {
	background-image: url(../images/navigation.gif);
	background-repeat: no-repeat;
}

#navhome a:hover, #navhome a.current { background-position: 0 -31px; }
#navabout a:hover, #navabout a.current { background-position: -64px -31px; }
#navestimate a:hover, #navestimate a.current { background-position: -132px -31px; }
#navreserve a:hover, #navreserve a.current { background-position: -218px -31px; }
#navspecials a:hover, #navspecials a.current { background-position: -300px -31px; }
#navsecurity a:hover, #navsecurity a.current { background-position: -385px -31px; }
#navfaq a:hover, #navfaq a.current { background-position: -469px -31px; }
#navcontact a:hover, #navcontact a.current { background-position: -528px -31px; }

/*********************************************************************************************************/
/* LOWER NAVIGATION */

#lower_navigation {
	text-align:center;
	margin-left:167px;
	padding-top:20px;
}

#lower_navigation ul {
}

#lower_navigation li {
	float:left;
	background-image:url(../images/lower_navigation_list.gif);
	background-repeat:no-repeat;
	padding-left:16px;
	padding-right:10px;
	
}

#lower_navigation li a {
	color:#788183;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#lower_navigation li a:hover,
#lower_navigation li a.current {
	color:#788183;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	background-image: none;
}

li#lowernavhome {
	background-image: none;
}
/*********************************************************************************************************/
/* CONTENT */

#content_top {
	position:relative;
	margin:0px auto;
	height:25px;
	width:910px;
	background-image:url(../images/content_top.png);
	background-repeat:no-repeat;
}

#content {
	position:relative;
	height:20px;
	height:auto;
	background-image:url(../images/content_tile.png);
	background-repeat:repeat-y;
	overflow: auto;
	width: 100%;
	overflow:hidden;
}

#content_bottom {
	position:relative;
	margin:0px auto;
	height:25px;
	width:910px;
	background-image:url(../images/content_bottom.png);
	background-repeat:no-repeat;
	clear:both;
}

#content_left {
	width:530px;
	padding: 0 0 0 28px;
	float:left;
	height:auto;
}

#content_left h1, body#featurette h1 {
	color:#f89829;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#content_left h2, body#featurette h2 {
	display: block;
	color:#f89829;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 135%;
	margin: 1px 0 15px 0;
}

#content_left dt a {
	display: block;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height: 135%;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #ccc url('../images/faq-arrow-off.gif') no-repeat top right;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content_left dt {
	display: block;
	margin-top: 10px;
}

#content_left dd {
	display: block;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 135%;
	padding: 5px;
}

#content_left dt a:hover, #content_left dt a:focus, #content_left dt a:active {
	display: block;
	background: #999 url('../images/faq-arrow-on.gif') no-repeat top right;
	color:#fff;
	text-decoration: none;
}

#content_left h3 {
	color:#555c5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:135%;
	font-weight:bold;
	margin:15px 0 5px 0;
	
}

#content_left h4 {
	color:#555c5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:27px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

#content_left p,
#content_left ul,
#content_left li,
#content_left dd,
#info-address,
#storage_reservation_form {
	color:#555c5d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	margin-bottom:8px;
}

#content_left dd {
	margin-top: 5px;
	margin-bottom: 15px;
}

#content_left li {
	list-style: circle;
	margin: 0 0 0 20px;
	line-height: 18px;
}

#content_right {
	width:310px;
	padding-left:16px;
	float:left;
	clear:right;
	margin-top:-4px;
	height:auto;
}

.right_module {
	float:left;
	width:312px;
	padding-bottom:8px;
}

.right_module_top {
	position:relative;
	height:15px;
	width:310px;
	background-image:url(../images/right_module_top.png);
	background-repeat:no-repeat;
	z-index:800;
}

.right_module_content_bg {
	height:auto;
	width:310px;
	background-image:url(../images/right_module_tile_shadow.png);
	background-repeat:repeat-y;
	z-index:700;
}
.right_module_content, .right_module_content-right {
	position:relative;
	min-height:113px;
	width:300px;
	background-color:#dfe3e4;
	background-image:url(../images/right_module_tile_gradient.gif);
	margin-left:5px;
	background-repeat:repeat-x;
	z-index:900;
}

.right_module_content-right {
	text-align: right;
}

.right_module_content h1, .right_module_content-right h1 {
	color:#f89829;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	font-size:20px;
	line-height:1;
	font-weight:bold;
	padding-bottom:12px;
	padding-left:10px;
	letter-spacing:-1px;
}
.right_module_content h2, .right_module_content-right h2 {
	text-align: left;
	color:#f89829;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:1;
	font-weight:bold;
	margin-bottom:8px;
	padding-left:10px;
	letter-spacing:-1px;
}
.right_module_content h2.right {
	text-align: right;
}
.right_module_content p, .right_module_content-right p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	font-weight:normal;
	color:#707677;
	margin:0px;
	padding-left:10px;
	width:290px;
}

.right_module_content-right p {
	text-align: left;
}

.right_module_bottom {
	position:relative;
	height:15px;
	width:310px;
	background-image:url(../images/right_module_bottom.png);
	background-repeat:no-repeat;
	z-index:800;
}
.right_tape {
	position:relative;
	margin-top:-74px;
	margin-left:118px;
	margin-bottom:-8px;
}
.right_checklist {
	position:relative;
	margin: -60px 0 -8px 153px; 
}

.right_expert {
	position:relative;
	margin: -80px 0 -8px 190px; 
}

.right_piggybank {
	margin-right: 10px;
	margin-top: 0px;
}

.right_lock {
	position:relative;
	margin-top:-80px;
	margin-left:0px;
	margin-bottom:-20px;
	clear:both;
}

.right_boxes {
	position:relative;
	margin: -80px 0 -15px 0;
}

.right {
	float:right;
	text-align:right;
	padding-right:10px;
	clear:both;
}

.btn_left {
	position:relative;
	float:left;
	clear:both;
	margin-left:5px;
	margin-top:-25px;
}

.btn_left-tall {
	position:relative;
	float:left;
	clear:both;
	margin-left:5px;
	margin-top:-37px;
}

.btn_left_up {
	position:relative;
	float:left;
	clear:both;
	margin-left:5px;
	margin-top:-90px;
}

.btn_right2 {
	float:right;
	margin-right: 6px;
	margin-top: 5px;
}

.btn_right, .btn_right-special {
	position: absolute;
	bottom: 4px;
	right: 6px;
}

.background {
}

#content_left #image_rotate li {
	height:151px;
	overflow:hidden;
	list-style: none;
	text-indent: 0;
	margin-left: 0;
	margin-bottom:-151px;
	line-height: 0;	
}

#content_left .highlight {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	position: relative;
	display: block;
	background: #ccc;
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 4px;
	clear: both;
}
#content_left .highlight p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	color: #191919;
	text-align: center;
}
#content_left .address {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	float: left;
	width: 300px;
}
#content_left .map {
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
}

#content_left .map:hover { 
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

#map_container {
	width: 550px;
	height: 360px;
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 9999;
	visibility: hidden;
	overflow: visible;
}

#map_overlay {
	width: 520px;
	height: 330px;
	z-index: 9999;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;
}

#map_overlay #close {
	width: 520px;
	height: 20px;
	text-align: right;
}

#map_overlay #close a {
	display: block;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}

#map_canvas {
	width: 520px;
	height: 300px;
}

#map_canvas #copyright {
	margin: 0;
	padding: 0;
}

/*********************************************************************************************************/
/* STORAGE RESERVATION FORM */

#storage_reservation_form #radiocontainer {
	float: left;
}

#storage_reservation_form FIELDSET {
	display: block;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
	padding: 15px;
}

#storage_reservation_form LEGEND {
	padding: 3px;
}

#storage_reservation_form LABEL {
	display: block;
	float: left;
	width: 140px;
	margin-top: 7px;
}

#storage_reservation_form LABEL.error {
	color: #CC0000;
	font-weight: bold;
}

#storage_reservation_form LABEL#long {
	width: 150px;
}

#storage_reservation_form LABEL#med {
	width: 85px;
}

#storage_reservation_form LABEL#short {
	width: 70px;
}

#storage_reservation_form INPUT {
	margin: 3px;
	margin-right: 15px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#storage_reservation_form INPUT#normal {
	width: 95px;
}

#storage_reservation_form INPUT.error {
	border-color: #CC0000;
	background-color: #FFE6E6;
}

#storage_reservation_form INPUT#smallField, #storage_reservation_form INPUT.radio {
	margin: 0;
	margin-top: 5px;
	float: none;0
}

#storage_reservation_form INPUT.radio {
	border-color: #FFFFFF;
}

#storage_reservation_form INPUT#largeField {
	width: 350px;
}

#storage_reservation_form INPUT, #storage_reservation_form TEXTAREA {
	border: 1px solid #999999;
}

#storage_reservation_form .comments {
	width: 400px;
	height: 150px;
}

#storage_reservation_form TD {
	padding: 3px;
}

/*********************************************************************************************************/
/* FEATURETTE STYLES */

body#featurette {
	background-color:#ffffff;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 10px;
	padding: 10px;
}

body#featurette h1 { /* Add stuff here to overwrite current */
}

body#featurette ul, body#featurette ol {
	padding-left: 25px;
}

body#featurette ul li, body#featurette ol li {
	margin-bottom: 5px;
}

body#featurette ul li {
	list-style-type:circle;
}

body#featurette ol li {
	list-style-type: decimal;
}

/*********************************************************************************************************/
/* FOOTER */

#footer {
	width:100%;
	height:96px;
	position: relative;
	margin-top: -96px; /* negative value of footer height */
	clear:both;
	} 

.footer_image {
	float:right;
}

#footer_bar {
	background-color:#9ea9ab;
	height:45px;
	width:100%;
	clear:left;
	text-align:right;
	float:left;
}

#footer_bar h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:2px;
	padding-right:12px;
}

#footer_bar h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#FFFFFF;	
	font-weight:normal;
	padding-right:5px;
}

#copyright {
	clear:left;
	text-align:center;
	height:100%;
	padding-bottom:96px;
	padding-top: 10px;
}

#copyright p, #copyright a {
	color:#788183;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:13px;
	padding-top:4px;
}

#copyright a:hover {
	text-decoration:underline;
}


#signups-login {
	margin: 0 auto;
	padding: 50px 0 0 0;
	width: 300px;
	text-align: center;
}

#signups-login p {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	
}

#signups-login h2 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 20px;
	
}

#signups-login input {
	padding: 10px;
	margin: 0 0 10px 0;
	width: 50%;
}



/*********************************************************************************************************/
/* Browser Hacks */

@media all and (-webkit-min-device-pixel-ratio:0) {
.footer_image {
	padding-right:-20px;
}

.btn_right {
	margin-top:43px;
}

}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */