/********************************************************************/
/*	Main CSS.														*/
/*	Site by Tanner Naeher, Coyote6 GraphX, www.coyote6graphx.com	*/
/********************************************************************/

/* Defaults. */
* {margin: 0px; padding: 0px;}
html, body, th, tr, td, p, ul, li, h1, h2, h3, h4, h5, h6, i, div {
	 color: #FFFFFF; 
	 font-family:  Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 12px; 
	 font-weight: normal; 
	 text-decoration: none; 
	 font-style: normal; 
	 border: #000000 solid 0px;
	 }

/* Background and page settings. */
html {background: #000000 url('/Images/Common/html_bg.jpg') repeat 0px 0px;}
/* body {background: transparent; position: absolute; top: 0px; left: 50%;} */
body {
	  background: transparent; 
      text-align: center;
	  }

#page_container {
	background: #000000 url('/Images/Common/bg.jpg') repeat 0px 175px; 
	width: 800px;
	margin-left: auto;
	marginright: auto;
	text-align: left;
	}
	
#page_content {position: relative; top: 0px; left: 0px; width: 800px; margin-bottom: 100px;}
ul, li {background: transparent; list-style-type: none;}

/* Links. */
a {color: #0066FF; font-size: 12px; font-weight: normal; text-decoration: none;}
a:link {color: #FF0000; text-decoration: none;}
a:hover {color: #888888; text-decoration: underline;}
a:active {color: #888888; text-decoration: none;}
a:visited {color: #FF0000; text-decoration: none;}

/* Main logo and subtext. */
h1 {color: #0066FF; font-size: 16px; font-weight: bold; text-align: center; text-indent: -9999px; background: #000000 url('/Images/Common/banner.jpg') no-repeat 0px 0px; width: 800px; height: 200px;}
h2 {color: #FF6600; font-size: 12px; font-weight: bold; text-align: center; text-indent: -9999px; width: 800px;}

/* Date. */
#date {color: #666666; font-size: 11px; position: absolute; top: 10px; left: 600px; width: 200px; margin: 0px; padding: 0px;}

/* Login. */
#login_container {position: absolute; top: 10px; left: 590px; width: 200px; height: 100px; margin: 0px; padding: 0px;}
#login_box {width: 196px; margin: 0px; padding: 2px;}
#login_box fieldset {background-color: #FFFFFF; width: 196px; margin: 0px; padding: 0px;}
#login_box p {position: relative; left: 0px; width: 186px; margin: 0px; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 0px; line-height: 2em;}
#login_box p.minor_error {font-size: 10px; width: 200px; padding-bottom: 0px;}
#usr_pass li {padding-top: 1px; padding-bottom: 1px;}
#usr_pass li input {position: relative; top: -1px;}
.login_labels {width: 85px; float: left; clear: left;}
.login_labels label {font-weight: normal; padding-left: 5px;}
#login {width: 186px;}
#login_submit {width: 50px; margin-left: 120px;}

/* User profile. */
#welcome {color: #333333; font-size: 11px; font-weight: bold; position: absolute; top: 10px; left: 600px; width: 200px; margin: 0px; padding: 0px; z-index: 1;}
#profile_links {position: absolute; top: 25px; left: 600px; width: 200px; z-index: 1;}
#profile_links li {display: inline; margin-right: 5px;}
#profile_links li a {font-size: 10px; font-weight: normal;}
#profile_links li a, #profile_links li a:link, #profile_links li a:visited {color: #333333; text-decoration: none;}
#profile_links li a:hover {color: #CC1100; text-decoration: underline;}
#profile_links li a:active {color: #CC1100; text-decoration: none;}

/* Page titles. */
h3 {color:  #FFFFFF; font-size: 14px; font-weight: normal; text-align: center; width: 800px; padding-top: 15px; padding-bottom: 25px;}
h4 {color: #AAAAAA; font-size: 10px; font-weight: normal; text-align: center; width: 675px; position: relative; top: -25px;}

/* Nav. */
#nav {text-align: center; background: #000000 url('/Images/Common/nav_bg.jpg') no-repeat 0px 0px; position: absolute; top: 175px; width: 800px; padding-top: 3px; padding-left: 5px; display: block; z-index: 1;}
#nav li {background: transparent; width: 150px; display: inline; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 10px;}
#nav li a {font-size: 13px; font-weight: normal;}
#nav li a, #nav li a:link, #nav li a:visited {color: #FFFFFF; text-decoration: none;}
#nav li a:hover {color: #888888; text-decoration: none;}
#nav li a:active {color: #888888; text-decoration: none;}

/* Sub navs. */
.sub_nav {width: 800px; display: inline;}
.sub_nav li {padding-right: 10px; display: inline;}

/* Footer nav. */
#footer_nav {text-align: center; background: transparent; width: 800px; margin-left: 0px; display: block; clear: both;}
#footer_nav li {background: transparent; width: 800px; display: inline; padding: 3px;}
#footer_nav li a {color: #FF0000; font-size: 12px; font-weight: normal; text-decoration: none;}
#footer_nav li a:link {color: #FF0000; text-decoration: none;}
#footer_nav li a:hover {color: #AAAAAA; text-decoration: underline;}
#footer_nav li a:active {color: #AAAAAA; text-decoration: none;}

/* Web design. */
#web_design {width: 800px; margin-top: 10px; margin-left: 0px; padding-bottom: 5px;}
#web_design p {color: #AAAAAA; font-size: 10px; text-align: center; padding-top: 1px; padding-bottom: 1px;}
#web_design p a, #web_design p a:link, #web_design p a:hover, #web_design p a:visited {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: underline;}
#web_design p a:active {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: none;}

/* Main error message. */
#main_error_message {text-align: center; position: relative; top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; z-index: 10;}

/* Tables. */
table, thead, tbody, tfooter, tr, th, td {vertical-align: middle;}

/* Labels. */
label {font-weight: bold;}

/* Paragraphs. */
p {margin-left: 50px; margin-right: 50px; padding: 5px;}

/* Images. */
img {border: 0px solid #000000;}
img a {border: 0px solid #000000;}

/* Other headers. */
h5 {color: #FF0000; font-weight: bold; margin-left: 50px;}
h6 {color: #FFFFFF; font-weight: bold;}

/* Google map. */
#map {text-align: center; float: none; clear: both;}
#map h5 {text-align: left;}
#map p {text-align: left; margin-left: 50px;}
#google_map {width: 690px; height:500px; border: 0px solid #000000; overflow: none; margin: 0px; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;}
#google_map_text a {color: #FFFFFF; font-size: 10px; text-align: left;} 

/* Common classes. */
.error {color: #FF0000; font-weight: bold;}
.minor_error {color: #FF0000;}
.minor_error_input {color: #FF0000; border: #FF0000 solid 1px;}
.success {color: #006600;}
.selected {background: #FF0000;}
.odd_row, .odd_row p {background: #DDDDDD;}
.even_row, .even_row p {background: #CCCCCC;}
.day {width: 45px;}
.month {width: 90px;}
.year {width: 60px;}
.hide {display: none;}
.lists {padding: 10px;}
.lists li {padding-left: 10px;}
.lists label {color: #FF0000;}
.rigging_service_products {margin-left: 150px; width: 200px; display: block;}
.mid-america_rigging_images {float: left; border: 3px solid #000000;}
.groundbreaking {margin-top: 25px; margin-bottom: 25px; margin-left: 35px; margin-right: 35px;}
.mid-america_rigging_testing_equipment {margin-left: 275px;}
.warehouse {margin-top: 25px; margin-bottom: 25px; margin-left: 45px; margin-right: 45px;}
.links {padding: 5px;}
.project_images {margin: 25px;}
.important_info {font-weight: bold;}

/* IDs. */
#rigging_service_products_1 {background: transparent url('/Images/mid-america_rigging_logo.gif') no-repeat 250px 0px; margin-left: 100px; margin-right: 100px; width: 600px; height: 275px;}
#rigging_service_products_2 {float: left;}
#rigging_service_products_3 {float: left;}
#services {padding-top: 75px; float: none; clear: both;}
#captions {float: none; clear: both;}
#testing_equipment_specifications {float: none; clear: both;}
#testing_equipment_specifications a {color: #FFFFFF;}
#mid-america_rigging_testing_equipment {margin-top: 25px; border: 3px solid #000000;}
#links {text-align: center;}
#links li {display: inline;}
#rigging_images {text-align: center; margin-bottom: 25px; padding: 25px; float: none; clear: both;}
#project_images {text-align: center; margin-bottom: 25px; padding: 25px; float: none; clear: both;}
#address {width: 350px; height: 50px;}
#contact {width: 350px; margin-left: 425px; margin-top: -70px;}
#contact li {height: 30px;}
#phone {list-style-image: url('../Images/About/phone.png');}
#fax {list-style-image: url('../Images/About/fax.png');}
#email {list-style-image: url('../Images/About/email.png');}

/* Specific incomplete changes. */
#nav li.incomplete:hover ul {display: none;}

