@font-face {
    font-family: 'EatonBold';
    src: url('./fonts/eatonbold-webfont.eot');
    src: url('./fonts/eatonbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/eatonbold-webfont.woff') format('woff'),
         url('./fonts/eatonbold-webfont.ttf') format('truetype'),
         url('./fonts/eatonbold-webfont.svg#EatonBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EatonMed';
    src: url('./fonts/eatonmed-webfont.eot');
    src: url('./fonts/eatonmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/eatonmed-webfont.woff') format('woff'),
         url('./fonts/eatonmed-webfont.ttf') format('truetype'),
         url('./fonts/eatonmed-webfont.svg#EatonMed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EatonReg';
    src: url('./fonts/eatonreg-webfont.eot');
    src: url('./fonts/eatonreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/eatonreg-webfont.woff') format('woff'),
         url('./fonts/eatonreg-webfont.ttf') format('truetype'),
         url('./fonts/eatonreg-webfont.svg#EatonReg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* css reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* styles */

a:link {color:#0e0d0d;text-decoration:none;text-shadow:1px 1px #fff;}
a:visited {color:#0e0d0d;text-decoration:none;text-shadow:1px 1px #fff;}
a:hover {color:#0d4160;text-decoration:none;text-shadow:1px 1px #fff;}
a:active {color:#0e0d0d;text-decoration:none;text-shadow:1px 1px #fff;}

#serverlink {
	width: 900px;
	margin: 20px auto 0;
	padding: 10px 0;
	background: #0079c2;
	color:#0d4160;
	font-size: 20px;
	text-align:center;
	font-family: 'EatonBold', Arial, sans-serif;
	text-shadow:1px 1px #2e90cc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#serverlink a {
	color: #a6e3ff;
	text-shadow:1px 1px #003759;
}

#serverlink .active {
	color:#fff;
	text-shadow: -1px -1px #003759;
}

#infobox {
	width: 640px;
	top: 355px;
	left: 250px;
	color:#111;
	position:absolute;
	font-family: Arial, sans-serif;
	font-size: 16px;
}


#container {
	position: relative;
	width: 900px; height: 563px;
	margin: 0 auto;
	overflow: hidden;
	background: url('./images/ePDU_bkg.jpg') no-repeat center top;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#sections {
	position: absolute;
	width: 100%; height: 100%;
}

.inner_section {
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0;
}

/* BOTTOM BAR */

#bottom_bar {
	position: absolute; bottom: 0;
	width: 900px;
	height: 80px;
	color: #fff;
	background: #0079c2 url('./images/logo.png') no-repeat center right;
}

#bottom_title {
    font-family: 'EatonBold', Arial, sans-serif;
    font-weight: normal;
	float: left;
	font-size: 30px;
	margin:0 5px 0 30px;
	line-height: 80px;
	text-shadow:1px 1px #003759;
}

#bottom_menu {
	list-style-type: none;
	float: left;
	margin: 0 0 0 20px;
}

#bottom_menu li {
	float: left;
	list-style: none;
}

#bottom_menu li a {
	position: relative;
	background: transparent url('./images/menu_divider.jpg') no-repeat left top;
}

#bottom_menu li a div.triangle {
	position: absolute;
	width: 24px; height: 13px; top: -13px; left: 50%; margin-left: -12px;
	display: none;
	background: transparent url('./images/triangle.png') no-repeat center center;
}
#bottom_menu li.active a div.triangle {
	display: block;
}

#bottom_menu li.active {
	background: transparent url('./images/active_bkg.jpg') repeat-x center top;
}

#bottom_menu li.active a{
	color:#0e0d0d;
	text-shadow:1px 1px #58a9da;
}

#bottom_menu a {
	display: block;
	color:#0d4160;
	padding: 0 30px;
	height: 80px;
	font-family: 'EatonBold', Arial, sans-serif;
	line-height: 80px;
	text-decoration: none;
	font-size: 24px;
	text-shadow:1px 1px #2e90cc;
}
#bottom_menu a:visited { color:#0d4160;text-decoration:none;text-shadow:1px 1px #2e90cc;}
#bottom_menu a:hover {color:#0e0d0d; text-decoration:none;text-shadow:1px 1px #2e90cc;}
#bottom_menu a:active {color:#0e0d0d; text-decoration:none;text-shadow:1px 1px #2e90cc;}

/* DOT WINDOW */

#dot_window {
	position: absolute; 
	/*top: 50%; margin-top: -220px;
	left: 50%; margin-left: -200px;*/
	top: 0;
	left: 0;
	display: none;
	width: 400px; /*height: 300px;*/
	border: 4px solid #0078c2;
	background: #fff;
	line-height: 1.5em;
	padding: 20px;
}

#dot_window_close {
	position: absolute; top: -10px; right: -13px;
	width: 30px; height: 30px;
	border: 0 none;
	padding: 0;
	cursor: pointer;
}

#dot_window ul {
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding-top: 5px;
}

#dot_window ul li {
	padding-top: 5px;
}

#dot_window_title {
	font-family: 'EatonBold', Arial, sans-serif;
	font-size: 20px;
}

#dot_window_content {
	position: relative; /* This protects the inner element from being blurred */
	padding: 0;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	color: #333;
}
#dot_window_content p {
	padding-top: 5px;
}
#dot_window_content p.detail {
	padding-top: 5px;
	font-size: 13px;
	color: #777;
	line-height: 1.3em;
}

#dot_window_content a:link {color:#0078c2; text-decoration:none;}
#dot_window_content a:visited { color:#0078c2;text-decoration:none;}
#dot_window_content a:hover {color:#0d4160; text-decoration:none;}
#dot_window_content a:active {color:#0d4160; text-decoration:none;}

#dot_window_slideshow {
	width: 100%;
	height: 150px;
	margin-top:10px;
}

.nivo-directionNav {
	color: #666;
}

/* DOTS */

.dot {
	display: block;
	position: absolute;
	height: 34px;
	min-width: 34px;
	background: transparent url('./images/dot_small.png') no-repeat center left; 
}

.dot span {
    font-family: 'EatonMed', Arial, sans-serif;
	font-size: 20px;
	margin-left: 36px;
	line-height: 34px;
	vertical-align: middle;
}
.dot span.multi {
	line-height: 18px;
}