*
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #000;
	width: 100%;
	font: normal 14px Arial, sans-serif;
	color: #fff;
}

div#wrapper
{
	background: #333 url(../media/graphics/both-middle.gif) repeat-y 10px 10px;
	background-color: #333;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 990px;
	position: relative;
}

body#splash div#wrapper,
body#splash div#footer-gap,
body#splash div#content-gap { background-image: none; }

body#splash div#wrapper div#content-gap
{
	height: 0px;
	margin: 0px;
	overflow: hidden;
}

body#splash div#footer-gap
{
	height: 10px;
	margin: 0px;
	overflow: hidden;
}

div#flash
{
	position: relative;
	background-color: #333;
	width: 980px;
	height: 420px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#alternativeContent
{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 970px;
	height: 420px;
	z-index: 1;
}

body#splash div#alternativeContent { background: #333 url(../media/graphics/home-background.jpg) no-repeat -10px 0px; }
body#about-otg-management-body div#flash { background: #333 url(../media/graphics/about-otg-management-background.jpg) no-repeat 0px 10px; }
body#featured-press-and-news-body div#flash { background: #333 url(../media/graphics/featured-press-and-news-background.jpg) no-repeat 0px 10px; }
body#concepts-and-locations-body div#flash { background: #333 url(../media/graphics/concepts-background.jpg) no-repeat 0px 10px; }
body#careers-body div#flash { background: #333 url(../media/graphics/careers-background.jpg) no-repeat 0px 10px; }

div#top-bar
{
	position: absolute;
	top: 10px;
	left: 0;
	height: 60px;
	width: 980px;
	margin: 0px;
	padding: 10px 0px;
	background: transparent url(../media/graphics/primary-background.png) no-repeat;
	z-index: 10;
}

ul.primary-navigation
{
	display: block;
	height: 40px;
	width: 980px;
	margin: 0px;
	padding: 0px;
}

ul.primary-navigation li
{
	height: 40px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

ul.primary-navigation li a
{
	height: 40px;
	float: left;
}

ul.primary-navigation li.about-otg-management-navigation a
{
	background: transparent url(../media/graphics/about-otg-management.png) no-repeat left top;
	width: 201px;
}

ul.primary-navigation li.concepts-and-locations-navigation a
{
	background: transparent url(../media/graphics/concepts-and-locations.png) no-repeat left top;
	width: 188px;
}

ul.primary-navigation li.careers-navigation a
{
	background: transparent url(../media/graphics/careers.png) no-repeat left top;
	width: 91px;
}

ul.primary-navigation li.featured-press-and-news-navigation a
{
	background: transparent url(../media/graphics/featured-press-and-news.png) no-repeat left top;
	width: 195px;
}

ul.primary-navigation li.current a,
ul.primary-navigation li.current a:visited,
ul.primary-navigation li.current a:active { background-position: left bottom; }
ul.primary-navigation li a:hover { background-position: left bottom; }

ul.primary-navigation li.home-navigation a
{
	background-color: transparent;
	width: 130px;
	margin: 0px 41px 0px 0px;
}

ul.primary-navigation li.separator
{
	background: transparent url(../media/graphics/primary-separator.png) no-repeat left top;
	width: 31px;
	float: left;
}

ul.primary-navigation li span { display: none; }
ul.primary-navigation li a span { display: none; }

div#content
{
	margin: 10px 10px 0px 10px;
	padding: 0px;
	width: 970px;
	clear: both;
}

div#content-gap
{
	background: #333 url(../media/graphics/both-top.gif) no-repeat left bottom;
	margin: 0px 10px 0px 10px;
	width: 970px;
	height: 15px;
	line-height: 10px;
	clear: both;
}

div#footer-gap
{
	background: #333 url(../media/graphics/both-bottom.gif) no-repeat left top;
	margin: 0px 10px 0px 10px;
	width: 970px;
	height: 15px;
	line-height: 10px;
	clear: both;
}

div#left-column
{
	margin: 0px;
	padding: 0px;
	width: 350px;
	float: left;
}

div#right-column
{
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 600px;
	float: right;
	font: normal 14px Arial, sans-serif;
}

div#tan-bottom
{
	width: 600px;
	line-height: 5px;
	height: 5px;
}

div#splash-left
{
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 130px;
	float: left;
}

div#splash-right
{
	background: transparent url(../media/graphics/featured-news-background.png) no-repeat left top;
	color: #333;
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 130px;
	float: right;
}

div#splash-right img
{
	width: 240px;
	height: 130px;
	float: right;
}

div#footer
{
	position: relative;
	background: #333 url(../media/graphics/foot.png) no-repeat;
	width: 990px;
	height: 30px;
	clear: both;
}

div#footer-left
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 30px;
	line-height: 30px;
	color: #fff;
}

div#footer-right
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 450px;
	height: 30px;
	color: #993300;
	line-height: 30px;
	text-align: right;
}

div#footer-left a, div#footer-left a:visited, div#footer-left a:active
{
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
}

div#footer-left a:hover
{
	color: #993300;
	text-decoration: none;
}

img { border: 0; }
h1, h2, h3, p { margin: 0px 0px 15px 0px; }
h2 { font-size: 24px; }
div#left-column h2 { margin: 0px 0px 15px 0px; }

a, a:visited, a:active
{
	color: #0066ff;
	text-decoration: none;
}

a:hover
{
	color: #993300;
	text-decoration: none;
}

div.featured
{
	width: 210px;
	margin: 30px 0px 0px 15px;
	font: normal 12px Helvetica Neue, Helvetica, Arial, sans-serif;
}

div.for-padding { padding: 0px 10px 10px 10px; }

ul.secondary-navigation
{
	width: 340px;
	margin: 0px;
	padding: 0px;
}

ul.tertiary-navigation
{
	margin: 0px 0px 0px 12px;
	padding: 0px;
}

ul.secondary-navigation li,
ul.tertiary-navigation li
{
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 10px;
}

ul.secondary-navigation li a,
ul.secondary-navigation li ul.tertiary-navigation li a,
ul.secondary-navigation li a:visited,
ul.secondary-navigation li ul.tertiary-navigation li a:visited
{
	color: #ff6600;
	font-size: 14px;
}

ul.secondary-navigation li ul.tertiary-navigation li a { color: #999999; }
ul.secondary-navigation li ul.tertiary-navigation li:before { content: "\003E \0020"; }

ul.secondary-navigation li.current a,
ul.secondary-navigation li a:hover,
ul.secondary-navigation li ul.tertiary-navigation li.current a,
ul.secondary-navigation li ul.tertiary-navigation li a:hover,
ul.secondary-navigation li a:active,
ul.secondary-navigation li ul.tertiary-navigation li a:active
{
	background-position: left bottom;
	color: #fff;
}

ul,
li { list-style: none; }

ul.secondary-navigation li strong
{
	color: #ff6600;
	font-size: 14px;
	font-weight: normal;
}

div#right-column ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

div#right-column ul li
{
	list-style-type: disc;
	list-style-position: default;
}

.more-info { display: none; }
.selectedInfo { display: block; }

#panels
{
	position: absolute;
	top: 70px;
	left: 10px;
	width: 970px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#panels .container
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 970px;
	height: 360px;
	overflow: hidden;
}

#panels .container .gutter { position: absolute; }

#panels .container .gutter .panel
{
	cursor: pointer;
	width: 230px;
	height: 110px;
	position: absolute;
}

#panels .container .gutter .panelOut { background: transparent url(../media/graphics/bg-white-40.png) no-repeat left top; }
#panels .container .gutter .panelOver,
#panels .container .gutter .panelSelected { background: transparent url(../media/graphics/bg-white-70.png) no-repeat left top; }
#panels .container .gutter .panelDisabled { background: transparent url(../media/graphics/bg-grey.png) no-repeat left top; }

#panels .arrowRight, #panels .arrowLeft
{
	cursor: pointer;
	position: absolute;
	top: 120px;
	width: 21px;
	height: 110px;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

#panels .arrowRight
{
	right: 0px;
	background: transparent url(../media/graphics/next.png) no-repeat center center;
}

#panels .arrowLeft
{
	left: 0px;
	background: transparent url(../media/graphics/previous.png) no-repeat center center;
}

#panels .panel div.image
{
	width: 230px;
	height: 110px;
}

div.more-links
{
	width: 560px;
	height: 18px;
	margin: 0px 0px 20px 0px;
}

div.more-links a
{
	vertical-align: middle;
	color: #0066ff;
	text-decoration: none;
}

div.more-links a:hover
{
	color: #993300;
}

div.more-links a img
{
	float: left;
	clear: none;
}

div.more-links a span
{
	height: 18px;
	font-size: 10px;
	line-height: 18px;
	float: left;
	clear: none;
	margin: 0px 15px 0px 3px;
}




img.left-aligned
{
	float: left;
	clear: none;
	margin: 0px 10px 10px 0px;
}

img.right-aligned
{
	float: right;
	clear: none;
	margin: 0px 0px 10px 0px;
}

img.right-aligned-with-margin
{
	float: right;
	clear: none;
	margin: 0px 0px 10px 10px;
}


.more-info table tr td
{
	width: 250px;
}

.more-info h4
{
	clear: both;
}

a:focus
{
	outline: 0;
}

sup
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: smaller;
}

sup { bottom: 1ex; }