/* add CSS reset sheet */
@import url(https://reset5.googlecode.com/hg/reset.min.css);

/* general css overall definitions  */
*
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

body
{

}

#WebContainer
{
   width : 100%;
   height: 100%;
   background-color: red;
}


/* ========== header definition================= */
#header
{
  height: 175px;
  width : 100%;
  /*background-color: blueviolet;*/
  /* border-solid: 10px;*/
  border-color     : black;
  background       : url("../images/Header_background.jpg");
  background-size: 100% 100%;
}

#logo
{
    float   : left;
    padding-top : 20px;
    padding-left: 20px;
    margin  : 0px;
}

#HeaderText
{
    float  : right;
    height: 80px;
    width : 350px;
    padding: 45px 20px 10px 20px;
    margin : 10px;
}

#HeaderText P
{
    padding-left     : 30px;
    padding-top      : 10px;
    padding-bottom   : 10px;
    margin           : 3px;
    font-size        : 30px;
    color            : black;
    background-color : yellow;
    border-radius    : 9px;
    border           : red solid 5px;
}

/*========= navigation bar definitions ============== */

#navigationBar
{
    height: 50px;
    width : 100%;
    background-color: chartreuse;
}

#NavMenu ul, .menuLevel1 ul
{
  list-style: none;
  text-decoration: none;
}

#NavMenu li
{
    padding-top     : 10px;
    padding-left    : 3px;
    list-style      : none;
    text-decoration : none;
    outline         : 0 solid red;
    width           : 125px;
    text-align      : center;
    position        : relative;
    float           : left;
}

#NavMenu a
{
 text-decoration  : none;
 display          : block;
 width            : 125px;
 height           : 25px;
 background-color : cornflowerblue;
 border-radius    : 6px;
 padding-top      : 3px;
}

#NavMenu .menuLevel1 a
{
   margin-top : 3px;
}
/* color buttons when mouse over link */
#NavMenu li:hover > a
{
    background-color: bisque;
}

/* color buttons when mouse over link */
#NavMenu li:hover a:hover
{
    background-color: chartreuse;
}

#NavMenu ul.menuLevel1
{
    display : none;
    position: relative;
    top     : 25px;
    left    : 3px;
}

/* when hover over main list item show first menu level */
ul #NavMenu li:hover .menuLevel1
{
    display: block;

}
/* ============= content region definition ================= */
#content
{
  height : 1000px;
  width  : 100%;
  background-color: chocolate;
}

#content h2
{
    text-align: center;
    text-decoration: underline;
}

#content h3
{
    margin-left: 10px;

}
/* ============= footer definition ================= */
#footer
{
 height : 50px;
 width : 100%;
 background-color: yellow;
 text-align: center;
}

#footer p
{
    padding-top : 13px;
}

/**===========================================================================**/
/**                      Home page CSS settings                               **/
/**===========================================================================**/
#h1Home
{
    text-align: center;
    font-size: 18px;
    color : red;
}

#UnderConstructionMovie
{
    text-align: center;
}
/**===========================================================================**/
/**                     software page CSS settings                            **/
/**===========================================================================**/

/**===========================================================================**/
/**                     Electronics page CSS settings                         **/
/**===========================================================================**/
/* heading setting */
#ElectronicsH1
{
   font-size: 30px;
   text-align: center;
   text-decoration-style: wavy;
}

/* ul creation */
.ElectronicsList
{
    text-align: left;
    margin    : 10px 45px;
    list-style: circle;
}

/* package table definition */
#CenterTable
{
    text-align: center;

}


#packageTable
{
    display    : table;
    margin-top : 20px;
    border     : 2px solid black;
    align-content: center;
}
.packageTableData
{
   border: 2px solid black;
   text-align: center;
}
.packageTableRow
{
    border: 2px solid black;
    text-align: center;
}


#PackageDescription
{

}
/**===========================================================================**/
/**                     Projects page CSS settings                            **/
/**===========================================================================**/

#SummaryOfprojects
{
    text-align  : left;
    margin-left : 80px;
    list-style  : decimal;
}

.projectDescrp
{
    margin-left: 30px;
    float: left;
}

.projectImage
{
    margin-left: 300px;
    float : left;
}

#Project1
{
   float : left;
   margin : 20px;
   width : 100%
}

#Project2
{
    float : left;
    margin : 20px;
    width : 100%
}
/**===========================================================================**/
/**                     Picture page CSS settings                             **/
/**===========================================================================**/

/**===========================================================================**/
/**                     About page CSS settings                               **/
/**===========================================================================**/

/**===========================================================================**/
/**                     Contact page CSS settings                               **/
/**===========================================================================**/
.ContactHeader
{
    text-align     : center;
    font-size      : 40px;
    text-decoration: underline;
}

.ContactData
{
    text-align     : left;
    font-size      : 20px;
}

/* user input fields */
#UserInput
{
    margin  : 5px;
    padding : 10px;
    height  : 600px;
    width   : 400px;
}
#RateSite
{
    margin  : 5px;
    padding : 10px;
    height  : 100px;
    width   : 400px;
}
/*===========================================================================*/
/*== END of CSS file                                                        =*/
/*===========================================================================*/