/* @override http://doorintl-dev.5qcommunications.com/assets/templates/fiveq/css/style.css */

/*--------{ DOOR INTERNATIONAL -- sitewide CSS }--------*/
/*--------{ created by Heath Gerlock @ 5Q Communications, Inc. 9.12.2007 }-------*/
/*--------{ visit http://www.5Qcommunications.com/ -- five questions that change the web. }--------/

/* @group Global Styles */

* {
	margin: 0;
	padding: 0;
}

div.hr {
	visibility: hidden;
	display: block;
	clear: both;
	height: 20px;
	line-height: 20px;
	width: 100%;
	border: none;
	background: none;
}

html {
	background-color: #000;
}

body {
	font-size: 62.5%;
	font-family: 'Verdana',Helvetica,Arial,sans-serif;
	text-align: left;
	color: #444;
}


/* @group HEADER */

#headerWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 770px;
	height: 160px;
}

#header {
	position: relative;
	margin: 0 5px;
	height: 160px;
}

a#logo {
	width: 315px;
	height: 140px;
	background: transparent;
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
}

#siteChooser {
	position: absolute;
	height: 38px;
	width: 299px;
	bottom: -2px;
	right: 0;
	background: transparent url(../images/bg_tabs.gif) no-repeat left top;
}
a#home {
	margin: 6px 0 0 6px;
	_margin: 6px 0 0 3px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	width: 89px;
	height: 30px;
	background: url(../images/btn_home.gif) no-repeat center top;
}
a:hover#home {
	background: url(../images/btn_home.gif) no-repeat center center;
}
a.active#home,
a.active:hover#home {
	cursor: default;
	background: url(../images/btn_home.gif) no-repeat center bottom;
}


a#deaf {
	margin: 6px 6px 0 6px;
	_margin: 6px 6px 0 3px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	width: 86px;
	height: 30px;
	background: url(../images/btn_deaf.gif) no-repeat center top;
}
a:hover#deaf {
	background: url(../images/btn_deaf.gif) no-repeat center center;
}
a.active#deaf,
a.active:hover#deaf {
	cursor: default;
	background: url(../images/btn_deaf.gif) no-repeat center bottom;
}

a#hearing {
	margin: 6px 0 0 0;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	width: 100px;
	height: 30px;
	background: url(../images/btn_hearing.gif) no-repeat center top;
}
a:hover#hearing {
	background: url(../images/btn_hearing.gif) no-repeat center center;
}
a.active#hearing,
a.active:hover#hearing {
	cursor: default;
	background: url(../images/btn_hearing.gif) no-repeat center bottom;
}
/* @group BREAD CRUMB */

#breadcrumb {
	position: absolute;
	left: 0;
	top: 4px;
	width: 570px;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #fff;
}

#breadcrumb a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

/* @end */

/* @group UTILITIES */

#utilitiesWrapper {
	position: absolute;
	display: block;
	top: 20px;
	_width: 400px;
	right: 0;
	background: #333 url(../images/bg_utilities.gif) repeat-x center bottom;
	text-align: center;
}

#country form select {
	font-size: 9px;
	height: 13px;
	border: 1px solid #fff;
}

#search {
	display: block;
	float: left;
	margin: 8px 8px 7px 0;
	font-size: 10px;
}

#search form input.text {
	width: 155px;
	border: none;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	float: left;
	margin: 0 5px 0 0;
	border: 4px solid #fff;
}

#search form input.submit {
	border: none;
	float: left;
}

#utilities {
	float: left;
	text-align: left;
	margin: 13px 5px 11px 5px;
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	text-transform: uppercase;
}

#utilities a {
	color: #fff;
	font-size: 9px;
	line-height: 9px;
	text-decoration: none;
	margin: 0 8px;
}

#utilities a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group MENU */

#menuWrapper {
	width: 100%;
	background: #fff url(../images/bg_menu.jpg) repeat left top;
}

/* common styling */

.menu {
	position: relative;
	margin: 0 auto;
	width: 770px;
	z-index: 100;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu ul li {
	float: left;
	display: block;
	position: relative;
	text-align: center;
}

.menu ul li ul li,
.menu ul li ul li ul li,
.menu ul li ul li ul li ul li {
	text-align: left;
}

.menu ul li a,
.menu ul li a:visited {
	float: left;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
	padding: 15px 15px 15px 15px;
	font-size: 11px;
	line-height: 11px;
}

* html .menu ul li a,
 .menu ul li a:visited {
	padding: 15px 15px 15px 15px;
	font-size: 11px;
	line-height: 11px;
}

.menu ul li ul {
	display: none;
}

.menu table {
	border-collapse: collapse;
	font-size: 10px;
}

/* specific to non IE browsers */

.menu ul#topnav li a.active,
.menu ul li a.active,
.menu ul li.active a,
.menu ul li:hover a,
.menu ul li a:hover {
	color: #333;
	background: #fff url(../images/bg_menu_active.jpg) repeat-x center top;
 }

.menu ul li:hover ul,
.menu ul li a:hover ul {
	display: block;
	position: absolute;
	top: 40px;
	left: -1px;
	border-style: solid;
	border-color: #999;
	border-width: 0 1px 1px 1px;
	z-index: 1000;
}

* html .menu ul li a:hover ul {
	margin-top: 1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	margin-top: -1px;
	z-index: 1000;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display: block;
	background: #fff;
	color: #333;
	height: auto;
	font-size: 10px;
	line-height: 10px;
	padding: 8px 20px;
	width: 110px
}

* html .menu ul li a:hover ul li a {
	width: 120px;
	w\idth: 110px;
}

.menu ul li:hover ul li a:hover.drop,
.menu ul li a:hover ul li a:hover.drop {
	background: #ddd url(../images/bg_menu_pointer_right.gif) no-repeat right center !important;
}
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
	background: #fff url(../images/bg_menu_pointer_right.gif) no-repeat right center !important;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background: #ddd;
	color: #333;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility: visible;
	position: absolute;
	display: block;
	left: 150px;
	top: 0;
	width: 150px;
	border: 1px solid #999;
	z-index: 1000;
}
.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
	left: -150px;
}

/* @end */


/* @group FOOTER */

#bottomCurve {
	width: 100%;
	clear: both;
	height: 19px;
	background: transparent url(../images/bg_bottom_curve.jpg) no-repeat center bottom;
}

#footerWrapper {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
	background: #000 url(../images/bg_footer_tile.jpg) repeat-x center top;
}

#footer {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 770px;
	background: #000 url(../images/bg_footer.jpg) no-repeat center top;
}

/* @group TABS */

#footerMenuTabs {
	margin: 10px 15px;
	float: left;
	position: relative;
	width: 220px;
	z-index: 500 !important;
}

#tabs {
	background: none;
	height: 19px;
	border-bottom: 2px solid #8c8c8c;
}

#tabs span {
	display: block;
	float: left;
	height: 19px;
	overflow: hidden;
}

#homeTab {
	width: 69px;
	cursor: pointer !important;
	margin-right: 1px;
}
#deafTab {
	width: 65px;
	cursor: pointer !important;
	margin-right: 1px;
}
#hearingTab {
	width: 84px;
	cursor: pointer !important;
}
#footerMenuHome,
#footerMenuDeaf,
#footerMenuHearing {
	width: 220px;
}

#footerMenuHome ul,
#footerMenuDeaf ul,
#footerMenuHearing ul {
	color: #999;
	list-style: none;
	margin-bottom: 10px;
}
#footerMenuHome ul li,
#footerMenuDeaf ul li,
#footerMenuHearing ul li {
	border-bottom: 1px dotted #525252;
	color: #999;
	font-size: 10px;
	line-height: 10px;
}
#footerMenuHome ul li a,
#footerMenuDeaf ul li a,
#footerMenuHearing ul li a {
	padding: 4px;
	color: #999;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}
#footerMenuHome ul li a:hover,
#footerMenuDeaf ul li a:hover,
#footerMenuHearing ul li a:hover {
	color: #fff;
	background: #333;
}


/* @end */

/* @group CONTACT */

#contact {
	margin: 10px 15px;
	width: 220px;
	float: left;
}

#contact h2 {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	text-transform: uppercase;
	padding: 4px 0;
	margin-bottom: 0px;
	border-bottom: 2px solid #8c8c8c;
}

#contact ul {
	color: #5d759e;
	list-style: none;
	margin-bottom: 10px;
}

#contact ul li {
	border-bottom: 1px dotted #525252;
	color: #999;
	font-size: 10px;
	line-height: 10px;
}

#contact ul li p {
	padding: 4px;
	color: #999;
	display: block;
	text-decoration: none;
	text-transform: none;

}
#contact ul li p:hover {
	color: #fff;
	background: #333;
}

#contact ul li a {
	padding: 4px;
	color: #999;
	display: block;
	text-decoration: none;
	text-transform: lowercase;
}

#contact ul li a:hover {
	color: #fff;
	background: #333;
}

/* @end */

#wycliffe {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	margin: 10px 10px 10px 0;
	display: block;
	visibility: hidden;
	height: 150px;
	width: 128px;
	background: transparent url(../images/logo_wycliffe.gif) no-repeat center center;
}
#ecfa {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	margin: 10px 0 10px 10px;
	display: block;
	height: 131px;
	width: 102px;
	background: transparent url(../images/logo_ecfa.gif) no-repeat center center;
}
#legal {
	clear: both;
	width: 100%;
	color: #999;
	text-align: center;
	padding: 5px;
}

/* @end */

div.augment {
	clear: both;
	border: none;
	line-height: 1px;
	font-size: 1px;
	background: transparent;
	visibility: hidden;
}