/************************************
IRON MOUNTAIN
URL: www.ironmountain.co.uk
AUTHOR: Bryan Lynn, Vesna Vrankovic, Jonathan Ryan, Jill Strathdee, Aleksandar Mitov, Eric Bruyn
DATE: July 21, 2010
REVISION: 3.0
DESCRIPTION: Blueprint CSS Layout.
************************************/

/*--------------------------------------------------------------------------------------------------------------------------------------------------

[ Legend ]

1. GLOBAL ELEMENTS
2. MAIN NAVIGATION
3. UTILITY NAVIGATION
4. LEFT NAVIGATION
5. FEATURED IMAGE SLIDER
6. HOME PAGE TABS
7. VIDEO BANNER
8. NEWS
9. HOMEPAGE FEATURED BOXES


[ Common Colors ]

(BLUES & GREYS)                     (GREENS)                        (PURPLES)                      (REDS)                         (ORANGES)  
Dark Blue    - #00467f   |   Dark Green   - #009e93    |    Dark Purple  - #512480    |    Dark Red     - #c80850    |    Dark Orange  - #f08b1d
Blue         - #00afdb      |   Green        - #54b948       |    Purple       - #711471       |    Red          - #e71939       |    Orange       - #f8981d
Dark Grey    - #695e4a |   Light Green  - #c2cd23     |    Light Purple - #820053     |    Light Red    - #f37021      |    Light Orange - #fdb813
Grey         - #c5b8b2

--------------------------------------------------------------------------------------------------------------------------------------------------*/

/* 1. GLOBAL ELEMENTS */

/*Desktop Styles*/
.intro{
font-size: 14px;
border-bottom:1px dotted #000;
margin-bottom:15px;
color:#444;
}

.expand{	cursor: pointer;}

.mhide{display:block;}

.servtitle  a{
font-size: 14px;
font-weight: bold;
color: #00afdb;
text-decoration: none;
}
.servtitle  a:hover{
font-size: 14px;
font-weight: bold;
color: #00afdb;
text-decoration: underline;
}

.thumb {
float: left;
padding: 0 10px 10px 0;
}
.solutions {

}
.widget-head  h6 {
color: #fff;
font-weight: bold;
font-size: 14px;
}

.imassist {
font-size: 16px;
font-weight: bold;
}
.line {
position: relative;
margin-bottom: 20px;
background: url(../images/line.gif) repeat-x;

}
.hide {
display:none;
}
.contact {
background: #ededed;
}
 .blacktab{
background: url(../images/bg_mainNavState.gif) repeat-x;
padding:5px 0 5px 10px;
color: #fff;
font-size: 14px;
font-weight: Bold;
}
.blacktab a {
color:#fff;
text-decoration:none;
}
 .contact li span{ 
font-size: 20px;
font-weight: bold;
padding-left: 40px;
 }
.blacktab a:hover {
color:#fff;
text-decoration:underline;
}

.contact ul {
padding-left: 10px;
}
.contact li { 
list-style-type: none;
font-size: 14px;
font-weight: bold;
 }
 .contact li p{ 
 margin-top:-35px;
 margin-left:45px;
 }
 .contact li span{ 
font-size: 18px;
font-weight: bold;
padding-left: 5px;
 }
.contact li  a{
color: #000;
text-decoration: none;
font-weight: bold;
} 
.contact li  a:hover{
color: #444;
text-decoration: underline;
font-weight: bold;
} 
.accordions{
background: #ededed;
}
.accordion p {
width:169px;
padding-left: 10px;
padding-right: 10px;
}
.accordion a {
color: #000099;
text-decoration: none;
font-weight: bold;
} 
.accordion a:hover {
color: #000099;
text-decoration: underline;
font-weight: bold;
} 
.accordion ul {
padding-left: 20px;

}
.accordion li { 
list-style-type: disc;
font-size: 12px;
padding-bottom: 5px;

 }
.accordion li  a{
color: #000;
text-decoration: none;

} 
.accordion li  a:hover{
color: #000;
text-decoration: underline;
} 
.footer{
color: #696969;
text-decoration: none;
font-size:10px;
font-family:arial;
}
.footer a{
color: #696969;
text-decoration: none;
font-size:10px;
font-family:arial;
}
.footer a:hover{
color: #000;
text-decoration: none;
font-size:10px;
font-family:arial;
}

.media{
margin-left:98px;
width:195px;
background:#dedede;
height:30px;
-webkit-border-radius:5px;
}

.media img{
padding:6px;
margin-left:-2px;
border-right: 1px solid #d1d1d1;
background: url(../images/icon-bg.gif) repeat-x;
}



#logo img{
width:297px;height:44px;
background:transparent;
display:block;
text-indent:-99999px;-webkit-transition-property:opacity,transform;-webkit-transition-duration:.5s,.5s;
outline:none;
}
 #logo img:hover{
-webkit-transform:scale(1.06);
 }
 
 #rightcol{
background: url(../images/left-border.gif) repeat-y;
}
#offer{
position: absolute;
width: 200px;
height: 200px;
margin-top: -260px;
margin-left: 420px;
border: 1px solid #999;
padding: 40px 30px;
background: #fff;
}
#offer  p{
font-size: 12px;
line-height: 20px;
}

#offer  a {
color: #000;
margin-left: 120px;
text-decoration: none;
}
#offer  a:hover {
color: #000;
margin-left: 120px;
text-decoration: underline;
}


#assist1{
position: absolute;
width: 230px;
height: 110px;
margin-top: -110px;
margin-left: 50px;
border: 1px solid #999;
padding: 10px;
background: #fff;
}
#assist1  p{
font-size: 11px;
}

#assist1  a {
background: #000;
color: #fff;
padding: 5px 10px;
margin-left: 150px;
text-decoration: none;
}
#assist1  a:hover {
background: #000;
color: #fff;
padding: 5px 10px;
margin-left: 150px;
text-decoration: underline;
}

#assist {
position: absolute;
width: 230px;
height: 110px;
margin-top: -120px;
margin-left: 500px;
border: 1px solid #999;
padding: 10px;
background: #fff;
}
#assist  p{
font-size: 11px;
}

#assist  a {
background: #000;
color: #fff;
padding: 5px 10px;
margin-left: 150px;
text-decoration: none;
}

#assist  a:hover {
background: #000;
color: #fff;
padding: 5px 10px;
margin-left: 150px;
text-decoration: underline;
}

.span-12 ul li {margin-bottom: 0.35em;}
.span-12 ol li {margin-bottom: 0.35em;}

.intro p { margin-bottom:.5em}

/* END OF GLOBAL ELEMENTS */

/* 2. MAIN NAVIGATION */
#orange{
	background: url(../images/orange-bar.png) no-repeat 25px 15px;
	margin-top:20px;
	margin-bottom:-22px!important;margin-bottom:-42px;
	height:60px;
}


#mainNav{
	width:600px;
	overflow:visible;
	position:relative;	
	z-index:50;
}

#mainNav a{
	display:block;
	font-size:1.6em;
	color:#fff;
	margin-left:25px;
	margin-right:0px!important;margin-right:20px;
	margin-top:25px;
	background:none;
	text-decoration:none;
	font-size: 16px;
	min-width:115px;
}

.mini{
	margin-left:15px!important;margin-left:0px;
}

#mainNav a:hover{
	color:#0c7dc1;
	text-decoration:none;
}


#mainNav li{
	float:left;
	height:62px;
	overflow:visible;
	list-style: none;

}

#mainNav li div{
	display:none;
	position:absolute;
	background:#fff;
	border:1px solid #326996;
	width:592px;
	right:5px;
	font-size: 10px;
	
}

#mainNav li div ul{
	float:left;
	width:150px;
	padding:27px 16px 0px 16px;
}

	#mainNav li ul{
		background:none;
	}
	
		#mainNav li ul li{
			background:none;
			height:auto;
			margin-bottom:0;
			clear:both;
			width:100%;
		}
	
			#mainNav li ul a{
				color:#326996;
				font-size:1.4em;
				margin:0;
				padding:0 0 16px;
				_height:1%;
				background:#fff;
				width:100%;
				
			}
			#mainNav li ul a:hover{
				background:#fff;
				color:#000;
				_font-weight:normal;
				_letter-spacing:normal;
			}
			#mainNav li ul a.IE6hover
			{
			    font-weight:bold;
			}
			

			#mainNav li div ul li div{
			}
	
/* END OF MAIN NAVIGATION */


/* 3. UTILITY NAVIGATION*/
#topnav{
	float:left;
	background: url(../images/long-top-bar.png) no-repeat right!important;background: url(../images/long-top-bar.png) no-repeat right -2px;
	width:444px;
	height:29px;
	font-family:arial;
}

#topnav ul{
	margin-top:5px;
}

#topnav li{
	list-style-type: none;
	display:inline;
	color:#fff;
	font-size:11px;
	padding-right:15px;
}

#topnav li a{
	color:#fff;
	text-decoration: none;
	font-size:11px;
}

#topnav li a:hover{
	color:#fc5801;
	font-size:11px;
}

#search{
	margin-top:-25px!important;margin-top:-20px;
	margin-left:225px;
}

#search .search, #seach .search:focus{
	background:transparent url(../images/search-bg.png) no-repeat;
	border:none;
	color:#959491;
	font-family:arial;
	font-size:9px;
	width:134px;
	height:25px;
	z-index:1;
	outline: none;
	padding-top:3px;
	padding-left:4px;
}

.submitBtn{
	position:absolute;
	margin-top:8px!important;margin-top:5px;
	margin-left:-33px!important;margin-left:-35px;
	z-index:3;
}
 
#countriesUtil{
	width:525px;
	overflow:hidden;
	
}
 
/*Hacks for IE7 Countires Utility*/
		*+html #countriesUtil{
			overflow:hidden;
		}
		
			*+html #countriesUtil ol{
				overflow:hidden;
			}
				*+html #countriesUtil li{
					
				}
/*END Hacks for IE7 Countires Utility*/	
		
 
#supportUtil{
	width:250px;
}
 
#supportUtil ul,
#contactUtil ul{
	padding-bottom:18px !important;
}
 
#utilityNav #supportUtil li,
#utilityNav #contactUtil li{
	float:none;
	padding:0 0 10px;
}
#utilityNav li #supportUtil ul li a{
	padding:3px 0 3px 8px;
	width:202px;
}
#contactUtil{
	width:229px;
}
#utilityNav li #contactUtil ul li a{
	padding:3px 0 3px 8px;
	width:180px;
}
 
#utilityNav label{
	font-size:1.2em;
	display:inline;
}
 
#utilityNav .textInput{
	width:111px;
	height:14px;
	padding:2px 5px;
	border:1px solid #999;
	color:#666;
	margin:0px;
	position: absolute;
	top: 1px;
	left: 20px;
}



#utilityNav li.userStatus span a
{
color:#999 !important;
text-decoration:none !important;

}


#utilityNav li.userStatus span a:hover
{
color:#000 !important;
text-decoration:none !important;}
/* mk - do not show login/search on cframe template*/
.cframePage li.userStatus,
.cframePage li.last 
{
	display: none;
}
/* END OF UTILITY NAVIGATION*/

/* 4. LEFT NAVIGATION */

#leftcol ul{
margin: 0px;
padding: 0px;
}
#leftnav li { 
margin-right: 10px;
margin-left: 10px;
list-style-type: none;
font-size: 13px;
font-weight: bold;
line-height:1.2em;
margin-bottom:6px;
 }
 
 #leftnav li  a{
color: #8F8F8F;
text-decoration: none;
} 
 #leftnav li  a:hover{
color: #000;
text-decoration: underline;
} 


#leftnav  ul li { 
padding-left: 10px;
list-style-type: none;
font-size: 12px;
line-height: 21px;
font-weight: normal;
}
/* END LEFT NAVIGATION */

/* 5. FEATURED IMAGE SLIDER */
.slideshow {
position:relative;
padding:0;
margin:0;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:260px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
z-index:52;
}

.title {
background: url(../images/blue-box.jpg) no-repeat; /* Blue box background*/
display:block;
position:absolute;
z-index:2;
left:0px;
top:60px;
margin:0;
padding-left:40px;
padding-right:60px;
color:#fff;
font-size:14px;
width:249px;
height:188px;
line-height:1.1em;
}

.title h1{font-size:17px;font-weight: bold;color: #fff;margin-bottom:10px;}

.title p{font-size:14px;color: #fff;line-height:1.0em;margin-bottom:10px;}

.title a{font-size:14px;font-weight: bold;float:left;margin-right:20px;color: #fff;padding-top: 10px;z-index:8;}

.title img{padding-left:120px;top:125px;position:absolute;}

.slideshow .buttons {
display:block;
position:absolute;
left:5px;
top:220px;
margin:0;
}

.slideshow .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
line-height:30px;
z-index:3;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#ffffff;
outline:0;
font-size:15px;
}
.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#ffffff;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#ffffff;
font-weight:bold;
font-size:15px;
}
/* END OF FEATURED IMAGE SLIDER */

/* 6. HOME PAGE TABS */

#tabs{
		float:left;
		width: 950px;
		margin: 0 auto;
		margin-top:5px;
}

.one, .two, .three, .four{
		
		padding-left:20px;
		padding-right:20px;
		width: 180px;
		float:left;
		font:  12px Arial, Helvetica, sans-serif;

}


.one b, .two b, .three b, .four b{
		
		font-weight:bold;
		color: #2EB7DB;
}

.tab-list {
	margin: 0px;
	padding: 0px;
}

.tab1, .tab2, .tab3, .tab4 {
position: relative;
	top: 2px;
	float: left;
	text-align: center;
	padding: 4px 19px;
	margin: 7px 36px 0px 0px;
	font: bold 14px sans-serif;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #fff;
	width: 150px;

}

.tab1 {	
	background-color: #ee4400;
}

.tab2{	
	background-color: #ee3b10;
}

.tab3 {	
	background-color: #ff7707;
}

.tab4 {
	background-color: #ff9f13;
}

.tab1:hover, .tab2:hover , .tab3:hover , .tab4:hover  {	
	background-color: #c5b8b2;	
}



#pannel1{
	margin-top:40px;
	padding-top: 20px;
	border-top: 2px solid #ee4400;
}

#pannel2{
	margin-top:40px;
	padding-top: 20px;
	border-top: 2px solid #ee3b10;
}

#pannel3{
	margin-top:40px;
	padding-top: 20px;
	border-top: 2px solid #ff7707;
}

#pannel4{
	margin-top:40px;
	padding-top: 20px;
	border-top: 2px solid #ff9f13;
}

.selected1, .selected1:hover{
	position: relative;
	top: 2px;
	float: left;
	text-align: center;
	color: #ee4400;
	padding: 10px 19px 0px 19px;
	margin: 0px 20px 0px 0px;
	border-bottom: none;
	background-color: #fff;
	border-left: 2px solid #ee4400;
	border-right: 2px solid #ee4400;
	border-top: 2px solid #ee4400;
	outline:0;
	height:28px;
	width: 150px;
}

.selected2, .selected2:hover{
	position: relative;
	top: 2px;
	float: left;
	text-align: center;
	color: #ee3b10;
	padding: 10px 19px 0px 19px;
	margin: 0px 20px 0px 0px;
	border-bottom: none;
	background-color: #fff;
	border-left: 2px solid #ee3b10;
	border-right: 2px solid #ee3b10;
	border-top: 2px solid #ee3b10;
	outline:0;
	height:28px;	
	width: 150px;
}

.selected3, .selected3:hover{
	position: relative;
	top: 2px;
	float: left;
	text-align: center;
	color: #ff7707;
	padding: 10px 19px 0px 19px;
	margin: 0px 20px 0px 0px;
	border-bottom: none;
	background-color: #fff;
	border-left: 2px solid #ff7707;
	border-right: 2px solid #ff7707;
	border-top: 2px solid #ff7707;
	outline:0;
	height:28px;	
	width: 150px;
}

.selected4, .selected4:hover{
	position: relative;
	top: 2px;
	float: left;
	text-align: center;
	color: #ff9f13;
	padding: 10px 19px 0px 19px;
	margin: 0px 20px 0px 0px;
	border-bottom: none;
	background-color: #fff;
	border-left: 2px solid #ff9f13;
	border-right: 2px solid #ff9f13;
	border-top: 2px solid #ff9f13;
	outline:0;
	height:28px;	
	width: 150px;
}
/* END OF HOME PAGE TABS */

/* 7. VIDEO BANNER*/

video, #flash , #poster{
position:absolute;
top:-60px;
left:350px;
}

.poster{
cursor: pointer;
}

/*END VIDEO BANNER*/


/* 8. NEWS*/

.alpha{
	filter:alpha(opacity=80); /*IE6+*/
	-moz-opacity:0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
}

.newsfeed{
background: url(../images/alerts.png) no-repeat;
font-size:12px;
color:#fc5801;
top:55px;
}

.news{
clear:both;
font-size:14px;
color:#fc5801;
padding-left:150px;
}

.news li{
list-style-type:none;
}

.news a{
color:#fc5801;
text-decoration:none;
}

.news a:hover{
color:#000;
text-decoration:none;
}
/* END OF  NEWS*/

/*HOMEPAGE FEATURED BOXES*/

.boxstyle{
float:left;
font-family:arial;	
}

.boxstyle ul{
color:#0c7dc1;
}

#box1{
margin-top:70px;
background: url(../images/box1-bg.png) no-repeat;
width:292px;
height:209px;
padding-top:35px;
padding-left:12px;
padding-right:12px;
margin-bottom:20px;
}

#box1 p{
line-height:1.1em;
}

#box1 a b{
color:#0c7dc1;
}

#box1 a{
text-decoration:none;
color:#000;
}

#box1 a:hover{
text-decoration:underline;
color:#000;
cursor:pointer;
}

#box1 .morenews a{
float:right;
color:#464645;
font-size:12px;
text-decoration:none;
margin-right:15px;
margin-top:-5px;
padding-right:60px;
font-weight:bold;
}

#box1 .morenews a:hover{
text-decoration:underline;
}

#box2{
margin-top:70px;
background: url(../images/box-blank-bg.png) no-repeat;
width:292px;
height:209px;
padding-top:10px;
padding-left:12px;
padding-right:12px;
}

#box2 p b{
font-weight:bold;
color:#464645;
font-size:15px;
}

#box2 a{
color:#0c7dc1;
text-decoration:none;
font-weight:bold;
}

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

#list-left{
margin-left:-25px!important;margin-left:-15px;
font-size:11px;
float:left;
width:175px;
}

#list-right{
margin-left:-15px!important;margin-left:-10px;
font-size:11px;
float:left;
width:155px;
}

#box3{
margin-top:70px;
background: url(../images/box-blank-bg.png) no-repeat;
width:292px;
height:209px;
padding-top:10px;
padding-left:12px;
padding-right:12px;
}

#box3 p b{
font-weight:bold;
color:#464645;
font-size:15px;
}

#box3 a{
color:#0c7dc1;
text-decoration:none;
font-weight:bold;
}

#box3 a:hover{
text-decoration:underline;
}
/*END HOMEPAGE FEATURED BOXES*/