/*Delta_Engineering_Framework - www.deltaengr.com*/



/*Color_Legend*/


/*Reset*/

html, body { margin: 0;padding: 0; border: 0;
                background: transparent; font-size: 10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thread {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}

img    {margin: 0; padding: 0; border: 0; }

table, tr, th, tbody, tfoot, thead {
    margin: 0; padding: 0; border: 0;
    vertical-align:baseline;
    background:transparent;
    }

table:  { border-collapse:collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
    margin: 0; padding: 0; border: 0; 
    } 
    
article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display:block; }  
    
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    font-weight:normal;
    font-style:normal;
    line-height:100%;
    text-indent: 0;
    text-decoration:none;
    text-align:left;
    color:#000;
    }
    
ol, ul {  list-style: none; }


/*Global*/

html        {   }
body        { background-color:#ffffff;) }
                        


/*Headings*/

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0; }



/*Text_Elements*/

p                     { color: #000; font-size:12px; line-height:150%; }
p .left               { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right              { margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a                     {   }
a:link                { color: #00f; }
a:visited             { color: #0f0; }
a:active              { color: #000; }
a:focus               { color: #666; }
a:hover               { color: #f00; }

blockquote            { color: #000; font-size:12px; }

strong                { font-weight: bold; }
em                    { font-style: italic; }

/*Images*/



/*Lists*/

ul                    {   }
ol                    { list-style-type: decimal; }

ul li                 { color: #000; font-size:12px; }
ol li                 { color: #000; font-size:12px; }

dl                    {   }
dt                    {   }
dd                    {   }

/*Tables*/

table                 { width:100%; }
 
tr                    {   }
.odd                  { background-color:#eee; }
.even                 { background-color:#fff; }

th                    { font-weight: bold; }
thread, th            { background: #ccc; }	

tbody                 {   }
	
th,td,caption         {   }	
caption               {   }	
	
tfoot                 {   }
.tfooter              { background-color:#ccc; text-align: center; font-style: italic; }

caption               { background: #efefef; }

/*Miscellaneous*/

sup, sub              { line-height: 0; }

abbr, acronym         { border-bottom: 1px dotted #666; }
address               {   }
del                   { background:#ffcece; color:#f00; }

code, pre             { background-color:#ff9; padding:2px 0px; margin:4px 25px;
                          font-family:"Courier New", Courier, monospace;font-size:12px; }
/*CONTAINERS*/

#wrapper              { width:900px; margin:0px auto; background-color:#ffffff; }

#top                  {background-color:#ffffff; width:100%; padding:30px 0; overflow:hidden;   }

#logo                 { margin:0 0 0 10px; float:left;   }

#social-media         { float:right; margin:0 10px 0 0;   }
#social-media p       { color:#000000; font-size:11px; margin:4px 10px 4px 0px; }
#social-media img     { width:24px; height:24px; }
#social-media ul li   { display:inline; }
/*NAV_LINKS*/
#nav-sep h7           {color:#FFFFFF;  }
#topnav               { background-color: #333333; clear: both;   }
#topnav ul            { width: 100%; float: left; margin: 1px; background-color: #333333; 
                             border-bottom:3px #cccccc solid; }
#topnav ul li         { display: inline;  }
#topnav ul li a       { float: left; padding: 10px 50px; }

#topnav a:link        { color:#ffffff; }
#topnav a:visited     { color:#ffffff; }
#topnav a:active      { color:#ffffff; }
#topnav a:hover       { color:#ffffff; background-color:#770000;  }
#topnav a:focus       { color:#ffffff; }

#content              { float: left; width: 650px; padding: 20px;   }
#content h1           { margin:0 0 15px 0; font-size: 25px; text-align:center;
                          border-bottom:1px #777777 solid; padding:20px 0; }
#content p            { margin: 16px 0; line-height: 160%;  } 
#content h2           { margin: 20px 0 0 0; }
#content img          { padding:20px; border:0px;border-color:#000000; solid; margin:8px; } 
#content h3           {float:left;      width:600px;left:10px; font-size:15px; text-align:center;
                             background-color:#B1FEFE;padding:2px;margin:1px; border:3px; }
#content h4           {font-size:16px;text-align:center;padding:5px;   } 
                                                                     
/*Product-Services Page Pics*/
#proj_srvc-pic        {float:left; width:650px;}
#proj_srvc-pic div    {float:left; width:312px; padding:5px;background-color: #ECFFFF; border:1px #000080 solid;}
#proj_srvc-pic h4     {font-size:12px; text-align:center;     }
#proj_srvc-pic img    {float:left; padding:5px; margin:20px; border: }

/*Misc 3D Models Pics*/
#misc_3d_models        {float:left; width:650px;}
#misc_3d_models  div   {float:left; width:140px; padding:5px;background-color: #ECFFFF; border:1px #000080 solid;}
#misc_3d_models  h4    {font-size:10px; text-align:center;     }
#misc_3d_models  img    {float:left; padding:1px; margin:15px 15px 15px 15px; }

/*3D Printing Page Pics*/
#3D_print-pic         {float:left; width:900px; }   
#3D_print-pic div     {float:left; width:180px;margin:20 10 20 10; background-color: #ECFFFF; }
#3D_print-pic h4      {font-size:10px; text-align:center; }
#3D_print-pic img     {float:left; padding:5px; border: 1px #0000FF solid; }


/*Work Example*/
#wk_ex-box            {float:left; width:200px;height:50px; padding:5px;margin:1px 1px 1px 175px;background-color: #ECFFFF; border:1px #000080 solid;
                      font-size:15px;display:table-column; text-align:center;position:static;}




#fixed_pic            {float:left; width:650px; padding:5px;background-color:#FFFFFF;      }

#articles             {float:left; width:650px;text-align:center; padding:5px;background-color:#FFFFFF;border:1px #0000CC solid; font-size: 16px; }

#full_pics            { width: 850px; float: left; margin: 1px;}

#resume               {float:left; width:800px; padding:20px;   }
#resume p             {font-size:13px;     }
#resume li            {font-size:15px;    }
#resume h1            {float:left;padding:2px 0 2px 0; margin:1px; font-size:15px; border:1px;  }
#resume h2            {float:left;padding:2px 0 2px 0; margin:1px; font-size:13px;font-style:italic;border:1px;  }
#resume ul            {font-size:14px;     }

#pe-licenses          {float:left; width:800px; padding:20px;  }
#pe-licenses img      {float:left; padding:10px; margin:20px; border:1px #0000CC solid; }
#pe-licenses h5       {font-size:15px; text-align:center; }
#pe-licenses h3       {margin:1px;        }

#issams-report        {float:left; width:810px; padding:5px;    }

#act-stress-rpt       {float:left; width:810px; padding:5px;    }
                                    
#email-form           {float:left; width:400px; margin:10px 200px 10px 150px; padding:10px;
                      background-color:#9ABFFC; }                                                      
#email-form input     {background-color:#FFFFFF;          }
#email-form textarea  {float:left; background-color:#FFFFFF;    } 
                                  
#rightside            { padding:100px 20px 20px 20px; margin-left: 675px; }
#rightside h2         { margin:20px 0 10px 0; }
#rightside p          { margin:8px 0; line-height:160%; }
#rightside li         {float:left;   font-size:15px;color:#8EC0FD;text-decoration:underline;    }

#banner               {   }

#subbanner            { width: 100%; padding:20px 0; overflow:hidden; background-color:#8EC0FD;   }                           
#subbanner h3         { font-size: 16px; font-weight:bold; text-align:center; }
                          text-align:center; line-height:180%; }                           
#content-wrapper      {   }

#leftnav              {   }

#leftside             {   }

#footer               { clear: both; background-color; background-color:#8EC0FD; padding: 10px 0;    }
#footer p             { text-align: center; }


#box1    {   }

#box2    {   }

#box3    {   }

#box4    {   }

#box5    {   }

#box6    {   }


/*Layout Extra*/




/*Navigation Extra*/



/*Forms*/

form { text-align:left; margin:20px; }

label, submit, input, textarea {
    border:0; padding:0; margin:0; background:none;
    }

label {  /*Contact Form*/
     float: left; width: 150px;margin-top: 5px;
     text-align:right; display:block;
     }
     
input, textarea {  /*Contact Form*/
    border:1px #333 solid; margin-left:10px;padding:5px;
    }  
       
input {
     width: 280px; margin-bottom: 16px;
     }

textarea {
    width: 280px; height: 150px;
    margin-bottom: 16px;
    }
    
select   {   }    
    
.submit {
    width:90px; height:25px;
    margin-left:150px;
    font-size:12px;
    }   
    
br { clear: left; }  

}  /*Contact Form*/
#contact-form ol {
    list-style-type:none; 
    
    
    
    
/* Miscellaneous */

.copyright-text   { font-size:80%; font-style:italic; color:#333; }
.footer-text      { font-size:80%; font-style:normal; color:#666; }              

.title            { font-size:18px; font-weight:bold; color:#333; }
.subtitle         { font-size:14px; font-style:italic; color:#333; }

.artist           { font-size:16px; font-weight:bold; color:#333; }
.author           { font-size:14px; font-weight:bold; color:#555; }
.editor           { font-size:14px; font-style:italic; color:#555; }

.pub-date         { font-size:10px; font-style:italic; color:#555; }
.article-date     { font-size:10px; font-style:italic; color:#555; }
.location         { font-size:10px; font-style:italic; color:#555; }

.float-right      { float:right; }
.float-left       { float:left; }
.clear            { clear:both; }

.hide             { display:none; }
.block            { display:block; }
.inline           { display:inline; }

.first            { font-weight:bold; }
.last             { font-weight:bold; }
.left             { font-weight:bold; text-align:left; }
.right            { font-weight:bold; text-align:right; }

.added            {background: #d7d7ff; }
.removed          {background: #ffcece; color:#f00; }
.changed          {background: #ffb; }


/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, alert, notice, success, .info {
   padding: 0.8em; margin-bottom:1em; border:2px solid #ddd; }
 
.error, .alert    {background: #fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
	
.notice           {background: #fff6bf;color:#514721;border-color:#ffd324; }

.success          {background: #e6efc2;color:#264409;border-color:#c6d880; }

info              {background: #d5edf8;color:#205791;border-color:#92cae4; }

.error a    { color: #8a1f11; }
.alert a    { color: #8a1f11; }

.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a     { color: #205791; }