/* @override http://orthoisland.com/assets/styles/styles.css */

/* @override http://orthoisland.com/assets/styles/styles.css */

/* @override http://localhost/orthoisland.com/assets/styles/styles.css */

@import url("zero-out.css");

/* Default styles.css */
/* @group Main */
body {
	font: 11px/1.3em Arial;
	background: #ffffff url(../images/body_bg.png) repeat-x 0 36px;
}

div#container {
	width: 920px;
	border-top: none;
	margin: 0 auto 0px;
}


/* @end */

/* @group Header */
div#header {
	position: relative;
	height: 100px;
}

h1#logo {
	background: url(../images/geist-logo.png);
	width: 123px;
	height: 116px;
	text-indent: -9999px;
	position: absolute;
	left: 20px;
	z-index: 185;
}

p.headerText{
  font: normal 15px "Arial Rounded MT Bold", Arial, sans-serif;
  color:#06AEDB;
  left: 160px;
  position: absolute;
  top: 5px;
  width: 560px;
}

ul#global-navigation {
	position: absolute;
	top:10px;
	right: 20px;
}

ul#global-navigation li a {
	display: block;
	width: 90px;
	padding: 5px 0px;
	text-decoration: none;
	color: #135677;
}

li#facebook-tab a:link, li#facebook-tab a:visited {
	background: url(../images/facebook.png) no-repeat ;
	height: 35px;
	margin: 0;
	padding: 0;
	width: 135px;
	text-indent: -9999px;
	position: relative;
	bottom: 10px;
}

li#facebook-tab a:hover {
	background-position: 0 -35px;	
}

ul#global-navigation li a#contact-us-link {
	padding-right: 15px;
	background: url(../images/right-arrow.gif) center right no-repeat;
}

ul#global-navigation li a#emergency-care-link {
	padding-right: 15px;
	background: url(../images/plus.gif) center right no-repeat;
}

/* @end */

/* @group Navigation */

ul#navigation {
	background: #37b248 url(../images/nav-bg.png) repeat-x 0 top;
	height: 2.2em;
	padding-left: 225px;
}

ul#navigation li ul{
	height: auto;
	position: absolute;
	display: none;
	border: 1px solid #ccc;
	border-top: none;
	background:#fff url(assets/images/clear.gif);
	z-index: 80;
}

ul#navigation li {
	float: left;
	position: relative;
	margin-left: 10px;
}

ul#navigation li a {
	display: block;
	float: left;
	height: 2em;
	padding: 0px .4em;
	line-height: 2em;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

ul#navigation li ul li {
	margin-left: 0px ;
}

ul#navigation li ul li a {
	width: 10em;
	position:relative !important; /* ie Mac */
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	color: green;
}


ul#navigation ul a:hover,
ul#navigation ul a:focus,
ul#navigation ul a:active {color:#000 !important;background: #b8d8b8}
/* display and z-index for the sub-menus */
ul#navigation li:hover ul,
ul#navigation li.msieFix ul {display:block;z-index:10;top:2em !important; left:  0px;}

/* @end */

/* @group SubNavigation */



/* @end */

/* @group Content */
ul#main-links {
	position: relative;
	bottom: 330px;
	width: 1080px;
	margin: 0px auto;

}
ul#main-links li {
	position: absolute;
}

li#about-our-office { z-index:90 }

li#our-process { left: 180px; z-index: 92; }

li#braces-101 {	left: 360px; z-index: 91; }

li#faqs {  left: 540px; z-index: 94; }

li#news-contests { left: 720px;  z-index: 93;}

li#kids-zone { left: 900px;z-index: 99; }

ul#main-links li a:link, ul#main-links li a:visited {
	
}

ul#main-links li a:hover {
	cursor: pointer;
}

div#video-container {
	position: relative;
	background: url(../images/stage-bg.jpg);
	z-index: -1;
}

div#canvas {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 100%;
	background-color: #d9eef7;
	opacity: .85;
}

div#pertinent {
	position: absolute;
	z-index: 2;
	padding: 50px;
}


embed.ocean-scene {
	position: absolute;
	top: 0px;
	left: 0px;
}



/* @end */

span#footer {
	font-size: 10px;
	color: #2C6888;
	position: relative;
	top: -15px;
}