/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background:#5A6672;
}
/*--------------------------------- TOP -------------------------------*/
#header {
	height:160px;
	width:902px;
	z-index: 3;
}
/*------------------------ graphics -----------------------------*/

#navLeft {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 40px;
	height:26px;
	background:url(../images/nav_left.gif) top left no-repeat;
	z-index:10;
}
#navLeftPng {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 40px;
	height:26px;
	z-index:10;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_left.png');	/* Unfortunatly this hack will not validate :( */
}
#navRight {
	position: absolute; 
	right: 0px; 
	top: 0px; 
	width: 40px; 
	height:26px;
	border-left:1px solid #8FBDD1;
	background:url(../images/nav_right2.gif) top right no-repeat;
	z-index:10;
}
#graphic1 {
	position:absolute;
	top: 35px;
	left: 0px;
	z-index:10;
	width:10px;
	height:41px;
	background:url(../images/graphic1.gif) no-repeat top left;
}
#graphic2 {
	position:absolute;
	bottom: -1px;
	right: 4px;
	z-index:10;
	width:97px;
	height:47px;
	background:url(../images/graphic2.gif) no-repeat top left;
}

#graphic3 {
	position:absolute;
	bottom: 0px;
	left: 0px;
	z-index:9;
	width:900px;
	height:86px;
	background:url(../images/graphic3.gif) no-repeat top left;
}

/* --------------------------- Main (GLOBAL SETTINGS)----------------------------*/
#main {
	z-index: 2;
	position:relative;
	text-align:left;
	width:582px;
	padding:45px 290px 100px 30px;
	overflow:hidden;
	background: #FFFFFF url(../images/main_back1.gif) left top repeat-y;
}
#mainContent {
	font-size:12px;
	line-height:150%;
}
h1 {
	font-size:21px;
	color:#000000;
	line-height:150%;
	padding:20px 0px 0px 0px;
	margin: 0px;
	font-weight:normal;
}
h2 {
	font-size:18px;
	color:#000000;
	line-height:150%;
	padding:15px 0px 0px 0px;
	margin: 0px;
	font-weight:normal;
}
.green {
	color:#0088BB;
}
.red {
	color:#FF0000;
}

.relative, #listLinks {
	position:relative;
}
hr {
	height:0px;
	border-top:1px dashed #DDDDDD;
}
#mainContent ul {
	list-style-image:url(../images/icon_link.gif)
}
#mainContent li {
	margin-bottom:10px;
}
#keyPoints ul {
	list-style-image:url(../images/icon_ice_cube.gif)
}
#keyPoints ul li {
	margin-bottom:4px;
}
#listLinks {
	width:582px;
}
#listLinks ul li {
	margin-bottom:0px;
}
#listLinks a {
	color:#0088BB;
	text-decoration: none;
	font-weight:bold;
}
#listLinks a:hover {
	color:#CC0000;
	font-weight:bold;
	text-decoration:underline;
}
#mainContent a {
	color:#0088BB;
	font-weight:bold;
}
#mainContent a:hover {
	color:#CC0000;
}

/*---------------------------- RIGHT -----------------------------*/
#right {
	position:absolute;
	top:25px;
	right:6px;
	text-align:left;
	width:200px;
	margin: 0px;
	padding: 20px 25px 40px 25px;
	font-size:11px;
	line-height:130%;
}
.rightHeader {
	font-size:12px;
	font-weight:bold;
}
#mapImage {
	position: relative;
	background-color:#EFF2FB;
	margin: 0px;
	padding: 0px;
	border-left:1px #CCCCCC dashed;
}
#right a {
	color:#0088BB;
	text-decoration: none;
	font-weight:bold;
}
#right a:hover {
	color:#CC0000;
	text-decoration:underline;
}
.rightLink {
	float:right;
	text-align:right;
}
.rightLink img {
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 13px 0px 0px 0px;
}
.videoLink {
	padding: 0px 0px 8px 0px;
}
.videoLink img {
	margin: 0px 0px -8px 0px;
}
#quote {
	position: relative;
	width: 166px;
	padding:20px 16px 16px 16px;
	background-color:#DEEDF6;
	border:1px solid #0088BB;
	text-align:center;
	color:#0088BB;
	margin-top:10px;
}
#quote em {
	font-size:10px;
	color:#72BCD9;
}
.bl {
	position:absolute;
	bottom:-2px;
	left:-1px;
	width:65px;
	height:17px;
	background:url(../images/bl.gif) bottom left no-repeat;
} 
.br {
	position:absolute;
	bottom:-2px;
	right:-1px;
	width:17px;
	height:17px;
	/*background:url(../images/br.gif) bottom right no-repeat;*/
} 
.tl {
	position:absolute;
	top:-1px;
	left:-1px;
	width:65px;
	height:17px;
	background:url(../images/tl.gif) top left no-repeat;
} 
.tr {
	position:absolute;
	top:-1px;
	right:-1px;
	width:17px;
	height:17px;
	background:url(../images/tr.gif) top right no-repeat;
}

/*-------------------------- HOME PAGE ---------------------------*/
.homeImage {
	float:right;
	padding: 25px 0px 5px 5px;
	font-size:10px;
	color:#666666;
	text-align:center;
}
.homeImageBox {
	position:absolute;
	top:0px;
	right:20px;
	width:150px;
	height:150px;
	border:1px #EEEEEE solid;
	text-align:center;
	padding: 10px;
}
.homeImage2 {
	position:absolute;
	top:0px;
	left:0px;
	width:640px;
	height:388px;
	background:#EEEEEE;
	overflow:hidden;
}
.homeImage2 img {
	width:640px;
	height:388px;
}
#gallery1, #gallery2, #gallery3, #gallery4, #gallery5, #gallery6, #gallery7, #gallery8, #gallery9, #gallery10, #gallery11, #gallery12, #gallery13, #gallery14 {
	position:absolute;
	top:-1px;
	left:-1px;
	width:150px;
	height:150px;
	visibility:hidden;
	border:1px #0099CC solid;
	padding:10px;
	background-color:#FFFFFF;
} 
/*----------------------- ICE SCULPTURES ------------------------*/
.galleryRow {
	position:relative;
	height:202px;
}
.galleryRow img {
	margin: 3px;
	border: 0px;
}
.gallery1, .gallery2, .gallery3 {
	position:absolute;
	width: 156px;
	height: 190px;
	border: 1px solid #CCCCCC;
	margin:1px;
	text-align:center;
	background:#FFFFFF;
}
.gallery1 {
	left:0px;
}
.gallery2 {
	left:170px;
}
.gallery3 {
	left:340px;
}
.galleryRow a:hover {
	border:2px solid #CC0000;
	margin:0px;
}
.galleryLink {
	position:absolute;
	right:10px;
	bottom:3px;
	text-align:right;
}
.galleryLink img {
	position:absolute;
	right:-10px;
	bottom:-3px;
}
/*----------------------- ICE GALLERY ------------------------*/
.imageRow {
	position:relative;
	height:206px;
}
.imageRow img {
	border: 0px;
}

.image1, .image2, .image3, .image4, .image5 {
	position:absolute;
	width: 150px;
	padding:4px 4px 2px 4px;
	height: 179px;
	border: 1px solid #CCCCCC;
	margin:1px;
	text-align:center;
	background:#FFFFFF;
}
.image1 {
	left:0px;
}
.image2 {
	left:170px;
}
.image3 {
	left:340px;
}
.image4 {
	left:510px;
}
.image5 {
	left:680px;
}
.imageDesc {
	color:#666666;
	font-weight:normal;
	font-size: 10px;
}
.imageRow a {
	text-decoration:none;
}
.imageRow a:hover {
	border:2px solid #CC0000;
	margin:0px;
}
/*----------------------- CASE STUDIES ------------------------*/
.caseStudyRow {
	position:relative;
	height:180px;
	border-bottom:1px dashed #DDDDDD;
	overflow:hidden;
	margin-bottom:7px;
}
.caseStudyRow img {
	margin: 10px;
	border: 0px;
}
.caseStudyBox {
	position:absolute;
	width: 540px;
	height: 166px;
	left:184px;
}
.caseStudyBox h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:100%;
	padding:3px 0px 0px 0px;
	margin: 0px;
	color:#0088BB;
}
.caseStudyRow a {
	text-decoration:none;
}
.caseStudyRow a:hover {
	border:2px solid #CC0000;
	margin:0px;
}

/*--------------------------- testimonials -------------------------*/
#testimonial {
	margin-top:30px;
	color:#666666;
	font-size:11px;
	padding:10px;
	border:1px dashed #CCCCCC;
	background-color:#EEEEEE;
	list-style:none;
	position:relative;
}
#testimonial a {
	font-size:10px;
}
.testTitle {
	color:#999999;
	font-weight: bold;
	font-size:12px;
	background-color:#FFFFFF;
	position:absolute;
	top:-13px;
	left:10px;
}
.testHeader {
	font-weight: bold;
	font-size:12px;
	padding:4px 0px;
}
.testAuthor {
	font-style:italic;
	color:#999999;
	padding:4px 0px;
}
.display_date {
	float:right;
	font-style:italic;
	color:#999999;
	font-size:10px;
	padding:0px 4px 4px 4px;
}
/*--------------------------- footer -------------------------*/
#footer {
	font:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	margin-top: 6px;
	padding: 30px 0px 50px 0px;
	z-index: 2;
	text-align:center;
	font-size:10px;
	color:#999999;
	background: url(../images/main_reflection.jpg) top center no-repeat;
	width:906px;
	line-height:200%;
}
#footer a {
	text-decoration: none;
	color: #CCCCCC;
}
#footer a:hover {
	color: #33CCFF;
	text-decoration: underline;
}
#proDmedia {
	line-height: 140%;
	position: relative;
	margin-top: 70px;
	height: 50px;
	text-align:center;
}
#proDmedia a {
	text-decoration: none;
	color: #999999;
}
#proDmedia a:hover {
	color: #FF0044;
	text-decoration: underline;
}

/* ========== Image Row formatting ==*/
.imgRow{
	margin-bottom: 15px;
}