/* Stylesheet name:
   Author: OH! Media - www.ohmedia.ca
   More Info: */

/* reset */
html{color:#fff;background:#000;font-size: 62.5%;line-height:150%;} 
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
del,ins{text-decoration:none;}
.left {float:left;}
.right {float:right;}
.hide{visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important;}
.clear{clear:both;}
.text-right{text-align:right;}
.text-left{text-align:left;}

/***** *****/


#complete-wrap {
	width:876px;
	margin:0 auto;
	font-size:12px;
	font-family:Verdana, Helvetica, Sans-serif;
}

#wrap-1, #wrap-2, #wrap-3, #wrap-4, #wrap-5, #wrap-6 {
	width:866px;
	margin:55px auto 0 auto;
	height:auto;
	border:5px solid #fff;
	overflow:visible;
}

#wrap-1 {
	margin-top:27px;
}

div.left-col {
	width:150px;
	float:left;
	margin:35px 0 0 0;
}

div.mid-col {
	width:375px;
	margin:25px 0 0 80px;
	float:left;
	color:#b1b0b0;
	line-height:22px;
}

strong {
	color:#fff;
}

div.right-col {
	margin:71px 0 0px 0;
	width:157px;
	float:right;
	margin-right:-9px;
}

.advert {
	width:866px;
	margin:-25px auto 0 auto;
	height:auto;
	border:5px solid #fff;
	overflow:visible;
}

.advert img {
	padding:5px 0 10px 0;
}

#advert-1 {
	float:left;
	width:476px;
	margin:46px 0 46px 26px;
}

#trans-1 {
	width:490px;
	margin:250px auto 0 auto;
}

#trans-2 {
	width:534px;
	margin:350px auto 0 auto;
}

#trans-3 {
	width:648px;
	margin:0 auto;
}

#trans-4 {
	width:245px;
	margin:0 auto;
}

#trans-5 {
	width:534px;
	margin:0 auto;
}


/***** *****/
ul {
	margin:0;
	padding:0;
}

ul.right-menu {
	height:269px;
	width:157px;
	position:relative;
	list-style:none;
	margin:0 0 10px 0;
}

ul.left-menu {
	list-style:none;
	margin-left:-9px;
}

ul.left-menu li a{
	text-decoration:none;
	width:auto;
	height:24px;
	padding:9px 25px 0 25px;
	float:left;
}

ul.left-menu li {
	display:block;
	margin:2px 0;
	float:left;
}

.a-default {
    color:#fff;
}

ul.left-menu li a:hover, .left-menu-active {
	color:#1f1f1f;
	background:url(images/left-menu-bg-lg.jpg);
}

ul.left-menu li.lg a, .lg .left-menu-active{
	background:url(images/left-menu-bg-lg.jpg);
	color:#1f1f1f;
}

.lg .left-menu{
	color:#fff;
	background:none;
}

ul.right-menu li a span{
	visibility:hidden;
	border:0;
}

ul.right-menu li a.menu-service, ul.right-menu li a.menu-service-active {
	height:56px;
	width:157px;
	background:url(images/right-menu.png) 157px 0;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-service:hover, ul.right-menu li a.menu-service-active {background-position:0 0;}


ul.right-menu li a.menu-info, ul.right-menu li a.menu-info-active {
	width:157px;
	height:39px;
	background:url(images/right-menu.png) 157px -56px;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-info:hover, ul.right-menu li a.menu-info-active {background-position:0 -56px;}

ul.right-menu li a.menu-safe, ul.right-menu li a.menu-safe-active {
	width:157px;
	height:41px;
	background:url(images/right-menu.png) 157px -95px;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-safe:hover, ul.right-menu li a.menu-safe-active {background-position:0 -95px;}

ul.right-menu li a.menu-expect, ul.right-menu li a.menu-expect-active {
	width:157px;
	height:47px;
	background:url(images/right-menu.png) 157px -136px;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-expect:hover, ul.right-menu li a.menu-expect-active {background-position:0 -136px;}

ul.right-menu li a.menu-fuq, ul.right-menu li a.menu-fuq-active {
	width:157px;
	height:46px;
	background:url(images/right-menu.png) 157px -183px;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-fuq:hover, ul.right-menu li a.menu-fuq-active {background-position:0 -183px;}

ul.right-menu li a.menu-home, ul.right-menu li a.menu-home-active {
	width:157px;
	height:41px;
	background:url(images/right-menu.png) 157px -229px;
	display:block;
	text-decoration:none;
}

ul.right-menu li a.menu-home:hover, ul.right-menu li a.menu-home-active {background-position:0 -229px;}

div.divider {
	height:1px;
	border-top:1px solid #1f1f1f;
	border-bottom:1px solid #2e2e2e;
	background:#4d4d4d;
	margin:54px 0 350px 0;
}

a.btn-up-girl {
	height:46px;
	width:37px;
	background:url(images/up-girl.gif) 0 0 no-repeat;
	display:block;
	position:relative;
	top:-46px;
	right:-825px;
	outline:none;
}

a.btn-up-boy {
	height:46px;
	width:37px;
	background:url(images/up-boy.gif) 0 0 no-repeat;
	display:block;
	position:relative;
	top:-46px;
	right:-825px;
	outline:none;
}

a.btn-up-boy:hover, a.btn-up-girl:hover {
	background-position:-37px 0;
}

a.e-blast-btn {
	width:109px;
	height:37px;
	background:url(images/e-blast-bg.jpg) 0 -37px;
	display:block;
	position:relative;
	top:-42px;
	left:10px;
}

a.e-blast-btn:hover {
	background-position:0 0;
}

a.hours-btn {
	width:109px;
	height:37px;
	background:url(images/hours-bg.jpg) 0 -37px;
	display:block;
	position:relative;
	top:-79px;
	left:140px;
}

a.hours-btn:hover {
	background-position:0 0;
}

/***** *****/
a, a:link, a:visited, a:active{
	text-decoration:underline;
	cursor:pointer;
}

a:active, a:focus {
    outline: 0;
}

a:hover {
	text-decoration:none;
}

li a{
	text-decoration:none;
}

/***** Rounded corners *****/

b.wrap-tl {
	background:url(images/wrap-tl.gif) 0 0 no-repeat;
	height:9px;
	width:9px;
	display:block;
	float:left;
	position:relative;
	top:-5px;
	right:5px;
}

b.wrap-tr {
	background:url(images/wrap-tr.gif) 0 0 no-repeat;
	float:right;
	height:9px;
	width:9px;
	position:relative;
	top:-5px;
	right:-5px;
}

b.wrap-bl {
	background:url(images/wrap-bl.gif) 0 0 no-repeat;
	height:9px;
	width:9px;
	display:block;
	float:left;
	position:relative;
	bottom:4px;
	*bottom:-5px;
	_bottom:-8px;
	right:5px;
}

b.wrap-br {
	background:url(images/wrap-br.gif) 0 0 no-repeat;
	float:right;
	height:9px;
	width:9px;
	display:block;
	position:relative;
	bottom:4px;
	*bottom:-5px;
	_bottom:-8px;
	right:-5px;
}

.section .sub{
	float:left;
	display:block;
	width:100px;
	padding:0 275px 0 0;
}

.section ul li {
	display:inline;
	width:175px;
}

.section-container {
	width:375px; 
	overflow:hidden;
}

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}

.content{
	width:420px;
	position:relative;
	min-height:335px;
	float:left;
	margin:0 0 50px 0;
}

div.content a {
	color:#fff;
	text-decoration:underline;
}

div.content a:hover {
	border:0;
	text-decoration:underline;
}

.section{
	width:1900px;
	position:relative;
}

.section .sub{
	position:relative;
	float:left;
	width:375px;
	height:352px;
	padding-bottom:200px;
}

a[href$=".pdf"] {
	padding-left:20px;
	background:url(../images/pdf-icon.gif) no-repeat left;
	border:0;
}

a[href$=".doc"] {
	padding-left:17px;
	background:url(../images/doc-icon.gif) no-repeat left;
}

p {
	margin-bottom:15px;
}

div.mid-col ul {
	padding:8px 0 8px 15px;
}

div.mid-col ul p + ul {
	padding:0 0 8px 15px;
}

h2 {
	text-transform:uppercase;
	font-weight:900;
	margin:30px 0 0 0;
	color:#fff;
}

table {
	width:475px;
}

h1 {
	text-transform:uppercase;
	font-weight:900;
	font-size:18px;
	border-bottom:1px dotted #fff;
	margin:0 0 5px 0;
	color:#fff;
}

font {
	color:#fff;
	font-size:12px;
}

/* Forms
********************************************/
form, label, legend
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #444; padding: 2px;}

/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

label.error {
	color:#f00;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}