@charset "UTF-8";

html{
	width:480px;
	min-width:480px;
}

body{
	width:480px;
	min-width:480px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#header_box {
	width:480px;
	height:354px;
	text-align:center;
	background-image:url("../images/bg_header_mountains.jpg"); 
}

#header_box_subpages {
	width:480px;
	height:200px;
	text-align:center;
	background-image:url("../images/bg_header_mountains.jpg"); 
}

#header_content {
	position:relative;
	top:140px;
	width:420px;
}

#header_content_subpages {
	position:relative;
	top:95px;
	width:420px;
}

#header_content h1{
	font-family: 'Quicksand', sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:500;
	-webkit-font-smoothing: antialiased;
}

#header_content_subpages h1{
	position:absolute;
	top:-1000px;
	font-family: 'Quicksand', sans-serif;
	font-size:20px;
	color:#FFF;
	font-weight:500;
	margin-top:10px;
	-webkit-font-smoothing: antialiased;
}

#ultra_ice_logo{
	background-image:url(../images/logo_ultra_ice_mobile.png);
	width:420px;
	height:57px;
	margin-left:auto;
	margin-right:auto;
}

#ultra_ice_logo_subpages{
	background-image:url(../images/logo_ultra_ice_mobile_subpages.png);
	width:340px;
	height:46px;
	margin-left:auto;
	margin-right:auto;
	
}

#brc_logo {
	position:absolute;
	z-index:5;
	top:10px;
	left:420px;
}

#nav_box {
	vertical-align:middle;
	width:100%;
	height:50px;
	background-image:url("../images/bg_nav.gif");
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.3); 
	text-align:center;
}

#nav_container{
	text-align:center;
	width:480px;
	height:50px;
}

#nav_content{
	display:table;
	height:50px;
	margin-right:auto;
	margin-left:auto;
}

#nav_ice_direct{
	position:absolute;
	display:table;
	top:10px;
	left:10px;
	z-index:3;
	display:table;
	height:50px;
	font-size: 30px;
	
}



#nav_box h2 {
	height:50px;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	color: #4989a8;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

#nav_ice_direct h2 {
	font-size: 20px;
	color: #FFF;
}

#nav_box h2 a {
	color: #134f69;
	font-weight: 700;
	text-decoration:none;
}

#nav_box h2 a:hover {
	color: #96c4da;
}

#nav_box b {
	color: #96c4da
}

#nav_pointer_home{
	position:relative;
	top:-54px;
	left:27px;
	width:13px;
	height:12px;
	background-image:url(../images/nav_pointer.gif) norepeat;
}
#nav_pointer_retail{
	position:relative;
	top:-54px;
	left:98px;
	width:13px;
	height:12px;
	background-image:url(../images/nav_pointer.gif) norepeat;
}
#nav_pointer_catering{
	position:relative;
	top:-54px;
	left:180px;
	width:13px;
	height:12px;
	background-image:url(../images/nav_pointer.gif) norepeat;
}
#nav_pointer_ice_merchants{
	position:relative;
	top:-54px;
	left:300px;
	width:13px;
	height:12px;
	background-image:url(../images/nav_pointer.gif) norepeat;
}
#nav_pointer_contact{
	position:relative;
	top:-54px;
	left:27px;
	width:13px;
	height:12px;
	background-image:url(../images/nav_pointer.gif) norepeat;
}

.white_box {
	width:100%;
	height:auto;
}
.white_box_content{
	width:420px;
	margin-left:auto;
	margin-right:auto;
	color: #134f69;
	height:auto;
}

.dark_box {
	width:100%;
	height:auto;
	background-color:#134f69;
}



.dark_box_content{
	display:table;
	width:420px;
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
}

.mid_box {
	width:100%;
	height:auto;
	background-color:#4989a8;
}


.mid_box_content{
	display:table;
	width:420px;
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
}

.image_box_bottom {
	float:left;
	width:420px;
	text-align:center;
	
}

.image_box_middle {
	float:left;
	display:table-cell;
	vertical-align:middle;
	width:438px;
	text-align:center;
	
}

.text_box {
	float:left;
	width:420px;
	height:auto;
	bottom:150px;
	font-family: 'Quicksand', sans-serif;
	-webkit-font-smoothing: antialiased;
}

.gap_box {
	float:right;
	display:table-cell;
	width:50px;
}


.text_box i {
	color:#F00;
}

.text_box h2{
	font-size: 32px;
	color: #96c4da;
	font-weight: 400;
	margin-bottom:10px;
}
.text_box h3{
	font-size: 16px;
	font-weight: 400;
	margin-bottom:30px;
}

.text_box h3 strong{
	font-size: 20px;
	font-weight: 400;
	margin-bottom:30px;
	color: #96c4da;
}

.address_box {
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	width:302px;
	height:auto;
	font-family: 'Quicksand', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
}

.address_box h3{
	font-weight:400;
	font-size:14px;
}

.address_box a{
	color:#134f69;
	font-weight:600;
	text-decoration:none;
}
.address_box a:hover{
	color: #4989a8;
}

.map_box {
	display:table-cell;
	vertical-align:middle;
	width:188px;
	height:250px;
	text-align:center;
	font-family: 'Quicksand', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	
}

#shadowbase{
	position:absolute;
	height:80px;
	width:480px;
	min-width:480px;
	z-index:6;
	margin-top:-80px;
	background-image:url(../images/shadowbase.png);
}

#shadowtop{
	position:absolute;
	width:480px;
	min-width:480px;
	height:80px;
	z-index:5;
	background-image:url(../images/shadowtop.png);
}



/*----------------- BUTTONS ----------------------*/


#button_white {
	position:relative;
	z-index:20;
	float:inherit;
	display:inline-block;
	height:30px;
	background-image:url(../images/btn_bg_white.gif);
	margin-bottom:40px;
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5); 
}

#button_white_content {
	display:table;
	
}

#button_blue {
	position:relative;
	z-index:20;
	display:inline-block;
	height:30px;
	width:188px;
	background-image:url(../images/btn_bg_blue.gif);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5); 
	
}

#button_blue2 {
	position:relative;
	z-index:20;
	display:inline-block;
	height:30px;
	background-image:url(../images/btn_bg_blue.gif);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.5); 
	
}

#button_blue_content {
	display:table;
	
}

#button_white h2 {
	display:table-cell;
	vertical-align:middle;
	color: #134f69;
	font-size:14px;
	text-decoration:none;
}

#button_white h2 a{
	display:table-cell;
	vertical-align:middle;
	color: #134f69;
	font-weight:600;
	text-decoration:none;
}

#button_white h2 a:hover{
	color: #96c4da;
	font-weight:600;
	text-decoration:none;
}

#button_blue h2 {
	display:table-cell;
	vertical-align:middle;
	color: #FFF;
	font-size:14px;
	text-decoration:none;
}

#button_blue h2 a{
	display:table-cell;
	vertical-align:middle;
	color: #FFF;
	font-weight:600;
	text-decoration:none;
}

#button_blue h2 a:hover{
	color: #96c4da;
	font-weight:600;
	text-decoration:none;
}


#button_blue2 h2 {
	display:table-cell;
	vertical-align:middle;
	color: #FFF;
	font-size:14px;
	text-decoration:none;
}

#button_blue2 h2 a{
	display:table-cell;
	vertical-align:middle;
	color: #FFF;
	font-weight:600;
	text-decoration:none;
}

#button_blue2 h2 a:hover{
	color: #96c4da;
	font-weight:600;
	text-decoration:none;
}



/*----------------- IMAGES ----------------------*/


#image_bags_of_ice {
	margin-top:30px;
	margin-bottom:-10px;
	background-image:url(../images/pic_bags_of_ice_mobile.jpg);
	width:430px;
	height:398px;	
}

#image_pic_retail_intro {
	margin-top:-30px;
	background-image:url(../images/pic_retail_intro.jpg);
	width:420px;
	height:290px;	
}

#image_pic_ice_direct_card {
	margin-top:30px;
	margin-bottom:-20px;
	background-image:url(../images/pic_ice_direct_card_mobile.jpg);
	width:439px;
	height:276px;	
}

#image_retail_intro_image {
	margin-top:30px;
	margin-bottom:-30px;
	background-image:url(../images/retail_intro_image.jpg);
	width:414px;
	height:393px;	
}

#image_trucks {
	margin-top:-20px;
	margin-bottom:10px;
	background-image:url(../images/trucks.jpg);
	width:437px;
	height:222px;	
}

#image_pic_airline_catering {
	margin-top:50px;
	margin-bottom:30px;
	background-image:url(../images/pic_airline_catering.jpg);
	width:409px;
	height:241px;	
}

#image_pic_event_catering {
	margin-top:-10px;
	margin-bottom:30px;
	background-image:url(../images/pic_events.jpg);
	width:436px;
	height:316px;	
}

#image_ice_bag_merchants {
	margin-top:30px;
	margin-bottom:30px;
	background-image:url(../images/ice_bag_merchants.jpg);
	width:334px;
	height:395px;	
}

#image_ice_merchants {
	margin-top:-20px;
	margin-bottom:30px;
	background-image:url(../images/ice_merchants.jpg);
	width:312px;
	height:315px;	
}