﻿
/* ELEMENTS */
html { margin: 0px; padding: 0px; }
body { background-color: #475354; margin: 0; padding: 0; height: 100%; border: none; background-image: url('Images/img_layout_background.jpg'); background-repeat: repeat-x; margin: 25px; color: #FFFFFF; }
td   { padding: 0px; }


body, input, textarea, td, th, select { font-family: Arial; letter-spacing: 1px; font-size: 12px; }


h1   { color: #e51c69; font-size: 16px; margin: 0px; display: inline; font-weight: bold;   }
h2   { color: #e51c69; font-size: 12px; margin: 5px 0px 10px 0px;  }

img { border: 0px; }

ul { list-style-position: outside; margin-left: 20px; padding-left: 0px; margin-top: 0px; }

a { color: #ffffff; text-decoration: underline; }
a:hover { text-decoration: none; }

iframe { border: solid 2px #ffffff; }



/* ELEMENT IDS */

#tblLayout  { width: 800px; vertical-align: middle; margin-left: auto; margin-right: auto; padding: 0px; background-color: #343c3d;}
#rowHeader  { height: 290px;  }
#imgHeader  { margin-top: 50px; }
#colMenu    { width: 228px; vertical-align: top; padding-bottom: 50px; }
#colMenu div{ margin-top: 50px; margin-left: 60px;  }
#colMenu p  { margin: 10px 0px 0px 0px; text-align: left; font-style:italic; font-size: 12px; }
#colContent { width: 597px; vertical-align: top; font-size: 13px; padding: 12px 25px 50px 50px;}

#rowContact  { height: 26px;  text-align: left; vertical-align: middle; font-size: 10px; padding-left: 55px;}
#rowStripe  { height: 12px; background-color: #EE3977; }
#rowFooter  { height: 26px;  text-align: left; vertical-align: middle; font-size: 10px; padding-left: 55px;}

#ulHow { list-style-type: decimal; }
#ulHow li { margin-bottom: 10px; }

/* CLASSES */

.imgMenuButton { margin: 12px 0px 0px 55px; cursor: pointer; height: 22px; width: 148px; }

.tblWork    { background-color: #282e2e;   margin: 10px; margin-left: 0px; width: 100%; }
.tblWork th { color: #e51c69; text-align: left; font-weight: bold;white-space: nowrap; vertical-align:middle; }
.tblWork td { vertical-align: middle; width: 100%; }


.tblAdmin  { background-color: #282e2e;  margin: 10px 10px 10px 0px; border: none 0px #000000;   }
.tblAdmin a { color: #e51c69; text-decoration: underline; }
.tblAdmin a:hover { text-decoration: none; }

.tblAdmin td { padding: 5px; text-align: left; }




.pInspiration { font-style: italic;  text-align: center; }
.spaHighlight { font-weight: bold; color: #e51c69; }

.colImage { width: 90px; }


/* TEMP */

#imgPhotoHome{ margin: 15px 20px 20px 45px; float: left; }
