html *, div, p  {padding: 0px; margin: 0px;}

body {
 font-size: 62.5%; /* reset font-sizes to 1em == 10px */
 text-align: center; /* for IE */
 color: #ddd;
 font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; 
 background-image: url(bigger_bkgd.jpg); background-repeat: no-repeat; background-color: #000;
}

* {font-size: 1em;} /* reset font-sizes to 1em == 10px */

#shell {
 position: absolute;
 top: 50%; left: 50%; 
 margin-top: -300px; margin-left: -400px; 
/*put height and width etc in inner*/

}
#inner {
 width: 804px; height: 600px; 
 border: 1px solid #fff; 
 background-color: #000; background-image: url(bkgd_home.jpg); background-repeat: no-repeat; background-position: 186px 0px;
}

#menu { background-color: #000; width: 187px; height: 100%; float: left; border-right: solid 1px #fff;}
#menu a {text-align: right; color: #aaa; margin-right: 35px;}/*actual width 187px*/
#menu a:hover {color: #f58003;}

#menu_index { background-color: #000; width: 186px; height: 100%; float: left; border-right: solid 1px #fff;}
#menu_index a {text-align: right; color: #aaa; margin-right: 35px;}/*actual width 187px*/
#menu_index a:hover {color: #f58003;}

ul {font-size: 1em; text-decoration: none; text-transform: uppercase; list-style: none;}
li {padding-bottom: 10px;}

p {font-size: 1.2em;}
a {font-size: 1.2em; text-transform: uppercase; text-decoration: none; display: block;  padding-top: 27px;}


#content {width: 610px; margin-left: 187px;}
#footer2 {text-align: right; color: #000; font-size: 1em; clear: both; height: 20px; width: 400px; float: right;}
#logo {margin-left: 27px; padding-bottom: 44px; text-align: center; display: block;}
.whiteline {border-bottom: 1px solid #fff;}
.orangina {color: #f58003;}
.grau {color: #aaa}
   
#index {width: 805px; height: 600px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#content_index {background-image: url(bkgd_home.gif); background-repeat: no-repeat; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; width: 612px; height: 550px; background-position: 0px 0px; background-color: #000; float: left; border-right: 1px solid #fff; text-align: left; padding-top: 50px; }/*margin-left: 187px;*/
#content_index p {width: 420px; margin-left: 25px; font-weight: bold; padding-top: 30px; font-size: 1.2em; line-height: 1.5em; text-align: left; float: left;}
#footer {text-align: right; width: 800px;position: absolute; top: 50%; left: 50%; margin-top: 310px; margin-left: -400px; color: #000; font-size: 1em;}


h1 {font-size: 2em; color: #000; padding-top: 60px; padding-bottom: 10px; text-align: left; margin-left: 25px;}
h2 {font-size: 3em; padding-bottom: 40px; text-align: left; margin-left: 25px;}


/*services---------------------------------------------------------------------------------------------------------------*/
#content_services {background-image: url(bkgd_services.jpg); background-repeat: no-repeat; width: 612px; height: 450px; background-position: 0px 0px; background-color: #000; padding-top: 150px; float: left;}
#content_services p {width: 420px; margin-left: 160px; font-weight: bold; padding-top: 30px; font-size: 1.2em; line-height: 1.5em; text-align: left;}
#content_services h3 {font-size: 1.2em; color: #f58003; padding-left: 157px; margin-top: -8px; padding-top: 5px; text-align: left; background-image: url(bkgd_services-title.jpg);background-position: 0px 0px; background-repeat: no-repeat; height: 25px;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*contact---------------------------------------------------------------------------------------------------------------*/
#content_contact {background-image: url(bkgd_contact.jpg); background-repeat: no-repeat; width: 612px;  height: 450px; background-position: 0px 0px; background-color: #000; padding-top: 150px; float: left;}/*border-right: 1px solid white; margin-left: 187px; -replaced by float- dirty hack*/
#content_contact p {width: 420px; margin-left: 180px; font-weight: bold; padding-top: 30px; font-size: 1.2em; line-height: 1.5em; text-align: left;}
#content_contact h3 {font-size: 1.2em; color: #f58003; padding-left: 177px; margin-top: -8px; padding-top: 5px; text-align: left; background-image: url(bkgd_contact-title.jpg);background-position: 0px 0px; background-repeat: no-repeat; height: 25px;}
#content_contact a {padding: 0px; display: inline; color: #fff; text-transform: none; font-weight: normal; font-size: 1em;}
#content_contact a:hover {color: #f58003;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*production---------------------------------------------------------------------------------------------------------------*/
#content_production {background-image: url(bkgd_production.jpg); background-repeat: no-repeat; width: 612px; height: 450px; background-position: 0px 0px; background-color: #000; padding-top: 150px; float: left;}
#content_production p {width: 420px; margin-left: 160px; font-weight: bold; padding-top: 30px; font-size: 1.2em; line-height: 1.5em; text-align: left;}
#content_production h3 {font-size: 1.2em; color: #f58003; padding-left: 157px; margin-top: -8px; padding-top: 5px; text-align: left; background-image: url(bkgd_production-title.jpg);background-position: 0px 0px; background-repeat: no-repeat; height: 25px;}
#content_production a {padding: 0px; display: inline; color: #fff; text-transform: none; font-weight: normal; font-size: 1em;}
#content_production a:hover {color: #f58003;}
/*------------------------------------------------------------------------------------------------------------------------*/

/*send this file---------------------------------------------------------------------------------------------------------------*/
#content_send2MSO {width: 612px; height: 600px; background-color: #000; float: left; border-right: 1px solid #fff;}
#content_send2MSO h3 {font-size: 1.2em; color: #f58003; padding-left: 177px; margin-top: 100px; padding-top: 5px; text-align: left; background-image: url(bkgd_contact-title.jpg);background-position: 0px 0px; background-repeat: no-repeat; height: 25px;}
#content_send2MSO a {padding: 0px; display: inline; color: #fff; text-transform: none; font-weight: normal; font-size: 1em;}
#content_send2MSO a:hover {color: #f58003;}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*Dalton Plan Logo---------------------------------------------------------------------------------------------------------*/
img#BEB {padding-top: 100px;}
