/* el_styles.css - el design / ljkaage 6.2009 */
body{
width:100%; height:100%; margin:0; padding:0; text-align:center;
font-size:100%; background-color:#d0d0d0; background-image:url(imgs/bkgnd_body.png);
background-position:0% 0%; background-repeat:repeat-x;}

a:link, a:visited{
text-decoration:underline;}
a:focus, a:hover{
text-decoration:none;}
a img{
border:none;}
p{
font-size:80%; text-align:left; margin:0 auto; color:#333; padding:8px 0; width:95%;}
ul{
list-style-type:none; margin:0 auto; padding:0;}
acronym{
border-bottom:1px solid #23a8c0; cursor:help;}

div#wrapper{
width:1024px; margin:0 auto; background:transparent url(imgs/bkgnd_contain.gif) repeat-y 142px 0%; padding:0;
font-family:"trebuchet ms", "helvetica", sans-serif;}
#wrapper div#header{
width:841px; margin:0 auto 0 0; background:transparent url(imgs/header.gif) no-repeat -1px 0%;}
#header div#nav{
margin:0 auto; padding:100px 0 0 0; background:transparent none;}
#nav h1{
color:#e93c1a; font-size:90%; text-align:right; width:135px; float:left;
line-height:1em; margin:0 auto;}
#nav h1 span{
display:block; margin:0 auto; font-weight:normal; letter-spacing:1px;}
#nav img{
float:left; display:block; margin:0 auto; padding:0 20px; position:relative; top:-5px;}
#nav ul{
float:right; margin:0 auto; padding:0 60px 0 0;}
#nav ul li{
display:inline; margin:0 auto; padding:0 10px; font-size:80%;}
#nav ul li a{
padding:10px 2px 1px 2px; text-decoration:none; margin:0 auto;}
#nav ul li a:link, #nav ul li a:visited{
color:gray; background:transparent none; border-bottom:1px solid #ececec;}
#nav ul li a:focus, #nav ul li a:hover{
color:#12778f; background:#e6e6e6 none; border-bottom:1px solid white;}
#nav ul li a#sel{
background:#dcdcdc none; color:#23a8c0; border-bottom:1px solid #e93c1a;}

div#contain{
width:697px; margin:0 auto 0 143px; background:transparent none; padding:0;}

div#main{
width:644px; margin:0 auto 0 0; background:transparent url(imgs/bkgnd_mn2.png) repeat-x 0% 0%;
padding:0 0 10px 0;}
#main h2{
font-size:80%; margin:0 auto; padding:0 0 10px 0; width:95%; text-align:left; color:#12778f;
font-style:italic; font-weight:normal; position:relative; top:-10px;}
#main p{
line-height:1.45em; width:85%; color:#555;}
#main p span{
display:block; margin:0 auto 10px auto; text-align:left; padding:5px 0; color:/*#e93c1a*/black;
border-bottom:1px solid #ececec;}
#main p a:link, #main p a:visited{
color:#12778f; text-decoration:underline;}
#main p a:focus, #main p a:hover{
color:#23a8c0; text-decoration:none;}
#main p#ps{
font-size:70%; color:gray; padding:0; margin:0 auto;}

#main div#viddie{
margin:0 auto; background:transparent none; padding:0}
#main div#viddie h2{
color:#12778f; text-align:left; margin:0 auto; width:85%; padding:0;
font-size:120%; font-style:normal; position:static;}
#main div#viddie object{
display:block; margin:0 auto 20px auto; padding:0;}

#main ul#points{
margin:0 auto; padding:0;}
#points li{
font-size:70%; text-align:left; margin:0 auto; width:70%; display:block; padding:0; color:#12778f;}

#main ul#clients{
margin:0 auto; padding:0;}
#clients li{
font-size:80%; text-align:left; margin:0 auto; width:70%; display:block; padding:2px 0;}
#clients li a:link, #clients li a:visited{
color:#e93c1a; text-decoration:underline;}
#clients li a:focus, #clients li a:hover{
color:gray; text-decoration:none;}

#main div#exs{
width:65%; margin:20px auto 0 auto; background:transparent none; padding:0;}
#exs ul{
margin:0 auto 0 50px; padding:0;}
#exs ul li{
display:block; float:left; margin:10px 5px 5px 5px; padding:0; width:100px; height:100px;}
#exs ul li.bkr{
float:none; clear:both; margin:0; width:1px; height:1px; display:block; padding:0;}

#main form{
width:85%; margin:0 auto; padding:0; font-family:"trebuchet ms", "helvetica", sans-serif;}
#main form p{
width:80%; margin:0 auto; text-align:center; padding:0 5px; font-size:80%; border:1px dotted silver;
background:white none;}
#main form p label{
display:block; margin:0 auto; color:#12778f; text-align:left; padding:10px 0 4px 25px;}
#main form p input{
width:80%; margin:0 auto 5px auto;}
#main form p textarea{
width:80%; height:6em; margin:0 auto; font-family:"trebuchet ms", "helvetica", sans-serif;}
#main form p input#btn{
width:50%; background:#e93c1a none; border:none; color:white; font-weight:bold; text-align:right;
display:block; margin:15px auto 10px auto; font-family:"trebuchet ms", "helvetica", sans-serif;
cursor:pointer; cursor:hand; font-size:90%;}
#main form p input#btn:hover{
background:gray none;}
#main form p input#btn2{
width:30%; display:block; margin:10px auto 5px auto; font-family:"trebuchet ms", "helvetica", sans-serif;
cursor:pointer; cursor:hand; font-size:90%;}

div#foot{
margin:0 auto; clear:both; background:transparent url(imgs/foot.gif) no-repeat -1px 4px;
padding:0;}
#foot p{
color:white; text-align:center; margin:0 auto; padding:100px 0 40px 150px; font-size:70%;}