﻿/************************************
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 */
#leftcol .link {

padding-top: 10px;

}
.link a{
padding-left:10px; 
padding-top: 10px;
text-decoration: underline;
}

.link a:hover {
padding-left:10px; 
padding-top: 10px;
text-decoration: none;
}
/*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;
}

.bills{
background: #EFEFEF;
height:50px;
padding:5px;
margin-bottom:10px;
font-weight:bold;
}


.bills span{
margin-top:10px;
}

.bills a{
color:#000;
float:left;
font-size:16px;
}


.bills img{
float:left;
margin-right:10px;
height:48px;
width:48px;
}

.grey {
background: #EFEFEF;
}
.grey p{
padding-top: 10px;
padding-left: 10px;
}

.white {
background: #fff;
}
.white p{
padding-top: 10px;
padding-left: 10px;
}
.thtitle p{
margin: 0px;
}
.thbar {
background: #00afdb;
color: #fff;
font-weight: bold;
height: 20px;
padding-left: 5px;
margin: 0px;
border-top: solid 1px #fff;
}

.thbar2 {
background: #ff9f13;
color: #fff;
font-weight: bold;
height: 20px;
padding-left: 5px;
margin: 0px;
border-top: solid 1px #fff;
}

.thbar3 {
background: #7e9721;
color: #fff;
font-weight: bold;
height: 20px;
padding-left: 5px;
margin: 0px;
border-top: solid 1px #fff;
}

.underline {
	border-bottom: solid 1px #00afdb;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
}
.underline span{
background: #00afdb;
padding: 4px;
}

.underline2 {
	border-bottom: solid 1px #ff9f13;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
}
.underline2 span{
background: #ff9f13;
padding: 4px;
}

.underline3 {
	border-bottom: solid 1px #7e9721;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
}
.underline3 span{
background: #7e9721;
padding: 4px;
}
/* Accordion Styles */

.contact {
	border: 1px solid #CCC;
	width: 188px !important;
	background: #ededed;
}
.contact ul {
	padding-left: 10px;
	list-style-type: none;
	display: block;
}
.contact li {
	font-size: 14px;
	font-weight: bold;
	display: block;
	clear: both;
 }
.contact li p {
	padding: 0px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
 }
.contact li span {
	font-size: 14px;
	font-weight: normal;
 }
.contact li  a {
color: #000;
text-decoration: none;
font-weight: bold;
} 
.contact li  a:hover {
color: #444;
text-decoration: underline;
font-weight: bold;
} 
.contact li img {
	float: left;
	margin-right: 15px;
}
.blacktab{
	background: url(../images/bg_mainNavState.gif) repeat-x;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: left top;
	height: auto;
	display: block;
	padding-top: 5px;
	padding-right: 10px !important;
	padding-bottom: 5px;
	padding-left: 10px !important;
	width: 170px !important;
	left: -1px;
	position: relative;
	top: -1px;
	border: 0px;
}

.blacktab a {
color:#fff;
text-decoration:none;
}
.blacktab a:hover {
color:#fff;
text-decoration:underline;
}
.accordions {
	border: 1px solid #CCC;
	width: 188px !important;
	background: #ededed;
	display: block;
}
.accordion p {
	width:auto;
	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: 25px;

}
.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;
} 

#leftcol p {
	width: auto !important;
}
a.rssbutton {
    background: url(../images/rss-button.gif) no-repeat scroll left center transparent;
    color: #464645;
	float:right;
    font-size: 18px;
    font-weight: normal;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 25px;
    text-decoration: none;
	height:25px;
}
a.rssbutton:hover {
    text-decoration: underline;
}




/* End Accordion */
.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;
outline:none;
}

 
 #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}

/* Table for displaying data within content  */

table.info {
	text-align:left;
	vertical-align:top;
}
table.info p {
	font-size: 12px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
table.info ul, ol {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0em;
	padding-left: 2em;
	font-size: 12px;
}

table.border {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
}
table.hlines {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
table.hlines td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
table.hlines-top {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
table.hlines-top td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

table.info tr {
}
table.info td {
	text-align:left;
	vertical-align:top;
}
table.info th {
	background-color: #dddddd;
	font-weight:bold;
	color:#000;
	text-align:left;
	vertical-align:top;
}
table.info th.center {
	text-align:center;
}
table.info th.middle {
	vertical-align:middle;
}
table.info td.b {
	font-weight:bold;
}

table.info td.center {
	text-align:center;
}
table.info td.middle {
	vertical-align:middle;
}
table.info td.indent ol {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0em;
	padding-left: 3em;
}
table.info td.indent ul {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0em;
	padding-left: 3em;
}
table.info td.indent p {
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 1em;
}

/* 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:2;
}

#mainNav a{
	display:block;
	font-size:1.6em;
	color:#fff;
	margin-left:15px;
	/*margin-right:0px!important;*/
	margin-right:20px;
	margin-top:25px;
	background:none;
	text-decoration:none;
	font-size: 14px;
	/*min-width:75px;*/
	font-weight: normal;
	z-index:3;
}

.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;
z-index:1;
}
.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;
padding-top: 8px;
}

.title h3{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:1;}

.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;
}

#box1 .rssicon a {
    background: url(../images/rss-icon.gif) no-repeat scroll left center transparent;
    color: #464645;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    margin-top: -30px;
    padding-left: 19px;
    text-decoration: none;
}
#box1 .rssicon a:hover {
    text-decoration: underline;
}

#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-contact-bg.png) no-repeat;
	width:292px;
	height:209px;
	padding-top:10px;
	padding-left:12px;
	padding-right:12px;
	position: relative;
}

#box3 .content-top {
	position: absolute;
	top: 45px;
	width: 290px;
}
#box3 .content-btm {
	position: absolute;
	top: 117px;
	width: 200px;
}
#box3 .email-box {
	float: left;
	width: 175px;
	background: #FFF;
	border-style: none;
}

#box3 .media-box{
	height:110px;
	float: right;
	width: 100px;
	background: #FFF;
	text-align: right;
}

#box3 .media-box img{
	border-right: 1px solid #d1d1d1;
	background: url(/images/icon-bg.gif) repeat-x center bottom;
	margin-right: 2px;
	padding: 2px;
}
#box3 .media-box a{
	display: block;
	height: 20px;
	width: 20px;
	float: right;
}
#box3 .media-box .tag {
	display: none;
	color: #666;
	height: 20px;
	background: #FFF;
}
#box3 .media-box .followuson {
	font-size:10px;
	color:#999;
	height:20px;
}
#box3 .media-box .sml {
	height:27px;
	width: 100px;
		}
		
/*       NEW STYLES FOR HOMEPAGE      */

/* root element for tabs  */
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	/*border-bottom:1px solid #e3e2de;*/
	height:30px;
	position: relative;
	left: 1px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(/images/tabs.png) no-repeat;
	font-size:12px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 90px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	font-weight: bold;
	outline:0;
}

ul.tabs a:active {
	outline:0;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: 0px -31px;	
	color:#fff;	
	outline:0;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0px -62px;
	cursor:default !important;
	color:#000 !important;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;
	font-size: 11px;
}

#tabbox {
	margin-top:70px;
	width:314px;
	height:209px;
	background: url(/images/box-tab-bg.png) no-repeat center bottom;
	margin-right: 1px;
	margin-left: 1px;
	position: relative;
	padding: 0px;
	top: 0px;
	}

.boxlist-left {
	font-size:11px;
	width: 138px;
	float: left;
	padding-left: 15px;
	}
	
.boxlist-right {
	font-size:11px;
	float:left;
	width:142px;
	padding-left: 15px;
	}
	
.panes ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.panes li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.panes li a {
	color: #0C7DC1;
	text-decoration: none;
}
.panes li a:hover {
	color: #F06C00;
}

.phone-mod {
	background: #FFF url(/images/icn_phone_sm.png) no-repeat left 5px;
	width: 115px;
	display: block;
	color: #4B525A;
	font: bold 13px/normal Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 30px;
	margin-bottom: 5px;
}
.phone-mod span{
	font-size: 12px;
	font-weight: normal;
}
.email-mod {
	background: #FFF url(../images/icn_mail_sm.png) no-repeat left 5px;
	width: 115px;
	display: block;
	text-decoration: none;
	color: #4B525A;
	margin: 0px;
	font: bold 13px/normal Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 30px;
}
.email-mod:hover {
	color:#0082b3;
}

a.contactbutton {
	background: url(/images/contact-sprite-bg.png) repeat-x left top;
	font-size: 10px;
	line-height: normal;
	height: 30px;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 5px 5px 0px;
	float: left;
	text-align: center;
	vertical-align: middle;
	color: #5B656F;
	text-decoration: none;
	border: 1px solid #c7c7c7;
	font-weight: bold;
}
a.corp {
	height: 25px;
	padding: 10px 5px 0px;
}
a.contactbutton:hover {
	background: url(/images/contact-sprite-bg.png) repeat-x left -40px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #00467f;
	}

/*  //////////////////  END     ////////////////////    */
		
/*END HOMEPAGE FEATURED BOXES*/

