@charset "utf-8";
/* CSS Document */

/* Main styling page for SimoEnergy Website */


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

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%;}
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-spacing: 0; }

/* Page Elements */

	/* White Background */
html { background: #FFFFFF; }

body {text-align: center; }

#container { position: relative; margin: 0 auto; width: 813px; overflow: hidden; text-align: center;}

#header { background: url(../images/home_media.jpg); height: 376px; width: 813px; z-index: 1; }

#header_sub { height: 199px; width: 813px; z-index: 1; }

#content { background: url(../images/home_content.jpg) repeat-y; background-color: #fff; overflow: auto; text-align: left; width: 813px; margin: 0; padding: 0; position: relative; top: 0px; }

#content_sub { background: url(../images/home_content.jpg) repeat-y; background-color: #fff; overflow: hidden; text-align: left; width: 813px; height: 400px; margin: 0; padding: 0; position: relative; top: 0px; }

/* Navigation - Home */

#nav {
	background: url(../images/nav_bg.jpg) no-repeat;
	position: absolute;
	text-align: center;
	top: 376px;
	left: 0px;
	z-index: 10;
	width: 813px;
	height: 25px;
	margin: 0;
	padding: 0;
}

#home { position: absolute; left: 131px; top: 0px; width: 69px; height: 25px; background: url(../images/home.jpg) no-repeat; }
#home:hover { background: url(../images/home_ovr.jpg) no-repeat;  }

#about { position: absolute; left: 125px; top: 0px; width: 94px; height: 25px; background: url(../images/about.jpg) no-repeat; }
#about:hover { background: url(../images/about_ovr.jpg) no-repeat;  }

#experience { position: absolute; left: 219px; top: 0px; width: 108px; height: 25px; background: url(../images/experience.jpg) no-repeat; }
#experience:hover { background: url(../images/experience_ovr.jpg) no-repeat;  }

#services { position: absolute; left: 327px; top: 0px; width: 87px; height: 25px; background: url(../images/services.jpg) no-repeat; }
#services:hover { background: url(../images/services_ovr.jpg) no-repeat;  }

#drilling_video { position: absolute; left: 414px; top: 0px; width: 129px; height: 25px; background: url(../images/drilling_video.jpg) no-repeat; }
#drilling_video:hover { background: url(../images/drilling_ovr.jpg) no-repeat;  }

#links, #links a { position: absolute; left: 541px; top: 0px; width: 69px; height: -12px; background: url(../images/links.jpg) no-repeat; }
#links:hover { background: url(../images/links_ovr.jpg) no-repeat;  }

#contact { position: absolute; left: 609px; top: 0px; width: 87px; height: 25px; background: url(../images/contact.jpg) no-repeat; }
#contact:hover { background: url(../images/contact_ovr.jpg) no-repeat;  }




/* Navigation - Sub Pages */

#nav_sub {
	position: absolute;
	text-align: center;
	top: 175px;
	left: 1px;
	z-index: 10;
	width: 813px;
	height: 25px;
	margin: 0;
	padding: 0;
}

#nav_sub a { 	
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#nav_sub a:hover { 
	color: #0066CC;
	text-decoration: underline;
}
#nav_sub a.selected { color: #0066CC;
	text-decoration: underline; }

/* Home */
#header_flash { position: relative; top: 33px; left: 505px; width: 218px; height: 39px; }

#ticker { width: 400px; height: 20px; float: left; margin-top: 40px; margin-left: 45px;}
#chart_button { float: left; width: 61px; height: 69px; margin-top: 40px; margin-left: 25px;}
#home_text { width: 400px; height: 160px; position: absolute; top: 80px; left: 50px; font-size: 13px; font-family:Arial, Helvetica, sans-serif; line-height: 20px; text-align: justify; }
#meter { width: 226px; height: 215px; background: url(../images/meter_bg.jpg) no-repeat bottom center; float: right; overflow: hidden; margin-top: 40px; margin-right: 35px; font-size: 10px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
#meter_left { width: 110px; height: 215px; float: left; padding-top: 12px; line-height: 12px; }
#meter_right { width: 110px; height: 215px; float: left; padding-top: 7px; margin-right: 6px; }


/* About Us */
#photos { width: 103px; height: 400px; float: left; margin-left: 70px;}
#photos img { padding-top: 0px; }

#about_content_1 { width: 500px; height: 400px; float: left; margin-left: 30px; padding-top: 0px; }
#about_content_1 p { font-size: 13px; font-family:Arial, Helvetica, sans-serif; line-height: 25px; text-align: justify; margin-bottom: 20px;}


/* Experience */
#map { width: 466px; height: 297px; float: left; margin-left: 50px; padding-top: 50px; }
#experience_content { width: 225px; height: 350px; float: left; font-size: 13px; font-family:Arial, Helvetica, sans-serif; margin-left: 30px; padding-top: 50px; }

/* Links */
/*#links { padding-top: 50px; }*/

/* Services Page */
#photos2 { width: 155px; height: 500px; float: left; margin-left: 30px;}
#photos2 img { padding-top: 0px; }

#services_content_1 { width: 515px; height: 510px; float: left; margin-left: 60px; padding-top: 0px; }
#services_content_1 p { font-size: 13px; font-family:Arial, Helvetica, sans-serif; line-height: 25px; text-align: justify; margin-bottom: 20px;}


/* Footer */
#footer { background: url(../images/footer.jpg); position: relative; bottom: 0; width: 813px; height: 51px; }
#footer_content { padding-top: 10px; width: 813px; text-align: center; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 20px;}
#footer_content a { text-decoration: none; color: #FFFFFF;}
#footer_content a:hover { color: #000000; text-decoration: none; }


/* Fonts */
* { font-family: Arial, Verdana, sans-serif; }
h1 { font-size: 20px; color: #1c2838; font-weight: bold; margin: 0 0 10px 0; }
h2 { font-size: 16px; color: #1c2838; font-weight: bold; margin: 0 0 10px 0; }
h3, h4, h5 { font-size: 14px; color: #1c2838; font-weight: bold; margin: 0 0 10px 0; }

ul { list-style-type: square; line-height: 18px; }
li { font-size: 13px; margin-bottom: 4px; margin-left: 15px; }