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

body{font-family:MyCustomFont, Arial, Helvetica, sans-serif; font-size:13px; color:#333; margin:0px auto; background:url(img/icel-back.jpg) #FFF repeat-x; }
div { margin:0px auto; height:auto; }
a {color:#000000; text-decoration:none; font-size:12px; }
a:hover {color:#900; }

#wrapper { width:980px; height:auto; }
#top-div{ float:left; width:100%; height:220px; position:relative; }
#logo{float:left; width:264px; height:153px;}
#logo img{width:100%; height:auto; margin-top:15px;}
#top-contact-links{float:right; min-width:600px;}
#top-contact-links ul {margin:0; padding:0; float:right; position:absolute; top:10px; right:0px; min-width:480px;}
#top-contact-links ul li{margin:0px 0px 0px 0px; list-style:none; font-weight:bold; float:left;}
#top-contact-links ul li.phone{background:url(img/phone-icon.png) top left no-repeat; padding:5px 20px 10px 28px; font-weight:bold;}
#top-contact-links ul li.email{background:url(img/email-icon.png) top left no-repeat; padding:5px 0px 10px 22px; font-weight:bold;}
#top-contact-links h1 { font-size:20px; text-transform:uppercase; color:#006; font-weight:bold; position:absolute; bottom:55px; right:0px;  }


#top-links{position:absolute; bottom:18px; right:0px;}
#top-links ul {margin:0; padding:0;}
#top-links ul li{float:left; margin:0px 0px 0px 20px; padding:0px; list-style:none; position:relative;}
#top-links ul li a{ padding:7px 8px; color:#FFF; text-transform:uppercase; font-size:13px; font-weight:bold; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;	    -webkit-transition: color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out;}
#top-links ul li a:hover, #top-links ul li a.active{ background:#FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:#FFF; 		-moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out; color:#C00}



ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
	z-index:20000000;
}
ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li ul.sub-menu li a {
padding:12px 10px; color:#FFF; text-transform:uppercase; font-size:13px; font-weight:bold; display:inline-block; background:#b70707;
min-width:185px; border-bottom:1px #FFF solid; text-transform:none; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -webkit-transition: background-color 0.3s ease-out;
}
ul#menu li ul.sub-menu li a:hover, ul#menu li ul.sub-menu li a.active {background:#900; min-width:185px; -moz-transition: background-color 0.3s ease-out;   -o-transition: background-color 0.3s ease-out;  -webkit-transition: background-color 0.3s ease-out;}
/*Make the parent of sub-menu relative*/

/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 22px;
    left: -20px;
	 -moz-transition:display 0.3s ease-out; -o-transition: display 0.3s ease-out; -webkit-transition: display 0.3s ease-out;
}
ul#menu li:hover ul.sub-menu {
    display:block;
	-moz-transition:display 0.3s ease-out; -o-transition: display 0.3s ease-out; -webkit-transition: display 0.3s ease-out;	
}





#main-banner{width:98%; height:265px; float:left; clear:both; margin-top:10px; padding:10px 1% 13px; background:#FFF; border:1px #666 solid;}
#main-banner img {width:100%; height:auto;}
#shadow{width:100%; height:50px; float:left; clear:both; background:url(img/shadow.jpg) top center no-repeat;}

#container
{float:left; clear:both; width:100%; height:auto; padding-bottom:15px;}
#container img
{width:100%; height:auto;}

h1 {color:#000; font-weight:normal; font-size:18px;}
h1.red {padding:7px 0px 7px 10px; background:#C00; color:#FFF; font-weight:normal; margin-top:0;}
h1.bottomred {border-bottom:2px #C00 solid; font-weight:normal; padding-bottom:7px; margin-top:35px; margin-bottom:0;}

p{ line-height:19px;}

a.readmore{color:#C00; display:block; margin:10px 0px; background:url(img/arrow.png) 0px 4px no-repeat; padding-left:14px; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out;}
a.readmore:hover{text-decoration:none; background:url(img/arrow.png) 0px -18px no-repeat; color:#227737; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out;}

ol.ol-class li {line-height:19px;}

.one_third_small{float:left; width:24%; margin:0px 2% 10px 0px;}
.side-links{width:100%;}
.side-links ul{margin:0; padding:0; width:100%;}
.side-links ul li{margin:0; padding:0; list-style:none; min-width:100%;}
.side-links ul li.head{border-bottom:1px #FFF solid; font-size:16px; background:#222; padding:8px 5%; min-width:90%; color:#FFF;}
.side-links ul li a{float:left;clear:both; margin:0; padding:8px 12%; border-bottom:1px #FFF solid; color:#FFF; background:url(img/white-arrow.png) 10px 12px #C00 no-repeat; width:76%; font-size:13px; font-weight:bold; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color  0.3s ease-out; -webkit-transition: background-color  0.3s ease-out;}
.side-links ul li a.active{background:url(img/white-arrow.png) 10px 12px #227737 no-repeat;}
.side-links ul li a:hover{background:url(img/white-arrow.png) 10px 12px #227737 no-repeat; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out;}

.one_half_large{float:right; width:74%; height:auto;}
.one_half_large_2{float:right; width:66%; height:auto;}

.one_half{float:left; width:45%; height:auto;}
.one_half_last{float:right; width:50%; height:auto;}

.one_third{float:left; width:32%; margin:0px 2% 10px 0px;}
.one_third img{width:100%; height:auto; display:block;}
.one_third_last{float:right; width:32%; margin:0px 0px 10px 0px;}

.footer-wrapper
{ margin:0px auto; border-top:8px #C00 solid; padding-top:7px; height:auto; width:100%; min-height:100px; display:block; clear:both; }
.footer
{ margin:0px auto; width:980px; font-weight:bold; }
.footer a
{color:#000; text-decoration:none; margin:0px 7px; font-weight:bold;}
.footer a:hover
{text-decoration:underline;}

	.magnifier {
		position:relative;
		display:block;
		background: url(images/magnifier.gif) right bottom no-repeat #000000;

	}
	.magnifier img {
		width: 100%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-webkit-box-shadow: 0 0 0 0 #fff;
		-moz-box-shadow: 0 0 0 0 #fff;
		box-shadow: 0 0 0 0 #fff;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}
	.magnifier span {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 45px;
		height: 45px;
		background: url(images/magnifier.gif) right bottom no-repeat #000000;
	}














